:root{--cream:#fff7e9;--coral:#d77553;--ink:#302b26;--line:#d9cfc1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Tahoma,sans-serif}a{color:inherit;text-decoration:none}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:10}.brand{font-size:23px;line-height:.88;font-weight:950;letter-spacing:-1px;position:relative}.brand span{position:absolute;right:-13px;top:-5px;font-size:12px}nav{display:flex;gap:35px;font-size:14px}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:13px 20px;font-size:14px}.nav-cta span{margin-left:25px}.hero{min-height:740px;height:calc(100svh - 100px);max-height:1000px;position:relative;display:grid;grid-template-columns:1.1fr 1fr;padding:65px 7% 90px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;margin:0 0 28px}h1{font-family:Georgia,serif;font-size:clamp(65px,6.8vw,112px);font-weight:normal;line-height:1;letter-spacing:-6px;margin:0 0 28px;position:relative;z-index:2}h1 em{color:var(--coral);font-weight:normal}.thai{font-size:29px;line-height:1.4;margin:0 0 15px;font-weight:600}.description{font-size:16px;line-height:1.8;color:#6a6158;margin:0 0 25px}.button{display:inline-flex;gap:40px;align-items:center;background:var(--ink);color:var(--cream);padding:18px 24px;border-radius:40px;font-size:15px;transition:transform .2s}.button:hover,.nav-cta:hover{transform:translateY(-3px)}.hero-visual{position:relative;display:grid;place-items:center;min-width:0}.hero-card{width:78%;max-width:380px;transform:rotate(9deg);box-shadow:0 20px 50px #573f3426;position:relative;z-index:1;will-change:transform}.hero-card img{display:block;width:100%;height:auto}.orbit-ring{position:absolute;width:112%;aspect-ratio:1;border:1px solid #dba58c;border-radius:50%;transform:rotate(-28deg) scaleY(.74)}.round-note{position:absolute;right:-3%;top:1%;width:110px;height:110px;background:var(--coral);color:var(--cream);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.2;letter-spacing:1px;z-index:2;transform:rotate(12deg)}.round-note span{font-size:28px;line-height:.4}.visual-caption{position:absolute;bottom:-15px;font-size:11px;letter-spacing:3px}.hero-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px}.hero-bottom a{font-size:12px;letter-spacing:0}.hero-bottom a span{margin-left:16px}.ribbon{display:flex;align-items:center;justify-content:space-around;white-space:nowrap;gap:45px;overflow:hidden;background:var(--coral);color:var(--cream);padding:25px 0;font-size:23px}.ribbon span{font-size:16px;font-weight:bold;letter-spacing:1.5px}.scroll-story{height:230vh;min-height:1500px;background:#f1e7d9}.sticky-stage{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;padding:50px 5% 30px;display:flex;flex-direction:column;align-items:center}.story-heading{text-align:center;position:relative;z-index:4}.story-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(30px,3.4vw,52px);line-height:1.35;letter-spacing:-1.5px;margin:0;font-weight:600}.story-heading h2 span{color:var(--coral);font-size:30px;margin-left:14px}.story-heading p:last-child{font-size:16px;color:#71665b}.card-orbit{position:relative;width:100%;flex:1;min-height:350px;display:grid;place-items:center}.spin-card{position:absolute;margin:0;width:min(25vw,260px);will-change:transform;box-shadow:0 15px 35px #49372820}.spin-card img{width:100%;display:block}.center-card{z-index:3;transform:rotate(-6deg)}.back-left{transform:translateX(-95%) rotate(-19deg);z-index:2}.back-right{transform:translateX(95%) rotate(17deg);z-index:1}.story-progress{display:flex;align-items:center;gap:20px;font-size:12px;margin-top:20px}.story-progress>div{height:2px;width:140px;background:#cbbdb0}.story-progress i{display:block;height:100%;width:0;background:var(--coral)}.collection{padding:95px 6% 100px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-top .eyebrow{margin-bottom:18px}.section-top>p{font-size:14px;color:#71665b}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-image{overflow:hidden;background:#e8ddd1}.product-image img{width:100%;display:block;transition:transform .5s}.product-image:hover img{transform:scale(1.035)}.product-label{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:20px 0}.product-label h3{font-family:Georgia,serif;font-size:27px;font-weight:normal;margin:0}.product-label span{font-size:10px;letter-spacing:1px}.create{text-align:center;background:var(--coral);color:var(--cream);padding:90px 20px}.create h2{font-size:clamp(35px,4.5vw,65px);line-height:1.4}.create h2 em{font-style:normal;border-bottom:2px solid var(--cream)}.create p:not(.eyebrow){margin:25px 0;font-size:16px}.light{background:var(--cream);color:var(--ink)}.handle{display:block;font-size:11px;letter-spacing:2px;margin-top:25px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.footer-logo{font-size:24px;font-weight:950;letter-spacing:-1px}footer>span{letter-spacing:1px}a:focus-visible{outline:3px solid #306f88;outline-offset:5px}@media(min-width:1500px){.hero{padding-left:10%;padding-right:10%}}@media(max-width:760px){header{height:78px;padding:0 6%}nav{display:none}.brand{font-size:20px}.nav-cta{padding:11px 14px;font-size:12px}.hero{height:auto;min-height:0;max-height:none;grid-template-columns:1fr;padding:44px 7% 80px;gap:25px}.eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:67px;letter-spacing:-4px}.thai{font-size:25px}.hero-visual{height:450px;margin:0 20px}.hero-card{width:76%;max-width:280px}.round-note{width:90px;height:90px;right:-6%;top:10px;font-size:9px}.visual-caption{bottom:0}.hero-bottom>span{display:none}.hero-bottom{justify-content:center}.ribbon{padding:21px 0}.ribbon span{font-size:12px}.scroll-story{height:200svh;min-height:1300px}.sticky-stage{min-height:640px;padding:42px 5% 25px}.story-heading h2{font-size:30px}.story-heading h2 span{font-size:20px}.story-heading .eyebrow{font-size:9px}.spin-card{width:43vw;max-width:225px}.card-orbit{min-height:300px}.story-progress{gap:12px;font-size:11px}.story-progress>div{width:70px}.collection{padding:65px 7%}.section-top{display:block}.section-top h2{font-size:31px}.section-top>p{line-height:1.8}.product-grid{grid-template-columns:1fr;gap:35px}.product-label span{font-size:11px}.create{padding:65px 7%}.create h2{font-size:34px}.create p:not(.eyebrow){font-size:14px}footer{flex-wrap:wrap;padding:30px 7%}footer>span{order:3;width:100%;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.scroll-story{height:auto;min-height:0}.sticky-stage{position:relative}.hero-card,.spin-card{will-change:auto}}
/* Sliding gallery replaces the scroll-driven rotation. */
.hero-card{transform:none;will-change:auto}.scroll-story{height:auto;min-height:0;padding:65px 0}.sticky-stage{height:auto;min-height:0;position:relative;padding:0;overflow:visible}.story-heading{padding:0 6%}.gallery{width:100%;margin-top:30px}.gallery-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:15px max(7%,calc((100% - 360px)/2)) 30px;scrollbar-width:none;overscroll-behavior-x:contain}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 min(72vw,360px);margin:0;scroll-snap-align:center;box-shadow:0 10px 24px #49372820}.gallery-slide img{display:block;width:100%;height:auto}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:8px}.gallery-controls button{height:48px;width:48px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:24px;cursor:pointer}.gallery-controls button:hover{background:var(--ink);color:var(--cream)}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-status{font-size:14px;letter-spacing:2px;min-width:70px;text-align:center}button:focus-visible,.gallery-track:focus-visible{outline:3px solid #306f88;outline-offset:4px}@media(max-width:760px){.scroll-story{padding:45px 0}.gallery-track{gap:16px;padding-left:14vw;padding-right:14vw}.gallery-slide{flex-basis:72vw}}@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}}