/* ANOTHER AGENDA — image-led brand chapters. */
:root{--paper:#f7f6f2;--ink:#19291f;--muted:#62685e}
body.is-inner{padding-top:78px}
body .site-header{position:fixed;inset:0 0 auto;height:168px;padding:0 34px;display:block;z-index:40;color:#fff;background:transparent;transition:height .55s,background .4s,color .4s}
body .site-header .wordmark{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-size:7.4vw;letter-spacing:-.025em;line-height:.98;white-space:nowrap;transition:font-size .55s cubic-bezier(.2,.7,.2,1),top .55s}
body .site-header.is-solid,body.is-inner .site-header{height:78px;background:rgba(247,246,242,.98);color:var(--ink)}
body .site-header.is-solid .wordmark,body.is-inner .site-header .wordmark{font-size:32px;top:23px}
.menu-trigger{position:absolute;left:34px;top:42px;border:0;padding:10px 0;background:none;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.07em;min-height:40px}
.menu-icon{width:19px;height:9px;display:block;border-top:1px solid;border-bottom:1px solid}
.header-right{position:absolute;top:42px;right:34px;display:flex;align-items:center;gap:27px;font-size:10px;letter-spacing:.06em;height:40px}
.header-right .language{font-size:10px}.header-nine{padding:10px 0}
.site-header.is-solid .menu-trigger,.site-header.is-solid .header-right,body.is-inner .menu-trigger,body.is-inner .header-right{top:19px}
body.is-home #main{padding:0}.film-chapter{position:relative;height:100svh;min-height:650px;overflow:hidden;background:#1f342b;color:#fff;isolation:isolate}
.chapter-media{position:absolute;inset:-3% 0;width:100%;height:106%;overflow:hidden;z-index:-2}
.chapter-media img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 55%);transform:translate3d(0,var(--cinematic-y,0px),0) scale(1.035);will-change:transform}
.hero-media{--focus:50% 60%}.hero-media img{animation:leisure-breathe 22s ease-in-out infinite alternate}
@keyframes leisure-breathe{from{transform:translate3d(0,var(--cinematic-y,0px),0) scale(1.02)}to{transform:translate3d(0,var(--cinematic-y,0px),0) scale(1.075)}}
.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(3,18,12,.4),transparent 27%,transparent 55%,rgba(3,18,12,.23))}
.hero-copy{position:absolute;left:42px;bottom:112px;max-width:550px;text-shadow:0 1px 20px #00000020}
.chapter-kicker{font-size:9px;letter-spacing:.12em;line-height:1.6;font-weight:400;text-transform:uppercase}
.hero-copy h1{font:400 clamp(40px,4.3vw,76px)/1.06 var(--serif);letter-spacing:-.01em;margin:15px 0 21px}
.chapter-link{display:inline-block;font-size:11px;line-height:1.6;padding:8px 0;border-bottom:1px solid currentColor;text-transform:uppercase;letter-spacing:.055em;transition:opacity .25s}
.chapter-link:hover{opacity:.68}.hero-bottom{position:absolute;bottom:29px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:flex-end;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.hero-bottom>span{position:absolute;left:50%;transform:translateX(-50%)}
.scroll-cue{display:flex;align-items:center;gap:16px;line-height:1.6;min-height:30px}.scroll-cue>span{height:30px;width:1px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.scroll-cue>span::after{content:'';position:absolute;top:0;left:0;width:1px;height:15px;background:#fff;animation:scroll-trace 2.5s infinite}
@keyframes scroll-trace{0%{transform:translateY(-16px)}80%,100%{transform:translateY(32px)}}
.motion-toggle{border:0;border-bottom:1px solid #ffffff70;background:none;padding:8px 0;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.court-chapter{height:95svh;min-height:650px}.court-media{--focus:45% 48%}.chapter-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(9,20,13,.38),transparent 52%)}
.chapter-copy{position:absolute;bottom:65px;right:5%;text-align:center;max-width:46%}
.chapter-copy h2{font:400 clamp(47px,6.2vw,110px)/.97 var(--serif);margin:14px 0 20px;letter-spacing:-.02em}.chapter-copy h2 span{display:block}.chapter-copy h2 span+span{font-size:.61em;line-height:1.25;letter-spacing:.005em}
.coast-chapter{height:100svh}.coast-media{--focus:50% 48%}.coast-chapter .chapter-copy{left:0;right:0;bottom:60px;margin:auto;max-width:70%}.coast-chapter .chapter-copy h2{font-size:56px;line-height:1.1;margin:12px 0 18px}
.city-chapter{position:relative;background:#e8e7df;color:#fff}
.city-diptych{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:92svh;min-height:650px}
.city-frame{display:block;overflow:hidden;position:relative}.city-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.2,.65,.2,1)}.city-frame:first-child img{object-position:73% 45%}.city-frame:nth-child(2) img{object-position:50% 44%}.city-frame:hover img{transform:scale(1.025)}
.city-chapter::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#07130e55);pointer-events:none}
.city-chapter-copy{position:absolute;bottom:56px;left:0;right:0;text-align:center;z-index:1;pointer-events:none}.city-chapter-copy .chapter-link{pointer-events:auto}.city-chapter-copy h2{font:400 52px/1.1 var(--serif);margin:12px 0 19px}
.house-note{padding:105px 6% 100px;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--paper)}
.house-note>p{font-size:10px;letter-spacing:.06em;padding-top:8px}.house-note h2{font:400 46px/1.1 var(--serif);margin-bottom:20px}.house-note>div>p{font-size:12px;line-height:1.9;max-width:310px;color:var(--muted)}.house-link{display:inline-block;border-bottom:1px solid;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:8px 0;margin-top:19px}
body .site-footer{padding:43px 34px 25px;border-top:1px solid #19291f33;background:var(--paper);color:var(--ink)}
.footer-overline{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.7}.footer-overline>a{border-bottom:1px solid #19291f66}
body .footer-wordmark{display:block;text-align:center;font:400 9.8vw/1.25 var(--serif);letter-spacing:-.025em;margin:40px -6px 45px;white-space:nowrap}
body .footer-bottom{display:flex;align-items:center;gap:25px;font-size:9px;line-height:1.7;color:var(--muted)}.footer-bottom .language{font-size:9px;margin-left:15px}.footer-bottom>.back-top{margin-left:8px}
.brand-menu{position:fixed;inset:0;border:0;background:var(--paper);color:var(--ink);padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:auto}
.brand-menu::backdrop{background:#0b180e55}.brand-menu[open]{animation:menu-in .35s ease both}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.menu-bar{height:100px;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.menu-bar>p{font:28px var(--serif)}.menu-close{background:none;border:0;display:flex;align-items:center;gap:28px;font-size:11px;padding:12px 0}.menu-close span[aria-hidden]{font-size:26px;font-weight:300}
.menu-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:35px 8% 60px;align-items:center;min-height:calc(100dvh - 100px)}
.menu-links{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.menu-links>a{font:400 clamp(30px,4vw,66px)/1.1 var(--serif);transition:opacity .2s}.menu-links>a:hover{opacity:.5}.menu-links>a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}.menu-photograph img{height:60vh;object-fit:cover;object-position:42% 50%}.menu-photograph p{font-size:8px;letter-spacing:.1em;margin-top:13px}
.motion-paused .hero-media img,.motion-paused .scroll-cue>span::after{animation-play-state:paused}.motion-paused .reveal{opacity:1;transform:none;transition:none}
html[lang=zh] .hero-copy h1{font-family:var(--sans);font-size:46px;letter-spacing:.08em;font-weight:400}
html[lang=zh] .coast-chapter .chapter-copy h2,html[lang=zh] .city-chapter-copy h2{font-family:var(--sans);font-size:36px;letter-spacing:.07em}
html[lang=zh] .house-note h2{font-family:var(--sans);font-size:32px;letter-spacing:.04em}
html[lang=zh] .menu-links>a{font-size:38px;font-family:var(--sans);line-height:1.4}
@media(min-width:1800px){body .site-header .wordmark{font-size:135px}.hero-copy{left:5%;bottom:120px}.hero-bottom{left:5%;right:5%}}
@media(max-width:1000px){body .site-header .wordmark{font-size:7.5vw;top:29px}.menu-trigger{left:25px;top:95px}.header-right{right:25px;top:95px}.chapter-copy{max-width:50%}.house-note{padding:80px 5%}.menu-layout{gap:7%;padding-left:6%;padding-right:6%}}
@media(max-width:700px){
body .site-header{height:125px;padding:0 20px}body .site-header .wordmark{font-size:8.3vw;top:24px;letter-spacing:.005em}body .site-header.is-solid,body.is-inner .site-header{height:68px}body .site-header.is-solid .wordmark,body.is-inner .site-header .wordmark{font-size:23px;top:23px}
.menu-trigger{top:67px;left:20px;font-size:9px;gap:9px}.menu-icon{width:17px;height:8px}.header-right{right:20px;top:67px;gap:22px}.header-right .language{font-size:9px}.header-nine{font-size:9px}
.site-header.is-solid .menu-trigger,body.is-inner .menu-trigger{top:14px}.site-header.is-solid .header-right,body.is-inner .header-right{top:14px}.site-header.is-solid .menu-trigger>span:not(.menu-icon),body.is-inner .menu-trigger>span:not(.menu-icon){display:none}.site-header.is-solid .header-nine,body.is-inner .header-nine{display:none}body.is-inner{padding-top:68px}
.film-chapter{height:100svh;min-height:650px}.hero-media{--focus:51% 57%}.hero-copy{left:24px;right:24px;bottom:110px;max-width:310px}.hero-copy h1{font-size:42px;line-height:1.04;margin:13px 0 18px}.chapter-kicker{font-size:8px;letter-spacing:.07em}.chapter-link{font-size:10px;letter-spacing:.025em;padding:7px 0}.hero-bottom{bottom:28px;left:24px;right:24px;font-size:7px}.hero-bottom>span{display:none}.scroll-cue{gap:12px}.motion-toggle{font-size:7px}.scroll-cue>span{height:24px}
.court-chapter{height:90svh;min-height:650px}.court-media{--focus:35% 50%}.chapter-copy{bottom:49px;left:20px;right:20px;max-width:none}.chapter-copy h2{font-size:63px;margin:12px 0 19px}.chapter-copy h2 span+span{font-size:.6em}.coast-chapter{min-height:650px;height:100svh}.coast-media{--focus:39% 48%}.coast-chapter .chapter-copy{bottom:49px;max-width:none;left:20px;right:20px}.coast-chapter .chapter-copy h2{font-size:43px}
.city-diptych{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:3px}.city-frame{height:82svh;min-height:540px}.city-frame:nth-child(2){display:none}.city-frame:first-child img{object-position:72% 45%}.city-chapter-copy{bottom:48px;left:20px;right:20px}.city-chapter-copy h2{font-size:42px}.house-note{padding:66px 24px 70px;display:block}.house-note>p{margin-bottom:32px;padding-top:0;font-size:9px}.house-note h2{font-size:37px}.house-note>div>p{font-size:11px;max-width:285px}.house-link{font-size:9px;margin-top:17px}
body .site-footer{padding:28px 20px 22px}.footer-overline{font-size:9px}body .footer-wordmark{font-size:9.6vw;margin:38px -2px 38px;letter-spacing:-.035em}body .footer-bottom{display:grid;grid-template-columns:1fr auto;font-size:8px;gap:18px 14px}.footer-bottom>span:first-child{grid-row:3;grid-column:1;margin:0}.footer-bottom>.back-top{grid-row:3;grid-column:2;margin:0}.footer-bottom>.language{margin:0;justify-self:end;grid-row:2;grid-column:2}.footer-bottom>a:nth-child(2){grid-row:1;grid-column:1}.footer-bottom>a:nth-child(3){grid-row:2;grid-column:1}
.menu-bar{height:80px;padding:0 24px}.menu-bar>p{font-size:24px}.menu-close{gap:14px;font-size:10px}.menu-layout{display:block;min-height:0;padding:40px 28px 50px}.menu-links{gap:25px}.menu-links>a{font-size:39px}.menu-photograph{margin-top:45px}.menu-photograph img{height:34vh;object-position:45% 46%}.menu-photograph p{font-size:7px}html[lang=zh] .hero-copy h1{font-size:35px}html[lang=zh] .coast-chapter .chapter-copy h2,html[lang=zh] .city-chapter-copy h2{font-size:29px}html[lang=zh] .house-note h2{font-size:29px}html[lang=zh] .menu-links>a{font-size:29px}}
@media(prefers-reduced-motion:reduce){body .site-header,body .site-header .wordmark,.chapter-media img,.city-frame img{transition:none!important;animation:none!important;transform:none!important}.scroll-cue>span::after{animation:none}.brand-menu[open]{animation:none}.motion-toggle{display:none}}
@keyframes brand-enter{from{opacity:0}to{opacity:1}}.motion-ready .site-header .wordmark{animation:brand-enter 1.1s ease both}.is-background .hero-media img,.is-background .scroll-cue>span::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.motion-ready .site-header .wordmark{animation:none}}
.hero-bottom,.motion-toggle{font-size:9px}@media(max-width:700px){.hero-bottom,.motion-toggle{font-size:8px}}
.chapter-media picture{display:block;width:100%;height:100%}@media(max-width:700px){.court-media{--focus:61% 48%}}