/* Bricked Up Studios — commercial home, 2026-08-04 */
.studio-home{--ink:#11100e;--paper:#eee9de;--paper-hi:#f8f4eb;--mortar:#d8d1c3;--brick:#c74428;--brick-deep:#922b1a;--kiln:#17130f;--ash:#686157;background:var(--paper);color:var(--ink);font-family:Inter,Helvetica,Arial,sans-serif}.studio-home *{box-sizing:border-box}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#000;padding:1rem}.skip-link:focus{top:1rem}.studio-header{height:88px;min-height:88px;padding:0 clamp(1.25rem,4.5vw,5rem);background:rgba(238,233,222,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.studio-header .wordmark{font-size:1rem}.studio-header nav{align-items:center}.studio-header nav a{font-size:.68rem}.studio-header .nav-cta{background:var(--ink);color:var(--paper);padding:0 1.2rem;margin-left:.6rem}.studio-header .nav-cta:hover{background:var(--brick);color:#fff}.studio-home main{overflow:hidden}.studio-hero{min-height:calc(100svh - 88px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);position:relative;border-bottom:1px solid var(--ink)}.hero-message{padding:clamp(4rem,8vh,8rem) clamp(2rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center;position:relative}.kicker{display:flex;justify-content:space-between;gap:2rem;max-width:740px;margin:0 0 3rem;font:800 .65rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:var(--brick-deep)}.studio-hero h1{font-size:clamp(4.8rem,8.4vw,10.8rem);line-height:.76;letter-spacing:-.085em;margin:0;max-width:1050px}.studio-hero h1 em,.section-intro h2 em,.contact-copy h2 em{font-style:normal;color:var(--brick)}.hero-deck{font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.55;max-width:760px;margin:3.2rem 0 0}.hero-actions{display:flex;align-items:center;gap:2rem;margin:2.2rem 0 3.5rem}.brick-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:56px;padding:0 1.35rem;background:var(--ink);color:var(--paper);font:800 .69rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:.18s ease}.brick-button:hover{background:var(--brick);color:#fff;transform:translateY(-2px)}.quiet-link{font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--ink);text-transform:uppercase;text-decoration:none}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;max-width:820px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.trust-strip li{padding:1rem .7rem;font:700 .65rem ui-monospace,SFMono-Regular,Consolas,monospace;border-right:1px solid rgba(17,16,14,.2)}.trust-strip li:last-child{border:0}.trust-strip b{color:var(--brick);margin-right:.45rem}.hero-stage{min-height:720px;background:var(--brick);position:relative;display:grid;place-items:center;overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.portrait-card{width:min(76%,620px);position:relative;z-index:2;background:var(--kiln);border:1px solid var(--ink);box-shadow:24px 24px 0 rgba(17,16,14,.17);clip-path:polygon(0 5%,5% 5%,5% 0,95% 0,95% 5%,100% 5%,100% 95%,95% 95%,95% 100%,5% 100%,5% 95%,0 95%)}.portrait-card img{display:block;width:100%;height:auto}.portrait-tag{position:absolute;left:1.2rem;top:1.2rem;z-index:2;background:var(--paper);color:var(--ink);padding:.7rem .85rem;font:800 .61rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.stage-note{position:absolute;z-index:4;background:var(--paper-hi);border:1px solid var(--ink);padding:1rem 1.15rem;width:260px;box-shadow:8px 8px 0 var(--ink)}.stage-note span{display:block;color:var(--brick-deep);font:800 .58rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;margin-bottom:.5rem}.stage-note strong{font-size:.9rem;line-height:1.35}.stage-note-top{top:6%;left:5%}.stage-note-bottom{right:4%;bottom:6%}.signal-band{height:58px;background:var(--kiln);color:var(--paper);display:flex;align-items:center;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--ink)}.signal-band>div{width:max-content;display:flex;gap:2.5rem;align-items:center;padding-left:2.5rem;font:800 .65rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.signal-band i{font-style:normal;color:var(--brick)}.studio-section{padding:clamp(5.5rem,10vw,11rem) clamp(1.5rem,5vw,6rem)}.section-intro{display:grid;grid-template-columns:1.15fr .65fr;gap:6vw;align-items:end;margin-bottom:5rem}.section-label{grid-column:1/-1;margin:0;color:var(--brick-deep);font:800 .65rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.section-intro h2{font-size:clamp(3.6rem,7vw,8.5rem);line-height:.82;letter-spacing:-.075em;margin:1.8rem 0 0}.section-intro>p:last-child{font-size:1.15rem;line-height:1.6;max-width:580px}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.offer-grid article{min-height:410px;padding:clamp(2rem,4vw,4rem);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column;position:relative;transition:.18s ease}.offer-grid article:hover{background:var(--paper-hi)}.offer-grid article>span{font:800 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--brick)}.offer-grid h3{font-size:clamp(2rem,3.6vw,4.4rem);letter-spacing:-.055em;line-height:.9;margin:auto 0 1.5rem}.offer-grid p{font-size:1.05rem;line-height:1.55;max-width:640px}.offer-grid ul{list-style:none;padding:1.2rem 0 0;margin:1.2rem 0 0;border-top:1px solid rgba(17,16,14,.2);font:700 .68rem/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.offer-grid li:before{content:'↳';color:var(--brick);margin-right:.7rem}.featured-work{background:var(--kiln);color:var(--paper)}.section-intro.inverse .section-label{color:#ef7358}.section-intro.inverse h2 em{color:#ef7358}.section-intro.inverse>p:last-child{color:#bbb4a8}.case{border:1px solid #4a443d;display:grid;grid-template-columns:1fr 1fr;margin-top:1.5rem;min-height:680px;background:#1d1915}.case-copy{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column}.case-topline{display:flex;justify-content:space-between;gap:1.2rem;font:800 .61rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#ee795e}.case h3,.case-mini h3{font-size:clamp(3.8rem,7vw,8.5rem);line-height:.82;letter-spacing:-.07em;margin:auto 0 2rem}.case-lede{font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.4;max-width:700px}.case-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2.5rem 0}.case-outcomes b{font:800 .62rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#ee795e}.case-outcomes p{color:#bbb4a8;line-height:1.55}.case-link{color:var(--paper);font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}.product-window{margin:3rem;min-height:550px;background:#efe9dc;color:var(--ink);border:1px solid #000;align-self:center;position:relative;overflow:hidden;box-shadow:16px 16px 0 var(--brick)}.window-bar{height:48px;background:#111;color:#eee;display:flex;align-items:center;gap:.45rem;padding:0 1rem;font:700 .58rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ef7358}.window-bar span{margin-left:auto}.score-orbit{width:270px;height:270px;border:32px solid #d7cfbf;border-top-color:var(--brick);border-right-color:#e9a28f;border-radius:50%;position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-orbit strong{font-size:5rem;letter-spacing:-.08em}.score-orbit span{font:800 .58rem ui-monospace,SFMono-Regular,Consolas,monospace}.metric-row{position:absolute;left:2rem;right:2rem;bottom:6.5rem;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #000;border-bottom:1px solid #000}.metric-row div{padding:1rem;border-right:1px solid #000}.metric-row div:last-child{border:0}.metric-row small{display:block;font:700 .55rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#71695e}.event-graph{position:absolute;left:2rem;right:2rem;bottom:2rem;height:44px;display:flex;gap:4px;align-items:flex-end}.event-graph i{flex:1;background:var(--brick);height:30%}.event-graph i:nth-child(2){height:65%}.event-graph i:nth-child(3){height:45%}.event-graph i:nth-child(4){height:90%}.event-graph i:nth-child(5){height:52%}.event-graph i:nth-child(6){height:75%}.event-graph i:nth-child(7){height:42%}.event-graph i:nth-child(8){height:82%}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.case-mini{border:1px solid #4a443d;background:#1d1915;padding:clamp(2rem,4vw,4rem);min-height:700px;display:flex;flex-direction:column}.case-mini h3{font-size:clamp(3.4rem,5vw,6.3rem);margin:auto 0 1.8rem}.case-mini h3 small{display:block;color:#ee795e;font-size:.3em;letter-spacing:0;margin-top:.8rem}.case-mini>p{font-size:1.15rem;line-height:1.55;color:#c3bbae}.mini-ui{margin:2.5rem 0;border:1px solid #5c554d;background:#111;padding:1.25rem;min-height:190px}.gate-ui{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center}.gate-ui>span{height:1px;background:#73695f}.pipeline-node{border:1px solid #514a43;padding:1rem .7rem;display:grid;gap:.4rem}.pipeline-node i{width:8px;height:8px;background:#e3b44c;border-radius:50%}.pipeline-node.active i{background:#6bc9af}.pipeline-node b,.foreman-rail b{font:800 .62rem ui-monospace,SFMono-Regular,Consolas,monospace}.pipeline-node small,.foreman-rail small{color:#9f978b;font:600 .55rem ui-monospace,SFMono-Regular,Consolas,monospace}.foreman-rail{grid-column:1/-1;margin-top:1rem;border-top:1px solid #514a43;padding-top:1rem;display:flex;justify-content:space-between}.house-ui{display:grid;gap:.7rem}.decision-head{display:flex;justify-content:space-between;font:700 .55rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#a69d90}.decision-head b{color:#ee795e}.decision-row{display:grid;grid-template-columns:32px 1fr auto;gap:.8rem;align-items:center;border-top:1px solid #514a43;padding-top:.8rem}.decision-row i{color:#ee795e;font:700 .6rem ui-monospace,SFMono-Regular,Consolas,monospace}.decision-row span{display:grid}.decision-row b{font-size:.8rem}.decision-row small{color:#928a7f}.decision-row em{font:700 .55rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#6bc9af}.status-copy{margin-top:auto;font:700 .62rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#9f978b}.hermes-case{min-height:430px;grid-template-columns:1.25fr .75fr}.case-copy.compact h3{font-size:clamp(3rem,5vw,6rem);margin:3rem 0 1.5rem}.case-copy.compact>p:last-child{color:#bdb5a9;line-height:1.65}.patch-panel{margin:2rem;align-self:center;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}.patch-panel span{border:1px solid #625a51;padding:1rem;font:800 .59rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#eee}.patch-panel i{font-style:normal;color:#ee795e}.method{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.method-title{position:sticky;top:150px;align-self:start}.method-title h2{font-size:clamp(3.6rem,6.4vw,7.8rem);line-height:.82;letter-spacing:-.075em;margin:2rem 0}.method-steps article{display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2.6rem 0;border-top:1px solid var(--ink)}.method-steps article:last-child{border-bottom:1px solid var(--ink)}.method-steps article>b{font-size:5rem;line-height:.8;color:var(--brick);letter-spacing:-.08em}.method-steps span{font:800 .61rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--brick-deep)}.method-steps h3{font-size:clamp(1.7rem,2.4vw,2.8rem);letter-spacing:-.04em;margin:.7rem 0}.method-steps p{line-height:1.6;color:var(--ash);max-width:650px}.fit{background:#d9d2c4;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.fit h2{font-size:clamp(3rem,5vw,6rem);line-height:.9;letter-spacing:-.065em;margin:2rem 0 0}.fit-list{align-self:end}.fit-list p{border-top:1px solid var(--ink);padding:1.2rem 0;margin:0;font-weight:700;line-height:1.4}.fit-list p:last-child{border-bottom:1px solid var(--ink)}.fit-list span{color:var(--brick-deep);margin-right:.8rem}.contact-stage{background:var(--brick);color:#fff;min-height:720px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.contact-copy{padding:clamp(5rem,9vw,10rem) clamp(2rem,6vw,7rem);display:flex;flex-direction:column;justify-content:center}.contact-copy .section-label{color:#2b1711}.contact-copy h2{font-size:clamp(5rem,9vw,11rem);line-height:.76;letter-spacing:-.085em;margin:2rem 0}.contact-copy h2 em{color:var(--ink)}.contact-copy>p{font-size:1.2rem;line-height:1.6;max-width:680px}.brick-button.light{background:#fff;color:var(--ink);align-self:flex-start;margin:2rem 0}.brick-button.light:hover{background:var(--ink);color:#fff}.contact-copy small{max-width:620px;font:600 .62rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#431d14}.contact-bricks{position:relative;background:var(--kiln)}.contact-bricks i{position:absolute;height:14%;background:#d45b3f;border:1px solid #6f2315;box-shadow:inset 0 0 30px rgba(255,255,255,.08)}.contact-bricks i:nth-child(1){left:6%;top:8%;width:88%}.contact-bricks i:nth-child(2){left:20%;top:24%;width:72%}.contact-bricks i:nth-child(3){left:6%;top:40%;width:43%}.contact-bricks i:nth-child(4){right:6%;top:40%;width:43%}.contact-bricks i:nth-child(5){left:20%;top:56%;width:72%}.contact-bricks i:nth-child(6){left:6%;top:72%;width:43%}.contact-bricks i:nth-child(7){right:6%;top:72%;width:43%}.studio-footer{background:var(--kiln);color:var(--paper);display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:2rem;align-items:end;padding:4rem clamp(1.5rem,5vw,6rem)}.studio-footer p{margin:0;font:600 .6rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#aaa296}.studio-footer>div:nth-child(3){display:flex;gap:1rem;flex-wrap:wrap}.studio-footer a{color:var(--paper)}.studio-footer .footer-brand{align-items:center}[data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}@media(max-width:1080px){.studio-header nav a:not(.nav-cta){display:none}.studio-hero{grid-template-columns:1fr}.hero-stage{min-height:680px}.section-intro,.method,.fit{grid-template-columns:1fr}.method-title{position:static}.case{grid-template-columns:1fr}.product-window{min-height:520px}.case-pair{grid-template-columns:1fr}.hermes-case{grid-template-columns:1fr}.contact-stage{grid-template-columns:1fr}.contact-bricks{min-height:380px}.studio-footer{grid-template-columns:1fr 1fr}}@media(max-width:700px){.studio-header{height:72px;min-height:72px;padding:0 1rem}.studio-header .wordmark>span:last-child{display:block;font-size:.76rem}.studio-header .nav-cta{font-size:.55rem;padding:0 .75rem}.studio-hero{min-height:auto}.hero-message{padding:4.5rem 1.25rem 3rem}.kicker{margin-bottom:2rem}.kicker span:last-child{display:none}.studio-hero h1{font-size:16vw;line-height:.81}.hero-deck{font-size:1.05rem;margin-top:2.2rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.trust-strip{grid-template-columns:1fr}.trust-strip li{border-right:0;border-bottom:1px solid rgba(17,16,14,.2)}.trust-strip li:last-child{border-bottom:0}.hero-stage{min-height:520px}.portrait-card{width:82%;box-shadow:14px 14px 0 rgba(17,16,14,.17)}.stage-note{width:210px;padding:.8rem}.stage-note-top{left:3%;top:4%}.stage-note-bottom{right:3%;bottom:4%}.signal-band{height:50px}.studio-section{padding:5rem 1.25rem}.section-intro{margin-bottom:3rem}.section-intro h2{font-size:15vw;line-height:.86}.offer-grid{grid-template-columns:1fr}.offer-grid article{min-height:390px;padding:2rem 1.5rem}.case{min-height:0}.case-copy{padding:2.5rem 1.5rem}.case h3,.case-mini h3{font-size:15vw}.case-outcomes{grid-template-columns:1fr}.product-window{margin:0 1rem 2rem;min-height:450px;box-shadow:8px 8px 0 var(--brick)}.score-orbit{width:220px;height:220px;border-width:25px}.case-mini{padding:2.2rem 1.3rem;min-height:620px}.gate-ui{grid-template-columns:1fr;gap:.5rem}.gate-ui>span{display:none}.foreman-rail{grid-column:1}.patch-panel{margin:0 1rem 2rem;justify-content:flex-start}.method-steps article{grid-template-columns:64px 1fr;gap:1rem}.method-steps article>b{font-size:3.8rem}.fit h2{font-size:13vw}.contact-stage{min-height:0}.contact-copy{padding:5rem 1.25rem}.contact-copy h2{font-size:20vw}.contact-bricks{min-height:300px}.studio-footer{grid-template-columns:1fr;padding:3rem 1.25rem}.studio-footer>div:nth-child(3){margin:1rem 0}}