@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650&family=Italiana&display=swap');
:root{--paper:#faf9f6;--ink:#201f1c;--muted:#77736c;--line:#dedbd4;--serif:'Italiana','Bodoni MT',Didot,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}body:has(dialog[open]){overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0;background:none}img,video{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:2px solid #ad8864;outline-offset:5px}[hidden]{display:none!important}header{height:86px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;padding:0 3.5%;gap:24px;color:#fff;border-bottom:1px solid #ffffff36;transition:background .3s,color .3s}header.scrolled{position:fixed;background:#faf9f6f5;backdrop-filter:blur(12px);color:var(--ink);border-color:var(--line);height:72px}.logo{font-family:var(--serif);font-size:28px;line-height:1;letter-spacing:-1px}.logo span{display:block;font-family:'DM Sans',sans-serif;text-align:center;font-size:7px;letter-spacing:7px;margin-top:5px;margin-left:7px}.icon{padding:5px;width:30px;height:30px;position:relative;flex-shrink:0}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}.header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}header nav{display:flex;gap:26px;margin-left:35px;font-size:12px}#count{position:absolute;right:-4px;top:-5px;background:var(--ink);color:white;font-size:8px;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}.essayage-nav{font-size:11px;padding:12px 0;border-bottom:1px solid currentColor}.hero{position:relative;min-height:740px;height:94svh;max-height:1100px;overflow:hidden;background:#95816f;color:#fff}.hero-images{display:grid;grid-template-columns:1fr 1.2fr 1fr;position:absolute;inset:0;animation:hero-in 2s ease-out both;transform:scale(1.02)}.hero-images img{object-position:center 35%}.hero-film{overflow:hidden}.hero-film video{object-position:50% 38%}.hero-side{overflow:hidden;background:#ccc1b2}.hero-side:first-child img{animation:drift 18s ease-in-out infinite alternate}.hero-side:last-child img{animation:drift 20s ease-in-out infinite alternate-reverse}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#211b1540 0%,#20170e15 22%,#21180f60 65%,#20180e55 100%)}.hero-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:100px 4% 70px}.hero-eyebrow{font-size:11px;letter-spacing:2px;animation:enter 1s .1s both}.hero h1{font-family:var(--serif);font-size:clamp(70px,16.3vw,255px);font-weight:400;letter-spacing:-.067em;line-height:.96;margin:14px 0 24px;animation:enter 1.2s .15s both}.hero h1 span{font-family:'DM Sans',sans-serif;display:block;letter-spacing:.9em;font-size:clamp(10px,1.3vw,18px);font-weight:400;margin:14px 0 0 .9em}.hero-desc{font-size:17px;line-height:1.6;font-weight:400;margin:14px 0 30px;animation:enter 1.2s .3s both}.button{min-height:52px;display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:17px 25px;font-size:10px;font-weight:600;letter-spacing:.6px;transition:background .3s,color .3s,transform .3s}.button:hover{transform:translateY(-3px)}.button span{font-size:19px;font-weight:400}.white{color:#1e1d1b;background:#faf9f6}.white:hover{background:#e9e0d4}.black{color:white;background:#25241f}.black:hover{background:#6b5744}.hero .button{animation:enter 1.2s .45s both}.hero-bottom{position:absolute;bottom:25px;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.hero-bottom a span{margin-left:20px;display:inline-block;animation:bob 2s infinite}#film-toggle{border:1px solid #ffffff66;border-radius:50%;width:34px;height:34px;font-size:12px}.hero-side-label{position:absolute;left:18px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px}.marquee{padding:22px 0 24px;overflow:hidden;border-bottom:1px solid var(--line);font-family:var(--serif);background:var(--paper)}.marquee>div{width:max-content;font-size:clamp(35px,4.6vw,75px);white-space:nowrap;animation:marquee 37s linear infinite;line-height:1}.marquee span{padding:0 35px;font-size:.5em;vertical-align:middle}.section{padding:85px 3.5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:500;margin:0 0 17px}h2{font-size:clamp(28px,3.1vw,48px);font-weight:450;letter-spacing:-1.5px;line-height:1.1;margin:0}h2 em{font-family:var(--serif);font-weight:400}.filters{display:flex;gap:22px}.filters button{font-size:12px;color:var(--muted);padding:10px 0;border-bottom:1px solid transparent}.filters button.active{color:var(--ink);border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 18px}.product-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#e7dfd3}.product-image>img{object-fit:contain;transition:transform 1s cubic-bezier(.2,.6,.2,1)}.product:hover .product-image>img{transform:scale(1.05)}.product-open{position:absolute;inset:0;z-index:1;width:100%;height:100%}.product-heart{position:absolute;top:12px;right:12px;border-radius:50%;width:32px;height:32px;background:#ffffffd9;z-index:2;font-size:22px;line-height:1}.product-heart.saved{color:#9d3e43}.product-tag{position:absolute;top:17px;left:14px;font-size:8px;letter-spacing:.5px}.product-discover{position:absolute;bottom:0;left:0;right:0;background:#faf9f6e8;padding:16px;display:flex;justify-content:space-between;font-size:9px;transform:translateY(100%);transition:transform .3s}.product:hover .product-discover,.product:focus-within .product-discover{transform:translateY(0)}.product-meta{padding:15px 0;display:flex;justify-content:space-between;align-items:start;gap:8px}.product-meta h3{font-weight:500;font-size:13px;margin:0 0 5px}.product-meta p{color:var(--muted);font-size:10px;margin:0}.product-meta>span{font-size:9px;color:var(--muted);padding-top:3px}.collection-note{font-size:9px;color:var(--muted);margin:20px 0 0}.univers{display:grid;grid-template-columns:1fr 1fr;gap:3px}.universe{position:relative;height:740px;overflow:hidden;background:#c3b4a6}.universe img{object-position:center 40%;transition:transform 1.2s}.universe:hover img{transform:scale(1.04)}.universe:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15110dc4,transparent 70%)}.universe-copy{position:absolute;bottom:45px;left:8%;right:8%;color:white;z-index:1}.universe-copy>span:first-child{font-size:9px;letter-spacing:1.2px}.universe-copy h2{font-family:var(--serif);font-size:clamp(52px,6vw,95px);font-weight:400;margin:20px 0 30px;letter-spacing:-2px;line-height:.94}.universe-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff70;padding-top:18px;font-size:9px;letter-spacing:1px}.universe-link b{font-size:26px;font-weight:400}.statement{padding-top:120px;padding-bottom:120px;text-align:center}.statement h2{font-size:clamp(47px,6.6vw,100px);font-weight:400;letter-spacing:-4px;line-height:1.08;margin:35px auto 40px}.statement h2 em{color:#9c8c76}.text-link{font-size:10px;letter-spacing:.7px;padding-bottom:10px;border-bottom:1px solid var(--ink);display:inline-flex;gap:45px}.atelier{display:grid;grid-template-columns:1fr 1fr;background:#ebe4da}.atelier-visual{height:800px;position:relative}.atelier-visual img{object-fit:contain;background:#dcd0bc}.atelier-visual>span{position:absolute;bottom:25px;left:30px;font-size:8px;letter-spacing:1px}.atelier-copy{padding:90px 12%;display:flex;flex-direction:column;align-items:start;justify-content:center}.atelier-copy h2{font-size:clamp(40px,4.6vw,75px);margin:15px 0 28px;font-weight:400;letter-spacing:-2.5px}.atelier-copy>p:not(.eyebrow){max-width:350px;color:#615d55;line-height:1.9;font-size:12px;margin:0 0 18px}.address{display:flex;border-top:1px solid #c9c0b1;width:100%;padding:25px 0;margin:16px 0 10px;justify-content:space-between;gap:20px;align-items:start}.address>span{font-size:8px;letter-spacing:1px}.address p{font-size:11px;line-height:1.8;margin:0}.lower{padding:30px 0}footer{background:#25251f;color:#f6f1e7;padding:70px 3.5% 25px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:60px}.footer-logo{font-family:var(--serif);font-size:clamp(40px,5vw,85px);line-height:1;letter-spacing:-3px}.footer-logo span{display:block;font-family:'DM Sans',sans-serif;letter-spacing:10px;font-size:9px;margin:12px 0 0 6px}.footer-top p{font-size:17px;line-height:1.5;margin:0}.footer-top>div{display:flex;flex-direction:column;gap:16px;font-size:11px}.footer-bottom{border-top:1px solid #ffffff24;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#b8b6ac;font-size:8px}.preview-badge{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:#faf8efeb;backdrop-filter:blur(9px);border:1px solid #d3ccbf;padding:10px 16px;z-index:12;font-size:8px;letter-spacing:.5px;border-radius:30px;white-space:nowrap;box-shadow:0 2px 10px #00000012}.preview-badge span{margin:0 8px}.reveal{opacity:1;transform:none}html.motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}html.motion .reveal.visible{opacity:1;transform:none}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(900px,94vw);max-height:90svh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#19140d80;backdrop-filter:blur(5px)}.close{position:absolute;top:13px;right:15px;z-index:4;width:35px;height:35px;background:#faf9f6dc;border-radius:50%;font-size:27px;font-weight:400}.drawer{height:100svh;max-height:100svh;margin:0 0 0 auto;width:min(480px,100vw);padding:70px 35px;animation:drawer-in .35s ease-out}.drawer h2{font-size:40px;margin:0 0 30px}.drawer-nav{display:flex;flex-direction:column;margin:55px 0 80px;gap:25px}.drawer-nav a{font-family:var(--serif);font-size:40px;display:flex;justify-content:space-between}.drawer>p:last-child{font-size:9px;letter-spacing:1px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.detail-layout>img{object-fit:contain;background:#e6ddd0;max-height:80svh}.detail-copy{padding:75px 35px 40px}.detail-copy h2{font-family:var(--serif);font-size:56px;margin:15px 0}.detail-copy>p{line-height:1.8;font-size:12px}.detail-copy .button{margin:25px 0;width:100%;gap:15px}.detail-copy small,.booking-content small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}.selection-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.selection-item img{width:65px;height:85px;object-fit:contain;background:#e8e0d4}.selection-item h3{font-size:14px;font-weight:500;margin:0 0 6px}.selection-item p{font-size:10px;color:var(--muted);margin:0}.selection-item>button{margin-left:auto;font-size:24px}.drawer .button{margin-top:30px;width:100%}.empty-selection{padding:25px 0;line-height:1.8;color:var(--muted);font-size:13px}.booking-content{padding:65px 60px;width:min(650px,100%);margin:auto}.booking-content h2{font-size:52px;margin:20px 0}.booking-content>p{line-height:1.8;color:var(--muted);font-size:12px}.booking-content label,.search-label{display:block;font-size:11px;margin:22px 0 9px}select,input{padding:14px;width:100%;background:transparent;border:1px solid #bcb5a8;border-radius:0;color:var(--ink)}.preferences{display:flex;gap:10px}.preferences button{border:1px solid #bcb5a8;padding:12px 20px;font-size:12px}.preferences button[aria-pressed=true]{background:var(--ink);color:white}.booking-content>.button{width:100%;margin-top:28px}#booking-result{background:#e6e1d7;padding:18px;margin-top:20px;font-size:12px;line-height:1.8}#toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%,15px);padding:14px 24px;background:#24231f;color:white;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.3s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}body.paused *{animation-play-state:paused!important}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{transform:scale(1.08)}to{transform:scale(1.02)}}@keyframes drift{to{transform:scale(1.08) translateY(-1%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1100px){header nav{display:none}.hero{min-height:680px}.product-grid{grid-template-columns:repeat(3,1fr)}.universe{height:650px}.atelier-visual{height:690px}.atelier-copy{padding:55px 9%}.footer-top{gap:30px}}@media(max-width:650px){html{scroll-padding-top:65px}header{height:70px;padding:0 5%;gap:16px}.logo{font-size:24px}.header-actions{gap:12px}.essayage-nav{display:none}.hero{min-height:680px;height:91svh;max-height:900px}.hero-images{grid-template-columns:1fr}.hero-side{display:none}.hero-film video{object-position:50% 35%}.hero-shade{background:linear-gradient(180deg,#211b1550,#211b1520 20%,#211b1570)}.hero-content{padding:130px 5% 80px}.hero-eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:17.2vw;margin:25px 0}.hero h1 span{font-size:10px;margin-top:17px}.hero-desc{font-size:16px}.hero-bottom{left:5%;right:5%;font-size:6px}.hero-side-label{display:none}.marquee{padding:20px 0}.marquee>div{font-size:38px}.section{padding:55px 5%}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:23px}.eyebrow{font-size:8px}h2{font-size:29px;letter-spacing:-1px}.filters{width:100%;gap:25px}.filters button{font-size:11px;padding:5px 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.product-meta{flex-direction:column;gap:3px}.product-meta h3{font-size:12px}.product-meta p{font-size:9px}.product-meta>span{font-size:8px}.product-tag{font-size:6px;left:8px;top:12px}.product-heart{top:6px;right:6px;width:27px;height:27px;font-size:19px}.product-discover{padding:12px;font-size:8px}.collection-note{font-size:8px;line-height:1.6}.univers{grid-template-columns:1fr}.universe{height:650px}.universe-copy{bottom:35px}.universe-copy h2{font-size:70px}.statement{padding:80px 5%}.statement h2{font-size:48px;letter-spacing:-2px;margin:28px 0 35px}.atelier{grid-template-columns:1fr}.atelier-visual{height:600px}.atelier-copy{padding:55px 7% 65px}.atelier-copy h2{font-size:46px}.atelier-copy>p:not(.eyebrow){font-size:12px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-logo{grid-column:1/-1;font-size:70px}.footer-top p{font-size:15px}.footer-top>div{font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:7px;line-height:1.7}.footer-bottom>span:nth-child(2){order:3;width:100%}footer{padding:55px 5% 65px}.preview-badge{font-size:7px;padding:10px 14px}.detail-layout{grid-template-columns:1fr}.detail-layout>img{height:45svh;width:100%}.detail-copy{padding:30px 25px}.detail-copy h2{font-size:44px}.booking-content{padding:55px 25px 35px}.booking-content h2{font-size:43px}.drawer{padding:70px 25px}.drawer h2{font-size:35px}#toast{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}html.motion .reveal{opacity:1;transform:none}}
