:root{color-scheme:light}
:root{--wine:#541b2f;--dark:#29101a;--paper:#f6f1ed;--ink:#2c2528;--muted:#74686b;--line:#dcd2cc;--serif:'Playfair Display',Georgia,serif;--sans:'Be Vietnam Pro',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}em{font-weight:400}.skip{position:fixed;left:10px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.header{height:82px;display:flex;align-items:center;gap:35px;padding:0 6%;position:sticky;top:0;z-index:20;background:#f6f1edf2;backdrop-filter:blur(16px);border-bottom:1px solid #d8cac5}.brand{display:flex;align-items:center;gap:9px;font:10px/1.05 var(--sans);letter-spacing:.22em;min-width:130px}.brand img{height:36px;width:36px;object-fit:contain;filter:brightness(.4)}.brand b{font:23px/1 var(--serif);letter-spacing:.08em}.header nav{display:flex;justify-content:center;gap:32px;flex:1}.header nav a{font-size:12px;color:#62565a}.header nav a:hover,.text-link:hover{color:var(--wine)}.header-action{font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--wine);padding:8px 0}.header-action span{margin-left:14px}.menu{display:none}.hero{min-height:680px;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden}.hero-copy{padding:9vw 9% 4vw 12%;display:flex;flex-direction:column;z-index:2}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;color:#98576d;text-transform:uppercase}.hero h1{font-size:clamp(54px,6vw,94px);letter-spacing:-.045em;margin:28px 0}.hero h1 em,.section h2 em{color:var(--wine)}.intro{max-width:390px;color:#665b5e;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 19px;font-size:11px;letter-spacing:.04em}.primary{background:var(--wine);color:white}.text-link{font-size:11px;border-bottom:1px solid #ab888f;padding:9px 0}.text-link span{margin-left:20px}.hero-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:80px;font-size:9px;letter-spacing:.15em;color:#8a7b7d}.hero-image{position:relative;overflow:hidden;background:#4b3033}.hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 32%;filter:brightness(.78)}.hero-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#260d18a8)}.hero-image-caption{position:absolute;z-index:1;bottom:32px;left:8%;right:8%;color:white;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:.15em}.hero-mark{position:absolute;bottom:-95px;left:43%;font:300px/1 var(--serif);color:#ffffff1c;z-index:3;pointer-events:none}.ticker{background:var(--dark);color:#f1e6e1;min-height:64px;display:flex;justify-content:center;gap:5vw;align-items:center;letter-spacing:.2em;font-size:10px}.ticker i{color:#c699a9;font-style:normal}.section{padding:110px 7%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-head h2,.atelier h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.035em;margin-top:16px}.section-head>p{max-width:310px;color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;overflow:auto;margin-bottom:24px}.filters button{border:1px solid #d5c8c2;background:transparent;color:#695c60;border-radius:50px;padding:9px 17px;white-space:nowrap;font-size:11px}.filters button.active{background:var(--dark);color:white;border-color:var(--dark)}.look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.look-card{min-width:0}.look-card button{padding:0;text-align:left;border:0;background:none;width:100%;color:inherit}.look-img{aspect-ratio:3/4;overflow:hidden;background:#e7ded9}.look-img img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.look-card:hover img{transform:scale(1.04)}.look-meta{display:flex;justify-content:space-between;padding:16px 0 7px;font-size:9px;letter-spacing:.12em;color:#8a7276}.look-card h3{font-size:25px}.look-card p{color:#746b6a;font-size:11px;margin-top:5px}.look-price{font-size:12px!important;color:var(--wine)!important;margin-top:10px!important}.atelier{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--wine);color:#f9f0ec}.atelier-image{background:#1a1013;overflow:hidden}.atelier-image img{height:100%;width:100%;object-fit:cover}.atelier-copy{padding:110px 13%;display:flex;flex-direction:column;align-items:start}.atelier .eyebrow{color:#e0b6bf}.atelier h2 em,.contact h2 em{color:#e3b8bf}.atelier-copy>p:not(.eyebrow){line-height:1.95;color:#f0dedc;max-width:420px;margin:25px 0}.text-link.light{color:#fff;border-color:#d6a6b4}.atelier-detail{margin-top:auto;padding-top:70px;display:flex;gap:60px;font-size:9px;letter-spacing:.14em;color:#e1c7cc}.people{background:#eee6e2}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.person img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e5d8d6}.person p{font-size:10px;letter-spacing:.12em;color:#98727d;text-transform:uppercase;margin-top:16px}.person h3{font-size:23px;margin-top:5px}.outline{border:1px solid #bdaaa8;background:transparent;color:var(--ink);min-height:48px;padding:12px 18px;margin-top:35px;font-size:11px}.outline span{margin-left:30px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.article img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8deda}.article .eyebrow{margin-top:20px}.article h3{font-size:24px;line-height:1.3;margin-top:10px}.article p:not(.eyebrow){color:var(--muted);font-size:12px;margin-top:12px}.article .text-link{display:inline-block;margin-top:16px}.contact{background:var(--dark);color:#f8efeb;text-align:center;padding:100px 20px}.contact .eyebrow{color:#d5a8b4}.contact h2{font-size:clamp(40px,5vw,70px);margin:24px 0}.contact>p:not(.eyebrow){color:#e0cccd;margin-bottom:30px}.ivory{background:#f4ebe3;color:#351a24}.contact-social{display:block;font-size:11px;margin-top:24px;color:#e9d2d5}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:65px 7% 25px;background:#f0e8e3}footer a{display:block;font-size:12px;color:#64565b;margin:7px 0}footer div>p:first-child{font-size:9px;letter-spacing:.14em;color:#977b80}.footer-brand{font:28px var(--serif)}.footer-brand p{font:12px var(--sans);letter-spacing:0!important;color:#75676b!important;margin-top:10px}.footer-bottom{border-top:1px solid #d9cbc5;grid-column:1/-1;padding-top:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#887b7b}.mobile-nav{display:none}dialog{border:0;padding:0;width:min(850px,94vw);max-height:90dvh;background:#f8f2ee;color:#30272b}dialog::backdrop{background:#180811b3;backdrop-filter:blur(4px)}.close{position:sticky;float:right;top:12px;right:12px;z-index:1;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:26px}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-grid img{width:100%;height:100%;max-height:680px;object-fit:cover}.detail-text{padding:55px 35px}.detail-text h2{font-size:42px;margin:20px 0}.detail-text p{color:#6f6264;margin:15px 0}.detail-text a{margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:10px 20px;z-index:99}#toast:empty{display:none}:focus-visible{outline:3px solid #b5798c;outline-offset:4px}@media(max-width:820px){body{padding-bottom:65px}.header{height:66px;padding:0 20px}.brand{min-width:0}.brand img{height:30px;width:30px}.brand b{font-size:20px}.header-action{margin-left:auto}.menu{display:grid;gap:5px;padding:10px;border:0;background:transparent}.menu span{display:block;width:22px;height:1px;background:var(--ink)}.header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#f6f1ed;flex-direction:column;gap:0;padding:10px 20px 20px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{padding:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:60px 7% 28px}.hero h1{font-size:clamp(50px,12vw,72px)}.hero-foot{padding-top:40px}.hero-image{height:450px}.hero-mark{left:auto;right:0;bottom:0;font-size:200px}.ticker{gap:22px;justify-content:flex-start;overflow:auto;padding:0 20px;white-space:nowrap}.section{padding:72px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:18px}.look-grid,.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.look-card h3,.person h3{font-size:20px}.article-grid{grid-template-columns:1fr;gap:40px}.atelier{grid-template-columns:1fr}.atelier-image{height:400px}.atelier-copy{padding:65px 7%}.atelier-detail{padding-top:55px}.contact{padding:75px 20px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:19;display:flex;justify-content:space-around;background:#f8f3efed;backdrop-filter:blur(10px);padding:12px 5px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.mobile-nav a{font-size:9px;font-weight:600}.detail-grid{grid-template-columns:1fr}.detail-grid img{max-height:360px}.detail-text{padding:30px}.footer-bottom span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.verify{background:#eee6e2}.verify form{max-width:600px}.verify label{display:block;font-size:12px;margin-bottom:8px}.verify form div{display:flex}.verify input{flex:1;min-width:0;padding:14px;border:1px solid #bca9a8;font:16px var(--sans);background:#fff;color:#2c2528}.verify-result,#verify-result{padding-top:12px;color:#541b2f}

.detail-gallery{padding:20px 0}.detail-gallery>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover}.request-form{width:min(520px,84vw);padding:8px;display:grid;gap:14px}.request-form h2{font:clamp(30px,4vw,48px)/1.15 var(--serif,Georgia);margin:0}.request-form p{margin:0}.request-form label{display:grid;gap:6px;font-size:13px}.request-form input,.request-form textarea{width:100%;padding:12px;border:1px solid #cbbdb8;background:#fff;color:#2b1720;font:inherit}.request-form textarea{resize:vertical}.request-form .btn{justify-self:start}.request-form #request-status{color:#572037;min-height:1.5em}@media(max-width:700px){.detail-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:821px) and (max-width:1180px){.header{gap:16px}.header nav{gap:clamp(10px,1.6vw,20px)}}

/* Các lối xem thêm dùng cùng một nhịp tương tác trên mọi thiết bị. */
.outline,.person button.text-link,.article .text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 18px;border:1px solid #bdaaa8;border-radius:999px;background:transparent;color:var(--wine);font:600 11px/1.3 var(--sans);transition:background-color .22s,color .22s,border-color .22s,transform .18s,box-shadow .22s}
.outline span{margin-left:12px}.article .text-link{margin-top:16px}.person button.text-link{margin-top:14px;cursor:pointer}
@media(hover:hover){.outline:hover,.person button.text-link:hover,.article a:hover .text-link{background:var(--wine);border-color:var(--wine);color:#fff;box-shadow:0 6px 18px #541b2f26;transform:translateY(-2px)}}
.outline:active,.person button.text-link:active,.article a:active .text-link{transform:scale(.96);background:var(--dark);border-color:var(--dark);color:#fff}
@media(prefers-reduced-motion:reduce){.outline,.person button.text-link,.article .text-link{transition:none}.outline:hover,.person button.text-link:hover,.article a:hover .text-link{transform:none}}
/* Bandeau animé et en-tête élégant. */
.ticker{display:block;overflow:hidden;padding:0;min-height:42px}
.ticker-track{display:flex;width:max-content;animation:maison-ticker 30s linear infinite}
.ticker-group{display:flex;align-items:center;gap:clamp(28px,5vw,90px);padding-right:clamp(28px,5vw,90px);height:42px;white-space:nowrap}
.ticker-group i{color:#c699a9;font-style:normal}
@keyframes maison-ticker{to{transform:translateX(-50%)}}
.header{transition:box-shadow .3s,background-color .3s}
.brand{transform-origin:left center;transition:transform .3s ease}
.brand img{transition:filter .3s ease}
.header.scrolled{box-shadow:0 7px 25px #29101a18;background:#f6f1edf7}
.header.scrolled .brand{transform:scale(.91)}
.header.scrolled .brand img{filter:brightness(.34)}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-group[aria-hidden=true]{display:none}.ticker{overflow:auto}.header,.brand,.brand img{transition:none}.header.scrolled .brand{transform:none}}
.ticker-group{min-width:100vw;justify-content:space-around}

.stock-count{color:#703b4c;font-weight:700;white-space:nowrap}.look-meta{gap:8px;flex-wrap:wrap}

@media(min-width:821px) and (max-width:1180px){.header{padding-inline:3%;gap:12px}.header nav{gap:clamp(7px,1vw,12px)}.header nav a{font-size:11px}.brand{min-width:110px}}

/* Subtle social links using each platform's recognizable mark. */
.contact>.btn.ivory{border-radius:999px;justify-content:center;gap:0;padding-inline:26px;transition:transform .2s,background-color .2s}
.contact>.btn.ivory:hover{background:#fff8f2;transform:translateY(-2px)}
.contact-socials{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}
.contact-socials a{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e8c8cd70;border-radius:50%;color:#f2dce0;background:#ffffff08;transition:background-color .2s,border-color .2s,transform .2s,color .2s}
.contact-socials a svg{display:block;width:19px;height:19px;fill:currentColor}
.contact-socials a:hover{background:#ffffff18;border-color:#efd4d7;color:#fff;transform:translateY(-3px)}
.contact-socials a:active{transform:scale(.95)}
@media(prefers-reduced-motion:reduce){.contact>.btn.ivory,.contact-socials a{transition:none}.contact>.btn.ivory:hover,.contact-socials a:hover{transform:none}}
