@font-face{font-family:Cabinet;src:url('assets/cabinet.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Switzer;src:url('assets/switzer.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Azeret;src:url('assets/azeret.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#122036;--deep:#0e192a;--surface:#18293f;--raised:#1f314b;--ink:#f2f5fa;--muted:#b4c0d2;--dim:#8d9bb0;--gold:#e6c58c;--line:rgba(202,216,236,.18);--font-body:Switzer,Arial,sans-serif;--font-display:Cabinet,Arial,sans-serif;--font-mono:Azeret,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(72px,7.8vw,120px);line-height:.98;letter-spacing:-.047em}h2{font-size:clamp(40px,4.2vw,64px)}em{font-style:normal;color:var(--gold)}::selection{background:var(--gold);color:var(--navy)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.11em;font-weight:400;line-height:1.5;text-transform:uppercase}.gold{color:var(--gold)}.muted{color:var(--muted)}.line{width:28px;height:1px;background:var(--gold);display:inline-block;vertical-align:middle;margin-right:14px}.skip{position:fixed;left:20px;top:-90px;z-index:200;background:var(--gold);color:var(--navy);padding:12px 24px;border-radius:6px}.skip:focus{top:12px}
.design-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;min-height:47px;background:#dfc795;color:var(--navy);font-size:12px}.review-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:8px}.review-label i{width:5px;height:5px;background:var(--navy);border-radius:50%}.design-bar nav{display:flex;gap:4px;height:47px}.design-bar nav a{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;padding:0 19px;border-bottom:2px solid transparent;opacity:.72}.design-bar nav a[aria-current]{opacity:1;border-bottom-color:var(--navy);background:rgba(255,255,255,.18)}.design-bar small{font-family:var(--font-mono);font-size:12px;opacity:.65}.design-bar a:hover{background:rgba(255,255,255,.24);opacity:1}.review-info{font-size:12px;white-space:nowrap;padding:10px 0}.review-info span{margin-left:10px}.design-bar :focus-visible{outline-color:var(--navy)}
.site-header{height:92px;display:flex;align-items:center;gap:28px;padding:0 48px;border-bottom:1px solid var(--line);background:var(--navy)}.brand{display:flex;align-items:center;gap:10px;min-width:150px;font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;line-height:1}.brand b{font-weight:800}.brand svg{width:25px;height:25px}.desktop-nav{margin:auto;display:flex;gap:28px;align-items:center;font-size:14px;color:var(--muted)}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.desktop-nav .nav-current{color:var(--ink)}.nav-current{position:relative}.nav-current:after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:1px;background:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--line);padding:14px 25px;border-radius:99px;font-size:15px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:var(--raised);transform:translateY(-2px)}.button.light{background:var(--ink);color:var(--navy);border-color:var(--ink)}.button.light:hover{background:var(--gold);border-color:var(--gold)}.button.small{font-size:14px;padding:11px 22px}.menu-button{display:none;width:40px;height:40px;padding:10px}.menu-button span{display:block;height:1px;background:var(--ink);margin:6px 0}.mobile-nav{padding:24px;flex-direction:column;gap:20px;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-nav:not([hidden]){display:flex}
.gallery-hero{padding-top:65px}.gallery-hero>.eyebrow{color:var(--gold)}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:25px 0 49px}.hero-intro{width:310px;padding:0 8px 7px 0}.hero-intro p{font-family:var(--font-display);font-size:30px;line-height:1.17;letter-spacing:-.02em;margin-bottom:18px}.hero-intro>span{display:block;color:var(--muted);font-size:15px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:7px;transition:color .2s,border-color .2s}.text-link:hover{color:var(--gold);border-color:var(--gold)}.hero-intro .text-link{margin-top:28px}.portrait-wall{display:grid;grid-template-columns:1.12fr .9fr .8fr;gap:14px;height:418px}.portrait-card{position:relative;overflow:hidden;text-align:left;padding:0;background:var(--surface);border-radius:5px;isolation:isolate}.portrait-card img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s;filter:saturate(.64)}.portrait-card:hover img{transform:scale(1.045);filter:saturate(1)}.wall-weisi img{object-position:49% center}.wall-monica img{object-position:50% 26%}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,19,31,.25),transparent 25%,transparent 45%,rgba(8,18,32,.82) 100%);z-index:1}.photo-top{position:absolute;left:26px;top:24px;z-index:2;color:white;font-size:12px}.portrait-label{position:absolute;bottom:28px;left:27px;right:70px;z-index:2}.portrait-label strong{font-family:var(--font-display);font-size:31px;font-weight:500;letter-spacing:-.02em;display:block;line-height:1.15}.portrait-label>span{display:block;font-size:13px;margin-top:8px;color:#e4e8ee}.circle-arrow{position:absolute;bottom:30px;right:25px;z-index:2;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .25s,color .25s}.portrait-card:hover .circle-arrow{background:var(--ink);color:var(--navy)}.wall-quote{background:var(--gold);color:var(--navy);padding:28px 30px;text-align:left;position:relative;display:flex;flex-direction:column;border-radius:5px;transition:background .3s}.wall-quote:hover{background:#edd5ac}.wall-quote .eyebrow{font-size:12px;letter-spacing:.055em}.quote-symbol{font-family:var(--font-display);font-size:88px;line-height:.7;display:block;margin-top:24px}.wall-quote blockquote{font-family:var(--font-display);font-size:clamp(28px,2.6vw,38px);letter-spacing:-.025em;line-height:1.13;font-weight:500}.quote-person{font-size:15px;line-height:1.4;margin-top:auto;padding-top:20px}.quote-person span{display:block;font-size:12px;opacity:.7;margin-top:4px}.wall-quote .circle-arrow{border-color:rgba(18,32,54,.4);width:33px;height:33px;bottom:28px;right:23px}.wall-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:22px 0 24px;color:var(--muted);font-size:13px}.wall-caption .eyebrow{font-size:12px;letter-spacing:.07em}.wall-caption .gold{padding:0 9px}.directory-section{padding-top:102px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px}.section-heading .eyebrow{color:var(--dim);font-size:12px}.section-heading h2{margin-top:24px}.section-heading p{font-size:15px;color:var(--muted);line-height:1.7;max-width:350px;margin-bottom:7px}
.site-footer{padding-top:55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.footer-wordmark{font-family:var(--font-display);font-size:clamp(72px,10vw,135px);line-height:1;letter-spacing:-.05em;display:block;width:fit-content}.footer-wordmark b{font-weight:800}.footer-wordmark>span{font-size:20px;vertical-align:top;line-height:2.5;letter-spacing:0;margin-left:7px}.site-footer>div:not(.footer-bottom){justify-self:end}.site-footer p{font-size:16px;color:var(--muted);margin-bottom:15px}.footer-bottom{grid-column:1/-1;display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;color:var(--dim);font-size:12px}.footer-bottom>a:hover{color:var(--ink)}
dialog{border:1px solid var(--line);color:var(--ink);background:var(--navy);padding:0;border-radius:10px;width:min(1020px,calc(100% - 48px));max-height:90dvh;overflow:auto;box-shadow:0 40px 180px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(4,11,22,.78);backdrop-filter:blur(9px)}.dialog-close{width:42px;height:42px;border:1px solid var(--line);background:var(--navy);border-radius:50%;position:sticky;display:block;top:19px;float:right;right:19px;margin:19px 19px -61px 0;z-index:5;font-size:29px;font-weight:300;line-height:1}.dialog-close:hover{background:var(--gold);color:var(--navy)}#collection-info{max-width:730px;padding:55px}#collection-info .dialog-close{margin:-37px -37px -5px 0;top:15px}#collection-info>.eyebrow{font-size:12px;color:var(--gold)}#collection-info h2{margin:25px 0;font-size:64px}#collection-info>p{color:var(--muted);font-size:16px}.info-option{display:flex;gap:24px;align-items:baseline;border-top:1px solid var(--line);padding:25px 0}.info-option:first-of-type{margin-top:32px}.info-option>span{font-family:var(--font-mono);font-size:13px;color:var(--gold)}.info-option>span:last-child{margin-left:auto}.info-option strong{font-size:25px;font-family:var(--font-display);font-weight:500}.info-option p{font-size:14px;color:var(--muted);max-width:400px;margin-top:6px}.info-option:hover strong{color:var(--gold)}#collection-info .info-note{font-size:12px;border-top:1px solid var(--line);padding-top:24px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--navy);padding:12px 22px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.portrait-wall{height:475px}.wall-quote blockquote{font-size:39px}}
@media(max-width:1150px){.site-header{padding:0 32px;gap:20px}.desktop-nav{gap:18px;font-size:13px}.brand{min-width:120px;font-size:23px}.wrap{width:calc(100% - 64px)}.review-info{display:none}.design-bar nav a{padding-inline:22px}.hero-intro{width:255px}.hero-intro p{font-size:26px}.portrait-wall{height:370px;grid-template-columns:1fr .9fr .8fr}.wall-quote{padding:24px}.wall-quote blockquote{font-size:30px}.quote-symbol{font-size:72px;margin-top:20px}.portrait-label{left:20px;bottom:24px;right:55px}.portrait-label strong{font-size:27px}.portrait-label>span{font-size:12px}.photo-top{left:20px;font-size:12px}.circle-arrow{right:17px;bottom:25px;width:32px;height:32px}.wall-caption>.eyebrow{display:none}}
@media(max-width:900px){.desktop-nav{display:none}.site-header{height:79px}.site-header>.button{margin-left:auto}.menu-button{display:block}.design-bar{padding-inline:24px}.design-bar nav a{padding-inline:13px}.review-label{font-size:12px}.gallery-hero{padding-top:48px}h1{font-size:clamp(68px,10vw,92px)}.hero-heading{gap:25px;margin-bottom:36px}.hero-intro{width:220px}.hero-intro p{font-size:25px}.hero-intro>span{font-size:14px}.portrait-wall{grid-template-columns:1fr 1fr;height:auto}.wall-weisi,.wall-quote{min-height:390px}.wall-monica{display:none}.wall-quote blockquote{font-size:37px}.section-heading p{max-width:220px;font-size:14px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.design-bar{padding:0 10px;justify-content:center;min-height:45px}.review-label{display:none}.design-bar nav{height:45px;gap:0;width:100%;justify-content:space-around}.design-bar nav a{font-size:12px;padding-inline:15px}.design-bar small{font-size:12px}.site-header{height:75px;padding-inline:20px;gap:11px}.brand{font-size:24px;gap:6px;min-width:115px}.brand svg{width:23px}.button.small{font-size:12px;padding:10px 15px}.menu-button{width:32px;padding:6px}.gallery-hero{padding-top:37px}.gallery-hero>.eyebrow{font-size:12px}.hero-heading{display:block;margin-top:22px;margin-bottom:30px}h1{font-size:clamp(62px,17vw,90px);letter-spacing:-.055em}.hero-intro{padding:0;width:auto;margin-top:27px;display:grid;grid-template-columns:1fr auto;column-gap:15px}.hero-intro p{font-size:22px;margin:0}.hero-intro>span{display:none}.hero-intro .text-link{font-size:12px;align-self:end;margin:0;padding-bottom:4px;gap:12px}.portrait-wall{gap:10px;grid-template-columns:1fr}.wall-weisi{height:425px;min-height:0}.wall-weisi img{object-position:48% center}.wall-quote{min-height:320px;padding:27px}.wall-quote .eyebrow{font-size:12px}.wall-quote blockquote{font-size:34px;max-width:330px}.quote-symbol{font-size:65px;margin-top:24px}.quote-person{font-size:14px;padding-top:24px}.quote-person span{font-size:12px}.portrait-label strong{font-size:33px}.portrait-label>span{font-size:13px}.photo-top{font-size:12px;left:23px;top:23px}.portrait-label{left:23px;bottom:26px}.circle-arrow{width:37px;height:37px;right:23px;bottom:28px}.wall-caption{font-size:12px;padding:18px 0;line-height:1.5}.directory-section{padding-top:66px;padding-bottom:60px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{font-size:12px}.section-heading h2{font-size:43px;margin-top:19px}.section-heading p{margin-top:24px;max-width:310px;font-size:15px}.section-heading p br{display:none}.site-footer{grid-template-columns:1fr;gap:29px;padding-top:36px}.footer-wordmark{font-size:86px}.site-footer>div:not(.footer-bottom){justify-self:start}.site-footer p{font-size:14px}.footer-bottom{font-size:12px;gap:18px;padding-block:20px}.footer-bottom>span:nth-child(2){font-size:12px}dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:7px}.dialog-close{top:13px;margin-top:13px;margin-right:13px;width:38px;height:38px}#collection-info{padding:33px 26px}#collection-info h2{font-size:53px}#collection-info .dialog-close{margin:-20px -13px 0 0}#collection-info>.eyebrow{font-size:12px;max-width:200px;display:block}.info-option{gap:18px}.info-option p{font-size:13px}.info-option strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* The collection */
.directory-controls{display:flex;flex-direction:column;gap:22px;border-top:1px solid var(--line);padding-top:22px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:8px 15px;border:1px solid transparent;border-radius:99px;font-size:14px;color:var(--muted);white-space:nowrap;transition:.2s}.filters button:hover{color:var(--ink);background:var(--surface)}.filters button[aria-pressed=true]{color:var(--navy);background:var(--gold);border-color:var(--gold)}.filter-number{font-family:var(--font-mono);font-size:12px;margin-left:5px;opacity:.7}.search-box{width:100%;display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:2px 2px 15px;color:var(--dim)}.search-box svg{width:21px;height:21px;flex-shrink:0}.search-box input{background:none;border:0;outline:0;color:var(--ink);min-width:0;flex:1;padding:8px 0;font-size:16px}.search-box input::placeholder{color:var(--dim)}.search-box:focus-within{border-color:var(--gold)}.search-box input:focus-visible{outline:0}.search-hint{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;opacity:.65}.results-heading{display:flex;justify-content:space-between;align-items:center;min-height:63px;color:var(--dim);font-size:12px}.reset-filters{font-size:13px;color:var(--gold);padding:5px 0}.reset-filters span{margin-left:8px}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.voice-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:5px;padding:26px 27px 25px;min-height:327px;background:var(--navy);transition:background .2s,border-color .2s,transform .2s;position:relative}.voice-card:hover{background:var(--surface);border-color:rgba(230,197,140,.65);transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--gold)}.card-top .eyebrow{font-size:12px;letter-spacing:.07em}.card-number{font-family:var(--font-mono);font-size:12px;color:var(--dim)}.voice-card blockquote{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.23;margin:32px 0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.card-person{display:flex;gap:13px;align-items:center;margin-top:auto;width:100%;padding-top:8px}.avatar{width:43px;height:43px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--raised);color:var(--gold);border:1px solid rgba(230,197,140,.15);flex-shrink:0;font-family:var(--font-display);font-size:16px;line-height:1;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);max-width:none}.avatar.legacy{display:block}.avatar.legacy img{width:145%;height:145%;transform:translate(-1.5%,-15%)}.card-person-text{display:flex;flex-direction:column;gap:4px;min-width:0}.card-person-text strong{font-size:16px;font-weight:500;line-height:1.25}.card-person-text>span{font-size:12px;line-height:1.5;color:var(--muted)}.card-arrow{margin-left:auto;color:var(--gold);font-size:22px;align-self:center}.more-button{margin:36px auto 0;display:flex;width:fit-content;font-size:14px;min-width:260px}.less-button{margin:36px auto 0;display:flex;width:fit-content}.empty-state{grid-column:1/-1;padding:65px 25px;border:1px solid var(--line);text-align:center}.empty-state .eyebrow{color:var(--gold)}.empty-state h3{font-size:36px;margin:20px 0 14px}.empty-state p{color:var(--muted);font-size:16px}.empty-state .button{margin-top:25px}.closing-section{border-top:1px solid var(--line);padding:60px 0 75px;display:flex;justify-content:space-between;align-items:center;gap:50px}.closing-section .eyebrow{color:var(--dim);font-size:12px}.closing-section h2{margin-top:22px;font-size:clamp(52px,5.5vw,83px)}.closing-actions{padding-right:45px}.closing-actions p{font-size:22px;line-height:1.4;font-family:var(--font-display);margin-bottom:25px}.closing-actions>div{display:flex;align-items:center;gap:27px}.closing-actions .text-link{font-size:14px}
/* Stories */
.story-layout{display:grid;grid-template-columns:31% 69%;min-height:650px}.story-sidebar{background:var(--surface);border-right:1px solid var(--line)}.person-image{position:relative;overflow:hidden;height:100%;background:var(--raised)}.person-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.story-sidebar>.person-image{height:300px}.story-sidebar>.person-image img{object-position:center}.person-image.no-photo{background:var(--gold);display:grid;place-items:center}.large-initials{font-family:var(--font-display);font-size:130px;letter-spacing:-.06em;font-weight:400;color:var(--navy);opacity:.9}.person-image.legacy-large{background:var(--navy);display:flex;align-items:center;justify-content:center}.person-image.legacy-large img{width:100%;height:auto;object-fit:contain;filter:grayscale(1)}.story-identity{padding:30px}.story-identity>.eyebrow{color:var(--dim);font-size:12px}.story-identity h2{font-size:42px;margin:20px 0 30px}.story-identity .perspective-label{display:block;font-size:12px;margin-bottom:8px}.story-identity p{color:var(--muted);font-size:15px;line-height:1.5}.story-topic{display:inline-block;border:1px solid var(--line);padding:5px 11px;font-size:12px;margin-top:25px;border-radius:99px;color:var(--gold)}.story-article{padding:60px 47px 35px}.story-article>.eyebrow{font-size:12px;display:block;max-width:calc(100% - 15px)}.story-article>h3{font-size:22px;color:var(--muted);letter-spacing:-.01em;line-height:1.3;margin-top:14px;font-weight:400}.story-main-quote{font-family:var(--font-display);font-size:38px;letter-spacing:-.024em;line-height:1.18;margin:30px 0 22px}.quote-source{font-size:12px;color:var(--dim);display:flex;gap:10px;align-items:center;line-height:1.6}.source-line{height:1px;width:23px;background:var(--gold);display:inline-block}.story-context{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.story-context .eyebrow{color:var(--dim);font-size:12px}.story-context p{color:var(--muted);font-size:16px;margin-top:14px;line-height:1.75}.more-quotes{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.more-quotes>.eyebrow{font-size:12px;color:var(--gold)}.supporting-quote{padding:25px 0;border-bottom:1px solid var(--line)}.supporting-quote blockquote{font-size:25px;line-height:1.3;font-family:var(--font-display);letter-spacing:-.018em;margin-bottom:13px}.supporting-quote p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:14px}.supporting-quote:last-child{border-bottom:0;padding-bottom:0}.story-bottom{margin-top:38px;padding-top:25px;border-top:1px solid var(--line)}.story-bottom>.eyebrow{font-size:12px;color:var(--dim)}.next-story{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:20px 0}.next-story>span:first-child{display:flex;align-items:center;gap:14px}.next-story small{display:block;color:var(--dim);font-size:12px}.next-story strong{display:block;font-family:var(--font-display);font-size:24px;font-weight:500}.next-story>span:last-child{font-size:26px;color:var(--gold)}.next-story:hover strong{color:var(--gold)}.back-to-collection{font-size:13px;color:var(--muted);margin-top:10px}
/* Direction 02: Fieldnotes. The current brand, with an editorial light surface. */
.fieldnotes{--ink:#122036;--muted:#465569;--dim:#637084;--gold:#866637;--line:rgba(18,32,54,.2);--surface:#e4e9ee;background:#f2f5fa;color:var(--ink);padding-top:35px}.journal-masthead{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);padding:15px 0}.journal-masthead .eyebrow{font-size:12px;letter-spacing:.06em}.journal-title{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:48px 0 46px;border-bottom:1px solid var(--line)}.journal-title h1{font-size:clamp(70px,7.6vw,116px);letter-spacing:-.055em;line-height:.97}.journal-title h1 em{color:var(--ink)}.journal-intro{width:320px;padding-bottom:5px}.journal-count{display:flex;gap:18px;align-items:center;font-family:var(--font-display);font-size:70px;line-height:.85;letter-spacing:-.05em;margin-bottom:30px;color:var(--navy)}.journal-count>span{font-family:var(--font-mono);font-size:12px;line-height:1.5;letter-spacing:0}.journal-intro p{font-size:16px;color:var(--muted);line-height:1.55}.journal-intro .text-link{margin-top:20px;font-size:14px}.journal-feature{display:grid;grid-template-columns:.78fr 1.5fr;gap:80px;padding:40px 0 45px}.journal-person>.eyebrow{display:block;font-size:12px;margin-bottom:18px}.journal-person>button{width:100%;padding:0;text-align:left}.journal-person .person-image{height:242px;max-width:310px;filter:grayscale(1);border-radius:1px}.journal-person .person-image img{object-position:48% center;transition:transform .4s}.journal-person>button:hover img{transform:scale(1.04)}.journal-person-label{margin-top:20px;display:block}.journal-person-label strong{font-family:var(--font-display);font-size:30px;font-weight:500;line-height:1.1;display:block}.journal-person-label>span{display:block;color:var(--muted);font-size:14px;margin-top:7px}.journal-quotation{padding-top:2px;display:flex;flex-direction:column}.journal-quotation>.eyebrow{font-size:12px;color:var(--gold)}.journal-quotation blockquote{font-family:var(--font-display);font-size:clamp(31px,3.2vw,47px);line-height:1.1;letter-spacing:-.025em;margin:27px 0 28px}.journal-feature-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;padding-top:15px}.journal-feature-bottom>span{font-size:12px;line-height:1.6;color:var(--dim)}.journal-feature-bottom button{padding-inline:0;font-size:14px;border-color:var(--navy)}.fieldnotes .directory-section{border-top:1px solid var(--navy);padding-top:60px;padding-bottom:75px}.fieldnotes .section-heading{align-items:center}.fieldnotes .section-heading h2{font-size:58px;margin-top:18px}.fieldnotes .filters button[aria-pressed=true]{background:var(--navy);color:#f2f5fa;border-color:var(--navy)}.fieldnotes .filters button:hover{color:var(--ink)}.fieldnotes .filters button[aria-pressed=true]:hover{color:#fff}.fieldnotes .avatar{background:#dce2e9;color:#56657a;border-color:#cbd3dd}.fieldnotes .directory-controls{border-top:0;padding-top:0}.fieldnotes .results-heading{font-size:12px}.journal-index{border-top:1px solid var(--navy)}.journal-row{width:100%;display:grid;grid-template-columns:36px minmax(230px,1fr) minmax(260px,1.2fr) 120px 24px;align-items:center;gap:20px;text-align:left;padding:28px 8px;border-bottom:1px solid var(--line);transition:background .2s}.journal-row:hover{background:#e8edf3}.row-number{font-family:var(--font-mono);font-size:12px;color:var(--dim);align-self:start;padding-top:5px}.row-person{display:flex;align-items:center;gap:17px}.row-person .avatar{width:48px;height:48px}.row-person strong{font-family:var(--font-display);font-size:26px;letter-spacing:-.025em;font-weight:500;display:block;line-height:1.1}.row-person small{display:block;font-size:12px;color:var(--dim);line-height:1.5;margin-top:6px}.row-quote{font-family:var(--font-display);font-size:21px;line-height:1.24;letter-spacing:-.018em;padding-right:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.row-category{font-size:12px;color:var(--dim)}.row-arrow{font-size:23px}.fieldnotes .more-button{color:var(--navy);border-color:var(--navy)}.fieldnotes .more-button:hover{background:var(--navy);color:#fff}.fieldnotes .button:hover{color:#fff}.fieldnotes .less-button{color:var(--navy)}body[data-design=fieldnotes] .closing-section{border-top:0;padding-top:75px}
/* Direction 03: Spotlight. A deliberate, manually controlled stage. */
.stage-hero{padding-top:45px}.stage-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.stage-heading .eyebrow{font-size:12px}.stage-heading h1{font-size:clamp(55px,5.8vw,85px);line-height:.98;letter-spacing:-.045em;margin-top:22px}.stage-heading>p{font-size:16px;color:var(--muted);padding-bottom:6px}.spotlight-stage{display:grid;grid-template-columns:1.35fr 1fr;min-height:453px;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;isolation:isolate}.stage-quote{padding:36px 43px;display:flex;flex-direction:column}.stage-label{display:flex;gap:22px;justify-content:space-between;color:var(--gold)}.stage-label .eyebrow{font-size:12px;letter-spacing:.05em}.stage-label .eyebrow:last-child{color:var(--dim)}.stage-quote blockquote{font-family:var(--font-display);font-size:clamp(35px,3.8vw,56px);line-height:1.1;letter-spacing:-.035em;margin:31px 0 35px;max-width:650px}.stage-quote blockquote.long-quote{font-size:clamp(31px,3.25vw,46px);line-height:1.12}.stage-identity{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:auto}.stage-identity h2{font-size:32px;line-height:1.2;letter-spacing:-.02em}.stage-identity p{font-size:14px;color:var(--muted);margin-top:8px}.round-button{width:45px;height:45px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:22px;transition:.2s;flex-shrink:0}.round-button:hover{background:var(--ink);border-color:var(--ink);color:var(--navy)}.gold-button{color:var(--navy);background:var(--gold);border-color:var(--gold);width:49px;height:49px}.stage-portrait{position:relative;padding:0;overflow:hidden;background:var(--surface);min-height:453px;text-align:left}.stage-portrait .person-image{position:absolute;inset:0}.stage-portrait .person-image img{object-position:49% center;transition:transform .5s}.stage-portrait:hover img{transform:scale(1.035)}.stage-portrait-tag{position:absolute;bottom:0;left:0;right:0;padding:25px 28px;color:#fff;background:linear-gradient(transparent,rgba(10,22,37,.72));font-size:12px;display:flex;justify-content:space-between;align-items:center}.stage-portrait-tag>span{font-size:26px;line-height:1}.stage-portrait .large-initials{font-size:200px}.stage-navigation{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:22px 0 23px}.stage-navigation>.eyebrow{font-size:12px;color:var(--dim);white-space:nowrap}.stage-filmstrip{display:flex;align-items:stretch;gap:10px;flex:1;justify-content:center}.film-person{display:flex;align-items:center;gap:7px;flex-direction:column;padding:8px 8px 6px;min-width:65px;color:var(--muted);font-size:12px;border-bottom:1px solid transparent;transition:.2s}.film-person .avatar{width:47px;height:47px;opacity:.65;border:1px solid var(--line);transition:.2s}.film-person:hover .avatar{opacity:1}.film-person[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.film-person[aria-pressed=true] .avatar{opacity:1;border-color:var(--gold);box-shadow:0 0 0 3px var(--navy),0 0 0 4px var(--gold)}.stage-pagination{display:flex;align-items:center;gap:14px;white-space:nowrap}.stage-pagination .round-button{width:38px;height:38px;font-size:20px}.stage-pagination .eyebrow{font-size:12px;color:var(--dim);letter-spacing:0}.stage-caption{display:flex;justify-content:space-between;gap:20px;margin-top:19px;color:var(--muted);font-size:13px}.stage-caption .text-link{font-size:13px}.stage-hero+.directory-section{padding-top:83px}
/* Responsive compositions */
@media(min-width:1450px){.voice-card{min-height:355px}.voice-card blockquote{font-size:29px}.stage-quote{padding:44px 52px}.spotlight-stage,.stage-portrait{min-height:505px}.journal-feature{gap:115px}.journal-person .person-image{max-width:340px;height:270px}}
@media(max-width:1150px){.voice-card{padding:23px;min-height:340px}.voice-card blockquote{font-size:24px}.card-person{gap:10px}.card-person .avatar{width:36px;height:36px}.card-person-text strong{font-size:15px}.card-person-text>span{font-size:12px}.wall-quote .quote-symbol{line-height:.55;font-size:64px;margin-top:18px}.wall-quote blockquote{font-size:28px}.wall-quote .quote-person{padding-top:15px}.closing-actions{padding-right:0}.journal-feature{gap:50px}.journal-row{grid-template-columns:29px minmax(205px,1fr) minmax(225px,1.3fr) 25px;gap:15px;padding:25px 4px}.row-category{display:none}.stage-quote{padding:31px}.stage-label .eyebrow:last-child{display:none}.stage-quote blockquote{font-size:39px}.stage-quote blockquote.long-quote{font-size:35px}.spotlight-stage,.stage-portrait{min-height:445px}.stage-navigation{gap:15px;flex-wrap:wrap}.stage-navigation>.eyebrow{display:none}.stage-filmstrip{justify-content:flex-start;gap:7px}.stage-pagination{gap:10px}.film-person{min-width:59px;padding-inline:5px}.stage-identity h2{font-size:30px}.story-article{padding:55px 36px 30px}.story-main-quote{font-size:34px}}
@media(max-width:900px){.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-card{min-height:315px;padding:25px}.voice-card blockquote{font-size:27px}.closing-section{gap:28px}.closing-actions>div{flex-direction:column;align-items:flex-start;gap:22px}.closing-actions p{font-size:21px}.journal-title{gap:35px}.journal-title h1{font-size:82px}.journal-intro{width:245px}.journal-intro p{font-size:14px}.journal-count{font-size:59px;margin-bottom:22px}.journal-feature{grid-template-columns:.8fr 1.2fr;gap:35px}.journal-person .person-image{height:270px}.journal-quotation blockquote{font-size:34px;margin-top:21px}.journal-feature-bottom{display:block}.journal-feature-bottom button{margin-top:16px}.journal-row{grid-template-columns:26px minmax(205px,.95fr) minmax(230px,1.1fr) 22px;gap:13px}.row-person .avatar{display:none}.row-quote{font-size:20px}.row-person strong{font-size:25px}.fieldnotes .section-heading h2{font-size:48px}.spotlight-stage{grid-template-columns:1.18fr 1fr}.stage-quote{padding:27px}.stage-quote blockquote{font-size:36px}.stage-quote blockquote.long-quote{font-size:31px;line-height:1.16}.stage-identity{gap:15px}.stage-identity h2{font-size:27px}.stage-identity p{font-size:12px}.stage-identity .round-button{width:39px;height:39px}.stage-heading h1{font-size:68px}.stage-heading>p{font-size:14px}.stage-navigation{gap:18px;justify-content:space-between}.stage-filmstrip{gap:10px;flex:none}.stage-pagination .round-button{width:34px;height:34px}.stage-pagination .eyebrow{display:none}.film-person .avatar{width:42px;height:42px}.film-person{min-width:52px;padding:6px 4px}.story-layout{grid-template-columns:29% 71%}.story-sidebar>.person-image{height:230px}.story-identity{padding:25px 22px}.story-identity h2{font-size:34px}.story-identity p{font-size:14px}.story-main-quote{font-size:32px}.story-article{padding:55px 30px 30px}.large-initials{font-size:100px}}
@media(max-width:620px){.directory-controls{padding-top:17px;gap:17px}.filters{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;width:calc(100% + 20px);padding-right:20px;gap:3px}.filters::-webkit-scrollbar{display:none}.filters button{font-size:13px;padding:8px 13px}.filter-number{font-size:12px}.search-box{gap:10px;padding-bottom:10px}.search-box input{font-size:14px}.search-hint{display:none}.results-heading{min-height:55px}.voice-grid{grid-template-columns:1fr;gap:12px}.voice-card{padding:23px;min-height:280px}.voice-card blockquote{font-size:27px;margin:26px 0 32px;-webkit-line-clamp:7}.card-top .eyebrow{font-size:12px}.card-person .avatar{width:42px;height:42px}.card-person-text strong{font-size:16px}.card-person-text>span{font-size:12px}.more-button{margin-top:27px;width:100%;font-size:14px}.closing-section{display:block;padding:42px 0 55px}.closing-section h2{font-size:60px;margin-top:22px}.closing-section .eyebrow{font-size:12px}.closing-actions{margin-top:30px}.closing-actions p{font-size:21px}.closing-actions>div{flex-direction:row;align-items:center;gap:21px}.closing-actions .button{padding:12px 21px;font-size:14px;gap:15px}.closing-actions .text-link{font-size:13px;gap:11px}.story-layout{display:block}.story-sidebar{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:115px 1fr;gap:0;min-height:170px}.story-sidebar>.person-image{height:100%;min-height:175px}.story-identity{padding:22px 48px 20px 22px}.story-identity>.eyebrow{font-size:12px}.story-identity h2{font-size:29px;margin:12px 0 10px}.story-identity .perspective-label{display:none}.story-identity p{font-size:12px}.story-topic{display:none}.large-initials{font-size:55px}.story-article{padding:30px 24px}.story-article>.eyebrow{font-size:12px}.story-article>h3{font-size:21px;margin-top:13px}.story-main-quote{font-size:31px;line-height:1.18;margin:25px 0 20px}.quote-source{font-size:12px;gap:8px}.source-line{width:17px}.story-context{margin-top:27px;padding-top:23px}.story-context p{font-size:15px}.supporting-quote blockquote{font-size:25px}.supporting-quote p{font-size:14px}.story-bottom{margin-top:29px}.next-story strong{font-size:23px}.empty-state h3{font-size:30px}.empty-state p{font-size:15px}.fieldnotes{padding-top:23px}.journal-masthead{padding:12px 0}.journal-masthead .eyebrow{font-size:12px;letter-spacing:.02em}.journal-masthead .eyebrow:last-child{display:none}.journal-title{display:block;padding:29px 0 26px}.journal-title h1{font-size:clamp(66px,18vw,87px);letter-spacing:-.052em}.journal-intro{margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:14px;width:100%;align-items:center}.journal-count{display:none}.journal-intro p{font-size:14px}.journal-intro p br{display:none}.journal-intro .text-link{margin:0;font-size:12px;gap:10px;max-width:125px}.journal-feature{display:flex;flex-direction:column;gap:25px;padding:27px 0 35px}.journal-person>.eyebrow{font-size:12px;margin-bottom:16px}.journal-person>button{display:flex;align-items:center;gap:18px}.journal-person .person-image{width:85px;height:85px;flex-shrink:0;border-radius:2px}.journal-person-label{margin:0}.journal-person-label strong{font-size:29px}.journal-person-label>span{font-size:13px;margin-top:5px}.journal-quotation>.eyebrow{display:none}.journal-quotation blockquote{font-size:35px;line-height:1.12;margin:0 0 23px}.journal-feature-bottom{display:flex;gap:17px;align-items:flex-end;padding:0}.journal-feature-bottom>span{font-size:12px;flex-shrink:0}.journal-feature-bottom button{font-size:12px;gap:10px;margin:0;max-width:170px;text-align:left;line-height:1.5}.fieldnotes .directory-section{padding-top:41px;padding-bottom:45px}.fieldnotes .section-heading h2{font-size:43px}.fieldnotes .section-heading p{font-size:15px;margin-top:23px}.journal-row{display:grid;grid-template-columns:24px 1fr 20px;gap:9px 12px;padding:24px 0}.row-person{grid-column:2;grid-row:1}.row-person strong{font-size:26px}.row-person small{font-size:12px}.row-quote{grid-column:2;grid-row:2;font-size:20px;margin-top:5px;line-height:1.3;-webkit-line-clamp:3}.row-arrow{grid-column:3;grid-row:1;font-size:23px}.row-number{padding-top:4px}.fieldnotes .more-button{font-size:14px}body[data-design=fieldnotes] .closing-section{padding-top:46px}.stage-hero{padding-top:30px}.stage-heading{display:block;margin-bottom:27px}.stage-heading .eyebrow{font-size:12px}.stage-heading h1{font-size:65px;margin-top:22px}.stage-heading>p{margin-top:24px;font-size:15px}.stage-heading>p br{display:none}.spotlight-stage{display:flex;flex-direction:column-reverse;min-height:0}.stage-portrait{min-height:280px;height:280px}.stage-portrait .person-image img{object-position:50% 35%}.stage-portrait .person-image.legacy-large img{width:auto;height:100%;max-width:100%;object-fit:contain}.stage-portrait .person-image.no-photo{min-height:280px}.stage-portrait .large-initials{font-size:155px}.stage-portrait-tag{padding:19px 24px;font-size:12px}.stage-quote{padding:25px 24px 28px}.stage-label .eyebrow{font-size:12px}.stage-quote blockquote{font-size:36px;margin:24px 0 27px}.stage-quote blockquote.long-quote{font-size:32px;line-height:1.13}.stage-identity h2{font-size:29px}.stage-identity p{font-size:12px}.stage-identity .round-button{width:41px;height:41px}.stage-navigation{display:block;padding:22px 0 18px}.stage-filmstrip{display:flex;justify-content:flex-start;gap:8px;overflow:auto;padding:5px 4px 12px;scrollbar-width:none}.stage-filmstrip::-webkit-scrollbar{display:none}.film-person{min-width:55px;gap:11px;padding-bottom:10px;flex-shrink:0}.film-person .avatar{width:44px;height:44px}.stage-pagination{justify-content:center;margin-top:17px;gap:20px}.stage-pagination .eyebrow{display:inline}.stage-pagination .round-button{width:36px;height:36px}.stage-caption{font-size:12px;align-items:flex-start;margin-top:16px}.stage-caption .text-link{font-size:12px;gap:10px;flex-shrink:0}.stage-caption>span{max-width:150px}.stage-hero+.directory-section{padding-top:56px}}
@media(prefers-reduced-motion:no-preference){.gallery-hero,.journal-hero,.stage-hero{animation:arrive .7s ease both}.spotlight-stage>div,.spotlight-stage>button{animation:arrive .45s ease both}.voice-card{animation:arrive .4s ease both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}