@font-face{font-family:Groove;src:url('assets/display.ttf')}@font-face{font-family:DM;src:url('assets/body.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#faf4e7;color:#363d28;font-family:DM,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c54b28;outline-offset:5px}.preview{padding:10px 20px;text-align:center;background:#485237;color:#fff8e9;font-size:11px;letter-spacing:1.2px}.preview span{padding:0 12px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #d7d0b9}.wordmark{font-family:Groove,Georgia,serif;font-size:32px;line-height:.85;letter-spacing:-2px;color:#b84c29;display:block}.wordmark span{display:block;margin-left:16px}nav{display:flex;gap:36px;font-size:14px}.insta{font-size:13px;border-bottom:1px solid;padding:8px 0}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:50px;padding:58px 6% 70px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:bold;margin:0 0 22px}h1,h2,h3{font-family:Groove,Georgia,serif;font-weight:700}h1{font-size:clamp(52px,5.9vw,88px);line-height:1.02;letter-spacing:-4px;margin:0 0 26px}h1 em{color:#ba4d28;font-style:normal}p{line-height:1.65}.intro{max-width:420px;color:#62644e;font-size:17px}.button{display:inline-flex;align-items:center;gap:48px;background:#b84c29;color:#fff9ed;border:1px solid #b84c29;border-radius:50px;padding:16px 26px;margin-top:18px;font-size:14px}.button:hover{background:#923c22}.button span{font-size:22px}.handnote{font-size:12px;margin-top:22px}.hero-photo{position:relative;padding:0 0 18px}.hero-photo>img{width:100%;height:475px;object-fit:cover;object-position:50% 38%;border-radius:180px 180px 4px 4px;display:block}.round-note{position:absolute;bottom:60px;left:-35px;background:#e4b440;width:115px;height:115px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50%;font-family:Groove;line-height:1.15;transform:rotate(-12deg);font-size:17px}.photo-label{position:absolute;bottom:-8px;right:0;font-size:11px;letter-spacing:1px}.ribbon{background:#e8bb4c;border-top:1px solid #485237;border-bottom:1px solid #485237;display:flex;justify-content:space-around;align-items:center;gap:20px;padding:19px 4%;font-size:11px;letter-spacing:1.5px}.ribbon b{font-size:24px}.section{max-width:1440px;margin:auto;padding:78px 6%}h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;line-height:1.12;margin:0 0 24px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading>p{font-size:14px;text-align:right}.shop-controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0 30px}.filters{display:flex;gap:8px}.filters button{border:1px solid #c6c7ae;background:transparent;padding:10px 18px;border-radius:30px;font-size:13px;color:#454b35}.filters button.selected{background:#485237;color:#fff7e7;border-color:#485237}#result-count{font-size:12px;color:#666c58}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product{background:none;border:0;text-align:left;padding:0;color:inherit;width:100%}.product-image{height:360px;position:relative;background:#ece3d3;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.product:hover img{transform:scale(1.025)}.product-image .tag{position:absolute;left:15px;top:15px;background:#faf4e7;border-radius:20px;font-size:10px;padding:7px 11px;letter-spacing:.5px}.product-info{display:flex;justify-content:space-between;gap:15px;margin-top:17px}.product h3{font-size:21px;line-height:1.2;margin:0}.price{white-space:nowrap;font-size:17px}.product small{display:block;margin-top:8px;color:#70725e;font-size:12px}.view-item{margin-top:14px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.shop-note{font-size:12px;color:#70725e;margin-top:32px;border-top:1px solid #d7d0b9;padding-top:20px}.about{background:#e9edda;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:none;padding-left:max(6%,calc((100% - 1268px)/2));padding-right:max(6%,calc((100% - 1268px)/2))}.about>div>p:not(.eyebrow){max-width:480px;color:#62644e}.about-art{position:relative;text-align:center;padding:70px 15px}.about-art .sun{position:absolute;font-size:310px;line-height:1;color:#dcb441;top:0;left:50%;transform:translateX(-50%)}.about-art span{position:relative;display:block;font-family:Groove;font-size:58px;line-height:1.05;letter-spacing:-2px;color:#465235;transform:rotate(-7deg)}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid;padding-bottom:7px;margin-top:12px}.visit{background:#485237;color:#fbf4e6;max-width:none;text-align:center}.visit h2{font-size:52px}.visit-grid{max-width:1140px;margin:44px auto 25px;display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:40px}.visit-grid>div{border-top:1px solid #899179;padding-top:23px}.visit h3{font-size:26px;margin:17px 0 10px}.visit-grid p{font-size:14px;color:#e1e4cf;max-width:290px}.number{font-size:12px;color:#ead17d}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}details{border-bottom:1px solid #cbcbb5;padding:20px 0}summary{cursor:pointer;font-size:16px}details p{font-size:14px;color:#62644e}details a{text-decoration:underline}footer{border-top:1px solid #d7d0b9;display:flex;align-items:center;justify-content:space-between;padding:40px 6%}footer p{font-size:12px}footer>a:last-child{font-size:14px}dialog{border:0;padding:35px;background:#faf4e7;color:#363d28;max-width:900px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#252919bb}.close{position:absolute;right:12px;top:8px;background:#faf4e7;border:0;border-radius:50%;width:36px;height:36px;font-size:28px;z-index:2}#dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}#dialog-content img{width:100%;max-height:65vh;object-fit:contain}#dialog-content h2{font-size:35px}#dialog-content p{font-size:14px}.pending{padding:14px;background:#e9edda;border:1px solid #bac2a7;font-size:13px}.detail-price{font-size:26px!important}.detail-facts{font-size:13px;border-top:1px solid #cccbb8;padding-top:12px;line-height:1.8}
@media(max-width:760px){header{padding:20px 6%;flex-wrap:wrap;gap:23px}.wordmark{font-size:28px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px}.hero{padding:38px 6% 45px;grid-template-columns:1fr;gap:30px}h1{font-size:59px;letter-spacing:-3px}.intro{font-size:16px}.hero-photo{margin-left:20px}.hero-photo>img{height:370px}.round-note{left:-20px;bottom:45px;width:100px;height:100px}.ribbon{flex-wrap:wrap;gap:10px;font-size:9px}.ribbon span{width:40%;text-align:center}.ribbon b{display:none}.section{padding:48px 6%}.section-heading{display:block}.section-heading>p{text-align:left;margin:0 0 24px}.shop-controls{display:block}.filters{margin-bottom:16px}.filters button{padding:9px 14px}.products{grid-template-columns:repeat(2,1fr);gap:26px 14px}.product-image{height:230px}.product h3{font-size:19px}.product-info{display:block}.price{display:block;margin-top:8px}.product-image .tag{left:8px;top:8px;font-size:9px}.about{grid-template-columns:1fr;gap:35px}.about-art{padding:44px 0}.about-art .sun{font-size:250px}.about-art span{font-size:48px}.visit h2{font-size:40px}.visit-grid{grid-template-columns:1fr;gap:20px}.visit-grid p{max-width:none}.faq{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:25px}footer p{width:60%}.preview{font-size:9px;letter-spacing:.5px}.preview span{padding:0 5px}#dialog-content{grid-template-columns:1fr;gap:20px}dialog{padding:30px 20px}#dialog-content img{max-height:40vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image img{transition:none}}

/* Supplied brand artwork and full portrait photograph. */
.wordmark{line-height:0;letter-spacing:normal}.wordmark img{display:block;width:104px;height:104px;object-fit:contain}header{padding-top:14px;padding-bottom:14px}.hero-photo>img{height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:140px 140px 4px 4px}.hero-photo{max-width:470px;justify-self:end;width:100%}.round-note{bottom:90px;left:-35px}footer .wordmark img{width:100px;height:100px}@media(max-width:760px){.wordmark img{width:86px;height:86px}.hero-photo{width:calc(100% - 20px);max-width:440px}.hero-photo>img{height:auto;border-radius:100px 100px 4px 4px}.round-note{left:-20px;bottom:55px}}

/* Warm cream with restrained framing and Konbini accents. */
body{background:#f0e2c5;color:#243e30}
header,footer{border-color:#667052}
.intro,.handnote,.section-heading>p,.product small,#result-count,.shop-note{color:#4c543e}
.shop-note{border-color:#a3a488}
.hero h1 em{color:#9b4427}
.hero-photo>img{border:1px solid #304a35;padding:7px;background:#e4cf9d;box-shadow:5px 6px 0 #cbb780}
.button{background:#314b34;border-color:#243e30;color:#fff0cb}
.button:hover{background:#213725}
.ribbon{background:#d8b554;border-color:#52613a;color:#213925}
.filters button{color:#273e2c;border-color:#78815e;background:#f5ead3}
.filters button.selected{background:#354b2f;color:#fff0cb;border-color:#354b2f}
.product-image{background:#e4cf9d;border:1px solid #52613a;padding:5px;border-radius:3px}
.product-image .tag{background:#f0e2c5;color:#243e30;border:1px solid #52613a}
.product-info{border-top:1px solid #a3a488;padding-top:14px}
.round-note{background:#304b36;color:#f4d77b;border:1px solid #e4cf9d;box-shadow:0 0 0 1px #304b36}
.about{background:#382a24;color:#eee0c4;border-top:1px solid #584235;border-bottom:1px solid #584235}
.about>div>p:not(.eyebrow){color:#eee0c4}
.about-art span{color:#233d2b}.about-art .sun{color:#d3ad45}
.visit{background:#304a35;color:#fff0c5;border-bottom:1px solid #243e30}
.visit-grid>div{border-color:#8e9a62}.visit-grid p{color:#f1e7c4}
.faq details{border-color:#929879}.faq details p{color:#34442b}
dialog{background:#f0e2c5;color:#243e30;border:1px solid #304a35}.close{background:#f0e2c5;color:#243e30}
#dialog-content img{border:1px solid #667052;padding:5px;background:#e4cf9d}
.detail-facts{border-color:#929879}.pending{background:#d8dcc0;border-color:#78815e;color:#243e30}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#173f38}
.visit a:focus-visible{outline-color:#ffdc7a}

/* Quiet brand details, orange accents, and a more consistent rhythm. */
.eyebrow,.photo-label,.text-link,.view-item,.price,.detail-price{color:#a04422}
.hero{padding-top:42px;padding-bottom:48px;gap:44px}
.hero-photo{padding-bottom:0;margin-bottom:42px}
.round-note{position:static;transform:none;display:flex;gap:8px;width:max-content;height:auto;padding:7px 12px;margin:14px auto 0;background:transparent;color:#a04422;border:1px solid #a04422;border-radius:5px;box-shadow:none;font:12px DM,Arial,sans-serif;line-height:1.3}
.photo-label{position:static;display:block;text-align:center;margin-top:9px;letter-spacing:.5px;font-size:10px}
.brand-sunset{display:inline-block;flex-shrink:0;width:22px;height:15px;border-radius:22px 22px 0 0;background:linear-gradient(to bottom,#ba4d28 0 44%,#d46a27 44% 72%,#df8b36 72%);border-bottom:3px double #304a35}
.ribbon{padding:15px 4%;gap:16px}.ribbon .brand-sunset{width:18px;height:13px}
.section{padding-top:62px;padding-bottom:62px}.section .eyebrow{margin-bottom:14px}.section-heading h2{margin-bottom:12px}.section-heading>p{margin-top:0;margin-bottom:12px}
.shop-controls{margin:18px 0 24px}.filters button{color:#a04422;border-color:#b56a45;border-radius:6px}.filters button.selected{background:#a04422;color:#fff1d5;border-color:#a04422}.filters button:hover{background:#e8cfaa}.filters button.selected:hover{background:#87371b}
.product-category{color:#a04422;font-size:10px;letter-spacing:1.4px;margin-top:16px}
.product-info{border:0;margin-top:8px;padding-top:0;align-items:baseline}.price{font-weight:bold;font-size:18px}
.product small{line-height:1.5;margin-top:8px}.view-item{margin-top:12px}.shop-note{margin-top:26px;padding-top:16px}
.about-art{display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 0}.about-sunset{position:static;width:165px;height:96px;border-radius:165px 165px 0 0;border-bottom:9px double #304a35}.about-art span{font-size:49px;transform:none;line-height:1.05}.about{gap:60px}
.visit .eyebrow,.visit .text-link,.visit .number{color:#f2ad70}.visit-grid{margin-top:32px;margin-bottom:18px}
summary{color:#a04422;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.5}summary::-webkit-details-marker{display:none}summary::after{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:4px}details[open] summary::after{transform:rotate(225deg)}details{padding:18px 0}details p{margin-bottom:0}.faq{gap:40px}
@media(max-width:760px){.hero{padding:30px 6% 34px;gap:24px}.hero-photo{width:100%;margin:0;justify-self:center}.hero-photo>img{border-radius:95px 95px 4px 4px}.round-note{margin-top:12px;font-size:11px}.section{padding-top:40px;padding-bottom:40px}.eyebrow{margin-bottom:16px}.handnote{margin-top:16px}.section-heading>p{margin-bottom:16px}.shop-controls{margin-top:12px}.filters{margin-bottom:12px}.products{gap:28px 16px}.product-info{display:block}.price{margin-top:7px}.product-category{font-size:9px;margin-top:12px}.about{gap:26px}.about-art{padding:0 0 8px;gap:16px}.about-art span{font-size:39px}.about-sunset{width:120px;height:72px}.ribbon .brand-sunset{display:none}.visit-grid{margin-top:24px}.faq{gap:4px}}

/* A unified type hierarchy and calmer flow. */
header{padding:26px 6%;max-width:1280px;border-bottom:1px solid #9c9e80;gap:32px}
header .wordmark{line-height:1;flex-shrink:0}header .header-name{display:block;margin:0;font:34px/1.1 Groove,Georgia,serif;letter-spacing:-1.3px;color:#243e30}
header .brand-line{display:block;margin:8px 0 0;width:100%;height:5px;background:linear-gradient(to right,#a04422 0 48%,#d48a3b 48% 68%,#243e30 68%);border-radius:2px}
nav{gap:28px;font-size:14px}.insta{color:#a04422}
.hero{max-width:1280px;grid-template-columns:1.05fr 1fr;gap:56px;padding:48px 6% 56px}
.hero .eyebrow{font:24px/1.3 Groove,Georgia,serif;letter-spacing:0;text-transform:none;color:#a04422;margin:0 0 22px}
h1{font-size:clamp(48px,5.5vw,72px);letter-spacing:-2.8px;line-height:1.06;margin-bottom:24px}
.intro{font-size:17px;line-height:1.65;max-width:400px;margin:0 0 24px}.button{margin-top:0;border-radius:6px;padding:13px 22px;gap:32px;background:#a04422;border-color:#a04422}.button:hover{background:#87371b}.handnote{margin:16px 0 0}
.hero-photo{margin:0;max-width:420px}.hero-photo>img{border-radius:12px;box-shadow:none;padding:6px;background:#e9d6ad}
.section{max-width:1280px;padding:56px 6%}.shop{border-top:1px solid #9c9e80}.eyebrow{font-size:13px;letter-spacing:1.4px}h2{font-size:44px;line-height:1.15;letter-spacing:-1.4px}.section-heading{align-items:end}.section-heading>p{max-width:180px}.shop-controls{margin:24px 0}.products{gap:26px}.product-image{border-radius:8px}.product-category{font-size:11px;letter-spacing:1px}.shop-note{line-height:1.6}
.about,.visit{max-width:none}.about-art span{font-size:44px}.about{gap:56px}.visit h2{font-size:44px}.visit-grid{gap:32px}.faq h2{max-width:360px}footer{max-width:1280px;margin:auto;padding:32px 6%}
@media(max-width:760px){header{padding:22px 6% 18px;gap:22px}header .header-name{font-size:29px}nav{font-size:14px;gap:14px}.insta{font-size:12px}.hero{grid-template-columns:1fr;padding:32px 6% 36px;gap:28px}.hero .eyebrow{font-size:23px;margin-bottom:16px}h1{font-size:clamp(42px,10.8vw,62px);letter-spacing:-2px;line-height:1.05;margin-bottom:20px}.intro{max-width:none;font-size:16px;margin-bottom:22px}.hero-photo{max-width:none;width:100%;margin:0}.hero-photo>img{border-radius:10px;aspect-ratio:3/4}.section{padding:36px 6%}h2,.visit h2{font-size:34px}.section-heading>p{max-width:none;margin-bottom:0}.shop-controls{margin:20px 0}.products{gap:26px 16px}.eyebrow{font-size:12px}.product-image{height:225px}.product h3{font-size:19px}.about{gap:28px}.about-art span{font-size:36px}.about-sunset{width:100px;height:60px}footer .wordmark img{width:78px;height:78px}.faq{gap:8px}}

/* Tram's story: a clear heading followed by personal, readable copy. */
.about{grid-template-columns:.85fr 1.15fr;align-items:start;gap:64px}
.about-heading h2{font-size:clamp(36px,3.8vw,50px);line-height:1.16;margin-bottom:26px}
.story-palette{display:flex;width:168px;height:10px;overflow:hidden;border-radius:3px}
.story-palette i{flex:1;background:#304a35}.story-palette i:nth-child(2){background:#8b9252}.story-palette i:nth-child(3){background:#d4a745}.story-palette i:nth-child(4){background:#a04422}
.about .about-story>p{max-width:580px;font-size:16px;line-height:1.8;margin:0 0 20px}.about-story .text-link{margin-top:2px}
@media(max-width:760px){.about{grid-template-columns:1fr;gap:26px}.about-heading h2{font-size:36px;margin-bottom:20px}.about .about-story>p{font-size:16px;line-height:1.75;margin-bottom:20px}.story-palette{width:140px;height:8px}}

/* Keep the collection heading and shipping note direct. */
.shop .section-heading h2{margin:0}.shop-note{border-top:0;padding-top:0;margin-top:24px}.shop #result-count{display:none}

#dialog-content .shipping-note{font-size:12px;color:#4c543e;margin:-10px 0 20px}

.about .about-story > .eyebrow{font-size:13px;line-height:1.4;letter-spacing:1.4px;color:#edac76;margin:0 0 18px}

/* Keep the shop descriptor with the wordmark, leaving the hero clear. */
header .wordmark .brand-tagline{margin:10px 0 0;font:15px/1.4 DM,Arial,sans-serif;letter-spacing:.2px;color:#a04422}
.hero{padding-top:44px}
@media(max-width:760px){header .wordmark .brand-tagline{font-size:14px;margin-top:9px}.hero{padding-top:32px}}

.about-heading .story-sixties { color: #df9061; }

.about-heading .story-seventies { color: #e0b545; }

.about-heading .story-personal { color: #eee0c4; }

.about-heading .story-me { color: #b6c276; }

.about .text-link { color: #edac76; }
.about a:focus-visible { outline-color: #eee0c4; }