*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Jost,Arial,sans-serif;color:#151515;background:#f5f4f1;overflow-x:hidden}button,a{font-family:inherit}.siteHeader{position:fixed;z-index:50;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;display:flex;justify-content:space-between;align-items:center;color:#fff;transition:background .45s ease,backdrop-filter .45s ease,color .45s ease}.siteHeader.scrolled{background:rgba(14,14,14,.83);backdrop-filter:blur(14px)}.siteHeader button{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.94);color:#111;border-radius:30px;padding:11px 17px;font:500 11px Jost;letter-spacing:.1em;cursor:pointer;transition:transform .25s ease,background .25s ease}.siteHeader button:hover{transform:translateY(-2px);background:#fff}.brand{font-size:11px;letter-spacing:.2em}.brand span{margin:0 9px}.hero{min-height:100svh;position:relative;background:#8f806d;overflow:hidden;display:grid;place-items:center}.hero::before{content:"";position:absolute;inset:-4%;background:url('assets/editorial/p1.webp') center/cover no-repeat;filter:blur(24px) brightness(.72);transform:scale(1.08);opacity:.65}.hero img{position:relative;z-index:1;width:100%;height:100svh;object-fit:contain;display:block;filter:drop-shadow(0 18px 48px rgba(0,0,0,.18));transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.hero.loaded img{transform:scale(1)}.scrollcue{position:absolute;z-index:2;bottom:26px;left:0;right:0;text-align:center;color:#fff;font-size:10px;letter-spacing:.24em;animation:floatCue 1.8s ease-in-out infinite}.story{min-height:86svh;display:grid;place-items:center;padding:110px 9%}.story>div{max-width:820px}.taupe{background:#9b8972;color:#fff}.story small{letter-spacing:.17em}.story h1{font-weight:300;font-size:clamp(38px,6vw,74px);line-height:.98;margin:24px 0 32px}.story p{font-weight:300;font-size:clamp(16px,1.5vw,20px);line-height:1.75;max-width:760px}.editorial{display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:hidden}.editorial figure{margin:0;overflow:hidden;position:relative;min-height:70vh}.editorial img{width:100%;height:100%;object-fit:contain;display:block;background:#fff;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.editorial figure:hover img{transform:scale(1.025)}.discover{min-height:76svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:#151515;color:#fff;position:relative;overflow:hidden}.discover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 48%)}.discover>*{position:relative}.discover p{letter-spacing:.27em;font-size:10px}.discover h2{font-weight:300;font-size:clamp(38px,6vw,72px);margin:18px;line-height:1}.discover span{font-weight:300}.discover button{margin-top:36px;padding:15px 26px;border:1px solid #fff;background:transparent;color:#fff;font:500 11px Jost;letter-spacing:.17em;cursor:pointer;transition:background .3s,color .3s,transform .3s}.discover button:hover{background:#fff;color:#111;transform:translateY(-2px)}
/* Native interactive product stage */
.lookExperience{background:#fff;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);position:relative}.mediaPanel{min-height:100svh;background:#f3f3f1;display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden}.lookMedia{position:relative;min-height:0;overflow:hidden;touch-action:pan-y}.lookSlide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(3%) scale(.985);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.2,1);pointer-events:none}.lookSlide.on{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.lookSlide img{width:100%;height:100%;max-height:calc(100svh - 72px);object-fit:contain;display:block;padding:24px;background:#fff}.mediaArrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:20px;cursor:pointer;transition:transform .25s,background .25s}.mediaArrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.mediaPrev{left:18px}.mediaNext{right:18px}.dots{height:72px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff}.dots i{display:block;width:6px;height:6px;border-radius:50%;background:#c8c8c8;transition:width .35s,background .35s,border-radius .35s}.dots i.on{width:28px;border-radius:10px;background:#111}.infoPanel{min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:#fff;position:relative;padding:90px 8% 58px}.infoInner{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .42s ease}.infoInner.switching{opacity:0;transform:translateY(14px)}article{max-width:560px;margin:0;padding:0}article .eyebrow{font-size:10px;letter-spacing:.2em;color:#777}article h2{font-size:clamp(28px,2.3vw,42px);line-height:1.02;font-weight:400;margin:12px 0 8px}article .meta{font-size:11px;letter-spacing:.08em;color:#555;line-height:1.7}article h3{font-weight:500;font-size:13px;letter-spacing:.14em;margin:30px 0 9px}article p{font-weight:300;line-height:1.72;margin:0;font-size:15px}article .buy{display:block;margin-top:28px;background:#111;color:#fff;text-align:center;padding:16px;text-decoration:none;font-size:10px;letter-spacing:.17em;transition:background .25s,transform .25s}article .buy:hover{background:#8f806d;transform:translateY(-2px)}article .soon{display:block;margin-top:28px;border:1px solid #111;text-align:center;padding:15px;font-size:10px;letter-spacing:.18em}.looknav{max-width:560px;width:100%;margin:34px 0 0;display:flex;justify-content:space-between;align-items:center}.looknav button{border:1px solid #ddd;background:#fff;width:46px;height:46px;border-radius:50%;font-size:20px;cursor:pointer;transition:background .25s,border .25s,transform .25s}.looknav button:hover{background:#111;color:#fff;border-color:#111;transform:scale(1.04)}.looknav span{font-size:10px;letter-spacing:.18em}.progress{position:absolute;left:0;bottom:0;height:3px;background:#111;width:5%;transition:width .6s cubic-bezier(.2,.75,.2,1)}
/* drawer */
dialog{width:min(92vw,760px);height:100%;max-height:none;margin:0 0 0 auto;border:0;padding:34px;background:#f5f4f1;transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.75,.2,1);display:block;visibility:hidden}dialog[open]{visibility:visible;transform:translateX(0)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}#closeDrawer{float:right;border:0;background:none;font-size:32px;cursor:pointer}dialog h3{letter-spacing:.18em;font-weight:400}#grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:40px}.card{background:#fff;border:0;padding:0;text-align:left;font-family:Jost;cursor:pointer;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}.card div{padding:12px}.card b{font-size:11px;font-weight:500}.card span{display:block;font-size:9px;color:#777;margin-top:3px}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes floatCue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:900px){.brand{display:none}.hero img{height:100svh}.story{min-height:78svh;padding:90px 8%}.story h1{font-size:clamp(34px,10vw,54px)}.editorial{grid-template-columns:1fr}.editorial figure{min-height:auto}.editorial img{height:auto;object-fit:contain}.lookExperience{display:block}.mediaPanel{min-height:69svh;height:69svh}.lookSlide img{height:calc(69svh - 54px);max-height:none;padding:8px 0;object-fit:contain}.dots{height:54px}.infoPanel{min-height:auto;padding:38px 24px 48px}.looknav{max-width:none;margin-top:28px}.mediaArrow{width:40px;height:40px}.mediaPrev{left:10px}.mediaNext{right:10px}dialog{width:94vw;padding:24px}#grid{grid-template-columns:1fr 1fr;gap:9px}}
@media(max-width:520px){.siteHeader{padding-left:12px;padding-right:12px}.siteHeader button{padding:10px 14px}.hero::before{filter:blur(18px) brightness(.75)}.hero img{width:100%;height:100svh;object-fit:contain}.story p{font-size:16px}.discover{min-height:66svh}.lookExperience{min-height:auto}.mediaPanel{height:65svh;min-height:65svh}.lookSlide img{height:calc(65svh - 52px);padding:4px 0}.dots{height:52px}.infoPanel{padding:34px 22px 44px}article h2{font-size:30px}article p{font-size:14px}.mediaArrow{top:46%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}