@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500&display=swap');
:root{--paper:#f4f1e9;--paper2:#ece9df;--ink:#262721;--muted:#686b61;--line:#c9c8bd;--green:#333c32;--serif:'Noto Sans SC','Microsoft YaHei',sans-serif;--latin:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:300;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}.media{overflow:hidden;background:#dddcd4;position:relative}.media img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.media:hover img{transform:scale(1.025)}.eyebrow{font:500 10px/1.4 var(--latin);letter-spacing:.22em;text-transform:uppercase;color:#60645c;margin:0 0 34px}.eyebrow.light{color:#f4f1e9b8}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:300;letter-spacing:-.045em}p{line-height:1.9}.announcement{height:32px;display:grid;place-items:center;background:#31342f;color:#f7f5ee;font-size:10px;letter-spacing:.08em}.site-header{height:82px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:20;border-bottom:1px solid rgba(40,40,35,.1)}.wordmark{display:flex;align-items:baseline;gap:13px;min-width:230px}.wordmark span{font:600 20px/1 var(--latin);letter-spacing:-.06em}.wordmark b{font-weight:400;font-size:13px;letter-spacing:.12em}.desktop-nav{display:flex;gap:35px;align-items:center}.desktop-nav a,.header-actions{font-size:12px;letter-spacing:.04em}.desktop-nav a{position:relative;padding:32px 0}.desktop-nav a:after{content:"";position:absolute;bottom:26px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}.desktop-nav a:hover:after{width:100%}.header-actions{min-width:230px;display:flex;justify-content:flex-end;align-items:center;gap:25px}.view-button{border:0;background:none;color:#62665d;font-size:11px}.view-button:hover,.contact-link:hover{opacity:.5}.menu-button,.mobile-nav{display:none}.preview-ribbon{position:fixed;z-index:50;top:10px;left:50%;transform:translateX(-50%);padding:8px 14px;background:#b68955;color:#fff;font-size:11px}
.hero{height:calc(100vh - 114px);min-height:690px;max-height:1100px;position:relative;background:#34362f;color:#fff}.hero-media{position:absolute;inset:0}.hero-media img{object-position:center 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,20,.64) 0%,rgba(20,22,20,.3) 38%,rgba(20,22,20,0) 76%)}.hero-copy{position:absolute;left:9%;top:50%;transform:translateY(-42%);width:min(600px,65%)}.hero h1{font-size:clamp(64px,6.2vw,104px);line-height:1.25;margin-bottom:30px}.hero-description{font-size:16px;letter-spacing:.04em;margin:0 0 75px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:200px;border-bottom:1px solid currentColor;padding:0 0 15px;font-size:12px;letter-spacing:.05em;transition:padding .3s,opacity .2s}.text-link span{font:300 22px/1 var(--latin)}.text-link:hover{padding-right:8px;opacity:.7}.text-link.light{color:#f4f1e9}.hero-index{position:absolute;bottom:37px;right:4.2vw;font:400 10px var(--latin);letter-spacing:.18em}.hero-index span{padding:0 8px}
.quiet-section{text-align:center;min-height:570px;padding:145px 25px 125px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiet-section h2{font-size:clamp(34px,3.6vw,57px);line-height:1.5;margin-bottom:20px}.quiet-section>p:not(.eyebrow){font-size:14px;max-width:510px;color:#55584f;margin:0}.small-stroke{width:1px;height:58px;background:#a6a79d;margin-top:78px}.split-section{display:grid;grid-template-columns:42% 58%;min-height:820px}.split-copy{padding:17% 12% 12% 20%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:#e8e7dd}.split-copy h2,.object h2,.city h2,.collaboration h2{font-size:clamp(43px,4.4vw,72px);line-height:1.4;margin:0 0 30px}.split-copy>p:not(.eyebrow),.object-copy>p:not(.eyebrow),.city-copy>p:not(.eyebrow),.collab-copy>p:not(.eyebrow){font-size:14px;line-height:2;max-width:390px;color:#52564e;margin-bottom:52px}.split-media{min-height:820px}.split-media img{object-position:center 55%}.editorial-note{min-height:390px;display:flex;align-items:center;justify-content:center;gap:8vw;font-size:clamp(24px,2.9vw,46px);letter-spacing:-.04em}.editorial-note span:last-child{align-self:flex-end;margin-bottom:100px}
.scent{padding:120px 4.2vw 155px}.scent-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:0 5vw 55px}.scent-heading h2{font-size:clamp(48px,5vw,80px);margin:0;line-height:1.25}.scent-heading>p{font-size:14px;color:#55584f;max-width:320px;margin:0 5vw 8px 0}.scent-wide{height:min(51vw,690px)}.scent-wide img{object-position:center 48%}.scent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;padding-top:92px}.scent-card{text-align:center}.scent-item{height:350px;background:#ebe9df}.scent-item img{object-fit:contain;padding:35px}.card-index{display:block;font:400 10px var(--latin);letter-spacing:.13em;color:#8b8d83;margin-top:35px}.scent-card h3{font-size:19px;font-weight:400;margin:12px 0 5px}.scent-card p{font-size:12px;color:#70736a}
.object{display:grid;grid-template-columns:58% 42%;background:#deded4;min-height:850px}.object-visual{position:relative;padding:8vw 7vw 8vw 8vw}.object-main{height:640px;width:69%}.object-main img{object-position:center 55%}.object-inset{position:absolute;right:4vw;bottom:4vw;width:33%;height:380px;box-shadow:0 14px 50px rgba(0,0,0,.08)}.object-copy{align-self:center;padding:10vw 14% 10vw 5%}.object-copy .rule{display:block;width:100%;height:1px;background:#aeb0a4;margin:80px 0 22px}.object-copy small{font:500 10px var(--latin);letter-spacing:.2em;color:#74786e}
.city{display:grid;grid-template-columns:41% 59%;min-height:780px}.city-copy{padding:11vw 11% 9vw 17%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.city-main{min-height:780px}.city-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 20px 120px}.city-gallery figure{margin:0}.city-gallery .media{height:410px}.city-gallery figcaption{font:400 10px var(--latin);letter-spacing:.12em;padding:20px 5px;color:#686a61}.collaboration{display:grid;grid-template-columns:52% 48%;background:var(--green);color:#f4f1e9;min-height:850px}.collab-media{height:850px}.collab-media img{object-position:center 50%}.collab-copy{padding:11vw 12% 10vw 12%;align-self:center}.collab-copy>p:not(.eyebrow){color:#d3d7ce}.about{display:grid;grid-template-columns:50% 50%;min-height:700px}.about-copy{padding:12vw 16%;align-self:center}.about h2{font-size:clamp(42px,4vw,68px);line-height:1.45;margin-bottom:28px}.about-copy>p:not(.eyebrow){font-size:14px;color:#55584f;max-width:430px}.about-media{height:700px}.about-media img{object-position:center 63%}
footer{background:#242b26;color:#f5f3eb}.footer-main{padding:130px 8vw 150px}.footer-main h2{font-size:clamp(50px,5.5vw,90px);margin:0 0 20px}.footer-main>p:not(.eyebrow){font-size:14px;color:#bdc3b7}.footer-email{display:inline-block;margin-top:50px;border-bottom:1px solid #d9ded4;padding-bottom:12px;font:300 clamp(18px,2vw,29px) var(--latin);letter-spacing:.02em}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #566057;padding:22px 4.2vw 35px;color:#b3bcb1;font-size:10px;letter-spacing:.08em}.footer-bottom a:hover{color:#fff}.load-error{padding:20vh 5vw;text-align:center}
section:not(.hero){opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}section.is-visible{opacity:1;transform:none}.city-gallery figure{opacity:0;transform:translateY(15px);transition:opacity .7s ease,transform .7s ease}.city-gallery figure.is-visible{opacity:1;transform:none}
body[data-view="B"] .media{background:#d9d9d4!important}body[data-view="B"] .media img{visibility:hidden}body[data-view="B"] .hero{background:#d9d9d4;color:var(--ink)}body[data-view="B"] .hero-shade{display:none}body[data-view="B"] .hero .eyebrow,body[data-view="B"] .hero .text-link{color:var(--ink)}body[data-view="B"] .collab-media{background:#c9cbc4!important}body[data-view="B"] .object-inset{box-shadow:none}
@media(max-width:1100px){.desktop-nav{gap:18px}.site-header{padding:0 3vw}.wordmark,.header-actions{min-width:180px}.split-section{min-height:650px}.split-media{min-height:650px}.object-main{height:520px}.object-inset{height:290px}.city-gallery .media{height:300px}}
@media(max-width:760px){.site-header{height:65px;padding:0 20px}.announcement{font-size:9px}.wordmark{min-width:auto}.wordmark span{font-size:17px}.wordmark b{font-size:12px}.desktop-nav,.contact-link{display:none}.header-actions{min-width:auto;gap:14px}.view-button{font-size:10px}.menu-button{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px}.menu-button span{width:19px;height:1px;background:var(--ink)}.mobile-nav{display:none;position:absolute;top:97px;left:0;right:0;background:var(--paper);z-index:19;padding:25px 30px 40px;box-shadow:0 15px 20px rgba(0,0,0,.07);flex-direction:column;gap:19px;font-size:15px}.menu-open .mobile-nav{display:flex}.hero{height:75vh;min-height:570px}.hero-copy{left:7%;width:85%;transform:translateY(-25%)}.hero h1{font-size:50px}.hero-description{font-size:13px;margin-bottom:45px}.quiet-section{min-height:430px;padding:90px 22px}.quiet-section h2{font-size:31px}.quiet-section>p:not(.eyebrow){font-size:13px}.small-stroke{margin-top:35px;height:40px}.split-section,.object,.city,.collaboration,.about{display:flex;flex-direction:column}.split-copy,.city-copy,.object-copy,.collab-copy,.about-copy{padding:80px 9%;min-height:430px}.split-copy h2,.object h2,.city h2,.collaboration h2,.about h2{font-size:42px}.split-media,.city-main,.collab-media,.about-media{min-height:540px;height:540px}.editorial-note{min-height:250px;padding:40px 7%;font-size:24px;gap:25px}.editorial-note span:last-child{margin-bottom:25px}.scent{padding:70px 5%}.scent-heading{display:block;padding:0 3% 40px}.scent-heading h2{font-size:46px;margin-bottom:20px}.scent-heading>p{font-size:13px}.scent-wide{height:340px}.scent-grid{grid-template-columns:1fr;gap:30px;padding-top:35px}.scent-item{height:280px}.scent-card h3{font-size:17px}.object-visual{padding:50px 9%;min-height:570px}.object-main{height:460px}.object-inset{right:7%;bottom:25px;height:220px}.object-copy{min-height:400px}.city-gallery{gap:12px;padding:12px 12px 65px}.city-gallery .media{height:170px}.city-gallery figcaption{font-size:8px}.collab-copy{min-height:500px}.about-copy{min-height:420px}.footer-main{padding:85px 8% 100px}.footer-main h2{font-size:47px}.footer-bottom{padding:25px 7%;gap:20px;flex-wrap:wrap}.eyebrow{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}section:not(.hero),.city-gallery figure{opacity:1;transform:none}}