/* Joyland Group — v6 cinematic */
:root{--navy:#0b1626;--navy2:#111f35;--navy3:#18294a;--char:#1f2329;--gold:#c2a05a;--gold2:#dcc28a;--ivory:#f5f1e9;--line:#e5dfd2;--mut:#69707b;
--serif:"Instrument Serif","Cormorant Garamond",Georgia,serif;--sans:Manrope,Inter,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--ease2:cubic-bezier(.76,0,.24,1);--hh:84px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html:not(.lenis){scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{margin:0;font-family:var(--sans);color:var(--char);background:#fff;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--navy)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;margin:0 0 .5em;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(3rem,7.4vw,7.2rem)}h2{font-size:clamp(2.2rem,4.4vw,4rem)}h3{font-size:1.7rem;line-height:1.1}
h1 em,h2 em,.ftr-cta em{font-style:italic;color:var(--gold2)}h2 em{color:var(--gold)}
.wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;font-weight:600;color:var(--gold2);margin:0 0 1.4rem;display:flex;align-items:center;gap:14px}
.eyebrow:before{content:"";width:34px;height:1px;background:currentColor;opacity:.7}.eyebrow.dk{color:var(--gold)}
.muted{color:var(--mut)}.small{font-size:.82rem}
section{padding:130px 0}section.wrap{padding-left:40px;padding-right:40px}

/* curtain / page transition */
.curtain{position:fixed;inset:0;z-index:200;background:var(--navy);display:flex;align-items:center;justify-content:center;transform:translateY(-101%);pointer-events:none}
.js .curtain{animation:curtOut 1s .15s var(--ease2) backwards}
@keyframes curtOut{from{transform:translateY(0)}to{transform:translateY(-101%)}}
.curtain .cm{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:3rem;color:var(--gold);width:84px;height:84px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;opacity:0;animation:cm .6s var(--ease) backwards}
@keyframes cm{from{opacity:1}to{opacity:0}}
body.leaving .curtain{animation:curtIn .55s var(--ease2) forwards}body.leaving .curtain .cm{animation:none;opacity:1;transition:opacity .3s .2s}
@keyframes curtIn{from{transform:translateY(101%)}to{transform:translateY(0)}}
.progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);z-index:120}

/* header */
header.site{position:fixed;top:0;left:0;right:0;z-index:100;color:#fff;transition:transform .6s var(--ease),background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
header.site.scrolled{background:rgba(11,22,38,.82);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-color:rgba(194,160,90,.22)}
header.site.hide{transform:translateY(-100%)}
.hdr{display:flex;align-items:center;justify-content:space-between;height:var(--hh);transition:height .5s var(--ease)}
header.scrolled .hdr{height:66px}
.logo{height:42px;width:auto;color:#fff;transition:height .5s var(--ease)}header.scrolled .logo{height:34px}.brand{display:flex}
header nav{display:flex;gap:38px}
header nav a{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#d7dce4;padding:8px 0;position:relative;overflow:hidden;display:block}
header nav a span{display:block;position:relative;transition:transform .5s var(--ease)}
header nav a span:after{content:attr(data-t);position:absolute;left:0;top:calc(100% + 12px);color:var(--gold2)}
header nav a:hover span{transform:translateY(calc(-100% - 12px))}
header nav a:before{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
header nav a.on:before{transform:scaleX(1);transform-origin:left}header nav a.on{color:#fff}
.burger{display:none;background:none;border:0;cursor:pointer;padding:10px;margin-right:-10px;position:relative;z-index:3}
.burger span{display:block;width:26px;height:1.5px;background:#fff;margin:6px 0;transition:transform .45s var(--ease)}
body.nav-open .burger span:first-child{transform:translateY(3.75px) rotate(45deg)}body.nav-open .burger span:last-child{transform:translateY(-3.75px) rotate(-45deg)}

/* grain + mesh */
.grain{position:absolute;inset:-50%;pointer-events:none;opacity:.09;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite;mix-blend-mode:overlay}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,4%)}80%{transform:translate(5%,1%)}100%{transform:translate(0,0)}}
.mesh{position:absolute;inset:0;overflow:hidden;z-index:0}
.mesh:before,.mesh:after{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(90px);opacity:.5}
.mesh:before{background:radial-gradient(circle,rgba(194,160,90,.55),transparent 62%);top:-30vmax;right:-18vmax;animation:drift 18s ease-in-out infinite alternate}
.mesh:after{background:radial-gradient(circle,rgba(46,80,140,.7),transparent 60%);bottom:-40vmax;left:-20vmax;animation:drift 22s ease-in-out infinite alternate-reverse}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-12vmax,8vmax) scale(1.15)}}

/* split-text reveal */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .w>span{display:inline-block;animation:wup 1.25s calc(.55s + var(--i)*.07s) var(--ease) backwards}
@keyframes wup{from{transform:translateY(110%) rotate(4deg);opacity:0}to{transform:none;opacity:1}}
.js .rv-split .w>span{animation:none}.js .rv-split:not(.in) .w>span{transform:translateY(110%);opacity:0}
.js .rv-split.in .w>span{animation:wup 1.1s calc(var(--i)*.07s) var(--ease) backwards}
.hx{animation:fup 1.2s var(--d,1s) var(--ease) backwards}
@keyframes fup{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* scroll reveals (classes added by JS) */
.js .rv{transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--rd,0s)}
.js .rv:not(.in){opacity:0;transform:translateY(46px)}
.js .rv-img{transition:clip-path 1.4s var(--ease);transition-delay:var(--rd,0s)}
.js .rv-img img{transition:transform 1.8s var(--ease)}
.js .rv-img:not(.in){clip-path:inset(18% 10% 18% 10%)}.js .rv-img:not(.in) img{transform:scale(1.3)}
.js .rv-line{transition:transform 1.4s var(--ease)}.js .rv-line:not(.in){transform:scaleX(0)}

/* buttons */
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:2.4rem}
.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:18px 34px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;border:1px solid var(--gold);cursor:pointer;font-family:inherit;border-radius:100px;transition:color .5s var(--ease),border-color .5s;isolation:isolate}
.btn span{position:relative;z-index:1;display:inline-block}
.btn:before{content:"";position:absolute;left:50%;top:100%;width:140%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,0) scale(0);transition:transform .7s var(--ease);z-index:0}
.btn:hover:before{transform:translate(-50%,-50%) scale(1)}
.btn.gold{background:var(--gold);color:var(--navy)}.btn.gold:before{background:#fff}
.btn.ghost{color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(6px)}.btn.ghost:before{background:var(--gold)}.btn.ghost:hover{color:var(--navy);border-color:var(--gold)}
.arrow{color:var(--gold);font-weight:600;letter-spacing:.14em;font-size:.76rem;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;margin-top:10px}
.arrow i{font-style:normal;display:inline-block;transition:transform .5s var(--ease)}.arrow:hover i{transform:translateX(8px)}.arrow:hover{color:var(--navy)}.arrow.lt:hover{color:#fff}

/* custom cursor (desktop) */
.cursor{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--gold);z-index:300;pointer-events:none;opacity:0;display:flex;align-items:center;justify-content:center;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),opacity .3s,background .3s;will-change:transform}
.has-cursor .cursor{opacity:1}.cursor.hov{width:46px;height:46px;margin:-23px 0 0 -23px;background:rgba(194,160,90,.22);border:1px solid var(--gold)}
.cursor.lbl{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--gold)}
.cursor .cl{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--navy);opacity:0;transform:scale(.6);transition:.35s var(--ease)}
.cursor.lbl .cl{opacity:1;transform:none}.cursor.off{opacity:0!important}

