/* SisiWeb — an editorial portfolio. Shared palette follows the supplied reference. */
@font-face{font-family:PortfolioSerif;src:url('assets/fonts/fraunces-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:PortfolioSerif;src:url('assets/fonts/fraunces-italic-latin.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:PortfolioSans;src:url('assets/fonts/archivo-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#FAF9F4;--paper2:#EEEDE5;--ink:#3E2017;--ink60:#665147;--ink30:#806E61;--line:rgba(62,32,23,.22);--choco:#3E2017;--pista:#BDC69B;--pista-soft:#DCE2C6;--wine:#AA170E;--blue:#327CC6;--blue-soft:#DCEBF8;--serif:PortfolioSerif,Georgia,serif;--sans:PortfolioSans,Helvetica,Arial,sans-serif;--gutter:clamp(22px,4.5vw,100px);--radius:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font:16px/1.7 var(--sans);color:var(--ink);background:var(--paper);overflow-wrap:break-word}body::before{content:"";position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}svg{width:24px;height:24px;flex-shrink:0}button{background:none;border:0}em{font-weight:inherit}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.035em}h2 em,h1 em{color:var(--wine)}p{max-width:100%}::selection{background:var(--wine);color:var(--paper)}:focus-visible{outline:2px solid var(--wine);outline-offset:6px;border-radius:3px}[hidden]{display:none!important}.wrap{width:100%;padding-inline:var(--gutter);margin-inline:auto;max-width:1920px}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 20px;background:var(--wine);color:var(--paper)}.skip-link:focus{top:12px}
#prog{position:fixed;inset:0 auto auto 0;height:3px;background:var(--wine);z-index:200;width:0}
/* Shared navigation */
.nav{min-height:86px;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:90;transition:box-shadow .3s}.nav.scrolled{box-shadow:0 5px 22px #3E20170a}.brand{font:clamp(20px,1.65vw,30px)/1.1 var(--serif);letter-spacing:-.04em;white-space:nowrap;display:flex;align-items:baseline;gap:.25em}.brand em{font-style:normal}.brand-dot{width:6px;height:6px;background:var(--wine);border-radius:50%;align-self:flex-start;margin-top:3px}.nav-links{display:flex;align-items:center;gap:clamp(18px,2.3vw,42px)}.nav-links a{font-size:13px;white-space:nowrap;position:relative;line-height:1.8}.nav-links a::after{content:"";position:absolute;height:1px;bottom:-5px;left:0;right:0;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-links a:hover::after,.nav-links a.on::after{transform:scaleX(1)}.nav-links a.on{color:var(--wine)}.burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.burger span{width:24px;height:1px;background:var(--ink);transition:transform .3s}.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mmenu{position:fixed;inset:76px 0 0;background:var(--paper);z-index:85;padding:30px var(--gutter);overflow-y:auto}.mmenu a{display:block;font:clamp(26px,7vw,45px)/1.2 var(--serif);padding:18px 0;border-bottom:1px solid var(--line)}.mmenu [aria-current=page]{color:var(--wine)}body.menu-open{overflow:hidden}
/* Home */
.home-hero{min-height:calc(100svh - 86px);display:grid;grid-template-columns:55% 45%;background:var(--pista)}.home-hero-copy{padding:clamp(50px,6vh,100px) var(--gutter);display:flex;flex-direction:column;justify-content:center}.home-hero h1{font-size:clamp(76px,9.2vw,174px);line-height:.93;letter-spacing:-.065em}.home-hero h1 em{font-weight:350;letter-spacing:-.065em}.home-hero-copy>p{font-size:clamp(18px,1.65vw,28px);line-height:1.5;max-width:34ch;margin-top:38px}.hero-actions{display:flex;align-items:center;gap:38px;margin-top:34px;flex-wrap:wrap}.button{border:1px solid var(--ink);border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 24px;transition:background .3s,color .3s;font-size:14px}.button:hover{background:var(--ink);color:var(--paper)}.text-link,.tlink{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:15px;line-height:1.5;transition:color .3s}.text-link:hover,.tlink:hover{color:var(--wine)}.home-portrait{border-radius:0 0 0 32px;overflow:hidden;position:relative;min-height:650px;background:#100E0C}.home-portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.section-label{font-size:11px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--wine);margin-bottom:30px}.home-about{min-height:100svh;padding-block:130px;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.about-copy h2{font-size:clamp(44px,5.5vw,96px);margin-bottom:35px}.about-copy>p:not(.section-label){max-width:54ch;color:var(--ink60);font-size:clamp(16px,1.18vw,20px)}.about-images{position:relative;padding:0 0 90px 20px}.about-images>.photo:first-child{width:83%;margin-left:auto}.about-images>.photo:first-child img{aspect-ratio:4/5;object-position:45% center}.about-images>.photo:last-child{position:absolute;width:48%;bottom:0;left:0;transform:rotate(-5deg);border:9px solid var(--paper);border-radius:25px}.about-images>.photo:last-child figcaption{display:none}.about-images>.photo:last-child img{aspect-ratio:4/5}.roles{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px;font:18px/1.8 var(--serif)}.roles span:not(:last-child)::after{content:"/";margin-left:20px;color:var(--wine)}.home-work{min-height:100svh;padding-block:100px 130px}.section-heading{margin-bottom:55px}.section-heading h2{font-size:clamp(44px,5.1vw,88px)}.work-row{display:grid;grid-template-columns:60px minmax(170px,.7fr) minmax(0,1.4fr) 50px;gap:40px;align-items:center;border-top:1px solid var(--line);padding:26px 0}.work-row:last-child{border-bottom:1px solid var(--line)}.work-number{font:30px var(--serif);color:var(--wine)}.work-row>img{width:100%;height:160px;object-fit:cover;border-radius:18px;transition:filter .3s}.work-row h3{font-size:clamp(28px,3vw,52px);transition:color .3s}.work-row p{color:var(--ink60);margin-top:10px;max-width:45ch}.work-arrow svg{width:45px;height:45px;transition:transform .3s}.work-row:hover h3{color:var(--wine)}.work-row:hover .work-arrow svg{transform:translateX(8px)}.featured-band{background:var(--pista);padding:95px 0}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.featured-project>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);transition:filter .3s}.featured-project:first-child>img{object-fit:contain;background:var(--paper)}.featured-project>p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:24px 0 14px}.featured-project h3{font-size:clamp(25px,2.7vw,42px);display:flex;justify-content:space-between;gap:20px}.featured-project:hover>img{filter:brightness(.93)}
/* Chapter openings and navigation */
.chapter-hero{padding-top:45px;min-height:calc(100svh - 86px);display:flex;flex-direction:column;justify-content:center;padding-bottom:38px}.chapter-title{display:flex;gap:30px;align-items:baseline;justify-content:space-between;margin-bottom:30px}.chapter-title h1{font-size:clamp(35px,4.4vw,76px);letter-spacing:-.05em}.chapter-title>span{font:italic clamp(35px,4vw,62px)/1 var(--serif);color:var(--wine)}.chapter-split{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;min-height:460px}.chapter-media{border-radius:var(--radius);overflow:hidden;min-width:0;position:relative;background:var(--paper2)}.chapter-media>img{width:100%;height:100%;position:absolute;object-fit:cover}.page-research .chapter-media>img{object-position:50% 45%}.page-creative .chapter-media>img{object-fit:contain;background:#E0E0E0}.chapter-copy{padding:clamp(34px,4vw,68px);background:var(--pista);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center}.chapter-copy h2{font-size:clamp(42px,4.7vw,82px);line-height:1.02;color:var(--wine);letter-spacing:-.055em}.chapter-copy h2 em{font-style:normal}.chapter-copy>p{margin-top:25px;font-size:clamp(16px,1.2vw,20px);line-height:1.7;max-width:47ch}.chapter-copy>.text-link{align-self:flex-start;margin-top:28px;color:var(--wine)}.chapter-index{margin-top:35px}.chapter-index>p{font:18px var(--serif);margin-bottom:16px}.chapter-index>div{display:flex;border-top:1px solid var(--line);padding-top:18px}.chapter-index a{flex:1;min-width:0;display:grid;grid-template-columns:1fr 26px;grid-template-rows:auto 1fr;padding:0 22px;gap:5px 16px;border-left:1px solid var(--line);font:clamp(19px,1.7vw,28px)/1.15 var(--serif)}.chapter-index a:first-child{border-left:0;padding-left:0}.chapter-index a:last-child{padding-right:0}.chapter-index .index-number{font-size:16px;color:var(--wine);grid-column:1/-1;margin-bottom:6px}.chapter-index a svg{align-self:end;transition:transform .3s}.chapter-index a:hover{color:var(--wine)}.chapter-index a:hover svg{transform:translateX(5px)}.page-voice .chapter-copy{background:var(--pista)}.type-art{background:var(--wine);color:var(--paper);height:100%;min-height:480px;padding:50px;display:flex;flex-direction:column;justify-content:space-between}.type-art>span{font:clamp(45px,5.3vw,90px)/1.05 var(--serif);letter-spacing:-.055em}.type-art-foot{font-size:12px;letter-spacing:.08em;margin-top:35px;border-top:1px solid #faf9f455;padding-top:18px}
/* Long-form projects */
.chapter-content{padding-top:25px}.proj{padding:95px 0;border-top:1px solid var(--line)}.pk{max-width:1000px;margin-bottom:30px}.lab{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--wine);margin-bottom:24px}.pk h2{font-size:clamp(38px,4.7vw,80px);max-width:24ch}.sub{font:italic clamp(22px,2.25vw,36px)/1.3 var(--serif);color:var(--wine);margin:24px 0 35px;max-width:46ch}.body{color:var(--ink60);font-size:17px;line-height:1.85}.body p{margin:0 0 20px;max-width:78ch}.body b{font-weight:600;color:var(--ink)}.proj>.body{max-width:850px;margin:35px auto}.proj>.body>p:last-child{margin-bottom:0}.g2,.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,90px);align-items:center;margin:30px 0}.two{align-items:start}.g2>.body{max-width:650px}.g2 .photo{margin:0}.col-t{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);font-weight:600;padding-bottom:14px;margin:35px 0 18px;border-bottom:1px solid var(--line)}.award{font-size:12px;font-weight:500;line-height:1.9;color:var(--wine);border-left:2px solid var(--wine);padding:3px 0 3px 20px;margin:25px 0 40px;max-width:85ch}.stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:42px 0;gap:0}.st{flex:1;min-width:0;padding:0 25px;border-left:1px solid var(--line)}.st:first-child{border-left:0;padding-left:0}.st:last-child{padding-right:0}.st b{font:clamp(30px,3.4vw,55px)/1.1 var(--serif);display:block;color:var(--wine);letter-spacing:-.04em}.st b.sm{font-size:clamp(20px,2vw,32px)}.st span{display:block;font-size:12px;line-height:1.5;color:var(--ink60);margin-top:10px}.biom{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0}.biom span{font:22px var(--serif);color:var(--wine);border:1px solid var(--line);border-radius:40px;padding:12px 28px}.methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-block:1px solid var(--line);padding:32px 0;margin:45px 0}.m h4{font-size:23px;letter-spacing:-.02em;margin-bottom:10px}.m p{font-size:13px;color:var(--ink60)}.kv{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.kv b{font:34px var(--serif);color:var(--wine);margin-right:20px}.kv small{display:inline-block;font-size:13px;color:var(--ink60)}.rl{font-size:13px;font-weight:600}.rv{font-size:14px;color:var(--ink60);max-width:65%}.roleline{display:flex;gap:30px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:34px}.clin{display:grid;grid-template-columns:1fr 1.8fr;gap:6vw;padding:55px 0;border-top:1px solid var(--line)}.clin h4{font-size:clamp(27px,2.7vw,43px)}.clin .ct{color:var(--wine);font-size:12px;margin-top:16px}.clin>div>p{color:var(--ink60);line-height:1.8}.lead,.essay{display:grid;grid-template-columns:1fr 1.1fr;gap:45px 7vw;padding:85px 0;border-top:1px solid var(--line)}.lead h2,.essay h2{font-size:clamp(34px,3.4vw,56px)}.lead .col-t{margin-top:0}.lead>.body{padding-top:65px}.lead>.gallery{grid-column:1/-1;margin-block:0}.essay .aw{font-size:12px;color:var(--wine);margin-bottom:24px;line-height:1.8}.essay .body{padding-top:3px}.lead .photo{margin-top:30px}.pull-quote{font:clamp(35px,4vw,64px)/1.14 var(--serif);letter-spacing:-.035em;max-width:900px;margin:40px 0}.pull-quote em{color:var(--wine)}.writing-body{max-width:850px;margin:40px auto}.rowing-copy{max-width:850px;margin:30px auto}.advocacy-intro{max-width:850px;margin:25px auto}.proj>.tlink{margin-top:20px}.proj>.resource{margin-top:35px}.tlink svg{width:20px}.tlink+ .tlink{margin-left:24px}.next-page{display:flex;align-items:center;justify-content:space-between;padding-block:55px 65px;border-top:1px solid var(--line);transition:background .3s}.next-page small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:18px}.next-page strong{font:clamp(32px,4vw,68px)/1.1 var(--serif);letter-spacing:-.045em}.next-page>svg{width:55px;height:55px}.next-page:hover{background:var(--pista)}
/* Photos, editorial albums and authentic documents */
.photo{min-width:0;margin:30px 0}.photo-open{display:block;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--paper2)}.photo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s ease}.photo-open:hover img{transform:scale(1.025)}.photo.contain img{object-fit:contain;aspect-ratio:auto;max-height:640px;background:var(--paper2)}.photo figcaption{font-size:11px;color:var(--ink60);margin-top:12px;letter-spacing:.01em}.enlarge{position:absolute;bottom:16px;right:16px;border-radius:50%;width:38px;height:38px;background:var(--paper);color:var(--ink);display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:.3s}.photo-open:hover .enlarge,.photo-open:focus-visible .enlarge{opacity:1;transform:none}.gallery{margin:55px 0;width:100%;min-width:0}.gallery-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.gallery-head h3{font-size:clamp(26px,3vw,45px);letter-spacing:-.035em}.gallery-head>span{font-size:11px;color:var(--ink60);white-space:nowrap}.gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--wine) transparent;padding-bottom:8px;overscroll-behavior-x:contain}.gallery-track>.photo{flex:0 0 calc((100% - 40px)/3);margin:0;scroll-snap-align:start}.gallery-track .photo-open{border-radius:16px}.gallery-track img{height:clamp(200px,24vw,400px);aspect-ratio:auto;object-fit:cover}.portrait-gallery .gallery-track img{height:clamp(280px,32vw,520px);object-fit:contain;background:#d6d4d0}.gallery-controls{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.gallery-position{font-size:12px;color:var(--ink60)}.gallery-controls>div{display:flex;gap:9px}.round{border:1px solid var(--line);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s;flex-shrink:0}.round:hover{background:var(--ink);color:var(--paper)}.round:disabled{opacity:.3;cursor:default;background:none;color:inherit}.previous svg,.lightbox-prev svg{transform:rotate(180deg)}.clin .gallery-track>.photo{flex-basis:calc((100% - 20px)/2)}.clin .gallery-track img{height:240px}.clin .gallery-head>span{display:none}.honors{border-block:1px solid var(--line);margin:40px 0}.honors summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:22px 0;font-size:15px}.honors summary::-webkit-details-marker{display:none}.honors[open] summary svg{transform:rotate(45deg)}.honors ul{padding:0 25px 30px;columns:2;column-gap:50px;font-size:14px;color:var(--ink60)}.honors li{margin-bottom:15px;break-inside:avoid}.honors>.resource{margin:0 0 25px}.figcap{font-size:12px;text-align:right;color:var(--ink60)}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:30px 0}.resource{display:flex;align-items:center;gap:28px;padding:28px;border:1px solid var(--line);border-radius:20px;transition:background .3s;min-width:0}.resource:hover{background:var(--pista-soft)}.resource-cover{width:35%;height:180px;object-fit:contain;background:var(--paper2);border-radius:8px}.resource>span{flex:1;min-width:0}.resource small{display:block;color:var(--ink60);font-size:11px;line-height:1.5;margin-bottom:12px}.resource strong{display:block;font:clamp(19px,1.7vw,27px)/1.25 var(--serif);letter-spacing:-.02em}.resource-action{display:inline-flex;align-items:center;gap:18px;margin-top:18px;color:var(--wine);font-size:12px}.resource-action svg{width:20px}.clin .document-grid{grid-template-columns:1fr}.research-feature{max-width:1150px;margin:40px auto}.poster-link{display:block;background:var(--pista);padding:24px;border-radius:var(--radius)}.poster-link img{width:100%;max-height:650px;object-fit:contain}.poster-link>span{display:flex;justify-content:space-between;margin-top:18px;font-size:13px}.dance-albums .gallery:first-child{margin-top:0}
/* Modal: native dialog provides focus containment and background inertness. */
.lightbox{border:0;background:#201B17;color:var(--paper);width:100vw;height:100dvh;max-width:none;max-height:none;padding:65px 80px 60px;overflow:hidden}.lightbox::backdrop{background:#201B17f2}.lightbox[open]{display:grid;place-items:center}.lightbox figure{max-width:100%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0}.lightbox figure>img{height:calc(100% - 50px);width:100%;object-fit:contain;min-height:0}.lightbox figcaption{font-size:13px;text-align:center}.lightbox-close{position:absolute;top:20px;right:28px;display:flex;align-items:center;gap:20px;font-size:13px}.lightbox-close span{font-size:30px;line-height:1}.lightbox .round{position:absolute;top:50%;border-color:#faf9f466}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox .round:hover{background:var(--paper);color:var(--ink)}.lightbox-count{position:absolute;top:28px;left:28px;font-size:12px}.lightbox :focus-visible{outline-color:var(--paper)}body.viewer-open{overflow:hidden}
/* Footer */
footer{background:var(--choco);color:var(--paper);padding:65px var(--gutter) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:60px}.footer-top h2{font-size:clamp(46px,6vw,90px);letter-spacing:-.05em}.footer-top h2 em{color:var(--pista)}.footer-top .text-link:hover{color:var(--pista)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between;padding-top:25px;border-top:1px solid #faf9f433;font-size:11px}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}.footer-bottom a:hover{color:var(--pista)}.back-top{display:flex;gap:10px;align-items:center}.back-top svg{width:17px;transform:rotate(-90deg)}
/* Responsive layouts prioritize readable prose and uncropped gallery originals. */
@media(min-width:1700px){.chapter-split{min-height:570px}.home-hero{min-height:calc(100svh - 86px)}}
@media(max-width:1100px){.nav-links{gap:18px}.nav-links a{font-size:12px}.nav{gap:15px}.brand{font-size:23px}.home-hero h1{font-size:9.3vw}.home-portrait{min-height:620px}.work-row{gap:24px;grid-template-columns:40px .8fr 1.2fr 35px}.chapter-copy{padding:35px}.chapter-copy h2{font-size:4.8vw}.chapter-title h1{font-size:4.3vw}.chapter-split{min-height:420px}.gallery-track img{height:260px}.gallery-head>span{font-size:10px}.resource{gap:18px;padding:20px}.resource-cover{height:150px}.st{padding-inline:16px}.body{font-size:16px}}
@media(max-width:900px){.nav{min-height:76px;padding-block:15px}.nav-links{display:none}.burger{display:flex}.brand{font-size:25px}.home-hero{min-height:calc(100svh - 76px)}.home-hero-copy{padding-block:45px}.home-hero h1{font-size:10vw}.home-hero-copy>p{font-size:18px}.hero-actions{gap:22px}.button{font-size:13px;padding:12px 19px;gap:20px}.home-portrait{min-height:570px}.home-about{gap:5vw;padding-block:85px}.home-work{padding-block:75px}.about-copy h2{font-size:6vw}.chapter-split{grid-template-columns:1fr 1fr}.chapter-copy{padding:28px}.chapter-copy h2{font-size:5.2vw}.chapter-copy>p{font-size:15px}.chapter-title h1{font-size:5vw}.chapter-index a{font-size:18px;padding-inline:15px}.chapter-index a svg{width:18px}.chapter-content{padding-top:0}.proj{padding-block:65px}.g2,.two{gap:30px}.clin{gap:35px;grid-template-columns:1fr 1.6fr}.lead,.essay{gap:40px}.st span{font-size:11px}.methods{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:1fr}.gallery-head{align-items:flex-start}.gallery-head>span{white-space:normal;text-align:right;max-width:100px}.featured-grid{gap:20px}.featured-project h3{font-size:28px}.footer-bottom{justify-content:flex-start}.footer-bottom nav{width:100%;order:3}}
@media(max-width:650px){html{scroll-padding-top:92px}.nav{min-height:72px}.brand{font-size:22px}.mmenu{top:72px}.home-hero{grid-template-columns:1fr;min-height:calc(100svh - 72px)}.home-hero-copy{padding:42px var(--gutter)}.home-hero h1{font-size:clamp(70px,16vw,104px);line-height:.93}.home-hero h1 br:last-of-type{display:block}.home-hero h1 em{margin-right:.2em}.home-hero-copy>p{max-width:32ch;font-size:17px;margin-top:25px}.hero-actions{margin-top:25px;gap:25px}.home-portrait{min-height:390px;height:64svh;max-height:650px;border-radius:26px 26px 0 0;margin-inline:var(--gutter)}.home-portrait img{object-position:50% 35%}.home-about{grid-template-columns:1fr;padding-block:75px;gap:45px}.about-copy h2{font-size:clamp(45px,12vw,70px)}.about-copy>p:not(.section-label){font-size:16px}.about-images{max-width:520px;padding-bottom:50px;margin-inline:0 0}.about-images>.photo:first-child img{aspect-ratio:1}.about-images>.photo:last-child{width:45%}.section-label{margin-bottom:23px}.roles{font-size:16px;gap:4px 12px}.roles span:not(:last-child)::after{margin-left:12px}.home-work{padding-block:45px 70px}.section-heading{margin-bottom:36px}.section-heading h2{font-size:43px}.work-row{grid-template-columns:30px 1fr 30px;gap:18px 12px;padding:23px 0}.work-row>img{grid-column:2;grid-row:1;width:100%;height:150px}.work-number{grid-column:1;grid-row:1;align-self:start;font-size:24px}.work-row>div{grid-column:2;grid-row:2}.work-row h3{font-size:29px}.work-row p{font-size:14px}.work-arrow{grid-column:3;grid-row:2}.work-arrow svg{width:30px}.featured-band{padding-block:65px}.featured-grid{grid-template-columns:1fr;gap:40px}.featured-project>img{aspect-ratio:3/2}.featured-project h3{font-size:30px}.featured-project>p{margin-top:20px}.chapter-hero{padding-top:30px;padding-bottom:25px}.chapter-title{margin-bottom:25px;gap:12px}.chapter-title h1{font-size:clamp(31px,7.8vw,47px);max-width:16ch}.chapter-title>span{font-size:30px}.chapter-split{grid-template-columns:1fr;gap:12px}.chapter-media{min-height:0;height:280px;width:100%;aspect-ratio:auto}.chapter-copy{padding:35px 27px}.chapter-copy h2{font-size:clamp(43px,11vw,66px)}.chapter-copy>p{font-size:16px}.chapter-copy>.text-link{margin-top:25px}.chapter-index{margin-top:28px}.chapter-index>div{display:grid;grid-template-columns:1fr 1fr;gap:22px 0}.chapter-index a{font-size:18px;padding-inline:16px}.chapter-index a:nth-child(odd){border-left:0;padding-left:0}.chapter-index a:nth-child(even){padding-right:0}.chapter-index .index-number{font-size:14px}.type-art{min-height:340px;padding:32px}.type-art>span{font-size:53px}.page-voice .chapter-media{aspect-ratio:auto}.proj{padding:55px 0}.pk h2{font-size:38px}.sub{font-size:25px}.pk{margin-bottom:25px}.lab{margin-bottom:18px;font-size:10px}.body{font-size:16px;line-height:1.8}.proj>.body{margin-block:28px}.g2,.two,.lead,.essay,.clin{grid-template-columns:minmax(0,1fr);gap:25px}.g2,.two{margin-block:25px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 0;padding-block:25px;margin-block:30px}.st{padding:0 16px!important}.st:nth-child(odd){border-left:0;padding-left:0!important}.st b{font-size:36px}.st b.sm{font-size:23px}.st span{font-size:12px}.methods{gap:24px}.m h4{font-size:22px}.gallery{margin:35px 0}.gallery-head{gap:12px;margin-bottom:20px}.gallery-head h3{font-size:29px}.gallery-track{gap:14px}.gallery-track>.photo{flex-basis:83%}.gallery-track img{height:270px}.portrait-gallery .gallery-track img{height:380px}.clin .gallery-track>.photo{flex-basis:90%}.photo img{aspect-ratio:4/3}.photo.contain img{aspect-ratio:auto}.photo figcaption{font-size:11px;line-height:1.5}.enlarge{opacity:1;transform:none;bottom:12px;right:12px;width:32px;height:32px}.photo{margin-block:25px}.honors ul{columns:1;padding-bottom:15px}.resource{padding:18px;gap:18px}.resource-cover{width:30%;height:140px}.resource strong{font-size:21px}.document-grid{margin-top:25px;gap:18px}.poster-link{padding:13px}.clin{padding:40px 0}.clin h4{font-size:30px}.lead,.essay{padding:55px 0}.lead>.body{padding-top:0}.lead h2,.essay h2{font-size:36px}.lead>.gallery{margin-top:10px}.roleline{gap:18px}.roleline .rv{max-width:85%}.pull-quote{font-size:39px}.next-page{padding-block:35px 45px;gap:30px}.next-page strong{font-size:36px}.next-page>svg{width:35px;height:35px}.footer-top{align-items:flex-start;flex-direction:column;gap:30px;padding-bottom:45px}.footer-top h2{font-size:54px}footer{padding-top:50px}.footer-bottom{font-size:10px;gap:18px}.footer-bottom nav{gap:12px 20px}.lightbox{padding:70px 16px 95px}.lightbox figure>img{height:calc(100% - 60px)}.lightbox .round{top:auto;bottom:25px}.lightbox-prev{left:calc(50% - 55px)}.lightbox-next{right:calc(50% - 55px)}.lightbox-close{right:20px}.lightbox-count{left:20px}.lightbox figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.project-intro{grid-template-columns:1fr 1.15fr;align-items:center;margin-top:0}.project-intro .pk h2{font-size:clamp(38px,4.3vw,70px)}.project-intro .body{font-size:16px}.project-intro .photo-open{background:#d6d4d0}.project-intro .photo img{min-height:400px;object-fit:contain}.project-intro .photo figcaption{display:none}
@media(max-width:650px){.project-intro{grid-template-columns:1fr}.project-intro .photo img{min-height:0}.project-intro .pk h2{font-size:38px}}

/* Align narrative text with the shared page gutters. */
.body p,.proj>.body,.g2>.body,.writing-body,.rowing-copy,.advocacy-intro{max-width:none}
.proj>.body,.writing-body,.rowing-copy,.advocacy-intro{margin-left:0;margin-right:0}
.chapter-index{padding-bottom:25px;border-bottom:1px solid var(--line)}
.chapter-content>.proj:first-child,.chapter-content>.lead:first-child,.chapter-content>.essay:first-child{border-top:0}
.chapter-hero{padding-bottom:12px}.chapter-content{padding-top:0}
/* The frame follows the photograph, including portraits and artwork. */
.photo:not(.gallery .photo) img{aspect-ratio:auto;height:auto;min-height:0;max-height:none}
.photo.contain .photo-open{width:min(100%,calc(640px * var(--photo-ratio)));margin-inline:auto}
.photo.contain img{background:transparent}.photo.contain figcaption{width:min(100%,calc(640px * var(--photo-ratio)));margin-inline:auto}
.gallery-track{--album-height:clamp(200px,24vw,400px);align-items:flex-start}
.portrait-gallery .gallery-track{--album-height:clamp(280px,32vw,520px)}
.gallery-track>.photo,.clin .gallery-track>.photo{flex:0 0 auto;width:calc(var(--album-height) * var(--photo-ratio));max-width:100%}
.gallery-track .photo img,.portrait-gallery .gallery-track img,.clin .gallery-track img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover}
@media(max-width:650px){.gallery-track{--album-height:270px}.portrait-gallery .gallery-track{--album-height:380px}}
/* Odometer digits retain the original number for assistive technology. */
.metric-roll{font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-roll span{font:inherit;color:inherit;margin:0;letter-spacing:inherit}
.metric-roll .metric-visual{display:inline-flex;align-items:baseline}
.metric-roll .metric-digit{display:inline-block;height:1.1em;overflow:hidden;width:.65em}
.metric-roll .metric-track{display:block;transition:transform 1.5s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay)}
.metric-roll .metric-track>span{display:block;height:1.1em;line-height:1.1em;text-align:center}
.metric-roll.is-counted .metric-track{transform:translateY(calc(var(--steps) * -1.1em))}
.metric-roll .metric-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Reference palette: pistachio, vermilion, sky blue and chocolate. */
body::before{opacity:.012}
.page-creative .chapter-copy{background:var(--blue)}

.page-creative .chapter-copy h2,.page-creative .chapter-copy h2 em,.page-creative .chapter-copy>.text-link{color:var(--choco)}
.page-voice .chapter-copy{background:var(--pista)}
.type-art{background:var(--wine)}
.home-hero .button{background:var(--wine);border-color:var(--wine);color:var(--paper)}
.home-hero .button:hover{background:var(--choco);border-color:var(--choco)}
.featured-band{background:var(--pista)}
.work-number{color:var(--wine)}
.work-row:hover .work-arrow{color:var(--blue)}
.gallery-controls .round:not(:disabled){border-color:var(--blue)}
.gallery-controls .round:not(:disabled):hover{background:var(--blue);color:var(--choco)}
.chapter-index a:hover{color:var(--wine)}
.chapter-index a:hover svg{color:var(--blue)}
.next-page:hover{background:var(--pista)}
footer{background:var(--choco)}
.footer-top h2 em{color:var(--pista)}
:focus-visible{outline-color:var(--blue)}
/* Chapter navigation: full-tile selection with a soft color reveal. */
.chapter-index>div{gap:8px}
.chapter-index a,.chapter-index a:first-child,.chapter-index a:last-child{position:relative;isolation:isolate;border:0;border-radius:12px;padding:18px 20px;transition:color .3s,transform .3s;background:transparent}
.chapter-index a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--pista);opacity:0;transform:scale(.96);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.chapter-index a:hover::before{opacity:.45;transform:scale(1)}
.chapter-index a[aria-current="location"]{color:var(--paper)}
.chapter-index a[aria-current="location"]::before{background:var(--wine);opacity:1;transform:scale(1)}
.chapter-index a[aria-current="location"] .index-number,.chapter-index a[aria-current="location"] svg{color:inherit}
.chapter-index a[aria-current="location"] svg{transform:translateX(4px)}
@media(max-width:650px){.chapter-index>div{gap:8px}.chapter-index a,.chapter-index a:nth-child(odd),.chapter-index a:nth-child(even){padding:14px 12px;font-size:17px}}
/* Fullscreen home cover, with the subject centered and live Buffalo lettering. */
.page-index .nav{position:fixed;inset:0 0 auto;background:transparent;color:var(--paper);border-color:transparent;box-shadow:none;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.page-index .nav .brand-dot{background:var(--pista)}
.page-index .nav-links a{text-shadow:0 1px 8px #0008}
.page-index .nav-links a::after{background:var(--pista)}
.page-index .nav-links a.on{color:var(--pista)}
.page-index .burger span{background:var(--paper)}
.page-index .nav.past-hero{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:0 5px 22px #3e201714}
.page-index .nav.past-hero .brand-dot{background:var(--wine)}
.page-index .nav.past-hero .nav-links a{text-shadow:none}
.page-index .nav.past-hero .nav-links a::after{background:var(--wine)}
.page-index .nav.past-hero .nav-links a.on{color:var(--wine)}
.page-index .nav.past-hero .burger span{background:var(--ink)}
.page-index .mmenu{background:var(--choco);color:var(--paper)}
.page-index .home-hero{height:100svh;min-height:620px;position:relative;display:block;background:#07100f;overflow:hidden}
.home-cover-photo{position:absolute;inset:0;display:block;overflow:hidden}
.home-cover-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.home-cover-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06100f75 0%,transparent 24%,transparent 45%,#06100fbd 100%),linear-gradient(90deg,#06100f60,transparent 62%)}
.page-index .home-hero-copy{position:absolute;z-index:2;left:var(--gutter);bottom:clamp(48px,6vh,78px);padding:0;max-width:min(1800px,92vw);color:var(--paper);display:block}
.hero-kicker{font:12px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--pista);margin-bottom:12px}
.page-index .home-hero h1{font-family:"Buffalo ( Demo Version)",cursive;font-size:clamp(55px,11vw,210px);font-weight:400;line-height:.9;letter-spacing:.005em;white-space:nowrap;text-shadow:0 2px 18px #0005}
.page-index .home-hero h1 .hero-name{color:var(--pista)}
.page-index .home-hero-copy>.hero-intro{font:300 clamp(22px,2.4vw,48px)/1.4 var(--sans);max-width:30ch;margin-top:18px;color:#FAF9F4}
.hero-scroll{position:absolute;z-index:2;right:var(--gutter);bottom:clamp(36px,6vh,70px);width:50px;height:50px;border:1px solid #faf9f477;border-radius:50%;display:grid;place-items:center;color:var(--paper);transition:background .3s,color .3s,transform .3s}
.hero-scroll:hover{background:var(--pista);color:var(--choco);transform:translateY(4px)}
.hero-scroll svg{width:22px;height:22px}
@media(max-width:650px){.page-index .home-hero{height:100svh;min-height:620px}.home-cover-photo img{object-position:52% 35%}.page-index .home-hero-copy{left:var(--gutter);bottom:116px;max-width:calc(100% - 2 * var(--gutter))}.hero-kicker{font-size:11px;margin-bottom:8px}.page-index .home-hero h1{font-size:clamp(26px,7vw,44px);line-height:1}.page-index .home-hero-copy>.hero-intro{font-size:16px;font-weight:300;max-width:31ch;margin-top:16px}.hero-scroll{right:var(--gutter);bottom:34px;width:44px;height:44px}}

/* Homepage role mosaic, using the portfolio palette. */
.who-panel{padding-block:0 100px}
.who-card{padding:clamp(28px,5vw,64px);border-radius:var(--radius);background:var(--paper2);overflow:hidden}
.who-card h2{margin-bottom:clamp(20px,3vw,34px);font:600 clamp(12px,1.2vw,16px)/1 var(--sans);letter-spacing:.18em;color:var(--wine)}
.role-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.role-tiles span{display:inline-flex;align-items:center;min-height:clamp(44px,5vw,76px);padding:.2em .55em;background:var(--wine);color:var(--paper);font:400 clamp(19px,2.8vw,42px)/1.2 var(--sans);letter-spacing:-.04em;white-space:nowrap;transition:transform .2s ease,background-color .2s ease}
.role-tiles span:nth-child(2){background:var(--pista-soft);color:var(--ink)}
.role-tiles span:nth-child(3){background:var(--blue);color:var(--paper)}
.role-tiles span:nth-child(4){padding-inline:.08em;background:transparent;color:var(--wine)}
.role-tiles span:nth-child(5){background:var(--choco);color:var(--paper)}
.role-tiles span:nth-child(6){background:var(--pista);color:var(--ink)}
.role-tiles span:nth-child(7){padding-inline:.08em;background:transparent;color:var(--blue)}
.role-tiles span:nth-child(8){background:var(--paper);color:var(--ink)}
.role-tiles span:hover{transform:translateY(-3px)}
@media(max-width:650px){.who-panel{padding-bottom:70px}.who-card{padding:25px 20px;border-radius:18px}.who-card h2{margin-bottom:18px}.role-tiles{gap:9px}.role-tiles span{min-height:42px;padding:.25em .5em;font-size:clamp(17px,5vw,23px)}.role-tiles span:nth-child(4),.role-tiles span:nth-child(7){padding-inline:.05em}}
@media(min-width:901px){.role-tiles{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:12px}.role-tiles span{font-size:clamp(20px,2.8vw,56px)}.role-tiles span:nth-child(1){grid-row:1;grid-column:1/span 7}.role-tiles span:nth-child(2){grid-row:1;grid-column:9/span 9}.role-tiles span:nth-child(3){grid-row:2;grid-column:1/span 11}.role-tiles span:nth-child(4){grid-row:2;grid-column:13/span 5}.role-tiles span:nth-child(5){grid-row:3;grid-column:1/span 9}.role-tiles span:nth-child(6){grid-row:3;grid-column:11/span 7}.role-tiles span:nth-child(7){grid-row:4;grid-column:1/span 5}.role-tiles span:nth-child(8){grid-row:4;grid-column:7/span 6}}
@media(min-width:901px){.role-tiles span{justify-self:start;width:max-content;max-width:100%}}

/* Refined homepage section labels and open role mosaic. */
.page-index .section-label{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  max-width:100%;
  margin-bottom:clamp(20px,2.2vw,34px);
  color:var(--wine);
  font:600 clamp(13px,1.05vw,17px)/1.2 var(--sans);
  letter-spacing:.13em;
}

/* Leadership: each chapter title leads a full-width photo and text spread. */
.page-leadership .lead-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:7vw;row-gap:24px}
.page-leadership .lead-feature>.lead-heading{grid-column:1/-1}
.page-leadership .lead-feature>.lead-heading h2{max-width:none;margin-top:10px}
.page-leadership .lead-feature>.photo{grid-column:1;grid-row:2;margin:0;min-width:0}
.page-leadership .lead-feature>.body{grid-column:2;grid-row:2;padding-top:0}
.page-leadership .lead-placeholder-inner{display:grid;place-items:center;aspect-ratio:1.498751;overflow:hidden;border-radius:var(--radius);background:linear-gradient(145deg,var(--pista),#d6d9bc 55%,var(--paper));color:var(--wine)}
.page-leadership .lead-placeholder-inner span{padding:16px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:italic clamp(22px,2.4vw,38px)/1.1 var(--serif);text-align:center}
@media(max-width:650px){.page-leadership .lead-feature{grid-template-columns:minmax(0,1fr);row-gap:22px}.page-leadership .lead-feature>.lead-heading,.page-leadership .lead-feature>.photo,.page-leadership .lead-feature>.body{grid-column:1;grid-row:auto}}
.page-index .section-label::before{
  content:"";
  display:block;
  width:34px;
  height:2px;
  flex:0 0 34px;
  background:var(--wine);
}
.page-index .who-card{
  padding:clamp(16px,2vw,30px) 0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.page-index .who-card h2{font-size:clamp(13px,1.05vw,17px)}
@media(max-width:650px){
  .page-index .section-label{font-size:13px;gap:10px;margin-bottom:20px}
  .page-index .section-label::before{width:25px;flex-basis:25px}
  .page-index .who-card{padding-block:8px}
}

/* Keep the role words visually grouped while preserving the staggered rows. */
.role-tiles{column-gap:clamp(8px,1.2vw,18px);row-gap:8px}
@media(max-width:650px){.role-tiles{gap:7px}}
@media(min-width:901px){.role-tiles{column-gap:clamp(8px,1vw,14px);row-gap:8px}}
@media(min-width:901px){.page-index .role-tiles{display:flex;flex-wrap:wrap;align-items:center;width:min(100%,560px);column-gap:12px;row-gap:8px}.page-index .role-tiles span{flex:0 0 auto}}

/* Research page: consistent project labels, full-width narrative, clear document actions. */
.page-research .chapter-copy>p{max-width:none}
.page-research .chapter-content{counter-reset:research-project}
.page-research .chapter-content>.proj{counter-increment:research-project}
.page-research .proj .pk{max-width:none;margin-bottom:24px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.page-research .proj .lab{display:flex;align-items:center;gap:12px;margin-bottom:20px;font:600 12px/1.2 var(--sans);letter-spacing:.14em;color:var(--wine)}
.page-research .proj .lab::before{content:"0" counter(research-project);display:inline-grid;place-items:center;min-width:34px;height:28px;padding-inline:7px;background:var(--wine);color:var(--paper);font:600 11px/1 var(--sans);letter-spacing:.06em}
.page-research .proj .pk h2{max-width:none;font-size:clamp(36px,4.4vw,76px);line-height:1.04}
.page-research .proj .award{max-width:none;margin-block:25px 35px}
.page-research .proj .sub{max-width:none}
.page-research .proj>.body,.page-research .proj>.body p,.page-research .proj>.body p:last-child{max-width:none}
.page-research .research-video{width:100%;aspect-ratio:16/9;margin:38px 0 42px;overflow:hidden;border-radius:var(--radius);background:var(--choco)}
.page-research .research-video iframe{display:block;width:100%;height:100%;border:0}
.page-research .research-feature{max-width:none}
.page-research .resource-cover{width:auto;height:180px;max-width:38%;flex:0 0 auto;object-fit:contain;background:var(--paper)}
.page-research .resource-action{width:max-content;max-width:100%;margin-top:16px;padding:9px 14px;border-radius:999px;background:var(--wine);color:var(--paper);font-size:12px;font-weight:600;transition:background .2s,transform .2s}
.page-research .resource:hover .resource-action{background:var(--choco);transform:translateX(2px)}
.page-research .research-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.page-research .research-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:16px 22px;border-radius:999px;background:var(--wine);color:var(--paper);font-size:15px;font-weight:600;transition:background .2s,transform .2s}
.page-research .research-button:hover{background:var(--choco);transform:translateY(-2px)}
.page-research .research-button span{font-size:23px;line-height:1}
.page-research .clin{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:48px}
.page-research .clin>div{min-width:0}
.page-research .clin .gallery{margin-top:36px}
.page-research .clin .gallery-track{--album-height:clamp(440px,42vw,820px);gap:18px}
.page-research .clin .gallery-track>.photo{width:calc(var(--album-height) * var(--photo-ratio));max-width:85vw;flex:0 0 auto}
.page-research .clin .gallery-track img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover}
@media(min-width:651px){.page-leadership #l-culture>.body{align-self:center}}
@media(max-width:650px){
 .page-research .proj .pk{padding-bottom:20px}
 .page-research .proj .pk h2{font-size:clamp(34px,9vw,48px)}
 .page-research .research-actions{grid-template-columns:1fr;gap:11px}
 .page-research .resource{align-items:flex-start}
 .page-research .resource-cover{height:145px;max-width:34%}
 .page-research .clin{padding-block:35px}
 .page-research .clin .gallery-track{--album-height:270px}
}

/* Keep each pair together so the identity words cannot collapse into one column. */
.page-index .role-tiles{display:block;width:100%;max-width:none}
.page-index .role-tiles .role-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:max-content;max-width:100%;margin-bottom:8px}
.page-index .role-tiles .role-row:last-child{margin-bottom:0}
.page-index .role-tiles .role-row>span{flex:0 0 auto;max-width:100%}
.page-index .role-tiles .role-researcher{background:var(--wine);color:var(--paper)}
.page-index .role-tiles .role-advocate{background:var(--pista-soft);color:var(--ink)}
.page-index .role-tiles .role-communicator{background:var(--blue);color:var(--paper)}
.page-index .role-tiles .role-dancer{padding-inline:.08em;background:transparent;color:var(--wine)}
.page-index .role-tiles .role-choreographer{background:var(--choco);color:var(--paper)}
.page-index .role-tiles .role-performer{background:var(--pista);color:var(--ink)}
.page-index .role-tiles .role-editor{padding-inline:.08em;background:transparent;color:var(--blue)}
.page-index .role-tiles .role-coxswain{background:var(--wine);color:var(--paper)}

/* The reference blue marks navigation and actions throughout the portfolio. */
#prog,.brand-dot{background:var(--blue)}
.nav-links a.on,.mmenu [aria-current=page],.page-index .nav.past-hero .nav-links a.on{color:var(--blue)}
.nav-links a::after,.page-index .nav.past-hero .nav-links a::after{background:var(--blue)}
.page-index .nav.past-hero .brand-dot{background:var(--blue)}
.home-work .section-label{color:var(--blue)}
.home-work .section-label::before{background-color:var(--blue)}
.home-work .work-row:nth-of-type(2) .work-number{color:var(--blue)}
.home-work .work-row:hover h3{color:var(--blue)}
.chapter-title>span{color:var(--blue)}
.chapter-index a[aria-current="location"]::before{background:var(--blue)}
.chapter-index a[aria-current="location"]{color:var(--paper)}
.chapter-index a:not([aria-current="location"]):hover::before{background:var(--blue-soft);opacity:1}
.resource:hover{background:var(--blue-soft)}
.page-research .proj .lab::before,.page-research .resource-action,.page-research .research-button{background:var(--blue);color:var(--paper)}
.page-research .resource:hover .resource-action,.page-research .research-button:hover{background:var(--choco)}
.page-creative .chapter-copy h2,.page-creative .chapter-copy h2 em,.page-creative .chapter-copy>p{color:var(--paper)}
.page-creative .chapter-copy{background:var(--blue)}

/* Blue emphasis surfaces use light type for consistent contrast. */
.chapter-copy,.page-voice .chapter-copy,.page-creative .chapter-copy,.featured-band,.type-art,footer{background:var(--blue);color:var(--paper)}
.chapter-copy h2,.chapter-copy h2 em,.chapter-copy>p,.chapter-copy>.text-link,.page-creative .chapter-copy h2,.page-creative .chapter-copy h2 em,.page-creative .chapter-copy>p,.page-creative .chapter-copy>.text-link{color:var(--paper)}
.featured-band .section-label,.featured-band h2 em,.footer-top h2 em{color:var(--paper)}
.featured-band .featured-project:hover h3,.footer-top .text-link:hover,.footer-bottom a:hover{color:var(--blue-soft)}
.footer-bottom{border-top-color:rgba(255,255,255,.32)}

/* Distinguish the Public Voice title card from the adjacent blue introduction. */
.page-voice .type-art{background:var(--choco);color:var(--paper)}

/* Restore the original soft background for Selected Projects. */
.featured-band{background:var(--pista);color:var(--ink)}
.featured-band .section-label,.featured-band h2 em{color:var(--wine)}
.featured-band .featured-project:hover h3{color:var(--wine)}

/* This artwork's source is portrait-oriented; present it as a landscape spread. */
.page-creative .photo-rotated-left .photo-open{width:100%;aspect-ratio:1838 / 1280}
.page-creative .photo-rotated-left .photo-open img{position:absolute;top:50%;left:50%;width:69.641%;height:143.594%;max-height:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}
.page-creative .photo-rotated-left .photo-open:hover img{transform:translate(-50%,-50%) rotate(-90deg) scale(1.025)}
.page-creative .photo-rotated-left figcaption{width:100%}
.lightbox figure img.rotated-left{width:min(70vh,62.67vw);height:auto;max-height:none;transform:rotate(-90deg)}