/* Editorial compositions. Each page keeps its own reading rhythm beyond the hero. */
body[data-page] main > .section:not(.exp-hero){padding-block:clamp(70px,8vw,140px)}
body[data-page] main > .section:not(.exp-hero) .section-head{grid-template-columns:90px minmax(0,1fr) minmax(180px,.65fr);gap:30px;border-top-color:#0a0c12}
body[data-page] main > .section:not(.exp-hero) .section-head>.micro{font:800 clamp(45px,5vw,78px)/.9 Manrope,sans-serif;letter-spacing:-.07em;padding:0;color:#173da5}
body[data-page] main .page-cta{background:#fff}
body[data-page] main .page-cta>.wrap{grid-template-columns:1fr 2.3fr}
body[data-page] main .page-cta h2{font-size:clamp(44px,6.6vw,105px)}
/* The project index is a sequence of large studies and smaller counterpoints. */
body[data-page=projects] #project-index{padding-top:25px}
body[data-page=projects] #project-index .filter-bar{border-top:2px solid #0a0c12;padding-bottom:16px;gap:12px 34px}
body[data-page=projects] #project-index .filter-btn{font-size:13px;min-height:48px}
body[data-page=projects] #project-index .filter-status{margin:15px 0 65px}
body[data-page=projects] .project-feed{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:85px 24px;padding:0;align-items:start}
body[data-page=projects] .project-feed>.project-card:nth-child(n of :not([hidden])){grid-column:span 5;margin:0;position:relative;border-top:1px solid #0a0c12;padding-top:18px}
body[data-page=projects] .project-feed>.project-card:nth-child(4n+1 of :not([hidden])){grid-column:1/9}
body[data-page=projects] .project-feed>.project-card:nth-child(4n+2 of :not([hidden])){grid-column:9/13;margin-top:150px}
body[data-page=projects] .project-feed>.project-card:nth-child(4n+3 of :not([hidden])){grid-column:2/6}
body[data-page=projects] .project-feed>.project-card:nth-child(4n+4 of :not([hidden])){grid-column:7/13;margin-top:85px}
body[data-page=projects] .project-feed>.project-card:nth-child(n of :not([hidden])) .project-visual{aspect-ratio:1.2}
body[data-page=projects] .project-feed>.project-card:nth-child(4n+1 of :not([hidden])) .project-visual{aspect-ratio:1.65}
body[data-page=projects] .project-feed>.project-card:nth-child(4n+4 of :not([hidden])) .project-visual{aspect-ratio:1.05}
body[data-page=projects] .project-feed .card-meta{align-items:baseline;font-size:9px;gap:12px;margin:22px 0}
body[data-page=projects] .project-feed .project-order{font:800 clamp(40px,4.5vw,72px)/1 Manrope,sans-serif;letter-spacing:-.07em}
body[data-page=projects] .project-feed h3{font-size:clamp(25px,3vw,46px)}
body[data-page=projects] .project-feed p{font-size:16px;line-height:1.75}
/* Case studies use a quiet marginal index and a generous narrative column. */
body[data-page=projects]:not([data-detail=""]) main>.detail-cover{width:76%;margin:0 4% 0 auto;max-width:1440px;border-top:10px solid #173da5;padding-top:18px}
body[data-page=projects]:not([data-detail=""]) .detail-cover .project-visual{height:clamp(340px,48vw,720px)}
body[data-page=projects]:not([data-detail=""]) .detail-layout{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:11vw}
body[data-page=projects]:not([data-detail=""]) .detail-meta{border-top:2px solid #173da5;padding-top:30px;align-self:start;position:sticky;top:30px}
body[data-page=projects]:not([data-detail=""]) .detail-meta dl{border-bottom:1px solid #d6d8de;padding-bottom:10px}
body[data-page=projects]:not([data-detail=""]) .detail-meta dd{font-size:15px}
body[data-page=projects]:not([data-detail=""]) .detail-metric{border:0;margin-top:20px}
body[data-page=projects]:not([data-detail=""]) .detail-metric strong{font-size:clamp(80px,10vw,145px)}
body[data-page=projects]:not([data-detail=""]) .detail-story>section{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:25px;padding:28px 0 70px;border-top:1px solid #0a0c12}
body[data-page=projects]:not([data-detail=""]) .detail-story>section>.micro{font:800 38px/1 Manrope,sans-serif;letter-spacing:-.06em;grid-row:1/4}
body[data-page=projects]:not([data-detail=""]) .detail-story>section h2{margin:0 0 30px;font-size:clamp(32px,4vw,60px)}
body[data-page=projects]:not([data-detail=""]) .detail-story>section p{grid-column:2;font-size:18px;max-width:650px}
body[data-page=projects]:not([data-detail=""]) .detail-story>section:nth-child(2){background:#f3f5f9;padding:35px 30px 55px}
body[data-page=projects]:not([data-detail=""]) .detail-links>a{font-size:15px;min-height:70px}
/* Team: a large archive image, an offset manifesto, then four distinct voices. */
body[data-page=about] .about-intro{background:#fff}
body[data-page=about] .about-grid{grid-template-columns:1.3fr 1fr;gap:5vw;align-items:start;padding-bottom:60px}
body[data-page=about] .about-grid>img{height:clamp(380px,46vw,650px);width:100%;object-position:center}
body[data-page=about] .about-grid>div{margin-top:140px;border-top:5px solid #173da5;padding-top:26px}
body[data-page=about] .about-grid h2{font-size:clamp(44px,5.5vw,85px);margin:32px 0}
body[data-page=about] .team-attribution{margin:0 0 70px auto;max-width:65%;font-size:18px}
body[data-page=about] .team-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 30px;align-items:start}
body[data-page=about] .team-grid article{grid-column:span 4;border-top:1px solid #0a0c12;padding-top:18px}
body[data-page=about] .team-grid article:nth-child(1){grid-column:1/6}
body[data-page=about] .team-grid article:nth-child(2){grid-column:8/13;margin-top:140px}
body[data-page=about] .team-grid article:nth-child(3){grid-column:2/7}
body[data-page=about] .team-grid article:nth-child(4){grid-column:9/13;margin-top:110px}
body[data-page=about] .team-grid .team-photo{aspect-ratio:1.15;transform:none}
body[data-page=about] .team-grid article:nth-child(2) .team-photo{aspect-ratio:.85}
body[data-page=about] .team-grid h3{font-size:clamp(30px,3.4vw,52px);line-height:1.1}
body[data-page=about] .team-grid p{font-size:16px;max-width:420px}
body[data-page=about] .team-grid article>.micro{font-size:10px;line-height:1.7}
body[data-page=about] .team-grid .team-initials{height:auto;aspect-ratio:.85;background:#173da5;color:#fff;font-size:clamp(110px,15vw,225px)}
/* Journey: numbered chapters follow an unbroken spine, rather than equal rows. */
body[data-page=journey] .timeline-list{position:relative;padding-left:10%}
body[data-page=journey] .timeline-list:before{content:'';position:absolute;left:4.5%;top:0;bottom:0;width:1px;background:#173da5}
body[data-page=journey] .timeline-list>.timeline-chapter{position:relative;display:grid;grid-template-columns:125px minmax(0,1fr);gap:25px 35px;padding:28px 0 80px;border-top:1px solid #173da5;width:82%;margin-left:0}
body[data-page=journey] .timeline-list>.timeline-chapter:before{content:'';position:absolute;left:calc(-6.7% - 5px);top:0;width:10px;height:10px;background:#173da5}
body[data-page=journey] .timeline-list>.timeline-chapter:nth-child(even){width:90%;padding-left:12%}
body[data-page=journey] .timeline-date{grid-row:1/3;display:block}
body[data-page=journey] .timeline-date .micro{display:block;font:800 clamp(75px,9vw,140px)/.85 Manrope,sans-serif;letter-spacing:-.08em}
body[data-page=journey] .timeline-date p{font-size:12px;margin:24px 0 0;max-width:110px}
body[data-page=journey] .timeline-list h2{font-size:clamp(32px,4.5vw,66px);line-height:1.08}
body[data-page=journey] .timeline-list article>p{grid-column:2;font-size:17px;max-width:570px}
body[data-page=journey] .media-list>a{grid-template-columns:.6fr 1.4fr;gap:20px 8%;padding:35px 0}
body[data-page=journey] .media-list h3{font-size:clamp(27px,3.2vw,46px)}
body[data-page=journey] .media-list p{grid-column:2;font-size:16px;max-width:600px}
body[data-page=journey] .contact-areas{gap:70px 8vw;align-items:start}
body[data-page=journey] .contact-areas article:nth-child(2){margin-top:100px}
body[data-page=journey] .contact-areas article>.micro{display:block;font:800 60px/1 Manrope,sans-serif;letter-spacing:-.06em}
body[data-page=journey] .archive-links{margin-left:18%;grid-template-columns:1fr}
/* Collaboration is an open brief: four oversized numbered rows, then a blue invitation. */
body[data-page=collaborate] .contact-areas{display:block;counter-reset:opportunity}
body[data-page=collaborate] .contact-areas article{display:grid;grid-template-columns:110px minmax(0,1.15fr) minmax(0,.85fr);gap:25px 40px;padding:35px 0 70px;border-top:1px solid #0a0c12;align-items:start}
body[data-page=collaborate] .contact-areas article>.micro{font:800 clamp(60px,8vw,120px)/.85 Manrope,sans-serif;letter-spacing:-.08em}
body[data-page=collaborate] .contact-areas h2{font-size:clamp(35px,4.6vw,72px);margin:0;line-height:1.07}
body[data-page=collaborate] .contact-areas p{font-size:17px;margin:5px 0 0}
body[data-page=collaborate] .contact-areas article:nth-child(even){margin-left:12%;grid-template-columns:90px minmax(0,1fr) minmax(0,.9fr)}
body[data-page=collaborate] main>.page-surface>.wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:30px 8vw;max-width:1300px}
body[data-page=collaborate] .resource-title{grid-column:2;font-size:clamp(35px,4vw,58px);margin:0}
body[data-page=collaborate] .page-surface .archive-links{grid-column:2;grid-template-columns:1fr;margin:0}
body[data-page=collaborate] .contact-band{background:#173da5;color:#fff;border:0}
body[data-page=collaborate] .contact-band>.wrap{display:grid;grid-template-columns:1fr 2fr;gap:30px}
body[data-page=collaborate] .contact-band .micro{color:#fff}
body[data-page=collaborate] .contact-band h2{font-size:clamp(65px,9vw,145px);line-height:.98;margin:0}
body[data-page=collaborate] .contact-band .contact-email{grid-column:2;color:#fff;border-color:#fff;font-size:clamp(26px,4vw,58px);display:flex;justify-content:space-between}
body[data-page=collaborate] .contact-band .contact-actions,body[data-page=collaborate] .contact-band p,body[data-page=collaborate] .contact-band .contact-social{grid-column:2;margin:0}
body[data-page=collaborate] .contact-band .btn-secondary{color:#fff;border-color:#fff}
body[data-page=collaborate] .contact-band .btn-secondary:hover{background:#fff;color:#173da5}
body[data-page=collaborate] .contact-band .text-link:hover{color:#fff;text-decoration:underline}
/* A magazine cover and a readable research column. Interactive article modules stay intact. */
body[data-page=blog][data-detail=""] .blog-feature{grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch;border-top:2px solid #0a0c12;padding-top:20px}
body[data-page=blog][data-detail=""] .blog-art{aspect-ratio:.95;padding:35px}
body[data-page=blog][data-detail=""] .blog-art strong{font-size:clamp(85px,12vw,175px)}
body[data-page=blog][data-detail=""] .blog-feature>div:last-child{padding:65px 0 40px 12%;display:flex;flex-direction:column;align-items:start}
body[data-page=blog][data-detail=""] .blog-feature h2{font-size:clamp(36px,4.2vw,64px);line-height:1.06;margin:35px 0}
body[data-page=blog][data-detail=""] .blog-feature p{font-size:17px}
body[data-page=blog][data-detail=""] .blog-feature .text-link{margin-top:auto}
body[data-page=blog]:not([data-detail=""]) .article-layout{grid-template-columns:210px minmax(0,760px);justify-content:center;gap:7vw}
body[data-page=blog]:not([data-detail=""]) .article-layout>.detail-meta{border-top:8px solid #173da5;padding-top:24px;position:sticky;top:30px;align-self:start}
body[data-page=blog]:not([data-detail=""]) .article-layout>.detail-meta>p:first-child{font:800 32px/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin-bottom:25px}
body[data-page=blog]:not([data-detail=""]) .article-body>p:first-child{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.025em;line-height:1.55;border-top:1px solid #0a0c12;padding-top:24px}
body[data-page=blog]:not([data-detail=""]) .article-body>p{font-size:18px;line-height:1.85}
body[data-page=blog]:not([data-detail=""]) .article-body>.shake-feature{border-top:4px solid #173da5}
/* The archive is a contact sheet: large documentary frames interspersed with small prints. */
body[data-page=gallery] .gallery-grid{columns:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 24px;align-items:start}
body[data-page=gallery] .gallery-shot{grid-column:span 4;margin:0;border-top:1px solid #0a0c12;padding-top:14px;min-width:0}
body[data-page=gallery] .gallery-shot:nth-child(7n+1){grid-column:span 8}
body[data-page=gallery] .gallery-shot:nth-child(7n+2){margin-top:90px}
body[data-page=gallery] .gallery-shot:nth-child(7n+5){grid-column:span 6}
body[data-page=gallery] .gallery-shot:nth-child(7n+6){grid-column:span 6}
body[data-page=gallery] .gallery-shot img{aspect-ratio:1.3;object-fit:cover}
body[data-page=gallery] .gallery-shot:nth-child(7n+1) img{aspect-ratio:1.6}
body[data-page=gallery] .gallery-shot:nth-child(7n+2) img{aspect-ratio:.85}
body[data-page=gallery] .gallery-shot>span{padding:17px 0}
/* The music archive reads as a record sleeve plus a deliberately functional track index. */
body[data-page=music] .album-layout{grid-template-columns:1fr 1.25fr;gap:7vw}
body[data-page=music] .album-art{aspect-ratio:.85;padding:30px;overflow:hidden;background:#0a0c12}
body[data-page=music] .album-art:after{content:'';position:absolute;width:115%;aspect-ratio:1;left:30%;top:26%;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 16px #0a0c12,0 0 0 17px #fff,0 0 0 33px #0a0c12,0 0 0 34px #fff,0 0 0 50px #0a0c12,0 0 0 51px #fff,0 0 0 67px #0a0c12,0 0 0 68px #fff;opacity:.5;pointer-events:none}
body[data-page=music] .album-art>*{position:relative;z-index:1}
body[data-page=music] .album-art strong{font-size:clamp(75px,10vw,150px)}
body[data-page=music] .track-row{grid-template-columns:40px minmax(0,1fr);gap:12px 25px;padding:24px 0}
body[data-page=music] .track-row>.micro{font:800 30px/1 Manrope,sans-serif;letter-spacing:-.06em;grid-row:1/3;align-self:start;padding-top:3px}
body[data-page=music] .track-row h2{font-size:clamp(24px,2.6vw,38px)}
body[data-page=music] .track-row audio{grid-column:2;width:100%;max-width:none;height:40px}
body[data-page=music] .album-download{grid-template-columns:1.4fr 1fr;border-top:2px solid #0a0c12;padding-top:35px}
body[data-page=music] .album-download h2{font-size:clamp(45px,6.5vw,100px)}
@media(max-width:1000px) and (min-width:761px){
body[data-page] main > .section:not(.exp-hero) .section-head{grid-template-columns:65px 1fr;gap:25px}.section-head>p{grid-column:2}
body[data-page=projects] .project-feed{column-gap:20px}body[data-page=projects] .project-feed .card-meta{flex-wrap:wrap}body[data-page=projects] .project-feed .project-order{flex-basis:100%}
body[data-page=collaborate] .contact-areas article,body[data-page=collaborate] .contact-areas article:nth-child(even){grid-template-columns:75px minmax(0,1fr);gap:20px 30px}body[data-page=collaborate] .contact-areas p{grid-column:2}body[data-page=collaborate] .contact-areas h2{font-size:46px}
body[data-page=journey] .timeline-list>.timeline-chapter{grid-template-columns:90px minmax(0,1fr);gap:22px}body[data-page=journey] .timeline-list>.timeline-chapter:nth-child(even){padding-left:5%}
body[data-page=blog]:not([data-detail=""]) .article-layout{grid-template-columns:150px minmax(0,1fr);gap:5vw}body[data-page=blog][data-detail=""] .blog-feature>div:last-child{padding-top:25px}body[data-page=blog][data-detail=""] .blog-art strong{font-size:11vw}
body[data-page=about] .team-grid{column-gap:20px}body[data-page=about] .team-grid article:nth-child(2){grid-column:7/13}body[data-page=about] .team-grid article:nth-child(4){grid-column:8/13}
body[data-page=music] .album-layout{gap:4vw}body[data-page=music] .album-art strong{font-size:10vw}
}
@media(max-width:760px){
body[data-page] main > .section:not(.exp-hero){padding-block:65px}body[data-page] main > .section:not(.exp-hero) .section-head{grid-template-columns:45px minmax(0,1fr);gap:20px}body[data-page] main > .section:not(.exp-hero) .section-head>.micro{font-size:39px}body[data-page] main > .section:not(.exp-hero) .section-head>p{grid-column:2;font-size:15px}body[data-page] main .page-cta>.wrap{grid-template-columns:1fr}body[data-page] main .page-cta h2{font-size:clamp(37px,10vw,62px)}
body[data-page=projects] #project-index .filter-status{margin-bottom:40px}body[data-page=projects] #project-index .filter-bar{gap:5px 23px}body[data-page=projects] #project-index .filter-btn{font-size:12px}
body[data-page=projects] .project-feed{grid-template-columns:repeat(6,minmax(0,1fr));gap:55px 15px}body[data-page=projects] .project-feed>.project-card:nth-child(n of :not([hidden])){grid-column:1/-1;margin:0}body[data-page=projects] .project-feed>.project-card:nth-child(2n of :not([hidden])){grid-column:2/-1}body[data-page=projects] .project-feed>.project-card:nth-child(n of :not([hidden])) .project-visual{aspect-ratio:1.25}body[data-page=projects] .project-feed>.project-card:nth-child(2n of :not([hidden])) .project-visual{aspect-ratio:1.05}body[data-page=projects] .project-feed .card-meta{margin:18px 0;flex-wrap:wrap}body[data-page=projects] .project-feed .project-order{font-size:46px}body[data-page=projects] .project-feed h3{font-size:30px}body[data-page=projects] .project-feed p{font-size:15px}
body[data-page=projects]:not([data-detail=""]) main>.detail-cover{width:94%;margin-left:6%;padding-top:12px;border-top-width:6px}body[data-page=projects]:not([data-detail=""]) .detail-cover .project-visual{height:310px}body[data-page=projects]:not([data-detail=""]) .detail-layout{grid-template-columns:1fr;gap:45px}body[data-page=projects]:not([data-detail=""]) .detail-meta{position:static}body[data-page=projects]:not([data-detail=""]) .detail-meta dl{padding-bottom:20px}body[data-page=projects]:not([data-detail=""]) .detail-metric strong{font-size:85px}body[data-page=projects]:not([data-detail=""]) .detail-story>section{grid-template-columns:35px minmax(0,1fr);gap:18px;padding-bottom:40px}body[data-page=projects]:not([data-detail=""]) .detail-story>section>.micro{font-size:28px}body[data-page=projects]:not([data-detail=""]) .detail-story>section h2{font-size:32px;margin-bottom:20px}body[data-page=projects]:not([data-detail=""]) .detail-story>section p{font-size:16px}body[data-page=projects]:not([data-detail=""]) .detail-story>section:nth-child(2){padding:25px 16px 35px}
body[data-page=about] .about-grid{grid-template-columns:1fr;gap:35px;padding-bottom:0}body[data-page=about] .about-grid>img{height:330px;width:94%}body[data-page=about] .about-grid>div{margin:0 0 0 10%;padding-top:24px}body[data-page=about] .about-grid h2{font-size:43px}body[data-page=about] .team-attribution{max-width:100%;font-size:16px;margin-bottom:45px}body[data-page=about] .team-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:45px 15px}body[data-page=about] .team-grid article:nth-child(n){grid-column:1/6;margin:0}body[data-page=about] .team-grid article:nth-child(even){grid-column:2/7}body[data-page=about] .team-grid h3{font-size:35px}body[data-page=about] .team-grid p{font-size:15px}body[data-page=about] .team-grid article>.micro{font-size:9px}body[data-page=about] .team-grid .team-photo{aspect-ratio:1.15;max-height:none}body[data-page=about] .team-grid .team-initials{aspect-ratio:1.15;font-size:130px}body[data-page=about] .team-grid article:nth-child(2) .team-photo{aspect-ratio:1.15}
body[data-page=journey] .timeline-list{padding-left:8%}body[data-page=journey] .timeline-list:before{left:0}body[data-page=journey] .timeline-list>.timeline-chapter,body[data-page=journey] .timeline-list>.timeline-chapter:nth-child(even){width:100%;padding:25px 0 55px;grid-template-columns:1fr;gap:20px;margin:0}body[data-page=journey] .timeline-list>.timeline-chapter:before{left:calc(-8.7% - 4px)}body[data-page=journey] .timeline-date{display:flex;align-items:end;gap:25px;grid-row:auto}body[data-page=journey] .timeline-date .micro{font-size:80px}body[data-page=journey] .timeline-date p{margin:0;font-size:12px;max-width:145px}body[data-page=journey] .timeline-list h2{font-size:34px}body[data-page=journey] .timeline-list article>p{grid-column:auto;font-size:16px}body[data-page=journey] .media-list>a{grid-template-columns:1fr;gap:20px}body[data-page=journey] .media-list h3{font-size:30px}body[data-page=journey] .media-list p{grid-column:auto;font-size:15px}body[data-page=journey] .contact-areas article:nth-child(2){margin-top:25px}body[data-page=journey] .contact-areas article>.micro{font-size:48px}body[data-page=journey] .archive-links{margin-left:8%}
body[data-page=collaborate] .contact-areas article,body[data-page=collaborate] .contact-areas article:nth-child(even){grid-template-columns:55px minmax(0,1fr);gap:22px 20px;margin:0;padding:25px 0 45px}body[data-page=collaborate] .contact-areas article>.micro{font-size:57px}body[data-page=collaborate] .contact-areas h2{font-size:32px}body[data-page=collaborate] .contact-areas p{grid-column:2;font-size:16px;margin:0}body[data-page=collaborate] main>.page-surface>.wrap{grid-template-columns:1fr;gap:25px}body[data-page=collaborate] .resource-title,body[data-page=collaborate] .page-surface .archive-links{grid-column:auto}body[data-page=collaborate] .resource-title{font-size:36px;max-width:85%;margin-left:10%}body[data-page=collaborate] .page-surface .archive-links{margin-left:10%}body[data-page=collaborate] .contact-band>.wrap{grid-template-columns:1fr;gap:28px}body[data-page=collaborate] .contact-band h2{font-size:clamp(60px,17vw,100px);max-width:95%}body[data-page=collaborate] .contact-band .contact-email,body[data-page=collaborate] .contact-band .contact-actions,body[data-page=collaborate] .contact-band p,body[data-page=collaborate] .contact-band .contact-social{grid-column:auto}body[data-page=collaborate] .contact-band .contact-email{font-size:clamp(24px,6.4vw,42px);gap:10px}body[data-page=collaborate] .contact-band p{font-size:16px}
body[data-page=blog][data-detail=""] .blog-feature{grid-template-columns:1fr}body[data-page=blog][data-detail=""] .blog-art{aspect-ratio:1;padding:25px;max-width:100%}body[data-page=blog][data-detail=""] .blog-art strong{font-size:clamp(85px,24vw,150px)}body[data-page=blog][data-detail=""] .blog-feature>div:last-child{padding:35px 0 0 8%}body[data-page=blog][data-detail=""] .blog-feature h2{font-size:36px;margin:25px 0}body[data-page=blog][data-detail=""] .blog-feature p{font-size:16px}body[data-page=blog]:not([data-detail=""]) .article-layout{grid-template-columns:1fr;gap:40px}body[data-page=blog]:not([data-detail=""]) .article-layout>.detail-meta{position:static;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}body[data-page=blog]:not([data-detail=""]) .article-layout>.detail-meta>p:first-child{font-size:28px;margin:0}body[data-page=blog]:not([data-detail=""]) .article-layout>.detail-meta>.text-link{justify-self:start}body[data-page=blog]:not([data-detail=""]) .article-body>p{font-size:17px}body[data-page=blog]:not([data-detail=""]) .article-body>p:first-child{font-size:24px}
body[data-page=gallery] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}body[data-page=gallery] .gallery-shot:nth-child(n){grid-column:span 1;margin:0;padding-top:10px}body[data-page=gallery] .gallery-shot:nth-child(5n+1){grid-column:1/-1}body[data-page=gallery] .gallery-shot:nth-child(n) img{aspect-ratio:1.1}body[data-page=gallery] .gallery-shot:nth-child(5n+1) img{aspect-ratio:1.5}body[data-page=gallery] .gallery-shot>span{padding:12px 0}
body[data-page=music] .album-layout{grid-template-columns:1fr;gap:40px}body[data-page=music] .album-art{aspect-ratio:1;position:relative;max-width:100%;width:92%;padding:25px}body[data-page=music] .album-art strong{font-size:clamp(90px,24vw,150px)}body[data-page=music] .track-row{grid-template-columns:35px minmax(0,1fr);gap:12px 20px}body[data-page=music] .track-row h2{font-size:27px}body[data-page=music] .track-row>.micro{font-size:28px}body[data-page=music] .album-download{grid-template-columns:1fr;gap:30px}body[data-page=music] .album-download h2{font-size:48px}body[data-page=music] .album-download p{font-size:16px}
}
/* A case study opens like a title sheet, with its abstract in the outer column. */
body[data-page=projects] main>.case-hero{padding:60px 0 65px;overflow:hidden;background:#fff}
body[data-page=projects] .case-hero>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px 8vw;min-height:0;align-items:start}
body[data-page=projects] .case-kicker{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #0a0c12;padding-top:22px}
body[data-page=projects] .case-kicker .micro{color:#173da5;text-align:right}
body[data-page=projects] .case-hero h1{grid-column:1/-1;font-size:clamp(75px,11.8vw,185px);line-height:.96;letter-spacing:-.07em;margin:30px 0 20px;max-width:1450px;overflow-wrap:anywhere;text-wrap:balance}
body[data-page=projects] .case-caption{grid-column:2;display:grid;grid-template-columns:75px minmax(0,1fr);column-gap:25px;align-items:start;max-width:650px}
body[data-page=projects] .case-number{font:800 70px/.9 Manrope,sans-serif;letter-spacing:-.075em;color:#173da5;grid-row:1/3}
body[data-page=projects] .case-caption>p{font-size:18px;line-height:1.8;margin:0}
body[data-page=projects] .case-caption>.detail-status{grid-column:2;margin-top:22px}
@media(max-width:1000px) and (min-width:761px){body[data-page=projects] .case-hero h1{font-size:11.5vw}body[data-page=projects] .case-caption{grid-column:1/-1;margin-left:35%;grid-template-columns:60px minmax(0,1fr)}body[data-page=projects] .case-number{font-size:60px}}
@media(max-width:760px){body[data-page=projects] main>.case-hero{padding:35px 0 45px}body[data-page=projects] .case-hero>.wrap{grid-template-columns:1fr;gap:28px}body[data-page=projects] .case-kicker{grid-column:auto;align-items:start;gap:20px;padding-top:20px}body[data-page=projects] .case-kicker .text-link{font-size:12px;gap:12px}body[data-page=projects] .case-kicker .micro{font-size:8px;max-width:130px}body[data-page=projects] .case-hero h1{grid-column:auto;font-size:clamp(47px,13vw,82px);margin:10px 0;line-height:1.02}body[data-page=projects] .case-caption{grid-column:auto;margin-left:8%;grid-template-columns:40px minmax(0,1fr);gap:20px}body[data-page=projects] .case-number{font-size:42px}body[data-page=projects] .case-caption>p{font-size:16px}body[data-page=projects] .case-caption>.detail-status{margin-top:0}}