/* Inner pages in the 2026 redesign system. Loaded after each page's own <style> and after styles.css. */
:root{--navy:#102b3d;--deep:#0b2130;--navy-deep:#0b2130;--steel:#2f5468;--brass:#aa8752;--brass-soft:#dcc79e;--gold:#d3b075;--gold-deep:#aa8752;--paper:#faf9f6;--mist:#f4f2ec;--cream:#f4f2ec;--line:#d4d8d7;--ink:#173247;--slate:#587080;--muted:#587080;--sky:#d5dee3;--r:0;--max:1380px;--gutter:clamp(20px,4vw,60px);--serif:Georgia,'Times New Roman',serif;--sans:'Instrument Sans','Segoe UI',Helvetica,Arial,sans-serif}
html{scroll-padding-top:20px}
body{font-size:16px;line-height:1.6;background:var(--paper)}
main .wrap{padding-left:0;padding-right:0}
/* type */
main h1,main h2,main h3,.say{font-family:var(--serif);font-weight:400}
main h1{font-size:clamp(2.7rem,4.8vw,4.8rem);line-height:1.04;letter-spacing:-.05em;max-width:17ch}
main h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.1;letter-spacing:-.04em;max-width:22ch}
main h3{font-size:1.55rem;line-height:1.2;letter-spacing:-.025em}
main h4{font-family:var(--sans);font-weight:600;letter-spacing:-.005em}
main h1 em,main h2 em{font-style:italic;font-weight:400;color:var(--gold-deep)}
.lede{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.7;color:#405a6a;max-width:56ch}
.say{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.3;font-style:italic;color:var(--navy)}
.kicker{display:flex;align-items:center;gap:13px;margin:0 0 30px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.kicker::before{content:"";display:inline-block;width:32px;height:1px;background:currentColor}
.kicker .tag{margin-left:8px}
/* hero: navy, like the home page */
.hero,main .hero,.hero.mist,.hero.navy{background:var(--navy);color:#fff;overflow:visible}
.hero.mist h1,.hero.mist .lede,.hero.mist p{color:#fff}
.hero.mist .lede{color:#d5dee3}
.hero.mist .kicker,.hero.navy .kicker{color:#dcc79e}
.hero .wrap{padding-top:clamp(64px,9vw,112px);padding-bottom:clamp(48px,7vw,84px)}
.hero h1,main .hero h1{color:#fff;font-size:clamp(2.7rem,4.8vw,4.8rem);line-height:1.04;letter-spacing:-.05em;max-width:17ch;margin:0 0 26px}
.hero .lede{color:#d5dee3;max-width:58ch;margin-top:0}
.hero .kicker{color:#dcc79e}
.hero .btn{border-color:rgba(255,255,255,.5);color:#fff}
.hero .btn.solid{background:var(--gold);border-color:var(--gold);color:var(--deep)}
/* sections */
.block{padding:clamp(72px,9vw,118px) 0}
.block.mist{background:var(--cream)}
.block.navy{background:var(--navy)}
.block.navy h2,.block.navy h3{color:#fff}
.block.navy .btn{border-color:rgba(255,255,255,.5);color:#fff}
.block.navy .btn.solid{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.wrap.two>div:first-child h2{margin-top:0}
/* buttons and links, as on the home page */
.btn{border-radius:0;min-height:52px;padding:0 20px 0 23px;gap:34px;font-size:12px;font-weight:700;letter-spacing:.045em;line-height:1;border:1px solid var(--navy);color:var(--navy);background:transparent;transition:background .2s,color .2s,transform .2s,border-color .2s}
.btn::after{content:"↗";font-size:19px;font-weight:400;line-height:1}
.btn:hover{transform:translateY(-2px)}
.btn.solid,.btn.brass{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.btn.solid:hover,.btn.brass:hover{background:#e4c58f}
.btn.light{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
main p a:not(.btn),main li a:not(.btn),main dd a:not(.btn),main .note a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
main p a:not(.btn):hover{color:var(--navy)}
/* square everything */
.tile,.list li,.steps li,.principles>div,.team article,.col,.note,.done,.gate,.portrait,.band,.tabs button,.status,.doors,.door,.panel,details,.faq details,input,select,textarea,.ph,.ph.init{border-radius:0}
/* tiles → hairline list feel */
.tile{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none;background:transparent;padding:30px 0;transition:background .2s,padding .2s}
.tile:hover{background:#f0f0eb;padding-inline:15px;box-shadow:none;transform:none}
.tile h3{font-size:1.75rem;margin-bottom:8px}
.tile .go,.tile .cta,.tile small.go{color:var(--navy);font-weight:700;font-size:13px;border-bottom:1px solid var(--gold-deep);padding-bottom:6px;display:inline-block}
.tile .tag{background:var(--gold);color:var(--deep)}
/* lists / steps */
.list li{border-color:var(--line)}
.steps li{border:1px solid var(--line);background:#fff}
.steps li h3{font-size:1.35rem}
.block.navy .principles{background:transparent;padding:0}
.block.navy .principles>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.block.navy .principles h4{color:#fff;margin-top:0}
.block.navy .principles p{color:#c9d5dc;max-width:none;margin:.5rem 0 0;font-size:.95rem;line-height:1.6}
/* photo and video bands (some pages had no band rules of their own) */
.band{margin:0;position:relative;height:clamp(280px,46vw,640px);overflow:hidden;background:var(--navy) center/cover no-repeat}
.band picture{position:absolute;inset:0;display:block}
.band img,.band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:none}
@media (prefers-reduced-motion:reduce){.band video{display:none}}
.team article{background:#fff;border:1px solid var(--line)}
.team .ph{border-radius:0}
.team .ph.init{background:var(--gold);color:var(--deep);font-family:var(--serif)}
.tag{border-radius:0;background:var(--gold);color:var(--deep);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:10px;padding:4px 8px}
/* photo bands */
.band{height:clamp(280px,46vw,640px);background:var(--navy)}
.band figcaption{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
/* forms */
input,select,textarea{border:1px solid var(--line);background:#fff;font-size:15px}
input:focus,select:focus,textarea:focus{border-color:var(--gold-deep)}
.tabs button{border:1px solid var(--line);background:#fff}
.tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.done,.note,.gate{border:1px solid var(--line);background:#fff}
/* hospitality doors */
.door.capital{background:var(--navy)} .door.space{background:var(--cream)}
.door h2{font-family:var(--serif)}
.door .who{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.door.capital .who{color:#dcc79e}
/* cta bands */
.cta.navy,.block.navy.cta{background:var(--navy)}
.cta h2{max-width:none}
/* motion: match the home page */
.reveal{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.band picture img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.band:hover picture img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.reveal{animation:none}.band picture img,.tile,.btn{transition:none}.band:hover picture img{transform:none}}
@media (max-width:760px){main h1,.hero h1,main .hero h1{font-size:clamp(2.3rem,9vw,3.2rem)}main h2{font-size:clamp(1.8rem,7vw,2.5rem)}.block{padding:64px 0}.tile:hover{padding-inline:0}}
/* one vertical rhythm for every section (2026-09-25) */
:root{--sec:clamp(64px,8vw,104px);--sec-s:clamp(36px,4.5vw,56px);--gap:clamp(28px,4vw,48px)}
main .hero,main .hero.mist,main .hero.navy{padding:0}
main .hero .wrap{padding-block:var(--sec)}
main .hero h1{margin:0 0 22px}
main .hero .lede{margin:0}
main .hero .lede+p,main .hero .lede+div,main .hero .act{margin-top:var(--gap)}
main .block{padding-block:var(--sec)}
main .block[style*="padding"]{padding-block:var(--sec-s)!important}
main .block[style*="padding-top:0"]{padding-top:0!important}
main .door{padding-block:var(--sec)}
main .band{margin:0}
main .tiles,main .steps,main .list,main .cols,main .team,main .principles,main .faq{margin-top:var(--gap)}
main .wrap.two{row-gap:var(--gap)}
main h2{margin:0 0 20px}
main .wrap.two>div:first-child h2,main .cta h2{margin:0}
main h3{margin:0 0 10px}
main .lede{margin:0 0 var(--gap)}
main .wrap.two .lede{margin-bottom:20px}
main section+section.block.mist,main section.block+section.block{border-top:0}
/* team: photo, name, role; biography behind an arrow */
.team article{position:relative;padding-bottom:44px}
.team .more{position:absolute;left:0;bottom:0;width:100%;height:44px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;background:transparent;border:0;border-top:1px solid var(--line);color:var(--gold-deep);cursor:pointer}
.team .more svg{transition:transform .2s ease}
.team .more[aria-expanded="true"] svg{transform:rotate(180deg)}
.team .more:hover{color:var(--navy)}
.team .bio{margin-top:.5rem}
.team .bio p{margin:0;font-size:.95rem;color:var(--slate)}
@media (prefers-reduced-motion:reduce){.team .more svg{transition:none}}
/* about: softer, more editorial team and principles (2026-09-25) */
main .wrap.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px;margin-top:var(--gap)}
@media (max-width:1000px){main .wrap.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){main .wrap.team{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.team h3{font-size:1.2rem}.team .role{font-size:.8rem}}
.team article{background:transparent;border:0;padding:0;display:block}
.team .ph,.team .ph.init{width:100%;height:auto;aspect-ratio:1/1;border-radius:2px;margin:0 0 18px;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:filter .35s ease,transform .35s ease}
.team article:hover .ph{filter:grayscale(.2) contrast(1.02)}
.team .ph.init{display:flex;align-items:center;justify-content:center;background:var(--cream);color:var(--gold-deep);font:400 2.6rem var(--serif);border:1px solid var(--line)}
.team h3{font-size:1.45rem;margin:0 0 6px;letter-spacing:-.02em}
.team .role{font-size:.88rem;line-height:1.45;color:var(--slate);font-weight:500;margin:0}
.team .more{position:static;width:auto;height:auto;display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:0 0 6px;border:0;border-bottom:1px solid var(--gold-deep);border-radius:0;background:transparent;color:var(--ink);font:700 12px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:gap .2s,color .2s}
.team .more:hover{gap:16px;color:var(--gold-deep)}
.team .more svg{width:14px;height:14px}
.team .bio{margin-top:14px;animation:rise .3s cubic-bezier(.2,.7,.2,1) both}
.team .bio p{font-size:.95rem;line-height:1.65;color:#405a6a}
.block.navy .principles{gap:36px 40px}
.block.navy .principles>div{background:transparent;border:0;border-top:1px solid rgba(255,255,255,.22);border-radius:0;padding:18px 0 0}
.block.navy .principles h4{font-family:var(--serif);font-weight:400;font-size:1.3rem;letter-spacing:-.01em;margin:0 0 8px}
.block.navy .principles p{color:#b8c7d0;font-size:.95rem;line-height:1.65}
main dl.status{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
main dl.status dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:3px}
main dl.status dd{margin:0}
@media (prefers-reduced-motion:reduce){.team .ph,.team .more,.team .bio{transition:none;animation:none}}
/* team: four per line at every width, smaller portraits */
main .wrap.team{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;max-width:1100px;margin-left:auto;margin-right:auto}
.team .ph,.team .ph.init{max-width:200px}
@media (max-width:1000px){main .wrap.team{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}}
@media (max-width:520px){main .wrap.team{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}.team h3{font-size:.92rem;line-height:1.2}.team .role{font-size:.68rem;line-height:1.35}.team .more{font-size:10px;gap:6px;margin-top:8px}.team .more svg{width:11px;height:11px}.team .ph.init{font-size:1.4rem}.team .bio p{font-size:.8rem}}
/* team: keep the Biography links on one line across a row */
.team article{display:flex;flex-direction:column}
.team h3{min-height:calc(1.2em*2)}
.team .role{min-height:calc(1.45em*3)}
.team .more{align-self:flex-start}
@media (max-width:520px){.team h3{min-height:calc(1.2em*2)}.team .role{min-height:calc(1.35em*7)}}