/* HERO */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;padding:0;color:#fff;overflow:hidden;background:var(--navy);display:flex;flex-direction:column;justify-content:flex-end}
.slides,.slide{position:absolute;inset:0;margin:0}
.slide{opacity:0;transition:opacity 1.8s ease;overflow:hidden}.slide.on{opacity:1;z-index:1}.slide.prev{z-index:0;opacity:0}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.slide.on img,.slide.prev img{animation:kb 9s linear forwards}
.slide:nth-child(2n) img{transform-origin:20% 60%}.slide:nth-child(2n+1) img{transform-origin:75% 35%}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.16)}}
.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(11,22,38,.6) 0%,rgba(11,22,38,.08) 30%,rgba(11,22,38,.25) 55%,rgba(11,22,38,.94) 100%),linear-gradient(90deg,rgba(11,22,38,.75) 0%,rgba(11,22,38,0) 70%)}
.hero .grain{z-index:3}
.hero-in{position:relative;z-index:4;padding-bottom:40px;width:100%}
.hero h1{color:#fff;max-width:1100px;margin-bottom:.35em}
.hero .lede{max-width:600px;font-size:1.05rem;color:#dfe4eb;font-weight:300;line-height:1.75}
.hero-foot{position:relative;z-index:4;width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:26px;padding-bottom:34px;border-top:1px solid rgba(255,255,255,.14)}
.now{display:grid;grid-template-columns:auto auto;column-gap:16px;align-items:baseline;min-width:260px}
.now .k{grid-column:1/-1;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold2);margin-bottom:4px}
.now .nm{font-family:var(--serif);font-size:1.5rem;transition:opacity .5s,transform .5s var(--ease)}.now .lc{font-size:.78rem;color:#aeb7c4}.now.sw .nm,.now.sw .lc{opacity:0;transform:translateY(8px)}
.dots{display:flex;gap:10px;flex:1;max-width:420px}
.dot{flex:1;height:22px;background:none;border:0;padding:0;cursor:pointer;position:relative}
.dot:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.22)}
.dot i{position:absolute;left:0;top:50%;height:2px;width:100%;background:var(--gold2);transform:scaleX(0);transform-origin:left}
.dot.done i{transform:scaleX(1)}.dot.on i{animation:dotp var(--dur,6.5s) linear forwards}
@keyframes dotp{to{transform:scaleX(1)}}
.scroll-cue{display:flex;align-items:center;gap:12px;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:#cfd5de}
.scroll-cue i{width:1px;height:46px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.scroll-cue i:after{content:"";position:absolute;left:0;top:0;width:1px;height:50%;background:var(--gold2);animation:cue 2.2s var(--ease2) infinite}
@keyframes cue{from{transform:translateY(-100%)}to{transform:translateY(200%)}}

/* marquee */
.marquee{background:var(--navy);padding:34px 0;overflow:hidden;border-bottom:1px solid rgba(194,160,90,.18)}
.mq{overflow:hidden;white-space:nowrap;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:inline-flex;align-items:center;gap:34px;animation:mq 70s linear infinite;padding-right:34px}
.mq.rev .mq-track{animation-duration:55s;animation-direction:reverse}
.mq span{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);color:#fff;line-height:1.2}
.mq.rev span{font-family:var(--sans);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);font-weight:600}
.mq i{font-style:normal;color:var(--gold);font-size:1.1rem}.mq.rev{margin-top:14px}.mq.rev i{color:rgba(255,255,255,.3)}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* stats */
.stats{background:var(--navy2);color:#fff;padding:96px 0 50px;position:relative}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.grid4>div{border-left:1px solid rgba(194,160,90,.4);padding-left:26px}
.grid4 b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,6vw,5.6rem);color:var(--gold2);line-height:1;font-variant-numeric:tabular-nums;margin-bottom:12px}
.grid4 span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#c3cad5;line-height:1.5;display:block}
.statnote{font-size:.72rem;color:#8b94a4;margin-top:54px}

/* intro statement */
.intro h2.fill{font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.1;max-width:1180px;margin-bottom:70px}
.fw{transition:color .4s;color:rgba(11,22,38,.14)}.fw.lit{color:var(--navy)}html:not(.js) .fw,.rm .fw{color:var(--navy)}
.intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1080px;margin-left:auto;font-size:1.02rem;color:#3c424b}
.intro-cols p{margin-top:0}

/* horizontal pinned strip */
.hscroll{background:var(--navy);color:#fff;padding:0;position:relative}
.hs-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:76px 0 28px}
.hs-head{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:34px}.hs-head h2{color:#fff;margin:0}
.hs-meta{display:flex;align-items:center;gap:34px}.hs-count{font-family:var(--serif);font-size:1.4rem;color:#9aa4b3}.hs-count b{color:var(--gold2);font-weight:400;font-size:2rem}
.hs-view{width:100%;overflow:hidden;flex-shrink:0}
.hs-track{display:flex;gap:40px;padding:0 max(40px,calc((100vw - 1320px)/2 + 40px));will-change:transform;align-items:stretch}
.hp{flex:0 0 min(58vw,860px);display:flex;flex-direction:column;color:#fff}
.hp-img{height:min(44vh,520px);overflow:hidden;position:relative;background:#0f1d33}
.hp-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.4s var(--ease)}
.hp:hover .hp-img img{transform:scale(1.04)}
.hp-meta{display:grid;grid-template-columns:auto 1fr auto auto;gap:28px;align-items:end;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);margin-top:22px}
.hp-n{font-family:var(--serif);font-size:3rem;line-height:.8;color:var(--gold)}
.hp-t h3{color:#fff;font-size:2rem;margin:.25em 0 .1em}.hp .loc{color:#9fa9b8;font-size:.86rem;margin:0}
.hp .kf b{color:#fff}.hp .kf span{color:#8f99a8}.hp .pr{margin:0}.hp .pr b{color:var(--gold2)}.hp .pr span{color:#8f99a8}
.hs-end{flex:0 0 360px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid rgba(194,160,90,.35);padding:40px;height:min(44vh,520px);transition:background .5s}
.hs-end:hover{background:rgba(194,160,90,.08)}.hs-end b{font-family:var(--serif);font-weight:400;font-size:7rem;line-height:1;color:var(--gold2)}.hs-end span{letter-spacing:.2em;text-transform:uppercase;font-size:.74rem;color:#d3d9e2}
.hs-bar{height:1px;background:rgba(255,255,255,.14);margin-top:26px;position:relative}.hs-bar span{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.hscroll.native .hs-sticky{position:relative;height:auto;padding:96px 0 70px}
.hscroll.native .hs-view{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}.hscroll.native .hs-view::-webkit-scrollbar{display:none}
.hscroll.native .hp,.hscroll.native .hs-end{scroll-snap-align:center}.hscroll.native .hp-img img{transform:none}

/* strategy rows */
.strat{position:relative}
.srows{border-top:1px solid var(--line);margin-top:20px}
.srow{display:grid;grid-template-columns:110px 1fr auto;align-items:center;padding:30px 6px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:color .5s,padding .6s var(--ease)}
.srow:before{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease);z-index:-1}
.srow{z-index:0}.srow:hover{color:#fff;padding-left:26px;padding-right:26px}.srow:hover:before{transform:scaleY(1);transform-origin:top}
.srow .n{font-family:var(--serif);font-size:2rem;color:var(--gold)}.srow .t{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);line-height:1;color:inherit}
.srow:not(:hover) .t{color:var(--navy)}.srow .ar{font-size:1.6rem;color:var(--gold);transition:transform .6s var(--ease)}.srow:hover .ar{transform:translateX(-6px) rotate(-45deg)}
.sprev{position:fixed;left:0;top:0;width:300px;height:220px;pointer-events:none;z-index:60;overflow:hidden;opacity:0;transform:scale(.7);transition:opacity .4s,transform .5s var(--ease);will-change:transform}
.sprev.on{opacity:1;transform:scale(1)}.sprev img{width:100%;height:100%;object-fit:cover}

/* cards */
.band{background:var(--ivory)}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:20px}.sechead h2{margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.card{background:#fff;display:flex;flex-direction:column;position:relative;transform-style:preserve-3d;transition:box-shadow .6s var(--ease),transform .6s var(--ease);will-change:transform}
.card:hover{box-shadow:0 30px 60px -20px rgba(11,22,38,.28)}
.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.18),transparent 40%);opacity:0;transition:opacity .5s;z-index:2}
.card:hover:after{opacity:1}
.ph{aspect-ratio:4/3;overflow:hidden;background:var(--navy);position:relative}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .8s}
.card:hover .ph img{transform:scale(1.08)}
.ph-cta{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(11,22,38,.85));transform:translateY(100%);transition:transform .6s var(--ease);display:flex;justify-content:space-between}
.ph-cta i{font-style:normal;color:var(--gold2)}.card:hover .ph-cta{transform:none}
.noimg{display:flex;align-items:flex-end;background:linear-gradient(135deg,#0b1626 0%,#18294a 60%,#22385e 100%);position:relative;color:#fff}
.noimg:before{content:"";position:absolute;inset:14px;border:1px solid rgba(194,160,90,.45)}
.noimg:after{content:"";position:absolute;right:28px;top:28px;width:56px;height:56px;background:repeating-linear-gradient(90deg,rgba(194,160,90,.5) 0 2px,transparent 2px 10px);opacity:.7}
.noimg>div{padding:30px;position:relative}.ni-cat{display:block;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2)}.ni-name{display:block;font-family:var(--serif);font-size:2rem;line-height:1.1;margin:.3em 0}.ni-loc{font-size:.78rem;color:#b9c2cf}
.cb{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1;border:1px solid var(--line);border-top:0}.cb h3{margin:.5em 0 .15em;font-size:1.75rem}.loc{color:var(--mut);font-size:.86rem;margin:0}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(194,160,90,.55);padding:4px 10px;font-weight:700;border-radius:100px}.tag.gl{color:var(--mut);border-color:var(--line)}
.kf{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:28px}.kf b{display:block;font-family:var(--serif);font-weight:400;font-size:1.6rem;color:var(--navy);line-height:1.1}.kf span{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.hp .kf{margin:0}
.st{margin:auto 0 0;padding-top:14px;font-size:.76rem;color:var(--mut);border-top:1px solid var(--line);margin-top:18px}
.pr{display:flex;align-items:baseline;gap:8px;margin:14px 0 0;font-size:.86rem}.pr span{color:var(--mut);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.pr b{font-weight:700;color:var(--navy)}

/* card transitions once revealed */
.js .card.rv.in{transition:opacity 1.1s var(--ease),transform .5s var(--ease),box-shadow .6s var(--ease)}
/* leadership teaser + people */
.lead-sec{padding:70px 0 10px}.lede.dk{color:var(--char);max-width:720px;margin:-4px 0 26px}
.people{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:22px}.people.compact{grid-template-columns:repeat(4,1fr);gap:20px}
.person{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:28px;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .6s}
.person:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(11,22,38,.3);border-color:rgba(194,160,90,.5)}
.person h3{margin:0 0 6px;font-size:1.6rem}.person .role{margin:0 0 8px;color:var(--gold);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.person p{margin:0;color:var(--char);font-size:.92rem}
.mono{flex:0 0 66px;width:66px;height:66px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--gold2);border:1px solid var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;font-weight:600;letter-spacing:.06em;border-radius:50%;transition:transform .8s var(--ease)}
.person:hover .mono{transform:rotate(360deg)}
.people.compact .person{flex-direction:column;gap:14px;padding:24px}.people.compact .mono{width:54px;height:54px;flex-basis:54px;font-size:1.3rem}.people.compact h3{font-size:1.4rem}

.mono.pic{background:var(--navy);padding:0;overflow:hidden;border-radius:4px;flex:0 0 120px;width:120px;height:150px;border:1px solid var(--gold)}
.mono.pic img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1s var(--ease)}
.person:hover .mono.pic{transform:none}.person:hover .mono.pic img{transform:scale(1.06)}
.people.compact .mono.pic{width:84px;height:105px;flex-basis:auto}
/* CTA */
.cta{position:relative;overflow:hidden;background:var(--navy);color:#fff;text-align:center;padding:170px 0}
.cta-bg{position:absolute;inset:-20% 0;background-size:cover;background-position:center;opacity:.28;will-change:transform}
.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(11,22,38,.4),rgba(11,22,38,.95) 75%);z-index:1}
.cta .wrap{position:relative;z-index:2}.cta .eyebrow{justify-content:center}.cta h2{color:#fff;font-size:clamp(2.6rem,6vw,5.6rem)}.cta h2 em{color:var(--gold2)}
.cta p{color:#c6ccd6;margin:0 auto 2.4rem;max-width:560px}

/* page heads */
.phead{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:calc(var(--hh) + 120px) 0 100px;min-height:62vh;display:flex;align-items:flex-end}
.phead .wrap{position:relative;z-index:2;width:100%}.phead h1{color:#fff}.phead .lede{color:#c6ccd6;max-width:680px;font-size:1.08rem;font-weight:300;animation:fup 1.2s 1s var(--ease) backwards}
.phead .eyebrow{animation:fup 1s .5s var(--ease) backwards}

/* portfolio filters */
.filters{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 10px;flex-wrap:wrap;position:sticky;top:66px;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 0;transition:top .6s var(--ease)}
body.hdr-hidden .filters{top:0}
.fl{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.f-ind{position:absolute;left:0;top:0;height:0;width:0;background:var(--navy);border-radius:100px;transition:transform .6s var(--ease),width .6s var(--ease),height .6s var(--ease);z-index:0}
.f{position:relative;z-index:1;background:transparent;border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-family:inherit;font-size:.76rem;letter-spacing:.06em;cursor:pointer;color:var(--char);transition:color .4s,border-color .4s}
.f i{font-style:normal;color:var(--gold);margin-left:4px}.f:hover{border-color:var(--navy)}.f.on{color:#fff;border-color:var(--navy)}
.no-ind .f.on{background:var(--navy)}
select,input,textarea{font-family:inherit;font-size:.95rem;padding:13px 14px;border:1px solid var(--line);background:#fff;width:100%;color:var(--char);border-radius:0;transition:border-color .3s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}
#boro{width:auto;min-width:210px;border-radius:100px;padding:10px 18px}
#count{margin:6px 0 30px;font-size:.84rem}.card.hide{display:none}

/* detail */
.dhero{position:relative;padding:0;background:var(--navy);color:#fff;overflow:hidden}
.dimg{height:100vh;height:100svh;max-height:980px;min-height:560px;overflow:hidden}
.dimg img{width:100%;height:115%;object-fit:cover;will-change:transform;animation:dzoom 2.4s .2s var(--ease) backwards}
@keyframes dzoom{from{transform:scale(1.25);filter:brightness(.4)}to{transform:none;filter:none}}
.dimg.noimg{height:62vh;min-height:460px}.dimg.noimg>div{display:none}
.dhero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,22,38,.55) 0%,rgba(11,22,38,0) 25%,rgba(11,22,38,0) 45%,rgba(11,22,38,.92) 100%);pointer-events:none;z-index:1}
.dhero .grain{z-index:2}
.dcap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding-bottom:56px}
.dcap h1{color:#fff;margin:.25em 0 .15em;font-size:clamp(2.8rem,7vw,6.6rem)}.dcap .loc{color:#d3d9e2;font-size:1rem}
.dcap .tags{animation:fup 1s .5s var(--ease) backwards}.dcap .tag{background:rgba(11,22,38,.4);backdrop-filter:blur(6px)}
.back{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);display:inline-block;margin-bottom:22px;animation:fup 1s .4s var(--ease) backwards}
.two{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
section.dbody{padding-top:110px}
.dbody h2{font-size:clamp(2.4rem,4vw,3.6rem)}
.dbody .big{font-size:1.7rem;font-family:var(--serif);color:var(--navy);line-height:1.3}
.facts{border-top:1px solid var(--gold);position:sticky;top:100px}
.facts>div{display:flex;justify-content:space-between;gap:20px;padding:18px 2px;border-bottom:1px solid var(--line);transition:background .4s,padding .4s var(--ease)}
.facts>div:hover{background:var(--ivory);padding-left:12px;padding-right:12px}
.facts span{color:var(--mut);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.facts b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.facts .px b{font-family:var(--serif);font-weight:400;font-size:1.7rem;color:var(--gold);line-height:1}
.story{margin-top:3rem;display:grid;gap:2.4rem;position:relative;padding-left:34px}
.story-line{position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}
.story-line i{position:absolute;inset:0;background:var(--gold);transform-origin:top;transform:scaleY(var(--p,1))}.js .story-line i{transform:scaleY(var(--p,0))}
.story .sb{position:relative;transition:opacity .8s,transform .8s var(--ease)}
.story .sb:before{content:"";position:absolute;left:-34px;top:4px;width:11px;height:11px;border-radius:50%;border:1px solid var(--gold);background:#fff;transition:background .6s,transform .6s var(--ease)}
.story .sb.lit:before,html:not(.js) .story .sb:before{background:var(--gold);transform:scale(1.25)}
.js .story .sb:not(.lit){opacity:.35}
.story .sl{display:block;font:700 .66rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.story .sb.now .sl{color:var(--navy)}.story p{margin:0;line-height:1.7;font-size:1.04rem}
.pn{display:grid;grid-template-columns:1fr 1fr;padding:0!important;border-top:1px solid var(--line);max-width:none}
.pn a{padding:60px 40px;display:flex;flex-direction:column;gap:8px;transition:background .6s var(--ease),color .6s}
.pn a+a{border-left:1px solid var(--line);text-align:right;align-items:flex-end}
.pn span{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.pn b{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3vw,2.8rem);color:var(--navy);line-height:1.05;transition:color .6s}
.pn a:hover{background:var(--navy)}.pn a:hover b{color:#fff}

/* approach */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.pillars>div{padding:40px 30px 40px 0;border-right:1px solid var(--line);margin-right:30px}.pillars>div:last-child{border-right:0;margin-right:0}
.pillars .num{font-family:var(--serif);color:var(--gold);font-size:3.4rem;line-height:1;display:block;margin-bottom:24px}
.splitimg{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--ivory)}.simg{overflow:hidden;min-height:640px;position:relative}
.simg-in{position:absolute;inset:-15% 0;background-size:cover;background-position:center;will-change:transform}
.stext{padding:110px 70px}
.checks{list-style:none;padding:0}.checks li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}.checks li:before{content:"";position:absolute;left:0;top:21px;width:16px;height:1px;background:var(--gold)}
.contact .mail{font-family:var(--serif);font-size:2.2rem;color:var(--navy);border-bottom:1px solid var(--gold)}
.cform{display:grid;gap:18px}.cform label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);display:grid;gap:8px}
.cform .btn{justify-self:start}

/* footer */
footer.site{background:#08111e;color:#c6ccd6;padding:110px 0 30px;position:relative;overflow:hidden}
.ftr-big{padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:60px}
.ftr-cta{display:block;font-family:var(--serif);font-size:clamp(3rem,9vw,8.4rem);line-height:.95;color:#fff;letter-spacing:-.02em}
.ftr-cta span{display:inline-block;transition:transform .8s var(--ease)}.ftr-cta em{display:inline-block;transition:transform .8s var(--ease)}
.ftr-cta:hover span{transform:translateX(-14px)}.ftr-cta:hover em{transform:translateX(14px)}
.ftr{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.ftr h4{color:var(--gold2);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;margin:0 0 16px;font-weight:600}
.ftr a{display:block;margin:7px 0;font-size:.9rem;transition:color .3s,transform .4s var(--ease)}.ftr a:hover{color:#fff;transform:translateX(4px)}.ftr .brand{margin:0}.ftr .brand:hover{transform:none}
.fine{border-top:1px solid rgba(255,255,255,.08);margin-top:60px;padding-top:24px;font-size:.72rem;color:#7d8696;display:flex;justify-content:space-between;gap:20px}
.totop{color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

/* responsive */
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.pillars{grid-template-columns:repeat(2,1fr)}.pillars>div:nth-child(2){border-right:0;margin-right:0}.grid4{grid-template-columns:repeat(2,1fr);row-gap:44px}.people.compact{grid-template-columns:repeat(2,1fr)}.hp{flex-basis:72vw}.hp-meta{grid-template-columns:auto 1fr;}.hp .kf,.hp .pr{grid-column:2}}
@media(max-width:760px){:root{--hh:68px}.wrap{padding:0 22px}section{padding:84px 0}section.wrap{padding-left:22px;padding-right:22px}
.burger{display:block}header nav{position:fixed;inset:0;height:100vh;height:100dvh;background:var(--navy);flex-direction:column;justify-content:center;gap:0;padding:0 28px;clip-path:circle(0 at calc(100% - 40px) 34px);transition:clip-path .8s var(--ease2);z-index:2}
body.nav-open header nav{clip-path:circle(150% at calc(100% - 40px) 34px)}body.nav-open{overflow:hidden}
header nav a{font-family:var(--serif);font-size:2.6rem;letter-spacing:0;text-transform:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s var(--ease)}
body.nav-open header nav a{opacity:1;transform:none}body.nav-open header nav a:nth-child(2){transition-delay:.06s}body.nav-open header nav a:nth-child(3){transition-delay:.12s}body.nav-open header nav a:nth-child(4){transition-delay:.18s}body.nav-open header nav a:nth-child(5){transition-delay:.24s}
header nav a:before{display:none}header nav a span:after{display:none}header nav a:hover span{transform:none}header nav a.on{color:var(--gold2)}
.logo{height:34px}header.site .brand{position:relative;z-index:3}
.hero{min-height:600px}.hero-foot{flex-wrap:wrap;gap:16px;padding-bottom:26px}.dots{order:3;flex-basis:100%;max-width:none}.scroll-cue{display:none}.now{min-width:0}.hero .lede{font-size:.98rem}
.btn{padding:16px 26px}
.marquee{padding:24px 0}
.two,.splitimg,.ftr,.intro-cols{grid-template-columns:1fr;gap:30px}.cards,.pillars{grid-template-columns:1fr}.pillars>div{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-right:0}
.grid4{gap:24px;row-gap:36px}.grid4>div{padding-left:16px}.grid4 b{font-size:2.9rem}
.stext{padding:64px 22px}.simg{min-height:340px}.sechead{flex-direction:column;align-items:flex-start}
.hs-head{flex-direction:column;align-items:flex-start;gap:14px}.hp{flex-basis:84vw}.hp-img{height:52vw}.hp-meta{grid-template-columns:auto 1fr;gap:14px 18px}.hp-t h3{font-size:1.6rem}.hp-n{font-size:2.2rem}.hs-end{flex-basis:70vw;height:52vw}.hs-end b{font-size:4.6rem}.hs-track{gap:18px;padding:0 22px}
.srow{grid-template-columns:56px 1fr auto;padding:22px 2px}.srow .n{font-size:1.4rem}.sprev{display:none}
.filters{top:0}#boro{width:100%}
.dimg{height:82svh;min-height:480px}.dcap{padding-bottom:36px}.facts{position:static}section.dbody{padding-top:64px}.dbody .big{font-size:1.4rem}
.pn{grid-template-columns:1fr}.pn a{padding:36px 22px}.pn a+a{border-left:0;border-top:1px solid var(--line)}
.people,.people.compact{grid-template-columns:1fr}.fine{flex-direction:column}.ftr-big{padding-bottom:50px;margin-bottom:40px}footer.site{padding-top:80px}
.phead{min-height:52vh;padding:calc(var(--hh) + 80px) 0 64px}.cta{padding:120px 0}}
@media(hover:none){.card:after{display:none}.ph-cta{transform:none;background:linear-gradient(transparent,rgba(11,22,38,.6))}}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
.grain,.mesh{display:none}.mq-track{animation:none!important;flex-wrap:wrap;white-space:normal}.mq{white-space:normal}
.slide img{transform:none!important}.dimg img{height:100%}.cursor{display:none}}
.rm .js .rv:not(.in),.rm .rv:not(.in){opacity:1;transform:none}
/* v6b: mobile hero — photo window on top, copy below, so the slideshow is always visible on phones */
.slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
@media(max-width:760px){
.hero{height:auto;min-height:0;justify-content:flex-start;padding-top:max(46svh,300px)}
.slides{top:0;left:0;right:0;bottom:auto;height:max(66svh,430px)}
.slides:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(11,22,38,.55) 0%,rgba(11,22,38,0) 22%,rgba(11,22,38,0) 52%,rgba(11,22,38,.55) 74%,var(--navy) 100%)}
.hero-shade{display:none}
.hero-foot{order:-1;border-top:0;padding-top:0;padding-bottom:22px}
.now .nm{font-size:1.7rem;text-shadow:0 2px 18px rgba(0,0,0,.45)}.now .lc{color:#dfe4eb}
.hero-in{padding-top:14px;padding-bottom:64px}
.hero h1{font-size:clamp(2.5rem,11vw,3.4rem)}
}
/* v7: value-creation levers + bios */
.lev-head{padding-bottom:0}.lev-head h2{max-width:900px}.lev-head+section{padding-top:34px}
.levers{border-top-color:var(--gold)}.levers h3{min-height:2.2em}
.bio p+p{margin-top:12px}.person .bio p{line-height:1.7}
@media(max-width:760px){.person{flex-direction:column;gap:16px}.lead-sec .person .mono.pic{width:120px;height:150px;flex-basis:auto}}
/* ---------- Round 8: property gallery + lightbox ---------- */
.gal{padding-top:0}
.gal-head{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:34px;margin-bottom:26px}
.gal-head h2{font-size:clamp(2rem,3.4vw,3rem)}
.gal-c{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,15vw,240px);gap:14px}
.gal-grid .gi:first-child{grid-column:span 2;grid-row:span 2}
.gal-grid.g2{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(220px,28vw,420px)}.gal-grid.g2 .gi:first-child{grid-column:auto;grid-row:auto}
.gal-grid.g3 .gi:nth-child(n+2){grid-column:span 2}
.gal-grid.g4 .gi:nth-child(4){grid-column:span 2}
.gal-grid.g6{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(170px,17vw,280px)}
.gi{position:relative;display:block;overflow:hidden;background:var(--navy);border-radius:2px;cursor:zoom-in}
.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease),opacity .6s var(--ease)}
.gi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,22,38,.55));opacity:0;transition:opacity .6s var(--ease)}
.gi:hover img,.gi:focus-visible img{transform:scale(1.06)}.gi:hover::after,.gi:focus-visible::after{opacity:1}
.gi-n{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font-size:.72rem;letter-spacing:.2em;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.gi:hover .gi-n,.gi:focus-visible .gi-n{opacity:1;transform:none}
.gi:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){.gal-grid,.gal-grid.g2{grid-template-columns:repeat(2,1fr);grid-auto-rows:34vw;gap:8px}
 .gal-grid .gi:first-child{grid-column:span 2;grid-row:span 1;height:auto}.gal-grid.g2 .gi:first-child{grid-column:span 2}
 .gal-grid.g2 .gi{grid-column:span 2}
 .gal-grid.g3 .gi:nth-child(n+2),.gal-grid.g4 .gi:nth-child(4){grid-column:auto}.gal-grid.g4 .gi:last-child,.gal-grid.g6 .gi:last-child{grid-column:span 2}.gal-grid.g6{grid-template-columns:repeat(2,1fr)}
 .gal-grid .gi:first-child{grid-row:span 2}.gal-head{padding-top:26px;margin-bottom:18px}.gi-n{opacity:1;transform:none}}
.lb{position:fixed;inset:0;z-index:9000;background:rgba(8,14,24,.96);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility 0s .55s;touch-action:pan-y}
.lb.on{opacity:1;visibility:visible;transition:opacity .55s var(--ease)}
.lb-stage{position:relative;width:min(92vw,1500px);height:min(80vh,1000px);display:flex;align-items:center;justify-content:center}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:scale(.94);opacity:0;transition:transform .8s var(--ease),opacity .5s var(--ease);user-select:none;-webkit-user-drag:none}
.lb.on .lb-img.ready{transform:none;opacity:1}
.lb-img.out-l{transform:translateX(-60px);opacity:0;transition-duration:.35s}.lb-img.out-r{transform:translateX(60px);opacity:0;transition-duration:.35s}
.lb button{position:absolute;background:none;border:1px solid rgba(255,255,255,.28);color:#fff;width:54px;height:54px;border-radius:50%;cursor:pointer;font:400 1.3rem/1 var(--sans);display:flex;align-items:center;justify-content:center;transition:background .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease)}
.lb button:hover,.lb button:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--navy);outline:none}
.lb-x{top:22px;right:24px}.lb-p{left:24px;top:50%;margin-top:-27px}.lb-n{right:24px;top:50%;margin-top:-27px}
.lb-p:hover{transform:translateX(-3px)}.lb-n:hover{transform:translateX(3px)}
.lb-c{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);color:rgba(255,255,255,.8);font-size:.75rem;letter-spacing:.24em}
.lb-t{position:absolute;left:28px;top:34px;color:#fff;font-family:var(--serif);font-size:1.5rem;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-bar{position:absolute;left:0;top:0;height:2px;background:var(--gold);transition:width .6s var(--ease)}
@media(max-width:900px){.lb-stage{width:100vw;height:72vh}.lb-p,.lb-n{top:auto;bottom:18px;margin:0;width:46px;height:46px}.lb-p{left:18px}.lb-n{right:18px}.lb-x{top:14px;right:14px;width:46px;height:46px}.lb-t{left:18px;top:24px;font-size:1.2rem;max-width:70vw}.lb-c{bottom:34px}}
.rm .lb,.rm .lb-img{transition:none}
html.lb-open,html.lb-open body{overflow:hidden}
/* ---------- Round 9: before/after slider ---------- */
.ba{margin:0;--pos:50%}
.ba-stage{position:relative;overflow:hidden;background:var(--navy);border-radius:2px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;isolation:isolate}
.ba-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);z-index:1}
.ba-l{position:absolute;top:18px;z-index:3;font:700 .62rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#fff;background:rgba(11,22,38,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:9px 13px;border-radius:100px;border:1px solid rgba(220,194,138,.45);transition:opacity .4s}
.ba-lb{left:18px}.ba-la{right:18px}
.ba-h{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--gold2);z-index:4;outline:none;box-shadow:0 0 0 1px rgba(11,22,38,.25)}
.ba-k{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .45s var(--ease),background .3s}
.ba-k i{font-style:normal;font-weight:700;font-size:1.2rem;line-height:1}
.ba-stage:hover .ba-k,.ba.drag .ba-k{transform:scale(1.1)}.ba.drag .ba-k{background:#fff}
.ba-h:focus-visible .ba-k{outline:2px solid #fff;outline-offset:3px}
.ba figcaption{margin-top:12px;font-size:.8rem;color:var(--mut);line-height:1.55}
.ba.anim .ba-before,.ba.anim .ba-h{transition:clip-path .9s var(--ease),left .9s var(--ease)}
.ba-sec{padding-top:10px}.ba-sec .ba{max-width:1100px}
.js .ba{transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.js .ba:not(.in){opacity:0;transform:translateY(40px)}
/* ---------- Round 9: track record ---------- */
.tr-head{min-height:70vh}
.tr-ba{padding-bottom:40px}.tr-hint{max-width:300px;margin:0}
.fba-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 40px}
.fba-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:16px}.fba-h h3{margin:0;font-size:2rem}.fba-h .arrow{margin:0;white-space:nowrap}
.tl-sec{padding:110px 0 120px;background:#fff}
.tl{position:relative;padding:20px 0 30px}
.tl-line{position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--line)}
.tl-line i{position:absolute;inset:0;background:linear-gradient(var(--gold),var(--gold2));transform-origin:top;transform:scaleY(var(--p,1))}.js .tl-line i{transform:scaleY(var(--p,0))}
.tl-line b{position:absolute;left:50%;top:calc(var(--p,0)*100%);width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(194,160,90,.18),0 0 24px rgba(194,160,90,.6)}
html:not(.js) .tl-line b,.rm .tl-line b{display:none}
.tl-yg{position:relative}
.tl-yr{position:sticky;top:calc(var(--hh) + 10px);z-index:2;display:flex;justify-content:center;padding:34px 0 18px;pointer-events:none}
.tl-yr span{font-family:var(--serif);font-size:clamp(3.6rem,7vw,6.4rem);line-height:1;color:var(--navy);background:#fff;padding:0 22px;transition:color .6s,transform .8s var(--ease)}
.js .tl-yg:not(.lit) .tl-yr span{color:rgba(11,22,38,.16)}
.tl-yg.lit .tl-yr span{color:var(--gold)}
.tl-evs{position:relative}
.tl-e{position:relative;width:50%;padding:18px 56px 18px 0}
.tl-e.r{margin-left:50%;padding:18px 0 18px 56px}
.tl-dot{position:absolute;top:34px;width:13px;height:13px;border-radius:50%;border:1px solid var(--gold);background:#fff;transition:background .5s,transform .6s var(--ease);z-index:1}
.tl-e.l .tl-dot{right:-6.5px}.tl-e.r .tl-dot{left:-6.5px}
.tl-e.lit .tl-dot,html:not(.js) .tl-dot{background:var(--gold);transform:scale(1.3)}
.tl-c{background:var(--ivory);padding:26px 30px 24px;border-radius:2px;position:relative;transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.tl-c:hover{box-shadow:0 24px 50px -28px rgba(11,22,38,.35);transform:translateY(-3px)}
.tl-e.l .tl-c:after,.tl-e.r .tl-c:after{content:"";position:absolute;top:22px;width:40px;height:1px;background:var(--gold);opacity:.6}
.tl-e.l .tl-c:after{right:-40px}.tl-e.r .tl-c:after{left:-40px}
.js .tl-e .tl-c{transition:opacity 1s var(--ease),transform 1s var(--ease),box-shadow .6s var(--ease)}
.js .tl-e:not(.in) .tl-c{opacity:0}.js .tl-e.l:not(.in) .tl-c{transform:translateX(-50px)}.js .tl-e.r:not(.in) .tl-c{transform:translateX(50px)}
.tl-m{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase}
.tl-m span{color:var(--navy);font-weight:700}.tl-m b{color:var(--gold);font-weight:700;text-align:right}
.tl-c h3{font-size:1.65rem;margin:0 0 8px}.tl-c>p{margin:0;font-size:.95rem;line-height:1.65}
.tl-ln{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0!important}.tl-ln a{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold)}.tl-ln a i{font-style:normal;display:inline-block;transition:transform .4s var(--ease)}.tl-ln a:hover{color:var(--navy)}.tl-ln a:hover i{transform:translateX(4px)}
.tl-now{display:flex;justify-content:center;padding-top:30px;position:relative}.tl-now span{background:var(--navy);color:var(--gold2);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;padding:12px 22px;border-radius:100px}
.tr-real{padding:110px 0}
.rcs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.rc{display:flex;flex-direction:column;background:#fff;border-radius:2px;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.rc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(11,22,38,.4)}
.rc-img{aspect-ratio:16/10;overflow:hidden;background:var(--navy)}.rc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.rc:hover .rc-img img{transform:scale(1.06)}
.rc-img.noimg{display:flex;align-items:flex-end;padding:22px}.rc-img.noimg span{font-family:var(--serif);font-size:1.8rem;color:var(--gold2);line-height:1.1}
.rc-b{padding:24px 26px 28px}.rc-k{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 8px}.rc-b h3{font-size:1.7rem;margin:0 0 14px}
.rc dl{margin:0;display:grid;gap:4px}.rc dt{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);font-weight:700;margin-top:8px}.rc dd{margin:0;font-size:.92rem;line-height:1.55}
@media(max-width:1100px){.rcs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.fba-grid{grid-template-columns:1fr;gap:44px}
.tl-line{left:14px}.tl-e,.tl-e.r{width:auto;margin-left:0;padding:12px 0 12px 44px}.tl-e.l .tl-dot,.tl-e.r .tl-dot{left:7.5px;right:auto}
.tl-e.l .tl-c:after,.tl-e.r .tl-c:after{left:-22px;right:auto;width:22px}.js .tl-e.l:not(.in) .tl-c,.js .tl-e.r:not(.in) .tl-c{transform:translateY(36px)}
.tl-yr{justify-content:flex-start;padding:26px 0 8px 30px}.tl-yr span{font-size:3.4rem;padding:0 12px}.tl-now{justify-content:flex-start}}
@media(max-width:760px){.rcs{grid-template-columns:1fr}.tl-c{padding:22px 20px}.tl-c h3{font-size:1.45rem}.tl-m{flex-direction:column;gap:6px}.tl-m b{text-align:left}
.ba-k{width:46px;height:46px;margin:-23px 0 0 -23px}.ba-l{top:12px;font-size:.56rem;padding:7px 10px}.ba-lb{left:12px}.ba-la{right:12px}.fba-h h3{font-size:1.6rem}.fba-h{flex-direction:column;gap:6px}
.tl-sec,.tr-real{padding:80px 0}}
@media (prefers-reduced-motion:reduce){.ba.anim .ba-before,.ba.anim .ba-h{transition:none}}
/* ---------- Round 10: nav fit, Community Impact, Press */
@media(min-width:761px) and (max-width:1360px){header nav{gap:24px}header nav a{letter-spacing:.14em;font-size:.7rem}}
@media(min-width:761px) and (max-width:1120px){header nav{gap:16px}header nav a{letter-spacing:.08em;font-size:.64rem}}
.ci-sec{padding-top:120px}.ci-lede{max-width:760px;margin:0 0 56px}
.ci-list{border-top:1px solid var(--line)}
.ci-row{display:grid;grid-template-columns:200px 1fr;gap:36px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.ci-n b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,5vw,4.6rem);line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}
.ci-n span{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
.ci-b h3{font-size:1.8rem;margin:0 0 8px}.ci-k{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);font-weight:700;margin:0 0 10px}
.ci-band{margin:0 0 10px;font-size:1rem;line-height:1.55}
.ci-next{margin-top:56px;padding:34px 38px;background:var(--ivory);border-left:2px solid var(--gold);max-width:900px}.ci-next p:last-child{margin:0;line-height:1.7}
.ci-next a,.ci-txt a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.ci-split{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center}.ci-split.rev{grid-template-columns:1fr 1.2fr}
.ci-txt h2{margin:0 0 24px}.ci-txt p{line-height:1.75}
.ci-src{font-size:.78rem;color:var(--mut);margin-top:22px}.ci-src a{color:var(--mut)}
.ci-panel{background:var(--navy);color:#fff;padding:44px 40px;border-radius:2px;position:relative;overflow:hidden}
.ci-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(194,160,90,.25),transparent 55%)}
.ci-panel dl{margin:0;display:grid;gap:6px;position:relative}.ci-panel dt{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);font-weight:700;margin-top:16px}.ci-panel dt:first-child{margin-top:0}
.ci-panel dd{margin:0;font-family:var(--serif);font-size:1.7rem;line-height:1.2}
.ci-img{aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--navy)}.ci-img img{width:100%;height:100%;object-fit:cover}
.ci-srcs{padding-top:0}.ci-srcs a{color:var(--mut)}
.pr-sec{padding-top:110px}
.pr-yg{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:34px 0;border-top:1px solid var(--line)}
.pr-yr span{font-family:var(--serif);font-size:3.4rem;line-height:1;color:var(--gold);position:sticky;top:110px;display:block}
.pr-list{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.pr-c{background:#fff;border:1px solid var(--line);padding:30px 32px 26px;border-radius:2px;display:flex;flex-direction:column;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .6s}
.pr-c:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(11,22,38,.4);border-color:var(--gold)}
.pr-m{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.pr-m b{color:var(--gold)}.pr-m time{color:var(--mut)}
.pr-c h3{font-size:1.55rem;line-height:1.2;margin:0 0 14px}.pr-c h3 a{color:var(--navy)}.pr-c h3 a:hover{color:var(--gold)}
.pr-s{line-height:1.65;margin:0 0 18px;flex:1}.pr-f{margin:0 0 6px}.pr-c .tl-ln{margin:0}
.pr-note{margin-top:40px}
@media(max-width:1000px){.pr-list{grid-template-columns:1fr}.ci-split,.ci-split.rev{grid-template-columns:1fr;gap:44px}.ci-img{aspect-ratio:16/11}}
@media(max-width:760px){.ci-row{grid-template-columns:1fr;gap:10px;padding:28px 0}.ci-b h3{font-size:1.5rem}.ci-next{padding:26px 22px}.ci-panel{padding:34px 26px}
.pr-yg{grid-template-columns:1fr;gap:18px}.pr-yr span{position:static;font-size:2.6rem}.pr-c{padding:24px 22px}.pr-c h3{font-size:1.35rem}.ci-sec,.pr-sec{padding-top:84px}}
.ci-sec{padding-bottom:130px}.ci-feat2{padding-top:130px;padding-bottom:110px}.ci-img{aspect-ratio:4/3}.ci-srcs{padding-top:0;padding-bottom:110px;border-top:0}
@media(max-width:760px){.ci-sec{padding-bottom:90px}.ci-feat2{padding-top:90px;padding-bottom:70px}.ci-srcs{padding-bottom:80px}}
.pr-sec{padding-bottom:110px}@media(max-width:760px){.pr-sec{padding-bottom:80px}}
body.nav-open header nav a:nth-child(6){transition-delay:.3s}body.nav-open header nav a:nth-child(7){transition-delay:.36s}body.nav-open header nav a:nth-child(8){transition-delay:.42s}@media(max-width:760px){header nav a{font-size:2.2rem;padding:8px 0}}

/* Round 10c: playful title + formal title */
.person .role-f{margin:-4px 0 10px;color:var(--mut);font-family:var(--sans);font-size:.78rem;letter-spacing:.01em;font-weight:500;text-transform:none}
/* r11b contact info */
.ftr address{font-style:normal;margin-top:10px;line-height:1.6;font-size:.88rem}
.ftr .ftel{font-family:var(--serif);font-size:1.35rem;color:#fff;margin-bottom:10px}
.cta .cta-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:2rem auto 0;font-size:.9rem;color:#c6ccd6;letter-spacing:.04em}
.cta .cta-contact a{color:#fff;border-bottom:1px solid var(--gold);padding-bottom:2px}.cta .cta-contact a:hover{color:var(--gold2)}
.contact address{font-style:normal;line-height:1.6;margin:0 0 14px}
.contact .ctel a{font-family:var(--serif);font-size:1.6rem;color:var(--navy)}.contact .ctel a:hover{color:var(--gold)}
/* r11b: story "Now" block was picking up the hero ".now" (Now showing) grid — reset it */
.story .sb.now{display:block;min-width:0}
/* r11b mobile: hero "Now showing" — stack name over location instead of two cramped columns */
@media(max-width:760px){
.hero-foot .now{grid-template-columns:1fr;row-gap:6px;width:100%;min-height:96px;align-content:start}
.hero-foot .now .k{margin-bottom:2px}
.hero-foot .now .nm{line-height:1.08}
.hero-foot .now .lc{line-height:1.45}
}
/* r11b mobile: long email on contact page was pushing the column past the screen edge */
@media(max-width:760px){.contact>*{min-width:0}.contact .mail{font-size:clamp(1.25rem,6.4vw,1.6rem);overflow-wrap:anywhere}}
/* r11c mobile: "Now showing" moves off the bottom — small tag pinned to the top-left of the hero photo */
@media(max-width:760px){
.hero-foot{position:static}
.hero-foot .now{position:absolute;z-index:5;top:calc(var(--hh) + 12px);left:22px;width:auto;min-height:0;max-width:calc(100% - 44px);display:grid;grid-template-columns:1fr;row-gap:2px;padding:9px 13px 10px;background:rgba(11,22,38,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:2px solid var(--gold);border-radius:2px}
.hero-foot .now .k{font-size:.56rem;margin:0 0 2px}
.hero-foot .now .nm{font-size:1.08rem;line-height:1.15;text-shadow:none}
.hero-foot .now .lc{font-size:.7rem;line-height:1.35}
.hero-foot{padding-top:0}
}
/* r11g mobile home alignment audit */
@media(max-width:760px){
.intro.wrap{padding-top:72px;padding-bottom:76px}
.strat.wrap{padding-top:72px;padding-bottom:72px}
.wrap.fine{padding-top:24px}
.srow{column-gap:12px}
.hero .btns{display:grid;grid-template-columns:1fr;gap:12px}.hero .btns .btn{width:100%}
}
@media(max-width:374px){.hero h1{font-size:2.35rem}}

/* ===================== Joyland Group — "Brooklyn" theme (preview) =====================
   Layered on top of style.css. Brick / cream / ink, water-tower green + brass accents,
   condensed grotesk display + editorial italic serif, paper grain, stamps & street signs. */
.bk{--navy:#1c1a19;--navy2:#24201e;--navy3:#2f2a27;--char:#2a2624;--gold:#b4472d;--gold2:#e3a07c;--ivory:#ece2cf;--line:#d9ccb5;--mut:#6f665c;
--ink:#1c1a19;--brick:#b4472d;--brick2:#e3a07c;--paper:#f4ecdf;--card:#fbf6ec;--green:#2f5d4a;--sign:#2f6b4f;--brass:#b8924a;
--disp:Archivo,"Arial Narrow",Helvetica,Arial,sans-serif;--ital:Fraunces,Georgia,serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;
--serif:var(--disp);--sans:"Instrument Sans",Helvetica,Arial,sans-serif}
.bk{background:var(--paper);color:var(--char)}
.bk ::selection{background:var(--brick);color:var(--paper)}
/* paper grain over everything (very light) */
.bk:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:150;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .15 0 0 0 0 .1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bk .grain{opacity:.07;mix-blend-mode:soft-light}

/* ---------- type */
.bk h1,.bk h2,.bk h3,.bk .mq span,.bk .grid4 b,.bk .hs-end b,.bk .srow .t,.bk .kf b,.bk .facts .px b,.bk .pn b,.bk .ftr-cta,.bk .tl-yr span,.bk .ci-n b,.bk .pr-yr span,.bk .ni-name,.bk .now .nm,.bk .rc-img.noimg span,.bk .lb-t{font-family:var(--disp);font-stretch:62.5%;font-weight:800;letter-spacing:.005em}
.bk h1,.bk h2,.bk .card h3,.bk .hp-t h3,.bk .srow .t,.bk .pn b,.bk .ftr-cta,.bk .person h3,.bk .fba-h h3,.bk .rc-b h3,.bk .ni-name,.bk .now .nm,.bk .gal-head h2{text-transform:uppercase}
.bk h1{font-size:clamp(3.4rem,8.6vw,8.6rem);line-height:.88;color:var(--ink)}
.bk h2{font-size:clamp(2.5rem,5.2vw,4.9rem);line-height:.9;color:var(--ink)}
.bk h3{font-weight:700;line-height:1;color:var(--ink)}
.bk h1 em,.bk h2 em,.bk .ftr-cta em{font-family:var(--ital);font-style:italic;font-weight:400;font-stretch:normal;text-transform:none;letter-spacing:-.02em;color:var(--brick);font-variation-settings:"opsz" 144}
.bk .split .w{padding-right:.06em;margin-right:-.06em}
.bk .eyebrow{font-family:var(--mono);font-weight:500;letter-spacing:.16em;font-size:.72rem;color:var(--brick)}
.bk .eyebrow:before{width:22px;height:2px;opacity:1}
.bk .hscroll .eyebrow,.bk .cta .eyebrow,.bk footer .eyebrow,.bk .stats .eyebrow{color:var(--brick2)}
.bk .lede{font-family:var(--sans)}
.bk .arrow{font-family:var(--mono);font-weight:500;letter-spacing:.1em;color:var(--brick)}.bk .arrow:hover{color:var(--ink)}.bk .arrow.lt{color:var(--brick2)}
.bk .muted{color:var(--mut)}

/* ---------- chrome: masthead header on paper */
.bk main{padding-top:var(--hh)}
.bk header.site{color:var(--ink);background:rgba(244,236,223,.95);border-bottom:1px solid var(--ink)}
.bk header.site.scrolled{background:rgba(244,236,223,.9);border-color:var(--ink)}
.bk header nav a{color:#4a423d;font-family:var(--mono);font-weight:500;letter-spacing:.1em}
.bk header nav a span:after{color:var(--brick)}
.bk header nav a.on{color:var(--ink)}.bk header nav a:before{background:var(--brick);height:2px}
.bk .burger span{background:var(--ink)}
.bk header.site .logo{color:var(--ink)}.bk .logo{height:38px}.bk header.scrolled .logo{height:32px}
.bk .progress{background:var(--brick);height:3px}
.bk .curtain{background:var(--ink)}.bk .curtain .cm{font-family:var(--ital);font-style:italic;font-weight:400;color:var(--paper);background:var(--brick);border:0}
.bk .cursor{background:var(--brick)}.bk .cursor.hov{background:rgba(180,71,45,.16);border-color:var(--brick)}.bk .cursor.lbl{background:var(--brick)}.bk .cursor .cl{color:var(--paper);font-family:var(--mono);font-weight:500;letter-spacing:.12em}

/* ---------- buttons, tags (stamps), subway bullets, street signs */
.bk .btn{border-radius:0;font-family:var(--mono);font-weight:500;letter-spacing:.14em;padding:18px 30px}
.bk .btn:before{border-radius:0;width:100%;left:0;top:0;height:100%;aspect-ratio:auto;transform:scaleY(0);transform-origin:bottom}
.bk .btn:hover:before{transform:scaleY(1)}
.bk .btn.gold{background:var(--brick);border-color:var(--brick);color:var(--paper)}.bk .btn.gold:before{background:var(--ink)}
.bk .btn.ghost{color:var(--ink);border-color:var(--ink);backdrop-filter:none}.bk .btn.ghost:before{background:var(--ink)}.bk .btn.ghost:hover{color:var(--paper);border-color:var(--ink)}
.bk .tag{font-family:var(--mono);font-weight:500;letter-spacing:.12em;font-size:.62rem;border-radius:0;color:var(--brick);border:1.5px solid currentColor;padding:4px 8px 3px;background:transparent}
.bk .tags .tag:first-child{transform:rotate(-2deg)}
.bk .tag.gl{color:var(--green);border-color:currentColor}
.bk .sub{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font:700 .56rem/1 var(--sans);letter-spacing:.02em;margin-right:8px;vertical-align:-5px;flex:none}
.bk .s-bk{background:#b4472d}.bk .s-mn{background:#34507a}.bk .s-qn{background:#6a7f37}.bk .s-bx{background:#c77a2c}.bk .s-si{background:#2f5d4a}.bk .s-hv{background:#7d6b55}
.bk .signs{display:flex;align-items:center;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.bk .sign{display:inline-block;background:var(--sign);color:#fff;font:600 1rem/1 var(--sans);letter-spacing:.02em;padding:9px 16px 8px;border-radius:5px;box-shadow:inset 0 0 0 3px var(--sign),inset 0 0 0 4.5px rgba(255,255,255,.85),0 6px 18px -8px rgba(0,0,0,.5)}
.bk .signs .sub{width:30px;height:30px;font-size:.7rem;margin:0;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}

/* ---------- B&W photos, colour on hover */
.bk .ph img,.bk .hp-img img,.bk .gi img,.bk .rc-img img,.bk .mono.pic img,.bk .ci-img img,.bk .sprev img{filter:grayscale(1) contrast(1.06) brightness(.98);transition:transform 1.2s var(--ease),filter 1s var(--ease)}
.bk .card:hover .ph img,.bk .hp:hover .hp-img img,.bk .gi:hover img,.bk .gi:focus-visible img,.bk .rc:hover .rc-img img,.bk .person:hover .mono.pic img,.bk .ci-img:hover img,.bk .card:focus-visible .ph img,.bk .hp:focus-visible .hp-img img{filter:none}
.bk .sprev img{filter:none}
@media(hover:none){.bk .ph img,.bk .hp-img img,.bk .gi img,.bk .rc-img img,.bk .mono.pic img,.bk .ci-img img{transition:filter 1.6s .35s var(--ease),transform 1.2s var(--ease)}
 html:not(.js) .bk .ph img,.bk .card.in .ph img,.bk .hp-img img,.bk .gi img,.bk .rc-img img,.bk .mono.pic img,.bk .ci-img img{filter:none}}
.bk .ph-cta{background:linear-gradient(transparent,rgba(28,26,25,.85));font-family:var(--mono);font-weight:500;letter-spacing:.14em}.bk .ph-cta i{color:var(--brick2)}
.bk .noimg{background:linear-gradient(135deg,#2a2422 0%,#4a2b22 60%,#8a3a26 100%)}.bk .noimg:before{border-color:rgba(243,234,217,.35)}
.bk .noimg:after{background:repeating-linear-gradient(90deg,rgba(243,234,217,.45) 0 2px,transparent 2px 10px)}

/* ---------- HOME hero: editorial split — photo block right, cut-paper headline overlapping */
.bk .hero{background:var(--paper);color:var(--ink);height:calc(100svh - var(--hh));min-height:640px;max-height:1000px}
.bk .hero-shade{display:none}.bk .hero .grain{display:none}
.bk .slides{left:44%;right:max(40px,calc((100vw - 1320px)/2 + 40px));top:26px;bottom:112px;overflow:hidden;background:var(--ink)}
.bk .slides:before{content:"";position:absolute;left:-14px;bottom:-14px;width:46%;height:42%;background:var(--brick);z-index:-1}
.bk .slides{overflow:visible}.bk .slide{overflow:hidden}
.bk .hero-in{padding-bottom:30px;pointer-events:none}.bk .hero-in>*{pointer-events:auto}
.bk .hero .eyebrow{color:var(--brick)}
.bk .hero h1{color:var(--ink);max-width:none;font-size:clamp(3.4rem,7.4vw,8rem);line-height:.9;margin-bottom:.35em}
.bk .hero h1 .w{background:var(--paper);padding:.04em .1em 0;margin:0 -.05em;box-shadow:.16em 0 0 var(--paper)}
.bk .hero h1 em{color:var(--brick);text-shadow:none;font-weight:400;letter-spacing:-.01em}
.bk .hero .lede{color:#3d3632;max-width:min(500px,33vw);font-weight:400;font-size:1.02rem}
.bk .hero-foot{border-top:1px solid var(--ink);padding-top:20px;padding-bottom:26px}
.bk .now .k{color:var(--brick);font-family:var(--mono);letter-spacing:.14em}.bk .now .nm{font-size:1.7rem;color:var(--ink)}.bk .now .lc{color:var(--mut);font-family:var(--mono);font-size:.74rem}
.bk .dot:before{background:rgba(28,26,25,.18)}.bk .dot i{background:var(--brick)}
.bk .scroll-cue{color:var(--ink);font-family:var(--mono);letter-spacing:.16em}.bk .scroll-cue i{background:rgba(28,26,25,.25)}.bk .scroll-cue i:after{background:var(--brick)}

/* marquee as subway signage */
.bk .marquee{background:var(--ink);border-bottom:0;border-top:6px solid var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.75);padding:30px 0}
.bk .mq span{font-family:var(--sans);font-stretch:normal;font-weight:600;letter-spacing:-.01em;font-size:clamp(1.7rem,3.2vw,2.8rem);color:#f6f1e8}
.bk .mq i{font-size:0;width:16px;height:16px;border-radius:50%;background:var(--brick);flex:none}
.bk .mq i:nth-of-type(4n+2){background:#c77a2c}.bk .mq i:nth-of-type(4n+3){background:var(--green)}.bk .mq i:nth-of-type(4n){background:#34507a}
.bk .mq.rev span{font-family:var(--mono);font-weight:500;letter-spacing:.2em;color:var(--brass);font-size:.74rem}
.bk .mq.rev i{width:auto;height:auto;background:none;font-size:.9rem;color:rgba(255,255,255,.3)}

/* stats on brick */
.bk .stats{background:var(--brick);color:var(--paper);position:relative;overflow:hidden}
.bk .grid4>div{border-left:1.5px solid rgba(243,234,217,.45)}
.bk .grid4 b{color:var(--paper);font-size:clamp(3.8rem,7vw,6.6rem);line-height:.9}
.bk .grid4 span{font-family:var(--mono);letter-spacing:.12em;color:rgba(243,234,217,.85)}
.bk .statnote{color:rgba(243,234,217,.75);font-family:var(--mono);font-size:.7rem;letter-spacing:.04em}

/* intro as a magazine pull-quote */
.bk .intro h2.fill{font-family:var(--ital);font-style:italic;font-weight:300;font-stretch:normal;text-transform:none;letter-spacing:-.02em;line-height:1.08;font-size:clamp(2.2rem,4.4vw,4.3rem);font-variation-settings:"opsz" 144}
.bk .fw{color:rgba(28,26,25,.13)}.bk .fw.lit{color:var(--ink)}
.bk .intro-cols{color:#3d3632}
.bk .intro{position:relative}
.bk .intro:before{content:"\201C";position:absolute;left:-6px;top:58px;font:italic 300 11rem/1 var(--ital);color:var(--brick);opacity:.9}
@media(min-width:1440px){.bk .intro:before{left:-60px}}

/* featured strip */
.bk .hscroll{background:var(--ink)}
.bk .hs-head h2{color:var(--paper)}.bk .hs-count{font-family:var(--mono);font-size:1rem;color:#9b928a}.bk .hs-count b{font-family:var(--disp);font-stretch:62.5%;font-weight:800;color:var(--brick2);font-size:2.2rem}
.bk .hp-img{background:#2a2523}
.bk .hp-n{font-family:var(--ital);font-style:italic;font-weight:300;color:var(--brick2);font-size:3.4rem}
.bk .hp-t h3{color:var(--paper);font-size:2.2rem}.bk .hp .loc{color:#b3aaa1}
.bk .hp .tag{color:var(--brick2)}
.bk .hp .kf b{color:var(--paper)}.bk .hp .pr b{color:var(--brick2)}
.bk .hs-end{border:1.5px solid var(--brick2)}.bk .hs-end b{color:var(--brick2);font-size:8rem}.bk .hs-end span{font-family:var(--mono)}
.bk .hs-bar span{background:var(--brick)}

/* then & now (home) */
.bk .then{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:center}
.bk .then h2{margin-bottom:.4em}
.bk .then .story{margin-top:1.4rem;margin-bottom:2rem}
.bk .then .ba-stage{box-shadow:18px 18px 0 var(--brick)}

/* strategy rows */
.bk .srows{border-top:2px solid var(--ink)}
.bk .srow{border-bottom:1px solid var(--ink)}
.bk .srow:before{background:var(--green)}
.bk .srow .n{font-family:var(--mono);font-size:1rem;color:var(--brick);letter-spacing:.1em}
.bk .srow:hover .n,.bk .srow:hover .ar{color:var(--paper)}
.bk .srow:not(:hover) .t{color:var(--ink)}.bk .srow .t{font-size:clamp(2.2rem,4.6vw,4.2rem)}
.bk .srow .ar{color:var(--brick)}

/* cards — magazine listings */
.bk .band{background:var(--ivory)}
.bk .card{background:transparent}
.bk .card:after{display:none}
.bk .card:hover{box-shadow:none}
.bk .ph{background:var(--ink)}
.bk .cb{border:0;padding:20px 2px 4px}
.bk .cb h3{font-size:2.05rem;margin:.55em 0 .2em}
.bk .loc{color:var(--mut);font-size:.84rem;display:flex;align-items:center}
.bk .kf{gap:26px}.bk .kf b{font-size:1.75rem;font-weight:700;color:var(--ink)}.bk .kf span,.bk .pr span{font-family:var(--mono);letter-spacing:.08em;font-size:.62rem}
.bk .pr b{color:var(--brick)}
.bk .st{border-top:1px dashed rgba(28,26,25,.35);font-family:var(--mono);font-size:.7rem;letter-spacing:.02em}
@media(min-width:1101px){.bk .cards{grid-auto-flow:dense;column-gap:30px;row-gap:56px}.bk #grid .card:nth-child(7n+1){grid-column:span 2}.bk #grid .card:nth-child(7n+1) .ph{aspect-ratio:8/3}
 .bk #grid .card:nth-child(7n+1) .cb h3{font-size:2.8rem}}

/* page heads on paper, with a fine-line water tower */
.bk .phead{background:var(--paper);color:var(--ink);padding:110px 0 70px;min-height:54vh;border-bottom:1px solid var(--ink)}
.bk .phead .mesh{display:none}.bk .phead .grain{display:none}
.bk .phead h1{color:var(--ink)}.bk .phead .eyebrow{color:var(--brick)}.bk .phead .lede{color:#3d3632;font-weight:400}
.bk .phead:after{content:"";position:absolute;right:max(30px,calc((100vw - 1320px)/2 + 20px));bottom:0;width:min(26vw,300px);height:86%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300' fill='none' stroke='%231c1a19' stroke-width='2'%3E%3Cpath d='M100 8v14M60 70 100 22l40 48'/%3E%3Cpath d='M56 70h88M60 70v100h80V70'/%3E%3Cpath d='M60 92h80M60 116h80M60 140h80M60 162h80' stroke-opacity='.55'/%3E%3Cpath d='M76 70v100M100 70v100M124 70v100' stroke-opacity='.18'/%3E%3Cpath d='M52 170h96v8H52z'/%3E%3Cpath d='M64 178 54 300M136 178l10 122M88 178l-3 122M112 178l3 122'/%3E%3Cpath d='M58 212h84M56 254h88M64 178l70 34M136 178l-70 34M58 212l84 42M142 212l-84 42' stroke-opacity='.5'/%3E%3Cpath d='M0 299h200' stroke-width='3'/%3E%3C/svg%3E") no-repeat right bottom/contain;opacity:.85;pointer-events:none}
.bk .phead .wrap{padding-right:min(30vw,340px)}

/* property detail */
.bk .dhero{background:var(--ink)}
.bk .dimg{height:calc(100svh - var(--hh));max-height:920px}
.bk .dhero:after{background:linear-gradient(180deg,rgba(28,26,25,.25) 0%,rgba(28,26,25,0) 30%,rgba(28,26,25,.1) 50%,rgba(28,26,25,.9) 100%)}
.bk .dcap h1{color:var(--paper);font-size:clamp(3rem,8vw,7.6rem)}
.bk .dcap .loc{color:#e9e1d3;font-family:var(--mono);font-size:.82rem;letter-spacing:.04em}
.bk .dcap .tag{background:rgba(28,26,25,.35);color:var(--paper);backdrop-filter:blur(4px)}.bk .dcap .tag.gl{color:#cfe0d6}
.bk .back{color:var(--paper);font-family:var(--mono);letter-spacing:.12em;background:var(--brick);padding:7px 12px 6px}
.bk .dbody h2{font-size:clamp(2.6rem,4.4vw,4rem)}
.bk .dbody .big{font-family:var(--ital);font-style:italic;font-weight:300;font-stretch:normal;color:var(--ink);font-size:1.75rem;line-height:1.28;letter-spacing:-.01em}
.bk .facts{border-top:3px solid var(--ink)}
.bk .facts>div{border-bottom:1px solid var(--line)}.bk .facts>div:hover{background:var(--ivory)}
.bk .facts span{font-family:var(--mono);letter-spacing:.08em;font-size:.68rem}
.bk .facts .px b{color:var(--brick);font-size:2.1rem}
/* before / now story: stamped, emphasised */
.bk .story{gap:1.6rem}
.bk .story .sb{background:var(--ivory);padding:24px 26px 22px}
.bk .story .sb.now{background:var(--ink);color:var(--paper)}
.bk .story .sl{display:inline-block;font:500 .68rem/1 var(--mono);letter-spacing:.2em;color:var(--ink);border:1.5px solid var(--ink);padding:6px 9px 5px;transform:rotate(-2deg);margin-bottom:1rem}
.bk .story .sb.now .sl{color:var(--paper);background:var(--brick);border-color:var(--brick)}
.bk .story .sb:before{background:var(--paper);border-color:var(--brick)}.bk .story .sb.lit:before{background:var(--brick)}
.bk .story-line i{background:var(--brick)}
.js .bk .story .sb:not(.lit){opacity:.78}
.bk .ba-sec{padding-top:90px;padding-bottom:40px}
.bk .ba-sec .ba{max-width:none}
.bk .ba-sec .gal-head{border-top:0;padding-top:0}
.bk .ba-sec .gal-head h2{font-size:clamp(2.8rem,5vw,4.8rem)}
.bk .gal-head{border-top:2px solid var(--ink)}
.bk .gal-c{font-family:var(--mono);letter-spacing:.1em}
.bk .ba-stage{background:var(--ink)}
.bk .ba-l{font-family:var(--mono);font-weight:500;letter-spacing:.14em;border-radius:0;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);backdrop-filter:none}
.bk .ba-la{background:var(--brick);color:var(--paper);border-color:var(--brick)}
.bk .ba-h{background:var(--paper)}.bk .ba-k{background:var(--brick);color:var(--paper)}.bk .ba.drag .ba-k{background:var(--ink)}
.bk .ba figcaption{font-family:var(--mono);font-size:.72rem;letter-spacing:.02em}
.bk .gi{background:var(--ink);border-radius:0}.bk .gi::after{background:linear-gradient(180deg,transparent 55%,rgba(28,26,25,.6))}.bk .gi-n{font-family:var(--mono)}
.bk .pn{border-top:2px solid var(--ink)}
.bk .pn span{font-family:var(--mono);letter-spacing:.14em;color:var(--brick)}
.bk .pn a:hover{background:var(--brick)}.bk .pn a:hover span{color:var(--paper)}.bk .pn a:hover b{color:var(--paper)}

/* portfolio filters */
.bk .filters{background:rgba(244,236,223,.94);top:calc(66px + 1px)}
.bk .f{border-radius:0;border-color:rgba(28,26,25,.3);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em}
.bk .f-ind{border-radius:0;background:var(--ink)}.bk .f i{color:var(--brick)}.bk .f.on i{color:var(--brick2)}
.bk select,.bk input,.bk textarea{background:var(--card);border-color:rgba(28,26,25,.3);border-radius:0}
.bk #boro{border-radius:0;font-family:var(--mono);font-size:.78rem}
.bk input:focus,.bk textarea:focus,.bk select:focus{border-color:var(--brick)}

/* approach */
.bk .pillars{border-top:2px solid var(--ink)}.bk .levers{border-top-color:var(--brick)}
.bk .pillars .num{font-family:var(--ital);font-style:italic;font-weight:300;font-stretch:normal;color:var(--brick);font-size:3.8rem}
.bk .pillars h3{font-size:1.75rem}
.bk .splitimg{background:var(--ivory)}.bk .simg-in{filter:grayscale(.85) contrast(1.05)}
.bk .checks li:before{background:var(--brick);height:2px}
.bk .contact .mail{font-family:var(--ital);font-style:italic;font-weight:400;border-bottom:2px solid var(--brick)}

/* leadership */
.bk .person{background:var(--card);border:1px solid rgba(28,26,25,.18)}
.bk .person:hover{border-color:var(--ink);box-shadow:10px 10px 0 var(--brick);transform:translate(-4px,-4px)}
.bk .person h3{font-size:1.9rem}
.bk .person .role{font-family:var(--ital);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.005em;color:var(--brick);font-size:1.22rem;margin:0 0 6px}
.bk .person .role-f{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.bk .mono{background:var(--green);color:#fff;border:0;font-family:var(--sans);font-weight:700;font-size:1.25rem}
.bk .mono.pic{background:var(--ink);border:0;border-radius:0}
.bk .people.compact .person h3{font-size:1.55rem}.bk .people.compact .person .role{font-size:1.05rem}

/* track record / community / press */
.bk .tl-sec{background:var(--paper)}
.bk .tl-yr span{background:var(--paper);color:var(--ink)}.js .bk .tl-yg:not(.lit) .tl-yr span{color:rgba(28,26,25,.14)}.bk .tl-yg.lit .tl-yr span{color:var(--brick)}
.bk .tl-c{background:var(--card);border:1px solid rgba(28,26,25,.14);border-radius:0}
.bk .tl-dot{background:var(--paper);border-color:var(--brick)}.bk .tl-e.lit .tl-dot{background:var(--brick)}
.bk .tl-line b{background:var(--brick);box-shadow:0 0 0 6px rgba(180,71,45,.16)}
.bk .tl-m{font-family:var(--mono);letter-spacing:.1em}.bk .tl-m span{color:var(--ink)}
.bk .tl-c h3,.bk .pr-c h3,.bk .ci-b h3{font-weight:700}
.bk .tl-ln a{font-family:var(--mono);font-weight:500;letter-spacing:.08em;color:var(--brick)}
.bk .tl-now span{background:var(--brick);color:var(--paper);border-radius:0;font-family:var(--mono);font-weight:500}
.bk .fba-h{border-top:2px solid var(--ink)}
.bk .rc{background:var(--card);border-radius:0}.bk .rc-k{font-family:var(--mono);font-weight:500;color:var(--brick)}.bk .rc dt{font-family:var(--mono);font-weight:500}
.bk .ci-list{border-top:2px solid var(--ink)}.bk .ci-n b{color:var(--brick);font-size:clamp(3.6rem,6vw,5.4rem)}.bk .ci-n span,.bk .ci-k{font-family:var(--mono);font-weight:500}
.bk .ci-next{background:var(--ivory);border-left:4px solid var(--brick)}
.bk .ci-panel{background:var(--green)}.bk .ci-panel:before{background:radial-gradient(circle at 85% 10%,rgba(227,160,124,.25),transparent 55%)}
.bk .ci-panel dt{font-family:var(--mono);font-weight:500;color:#f0c9a8}
.bk .ci-panel dd{font-family:var(--ital);font-style:italic;font-weight:300;font-stretch:normal}
.bk .ci-img{border-radius:0;box-shadow:16px 16px 0 var(--brick)}
.bk .pr-yg{border-top:2px solid var(--ink)}.bk .pr-yr span{color:var(--brick);font-size:4rem}
.bk .pr-c{background:var(--card);border-color:rgba(28,26,25,.16);border-radius:0}.bk .pr-c:hover{border-color:var(--ink);box-shadow:8px 8px 0 var(--brick)}
.bk .pr-m{font-family:var(--mono);font-weight:500}.bk .pr-m b{color:var(--brick)}.bk .pr-c h3{text-transform:none;font-size:1.7rem;line-height:1.05}.bk .pr-c h3 a{color:var(--ink)}.bk .pr-c h3 a:hover{color:var(--brick)}

/* CTA in water-tower green */
.bk .cta{background:var(--green)}
.bk .cta-bg{filter:grayscale(1);opacity:.22;mix-blend-mode:luminosity}
.bk .cta:before{background:radial-gradient(ellipse at center,rgba(47,93,74,.35),rgba(30,58,47,.95) 78%)}
.bk .cta h2{color:var(--paper)}.bk .cta h2 em{color:#f0c9a8}.bk .cta p{color:#dfe7e1}
.bk .cta .btn.gold:before{background:var(--paper)}.bk .cta .btn.gold:hover{color:var(--ink)}

/* footer */
.bk footer.site{background:#171514;color:#c9c0b5}
.bk footer .logo{color:var(--paper)}
.bk .ftr-cta{color:var(--paper);font-size:clamp(3.4rem,10vw,9.6rem);line-height:.9}
.bk .ftr-cta em{color:var(--brick2)}
.bk .ftr h4{font-family:var(--mono);font-weight:500;color:var(--brass);letter-spacing:.16em}
.bk .fine{font-family:var(--mono);font-size:.68rem}.bk .totop{color:var(--brick2)}
.bk .lb-bar{background:var(--brick)}.bk .lb button:hover,.bk .lb button:focus-visible{background:var(--brick);border-color:var(--brick);color:var(--paper)}

/* ---------- responsive */
@media(max-width:1100px){.bk .then{grid-template-columns:1fr;gap:50px}.bk .slides{left:38%}}
@media(min-width:761px) and (max-width:1120px){.bk header nav a{letter-spacing:.02em}}
@media(max-width:760px){
.bk header nav{background:var(--ink)}.bk header nav a{color:var(--paper);font-family:var(--disp);font-stretch:62.5%;font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:2.6rem;border-bottom-color:rgba(243,234,217,.1)}
.bk header nav a.on{color:var(--brick2)}
.bk.nav-open .burger span{background:var(--paper)}.bk.nav-open header.site .logo{color:var(--paper)}.bk.nav-open header.site{background:transparent;border-color:transparent}
.bk .logo{height:32px}
.bk h1{font-size:clamp(3rem,15vw,4.6rem)}.bk h2{font-size:clamp(2.3rem,10.5vw,3.4rem)}
/* hero: photo block on top, cut-paper headline overlapping its foot */
.bk .hero{height:auto;min-height:0;max-height:none;padding-top:calc(max(54svh,330px) - 36px)}
.bk .slides{left:22px;right:22px;top:14px;bottom:auto;height:max(54svh,330px)}
.bk .slides:before{left:-10px;bottom:-10px;width:55%;height:40%}
.bk .slides:after{display:none}
.bk .hero-in{padding-top:0;padding-bottom:26px}
.bk .hero h1{font-size:clamp(2.9rem,13.4vw,4.3rem)}
.bk .hero .lede{max-width:none;font-size:.98rem}
.bk .hero .eyebrow{display:inline-block;background:var(--paper);padding:8px 12px 6px 0;position:relative;z-index:2;line-height:1.7}
.bk .hero-foot{order:2;border-top:1px solid var(--ink);padding-top:18px;padding-bottom:28px}
.bk .now .nm{font-size:1.5rem;text-shadow:none}.bk .now .lc{color:var(--mut)}
.bk .intro:before{font-size:7rem;top:40px;left:-4px}
.bk .grid4 b{font-size:3.4rem}
.bk .phead{padding:70px 0 48px;min-height:44vh}.bk .phead:after{width:110px;height:170px;right:16px;opacity:.5}.bk .phead .wrap{padding-right:22px}
.bk .dimg{height:72svh;min-height:440px}
.bk .dbody .big{font-size:1.4rem}
.bk .story .sb{padding:20px 18px}
.bk .ba-sec{padding-top:64px}
.bk .then .ba-stage{box-shadow:10px 10px 0 var(--brick)}
.bk .ci-img{box-shadow:10px 10px 0 var(--brick)}
.bk .signs .sign{font-size:.9rem}
.bk .filters{top:0}
.bk .person:hover{transform:none;box-shadow:none}
.bk .ftr-cta{font-size:clamp(3rem,15vw,4.6rem)}
}
@media (prefers-reduced-motion:reduce){.bk:before{display:none}}
@media(max-width:760px){.bk .then{padding-top:72px;padding-bottom:80px}}
/* r11b contact info */
.bk .ftr .ftel{font-family:var(--disp);font-stretch:62.5%;font-weight:800;font-size:1.9rem;letter-spacing:.02em;color:var(--paper);line-height:1}
.bk .ftr .ftel:hover{color:var(--brick2)}
.bk .ftr address{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:#a59a8c}
.bk .cta .cta-contact{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,234,217,.8)}
.bk .cta .cta-contact a{color:var(--paper);border-bottom-color:var(--brick2)}
.bk .contact address{font-family:var(--mono);font-size:.92rem;letter-spacing:.03em;color:var(--ink)}
.bk .contact .ctel a{font-family:var(--disp);font-stretch:62.5%;font-weight:800;font-size:2.2rem;color:var(--ink);letter-spacing:.01em}.bk .contact .ctel a:hover{color:var(--brick)}
/* r11b mobile: roomier pull-quote + story */
@media(max-width:760px){
.bk .intro{padding-top:64px}
.bk .intro:before{display:none}
.bk .intro h2.fill:before{content:"\201C";display:block;font:italic 300 5.2rem/1 var(--ital);color:var(--brick);height:.5em;margin:.05em 0 0 -.04em}
.bk .intro h2.fill{font-size:clamp(1.85rem,8.4vw,2.3rem);line-height:1.2;letter-spacing:0;font-weight:350;margin-bottom:1.6rem}
.bk .story{padding-left:24px}.bk .story-line{left:4px}.bk .story .sb:before{left:-25px}
.bk .story .sb{padding:20px 18px 20px}
.bk .story p{font-size:.98rem;line-height:1.65}
.bk .dbody .big{line-height:1.32;letter-spacing:0}
}
/* r11c mobile: Brooklyn "Now showing" tag on the top-left of the photo */
@media(max-width:760px){
.bk .hero-foot .now{background:var(--paper);border-left:3px solid var(--brick);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 var(--ink)}
.bk .hero-foot .now .nm{font-size:1.15rem;color:var(--ink)}
.bk .hero-foot .now .lc{font-size:.64rem;color:var(--mut)}
}
@media(max-width:760px){.bk .hero-foot .now{top:26px;left:34px;max-width:calc(100% - 68px)}}
/* r11g mobile home alignment audit */
@media(max-width:760px){
.bk .intro.wrap{padding-top:72px}
.bk .strat.wrap{padding-bottom:0}
.bk .then .ba-stage{width:calc(100% - 10px)}
.bk .hero .eyebrow{display:inline-block;margin-top:34px;padding:8px 12px 6px 0;line-height:1.7}
}