/* ARISA R03 — reference-led typography, layered campaign, woven navigation */
@font-face{font-family:Trirong;src:url('assets/fonts/Trirong-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Trirong;src:url('assets/fonts/Trirong-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--serif:Trirong,'Noto Serif Thai',serif;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:92px}h1,h2,h3{letter-spacing:0;overflow:visible}h1,h2{line-height:1.65}body{font-synthesis:none}.nav{min-height:74px;gap:36px}.navlinks{gap:28px}.navlinks a{font-size:14px}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:39px;font-weight:400;letter-spacing:.09em}.hero{height:clamp(510px,43vw,660px);min-height:0;isolation:isolate;background:#d9c8b0}.hero-stage{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-stage .hero-backdrop{width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero-stage .hero-person{position:absolute;bottom:-31%;height:132%;width:auto;max-width:none;object-fit:contain;object-position:center}.hero-stage .hero-man{right:0%;z-index:1}.hero-stage .hero-woman{right:13%;z-index:2}.hero-text-wrap{height:100%}.hero-copy{width:53%;padding-bottom:0;z-index:3}.hero-copy h1{font:italic 400 clamp(44px,5.5vw,82px)/1.6 Trirong,serif;white-space:nowrap;letter-spacing:-.025em;margin-left:-4px}.hero-copy p{font-size:16px;line-height:1.65;margin:8px 0 30px;color:#211c19}.hero-copy .eyebrow{font-size:13px;letter-spacing:.23em;margin-bottom:3px}.hero-copy .button{padding:12px 27px;font-size:15px}.hero-copy.reveal{animation:copy-in .85s .25s both}.hero-woman{animation:woman-enter 1.4s var(--ease) both}.hero-man{animation:man-enter 1.45s .12s var(--ease) both}
@keyframes woman-enter{from{transform:translateX(-90vw);opacity:0}15%{opacity:1}to{transform:translateX(0);opacity:1}}@keyframes man-enter{from{transform:translateX(75vw);opacity:0}15%{opacity:1}to{transform:translateX(0);opacity:1}}@keyframes copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.button{position:relative;isolation:isolate;overflow:hidden}.button:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transform:translateX(-15px);background:repeating-linear-gradient(45deg,transparent 0 8px,#f7ead51f 8px 9px,transparent 9px 17px),repeating-linear-gradient(-45deg,transparent 0 8px,#f7ead51f 8px 9px,transparent 9px 17px);transition:opacity .35s,transform .5s var(--ease)}.button:is(:hover,:focus-visible):before{opacity:1;transform:none}.button svg{transition:transform .35s var(--ease)}.button:is(:hover,:focus-visible) svg{transform:translateX(5px)}.button:active{transform:translateY(1px)}
.category-pair{padding:4px;gap:4px}.category{min-height:270px}.category:first-child:after{background:linear-gradient(90deg,#f3eadfda,transparent 75%)}.category:first-child .category-copy{color:var(--ink)}.category:first-child .textlink{color:var(--wine)}.category-copy{bottom:30px;left:44px}.category-copy h2{font-size:32px;line-height:1.6}.category-copy h2:before{content:'';display:block;height:2px;width:32px;background:var(--wine);margin-bottom:9px}.category:last-child h2:before{background:#fff}.category-copy p{line-height:1.6;margin-bottom:7px}.section{padding-block:68px}.product-photo{border-radius:3px 3px 0 0}.editorial>img{border-radius:48% 48% 2px 2px / 25% 25% 0 0;margin:32px;width:calc(100% - 64px);height:560px}.editorial-copy{padding:45px 12%}.journal-card img{border-radius:2px 70px 2px 2px}.scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease) var(--reveal-delay,0ms),transform .85s var(--ease) var(--reveal-delay,0ms)}.scroll-reveal.is-revealed{opacity:1;transform:none}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.material-grid figure{margin:0}.material-grid img{aspect-ratio:1;object-fit:cover;border-radius:48% 48% 3px 3px}.material-grid figcaption{font-size:10px;letter-spacing:.15em;margin-top:16px;color:var(--muted)}
.thread-rail{position:fixed;z-index:25;right:12px;top:50%;transform:translateY(-42%);display:flex;flex-direction:column;align-items:center;background:#fcfaf6e8;border:1px solid #d0bda5;border-radius:24px 24px 5px 5px;padding:15px 4px 12px;box-shadow:0 4px 18px #211c1910}.thread-rail:before{content:'';position:absolute;left:50%;width:1px;top:58px;bottom:25px;background:repeating-linear-gradient(to bottom,#b69a76 0 3px,transparent 3px 6px);z-index:-1}.rail-word{font:9px Georgia;writing-mode:vertical-rl;letter-spacing:.2em;margin:0 0 16px}.thread-rail button{width:39px;height:43px;display:grid;place-items:center;position:relative;border-radius:50%;background:var(--paper);color:#6b5743;margin:2px 0}.thread-rail button.active{background:var(--wine);color:var(--paper);box-shadow:0 0 0 3px var(--cream),0 0 0 4px #a67f55}.thread-rail svg{width:18px;height:18px}.thread-rail button span{position:absolute;right:50px;white-space:nowrap;background:var(--ink);color:white;padding:5px 12px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:11px}.thread-rail button:is(:hover,:focus-visible) span{opacity:1}.rail-end{height:7px;width:7px;border:1px solid #a67f55;border-radius:50%;margin-top:10px}.iconbutton:is(:hover,:focus-visible) svg,.thread-rail button:is(:hover,:focus-visible) svg,.mobile-dock a:active svg{animation:icon-nod .6s var(--ease)}@keyframes icon-nod{0%,100%{transform:none}35%{transform:translateY(-3px) rotate(-8deg)}70%{transform:rotate(4deg)}}.mobile-dock,.mobile-collections{display:none}main section[id]{scroll-margin-top:95px}#toast{bottom:30px}
@media(min-width:1100px){.wrap{width:min(1320px,calc(100% - 132px))}.hero-copy{width:53%}}
@media(min-width:1600px){.hero{height:710px}.hero-stage .hero-person{height:137%;bottom:-36%}}
@media(max-width:1099px){.thread-rail{display:none}.hero-copy h1{font-size:clamp(42px,5.5vw,62px)}.hero-copy p{font-size:14px}.hero-stage .hero-woman{right:9%}.hero-stage .hero-man{right:-7%}}
@media(max-width:700px){html{scroll-padding-top:76px}body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.header .nav{min-height:64px;position:relative}.header .wordmark{position:absolute;left:50%;transform:translateX(-50%);font-size:30px}.navtools .cartcount{width:15px;height:15px;font-size:8px}.hero{height:auto;min-height:0;background:#ede3d5;display:flex;flex-direction:column}.hero-stage{position:relative;inset:auto;height:370px;min-height:0;z-index:0}.hero-stage .hero-backdrop{object-position:72% center}.hero-stage .hero-person{height:135%;bottom:-37%}.hero-stage .hero-woman{right:19%;z-index:2}.hero-stage .hero-man{right:-22%;z-index:1}.hero .hero-text-wrap{width:100%;height:auto;margin-top:-24px;z-index:3;position:relative;background:linear-gradient(to bottom,#ede3d500,#f5f0e8 25px)}.hero-copy{background:transparent;padding:16px 23px 25px;width:100%;height:auto}.hero-copy h1{font-size:clamp(32px,9.2vw,43px);line-height:1.75;margin:0;white-space:nowrap}.hero-copy .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:0}.hero-copy p{font-size:12px;line-height:1.7;margin:0 0 17px}.hero-copy .button{font-size:13px;width:100%;min-height:46px;padding:10px 20px}.category-pair{display:none}.mobile-collections{display:flex;gap:4px;margin:16px 18px 0;padding:3px;border:1px solid var(--line);border-radius:26px}.mobile-collections a{width:50%;min-height:44px;display:flex;gap:7px;align-items:center;justify-content:center;border-radius:22px;font-size:11px}.mobile-collections a:first-child{background:var(--wine);color:white}.mobile-collections svg{height:17px;width:17px}.section{padding-block:38px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:24px;line-height:1.65}.section-heading{margin-bottom:19px}.product-info{padding-top:10px}.product-info h3{font-size:12px}.product-info .english{font-size:18px}.editorial>img{height:340px;aspect-ratio:auto;width:calc(100% - 48px);margin:24px 24px 0}.editorial-copy{padding:26px 24px 35px}.editorial-copy h2{font-size:28px}.editorial-copy p{font-size:12px;margin:15px 0 20px}.journal-card img{border-top-right-radius:35px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.material-edit .small{display:none}.material-grid figcaption{font-size:8px;margin-top:10px}.mobile-dock{display:flex;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:45;justify-content:space-around;align-items:center;border:1px solid #cdbda9;background:#fcfaf6f5;box-shadow:0 4px 24px #211c1920;border-radius:20px 20px 9px 9px;padding:6px 4px}.mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:50px;min-height:48px;color:var(--muted);font-size:9px;padding:3px}.mobile-dock [aria-current]{color:var(--wine);background:#741b280b;border-radius:12px}.mobile-dock svg{width:20px;height:20px}#toast{bottom:95px}.product-cta{bottom:85px}.footer-bottom{padding-bottom:18px}}
@media(max-width:375px){.hero-stage{height:325px}.hero-copy h1{font-size:32px}.hero-stage .hero-woman{right:14%}.hero-stage .hero-man{right:-25%}}
@media(prefers-reduced-motion:reduce){.hero-person,.hero-copy.reveal{animation:none!important}.scroll-reveal{opacity:1;transform:none;transition:none}.button:before{transition:none}.thread-rail svg{animation:none}}

.category:first-child img{object-position:center 18%}