@font-face{font-family:Anton;src:url('assets/fonts/anton-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');font-weight:500 700;font-display:swap}
/* Counterform / The Scaled Brick. Shared identity, independent of project images. */
@font-face{font-family:StudioSans;src:url('depot/fonts/opensans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:StudioSans;src:url('depot/fonts/opensans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:StudioDisplay;src:url('depot/fonts/exo2-800.woff2') format('woff2');font-weight:800;font-display:swap}
body.counterform{--bg:#f5f2e9;--surface:#f5f2e9;--surface-2:#ebe7dd;--ink:#0b0c0b;--text:#0b0c0b;--dim:#494941;--line:#252620;--accent:#a21c10;--on-accent:#fff;--c1:#a21c10;--c2:#a21c10;--c3:#a21c10;--c4:#a21c10;--c1-tint:#ebe7dd;--c2-tint:#ebe7dd;--c3-tint:#ebe7dd;--c4-tint:#ebe7dd;--red:#ff301b;--yellow:#ffe637;--rail:205px;--display:'Anton','Impact','StudioDisplay',sans-serif;font-family:StudioSans,'Open Sans',sans-serif;margin:0;padding-left:var(--rail);background:var(--bg);font-size:16px}
.counterform h1,.counterform h2,.counterform h3,.counterform h4{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.06}
.counterform a{color:inherit}.counterform a:focus-visible,.counterform button:focus-visible{outline:3px solid #1768c6;outline-offset:5px}.counterform img{max-width:100%}.counterform .wrap{width:100%;max-width:1500px;padding-left:36px;padding-right:36px}.counterform .section{padding:64px 0}.counterform .skip-link{z-index:9999}
/* Persistent black spine */
.counterform .cf-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100dvh;background:#0b0d0c;color:#f5f2e9;border:0;z-index:100;box-shadow:none;overflow:auto}
.counterform .cf-rail .nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:38px 29px 24px;width:100%;min-height:100%;max-width:none}
.cf-wordmark{display:block;text-decoration:none!important;font-family:var(--display);font-size:55px;letter-spacing:-2px;line-height:.99;margin-top:26px;position:relative;max-width:100%}.cf-wordmark:before{content:'';position:absolute;top:-26px;width:44px;border-top:1px solid #f5f2e9}.cf-wordmark span{display:block}.cf-location{font-family:'Barlow Condensed',monospace;font-size:14px;letter-spacing:3px;line-height:1.6;margin:24px 0 44px}.brick-frame{display:block;width:43px;height:43px;border:12px solid #f6f4ea;box-shadow:2px 3px 3px #0005,inset 2px 2px 2px #0005;margin-top:23px;background:transparent;position:relative}.brick-frame:after{content:'';position:absolute;inset:-11px;background:radial-gradient(circle,#fff9 0 3px,#0002 4px,transparent 5px) 0 0/11px 11px;mask:linear-gradient(#000 0 0) top/100% 10px no-repeat,linear-gradient(#000 0 0) bottom/100% 10px no-repeat,linear-gradient(#000 0 0) left/10px 100% no-repeat,linear-gradient(#000 0 0) right/10px 100% no-repeat}
.counterform .cf-rail .nav-menu{display:block;width:100%}.counterform .cf-rail .nav-links{display:flex;flex-direction:column;gap:0;align-items:stretch;border-left:1px solid #eee9;padding-left:18px}.counterform .cf-rail .nav-links a{display:block;position:relative;color:#f5f2e9;padding:9px 0;border:0;background:none;font-family:'Barlow Condensed',monospace;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;line-height:1.4;white-space:nowrap}.counterform .cf-rail .nav-links a:hover,.counterform .cf-rail .nav-links a.active{color:var(--yellow)}.counterform .cf-rail .nav-links a.active:before{content:'';width:11px;height:11px;background:var(--yellow);position:absolute;left:-24px;top:14px}.cf-rail-bottom{margin-top:auto;padding-top:45px;font:12px/1.6 monospace;letter-spacing:2px}.cf-rail-bottom>span{display:block;border-top:1px solid #f5f2e9;padding-top:20px}.cf-rail-bottom a{display:block;font-size:9px;margin-top:32px;letter-spacing:1px;text-decoration:none}.counterform .nav-toggle{display:none}
/* Studded red identity field */
.cf-hero{padding:20px 16px 0;background-color:var(--red);background-image:radial-gradient(circle at 22px 21px,#ff3d27 0 8px,#ff695355 8.5px,#dc2614 9.4px,transparent 11px),radial-gradient(circle at 23px 24px,#961c1640 0 8px,transparent 12px);background-size:44px 44px;border-bottom:2px solid var(--ink)}
.cf-topline{text-align:right;font:12px/1.4 'Barlow Condensed',monospace;letter-spacing:2px;padding:0 16px 0}.cf-heading-row{display:flex;align-items:center;gap:24px;padding:0 16px 20px}.counterform .cf-hero h1{font-size:clamp(76px,12.75vw,220px);letter-spacing:-.055em;line-height:.97;margin:0;flex:1;white-space:nowrap}.cf-hero h1 span{display:block}.cf-hero-aside{font:14px/1.5 'Barlow Condensed',monospace;letter-spacing:2px;min-width:78px;align-self:flex-end;padding-bottom:15px}.cf-hero-aside .brick-frame{width:70px;height:70px;border-width:16px;margin-top:76px}.cf-hero-aside .brick-frame:after{inset:-14px;background-size:15px 15px}
.cf-intro{background:var(--bg);border:2px solid var(--ink);padding:18px 22px 16px;margin-bottom:-2px;box-shadow:0 5px 0 var(--bg),0 7px 0 var(--ink);position:relative;z-index:1}.cf-intro p{font-size:clamp(16px,1.7vw,26px);line-height:1.35;margin:0 0 16px}.cf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--yellow);padding:12px 24px;text-decoration:none!important;font:600 20px/1.3 'Barlow Condensed','StudioDisplay',sans-serif;letter-spacing:1.5px;color:#0b0c0b!important;transition:background .15s,transform .15s}.cf-button:hover{background:#f4d51a;transform:translateY(-2px)}.cf-button>span{font:32px/24px Arial}.cf-two-studs{width:58px;align-self:stretch;margin:-12px -24px -12px 0;box-shadow:-2px 0 4px #0001;background:radial-gradient(circle at 18px 50%,#ffea49 0 7px,#fff6 8px,#b8a025 9px,transparent 10px),radial-gradient(circle at 42px 50%,#ffea49 0 7px,#fff6 8px,#b8a025 9px,transparent 10px)}
/* Four pathways, plus a changeable project */
.cf-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(240px,1.5fr);border-bottom:2px solid var(--ink);padding-top:5px}.cf-service{padding:23px 18px 28px;border-right:1px solid var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.cf-number{font-family:var(--display);font-size:clamp(85px,12vw,170px);letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--ink);margin-bottom:13px}.cf-service h2{font-size:clamp(21px,2vw,33px);white-space:nowrap;margin:0 0 12px}.cf-service p{font-size:16px;line-height:1.55;margin:0 0 20px;min-height:50px}.cf-arrow{width:54px;height:54px;display:grid;place-items:center;background:radial-gradient(circle at 11px 10px,#ff4e35 0 5px,#b2201a66 7px,transparent 8px) 0 0/32px 32px,var(--red);font:38px/1 Arial;box-shadow:2px 4px 4px #0003;margin-top:auto;transition:transform .15s}.cf-service:hover .cf-arrow{transform:translateX(4px)}.cf-latest{padding:20px 22px 28px}.cf-latest>a{text-decoration:none}.cf-latest img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block;filter:saturate(.8)}.cf-kicker{display:block;font:500 12px/1.5 'Barlow Condensed',monospace;letter-spacing:2px;text-transform:uppercase}.cf-latest .cf-kicker{margin-top:12px}.cf-latest h2{font-size:23px;margin:5px 0 13px}.cf-latest .cf-button{font-size:15px;padding:9px 17px}
.cf-text-link{font:600 15px/1.5 'Barlow Condensed',monospace;text-transform:uppercase;letter-spacing:1px;text-underline-offset:5px}.cf-selected .s-head{align-items:center}.cf-selected .cf-text-link{margin-left:auto}.cf-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px}.cf-project{display:block;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:26px}.cf-project img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;background:#dedbd4}.cf-project>div{padding:20px 0 0}.cf-project h2,.cf-project h3{font-size:36px;margin:10px 0}.cf-project p{line-height:1.65;max-width:64ch}.cf-project:hover img{filter:contrast(1.04)}.cf-statement{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--yellow);padding:48px 36px;border-top:2px solid var(--ink)}.cf-statement>.cf-kicker{grid-column:1/-1}.cf-statement h2{font-size:clamp(40px,5vw,76px);text-transform:uppercase}.cf-statement p{max-width:52ch;margin:0 0 25px}.cf-statement .cf-button{border:1px solid var(--ink)}
/* The same vocabulary carries across every existing page and gallery. */
.counterform .crumbs{background:var(--bg);border-bottom:1px solid var(--ink);padding:12px 0;font:12px monospace}.counterform .page-head{background-color:var(--red);background-image:radial-gradient(circle at 22px 21px,#ff3d27 0 8px,#ff695355 8.5px,#dc2614 9.4px,transparent 11px);background-size:44px 44px;border-bottom:2px solid var(--ink);padding:42px 0}.counterform .page-head h1{font-size:clamp(45px,6.8vw,104px);line-height:1.02;max-width:1050px;text-transform:uppercase;letter-spacing:-.035em}.counterform .page-head h1 em{font-style:normal;color:inherit}.counterform .ph-eyebrow,.counterform .ph-eyebrow .tag{color:var(--ink)!important}.counterform .ph-lede{background:var(--bg);border:1px solid var(--ink);padding:18px 22px;font-size:18px;color:var(--ink);max-width:960px;margin-top:28px}.counterform .btn{border-radius:0;box-shadow:none;border:1px solid var(--ink);font-family:'Barlow Condensed','StudioDisplay',sans-serif;font-size:16px;letter-spacing:1px}.counterform .btn--primary{background:var(--yellow);color:var(--ink)}.counterform .btn--ghost{background:transparent}.counterform .btn:hover{box-shadow:none;transform:translateY(-2px);background:var(--yellow)}.counterform .panel,.counterform .lp-card,.counterform .port,.counterform .gate,.counterform .filter-chip,.counterform input,.counterform textarea,.counterform select{border-radius:0;box-shadow:none}.counterform .panel,.counterform .lp-card,.counterform .gate{border:1px solid var(--ink);background:var(--bg)}.counterform .port{border:1px solid var(--ink)}.counterform .s-head h2{font-size:clamp(30px,3.5vw,48px)}.counterform .s-head .num{color:var(--ink)}.counterform .filter-chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.counterform .work-cap h4{font-size:29px}.counterform .site-foot{background:#0b0d0c;color:#f5f2e9;margin:0;border-top:2px solid var(--ink)}.counterform .site-foot h4{color:#f5f2e9;font-size:23px}.counterform .site-foot p,.counterform .site-foot a,.counterform .foot-legal{color:#dddcd2}.counterform .foot-sub button{background:var(--yellow);color:#0b0c0b;border-radius:0}.counterform .foot-sub input{color:var(--ink);background:var(--bg)}.counterform .foot-brand img{max-width:110px}.cf-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cf-world{border:1px solid var(--ink);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.cf-world h2{font-size:48px;margin:20px 0}.cf-world p{margin-bottom:24px}.cf-world .cf-button{margin-top:auto;font-size:17px}.cf-rpg-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;align-items:center}.cf-rpg-feature img{width:100%}.cf-rpg-feature h2{font-size:42px;margin:14px 0}.cf-rpg-feature p{margin-bottom:24px}.cf-endnote{margin-top:48px;padding:30px}.cf-endnote p{margin:15px 0 25px}
@media(min-width:1700px){.cf-hero h1{font-size:220px}.cf-heading-row{justify-content:space-between}}
@media(max-width:1250px){body.counterform{--rail:180px}.counterform .cf-rail .nav{padding:30px 20px}.cf-wordmark{font-size:49px}.cf-hero-aside{display:none}.counterform .cf-hero h1{font-size:14vw}.cf-services{grid-template-columns:repeat(4,minmax(0,1fr))}.cf-latest{grid-column:1/-1;border-top:1px solid var(--ink)}.cf-latest>a{display:grid;grid-template-columns:200px 1fr;column-gap:25px;align-items:start}.cf-latest img{grid-row:1/4;aspect-ratio:1.5}.cf-latest .cf-button{justify-self:start}.cf-service:last-of-type{border-right:0}.cf-service h2{font-size:24px;white-space:normal}.cf-number{font-size:120px}}
@media(max-width:850px){body.counterform{--rail:0px;padding-top:83px}.counterform .cf-rail{height:auto;width:100%;overflow:visible;bottom:auto}.counterform .cf-rail .nav{min-height:0;padding:14px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.cf-wordmark{font-size:25px;letter-spacing:-.5px;line-height:1.05;margin:0;display:flex;gap:6px;max-width:240px}.cf-wordmark:before,.cf-rail .brick-frame,.cf-location,.cf-rail-bottom{display:none}.counterform .nav-toggle{display:flex;color:var(--bg);border-color:var(--bg)}.counterform .nav-toggle-bar{background:var(--bg)}.counterform .cf-rail .nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;padding:20px;background:#0b0d0c;border-bottom:1px solid #eee}.counterform .cf-rail .is-open .nav-menu{display:block}.counterform .cf-rail .nav-links a{padding:11px 0}.counterform .cf-hero h1{font-size:17vw}.cf-heading-row{padding-left:0;padding-right:0}.cf-topline{font-size:10px;margin-bottom:18px}.cf-hero{padding-top:14px}.cf-intro{padding:18px}.cf-intro p{font-size:18px}.cf-service{padding:20px 14px}.cf-number{font-size:100px}.cf-service h2{font-size:23px}.cf-service p{font-size:14px}.counterform .wrap{padding-left:24px;padding-right:24px}.cf-statement{padding:32px 24px}.cf-world{padding:24px}.cf-world h2{font-size:36px}.counterform .page-head h1{font-size:66px}.counterform .section{padding:42px 0}}
@media(max-width:560px){body.counterform{padding-top:72px}.counterform .cf-rail .nav{padding:12px 16px}.cf-wordmark{font-size:22px}.cf-services{grid-template-columns:1fr 1fr}.cf-service{border-bottom:1px solid var(--ink);padding:20px}.cf-service:nth-child(2n){border-right:0}.cf-number{font-size:112px}.cf-service h2{font-size:25px}.cf-service p{min-height:44px}.cf-latest{border-top:0;padding:20px}.cf-latest>a{grid-template-columns:115px 1fr;gap:7px 18px}.cf-latest img{aspect-ratio:.8;object-fit:cover}.cf-latest h2{font-size:24px}.cf-latest .cf-kicker{font-size:10px;margin-top:0}.cf-latest .cf-button{font-size:12px;padding:9px;gap:12px}.cf-button{font-size:16px;padding:13px 15px;gap:16px}.cf-two-studs{margin-right:-15px;width:52px}.cf-hero{padding:12px 10px 0}.counterform .cf-hero h1{font-size:17vw;letter-spacing:-.055em}.cf-intro{padding:15px 13px}.cf-intro p{font-size:16px}.cf-topline{font-size:9px;letter-spacing:1px;padding:0}.cf-project-grid,.cf-world-grid,.cf-rpg-feature,.cf-statement{grid-template-columns:1fr}.cf-project h3{font-size:31px}.cf-selected .s-head{flex-wrap:wrap;gap:14px}.cf-selected .cf-text-link{margin:0;width:100%}.cf-statement{gap:24px}.counterform .page-head h1{font-size:46px}.counterform .ph-lede{font-size:16px;padding:16px}.counterform .page-head{padding:30px 0}.counterform .wrap{padding-left:20px;padding-right:20px}.counterform .s-head{flex-wrap:wrap}.counterform .s-head .s-note{margin:0}.cf-world h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.counterform .page-head .wrap{padding-top:10px;padding-bottom:10px}.counterform .page-head h1 em{background:transparent;padding:0;border-radius:0}.counterform .ph-eyebrow .tag{border-radius:0;background:var(--yellow)}
@media(max-width:850px){.counterform .cf-rail .nav{min-height:83px}}
@media(max-width:560px){.counterform .cf-rail .nav{min-height:72px}}
/* Portfolio: numbered project spreads, with image and annotation on one grid. */
.folio-head{background:var(--red);padding:30px 36px 28px;border-bottom:2px solid var(--ink);background-image:radial-gradient(circle at 22px 21px,#ff3d27 0 8px,#ff695355 8.5px,#dc2614 9.4px,transparent 11px);background-size:44px 44px}.folio-top{display:flex;justify-content:space-between;gap:20px}.counterform .folio-head h1{font-size:clamp(80px,14vw,215px);line-height:1;letter-spacing:-.04em;margin:18px 0 22px}.folio-head h1>span{color:var(--bg)}.folio-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-top:1px solid var(--ink);padding-top:19px}.folio-intro p{font-size:20px;line-height:1.4;margin:0}.folio-index{padding:0 36px}.folio-controls{display:grid;grid-template-columns:1fr auto;gap:18px 28px;padding:25px 0 17px;border-bottom:2px solid var(--ink)}.folio-scales{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.folio-scales>.cf-kicker{margin-right:10px}.folio-filter{appearance:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink);padding:7px 11px;font:600 16px 'Barlow Condensed',sans-serif;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.folio-filter[aria-pressed=true]{background:var(--yellow);border-bottom-color:var(--ink)}.folio-filter:hover{border-bottom-color:var(--ink)}.folio-gallery{display:flex;align-items:center;gap:12px}.folio-gallery label{font:12px 'Barlow Condensed',monospace;letter-spacing:1px}.counterform .folio-gallery select{background:transparent;border:0;border-bottom:1px solid var(--ink);width:auto;max-width:220px;color:var(--ink);padding:7px 24px 7px 5px;font:600 16px 'Barlow Condensed',sans-serif}.folio-results{grid-column:1/-1;display:flex;justify-content:space-between;font:11px monospace;text-transform:uppercase;letter-spacing:1px;color:var(--dim)}.folio-results button{border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.folio-entry{padding:34px 0 38px;border-bottom:2px solid var(--ink)}.folio-entry[hidden],.folio-empty[hidden]{display:none!important}.folio-entry-head{display:grid;grid-template-columns:90px 1fr 54px;gap:20px;align-items:center;margin-bottom:26px}.folio-no{font:88px/.95 var(--display);color:transparent;-webkit-text-stroke:1.25px var(--ink);letter-spacing:-5px}.folio-entry-head h2{font-size:clamp(32px,4.8vw,72px);text-transform:uppercase;margin-top:8px;line-height:1.02;overflow-wrap:anywhere}.folio-entry-head h2 a{text-decoration:none}.folio-entry-head h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.folio-open{display:grid;place-items:center;width:54px;height:54px;background:var(--yellow);text-decoration:none;font:36px Arial;border:1px solid var(--ink)}.folio-open:hover{background:var(--red)}.folio-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.4fr);gap:30px;align-items:stretch}.folio-image{display:flex;align-items:center;justify-content:center;min-width:0;background:var(--bg);text-decoration:none;overflow:hidden}.folio-image img{display:block;width:100%;height:auto;max-height:610px;object-fit:contain}.folio-notes{border-top:1px solid var(--ink);padding-top:16px;display:flex;flex-direction:column;align-items:stretch}.folio-notes>p{font-size:15px;line-height:1.7;margin:22px 0}.folio-notes dl{margin:0 0 22px}.folio-notes dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #0b0c0b33;padding:9px 0}.folio-notes dt{font:12px/1.6 'Barlow Condensed',monospace;letter-spacing:1px;text-transform:uppercase}.folio-notes dd{margin:0;font:600 18px/1.2 'Barlow Condensed',sans-serif}.folio-notes .folio-status{border-left:3px solid var(--red);padding-left:12px;font-size:12px;margin:0 0 24px}.folio-project-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 0;border-top:2px solid var(--ink);font:600 18px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-decoration:none}.folio-project-link>span{font:28px Arial}.folio-project-link:hover{background:var(--yellow)}.folio-empty{padding:60px 0}.folio-empty h2{font-size:36px}.folio-empty p{margin:20px 0}.folio-outro{padding:48px 36px;background:var(--yellow);display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.folio-outro>.cf-kicker{grid-column:1/-1}.folio-outro h2{font-size:clamp(42px,6vw,80px);text-transform:uppercase}.folio-outro .cf-button{border:1px solid var(--ink)}
@media(max-width:1150px){.folio-controls{grid-template-columns:1fr}.folio-gallery{justify-content:flex-start}.folio-spread{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.folio-entry-head{grid-template-columns:72px 1fr 48px;gap:14px}.folio-no{font-size:72px}.folio-open{width:48px;height:48px}.folio-entry-head h2{font-size:48px}}
@media(max-width:700px){.folio-head{padding:24px 20px}.folio-head .folio-top .cf-kicker{font-size:10px;letter-spacing:1px}.folio-intro{align-items:flex-start;flex-direction:column;gap:16px}.folio-intro p{font-size:18px}.folio-index{padding:0 20px}.folio-controls{gap:16px;padding-top:20px}.folio-filter{padding:8px;font-size:15px}.folio-entry{padding:26px 0}.folio-entry-head{grid-template-columns:50px 1fr 40px;gap:12px;margin-bottom:20px}.folio-no{font-size:55px;letter-spacing:-3px}.folio-entry-head h2{font-size:32px}.folio-entry-head .cf-kicker{font-size:10px;letter-spacing:1px}.folio-open{width:40px;height:40px;font-size:28px}.folio-spread{grid-template-columns:1fr;gap:20px}.folio-image img{max-height:510px}.folio-notes>p{margin:16px 0}.folio-notes dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.folio-notes dl>div{display:block}.folio-notes dd{margin-top:5px}.folio-outro{padding:32px 20px;grid-template-columns:1fr}.folio-outro .cf-button{justify-self:start}}

/* Homepage project cutouts share the page background and retain the full model. */
.page-home .cf-project img,.page-home .cf-latest img{object-fit:contain;background:var(--bg);filter:none}

/* Readable materials panel on the commissions page. */
.page-commissions .commission-provenance{text-align:left;padding:36px 40px;border-top:4px solid var(--red)}
.page-commissions .commission-provenance .aoc-mark{font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:1.5px;color:var(--accent);margin:0 0 16px}
.page-commissions .commission-provenance h3{font-family:StudioSans,'Open Sans',sans-serif;font-size:clamp(24px,2.5vw,32px);font-weight:600;line-height:1.3;letter-spacing:-.02em;max-width:28ch;margin:0 0 20px}
.page-commissions .commission-provenance p{font-size:17px;line-height:1.75;color:var(--ink);max-width:72ch;margin:0 0 16px}
.page-commissions .commission-provenance .commission-provenance-note{font-size:15px;line-height:1.7;color:var(--dim);margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:560px){.page-commissions .commission-provenance{padding:26px 22px}.page-commissions .commission-provenance p{font-size:16px}}

/* Put the studio's services before its featured project. */
.counterform .cf-offer-hero h1{font-size:clamp(42px,6.8vw,112px);line-height:1.04;letter-spacing:-.025em}
.cf-offer-hero .cf-heading-row{padding-bottom:22px}
.cf-offer-hero .cf-intro{display:block}
.cf-offer-hero .cf-intro p{max-width:78ch;margin:0 0 16px;line-height:1.55}
.cf-offer-hero .cf-intro p:first-child{font-size:clamp(18px,1.7vw,24px)}
.cf-offer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:24px}
.cf-offer-heading{padding:34px 36px 26px;scroll-margin-top:100px}
.cf-offer-heading h2{font-size:clamp(26px,3vw,42px);margin:12px 0 0;line-height:1.2}
.cf-offers{grid-template-columns:repeat(3,minmax(0,1fr))}
.cf-offers .cf-number{font-size:48px;letter-spacing:-.02em;margin-bottom:22px}
.cf-offers .cf-service h2{white-space:normal;font-size:clamp(23px,2.1vw,32px);line-height:1.1}
.cf-offers .cf-service p{font-size:16px;min-height:0;line-height:1.65}
.cf-offer-status{font-size:12px;line-height:1.5;color:var(--dim);margin-top:auto;padding-top:12px}
.cf-offer-link{display:flex;justify-content:space-between;gap:12px;width:100%;border-top:1px solid var(--ink);padding-top:15px;margin-top:16px;font:600 16px/1.4 'Barlow Condensed',sans-serif}
.cf-offers .cf-service:hover{background:var(--yellow)}
.cf-extra-service{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:22px 36px;border-bottom:1px solid var(--ink)}
.cf-extra-service p{margin:0;font-size:15px}
.cf-featured-build{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;padding:48px 36px;border-bottom:2px solid var(--ink)}
.cf-featured-build img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}
.cf-featured-build h2{font-size:clamp(38px,4vw,62px);margin:20px 0}
.cf-featured-build p{line-height:1.7;margin-bottom:24px}
.cf-featured-build .cf-text-link{display:block;margin-top:20px}
.cf-rpg-interest{padding:28px;margin-bottom:32px}
.cf-rpg-interest h2{font-size:36px}
.cf-rpg-interest p{max-width:75ch;margin:18px 0 22px;line-height:1.7}
.page-what-we-do .gate h2{font-size:30px;line-height:1.15;margin:12px 0}
@media(max-width:1100px){.cf-offers{grid-template-columns:1fr 1fr}.cf-offers .cf-service{border-bottom:1px solid var(--ink)}.cf-offers .cf-service:nth-child(2n){border-right:0}}
@media(max-width:700px){.cf-offer-heading,.cf-extra-service{padding:24px 20px}.cf-featured-build{grid-template-columns:1fr;padding:32px 20px;gap:24px}.cf-offer-hero .cf-topline{line-height:1.7}.cf-offer-hero .cf-heading-row{padding-bottom:16px}}
@media(max-width:560px){.counterform .cf-offer-hero h1{font-size:clamp(27px,7.1vw,40px)}.cf-offers{grid-template-columns:1fr}.cf-offers .cf-service{border-right:0;padding:24px 20px}.cf-offers .cf-number{font-size:34px;margin-bottom:12px}.cf-offers .cf-service h2{font-size:29px}.cf-offer-status{padding-top:0}.cf-offer-actions{align-items:flex-start;flex-direction:column}.cf-offer-actions .cf-text-link{font-size:14px}.cf-featured-build .cf-button{font-size:15px}}