.portfolio .studio-hero{padding:70px 0 60px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end}.portfolio h1{font-size:clamp(3.4rem,6.5vw,6.7rem);margin:0 0 30px;max-width:900px}.portfolio h1 em{font-style:normal;color:var(--accent)}.portfolio .lead{font-size:1.2rem;max-width:660px;color:var(--muted)}.portfolio .studio-note{border-top:3px solid var(--accent);padding-top:20px}.portfolio .section{padding:65px 0;border-bottom:1px solid var(--line)}.portfolio .section-head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:32px}.portfolio .section-head p{max-width:440px;color:var(--muted)}.portfolio .service-grid,.portfolio .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portfolio .service-card,.portfolio .project-card{border:1px solid var(--line);padding:30px;min-width:0}.portfolio .service-card h3,.portfolio .project-card h3{font-size:1.7rem}.portfolio .service-card p,.portfolio .project-card p{color:var(--muted)}.portfolio .number{display:block;font-size:.8rem;color:var(--accent);font-weight:bold;margin-bottom:36px}.portfolio .flagship{background:var(--ink);color:var(--paper);padding:45px;display:grid;grid-template-columns:1.25fr 1fr;gap:40px}.portfolio .flagship p{color:#d1d1c9}.portfolio .flagship .button{background:#ff8a6c;color:#141414}.portfolio .flagship .eyebrow{color:#ff8a6c}.portfolio .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.portfolio .steps-grid p{color:var(--muted)}.portfolio .boundaries{padding:25px;border-left:3px solid var(--accent);background:#eeeee8}.portfolio .article-width{max-width:840px;margin-inline:auto}.portfolio .article-width h1{font-size:clamp(2.7rem,5vw,4.5rem)}.portfolio .article-width h2{font-size:2rem}.portfolio .article-width li{margin-block:12px}.staging-note{font-size:.8rem;border-bottom:1px solid var(--line);padding-block:10px}.portfolio .footer nav{display:flex;flex-wrap:wrap;gap:18px}.portfolio .tag{margin-bottom:18px}.portfolio a{overflow-wrap:anywhere}@media(max-width:800px){.portfolio .studio-hero,.portfolio .flagship{grid-template-columns:1fr;gap:28px}.portfolio .section-head{display:block}.portfolio .service-grid,.portfolio .project-grid,.portfolio .steps-grid{grid-template-columns:1fr;gap:20px}.portfolio .studio-hero{padding:45px 0}.portfolio .flagship{padding:28px}}@media(max-width:540px){.portfolio .section{padding:42px 0}.portfolio .service-card,.portfolio .project-card{padding:24px}.portfolio .number{margin-bottom:20px}.portfolio h1{font-size:3.25rem}.portfolio .footer{display:block}.portfolio .footer nav{margin-block:20px}}
.portfolio .evidence-image{margin:0 0 24px}.portfolio .evidence-image img{width:100%;height:auto;border:1px solid var(--line)}.portfolio .evidence-image figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}
.choice-router{padding:72px 0;border-bottom:1px solid var(--line)}
.choice-router>h2{max-width:760px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.choice-grid article{border:1px solid var(--ink);padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.choice-grid h3{font-size:1.65rem;margin-bottom:12px}.choice-grid article>p:not(.number){color:var(--muted);flex:1}
.transformation-grid{display:grid;gap:36px}.transformation{border-top:2px solid var(--ink);padding-top:22px}
.transformation-head{display:flex;justify-content:space-between;align-items:start;gap:24px}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.before-after figure{margin:0;border:1px solid var(--line);background:#fff}.before-after figcaption{font-weight:bold;font-size:.75rem;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--line)}
.before-after img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pending-proof{display:inline-block;border:1px solid var(--accent);color:var(--accent);font-size:.7rem;font-weight:bold;letter-spacing:.04em;padding:7px 9px}
.built-zero{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;align-items:center}.built-zero img{width:100%;border:1px solid var(--line)}
.next-site{text-align:center}.next-site p{max-width:700px;margin-inline:auto}.next-site .button{margin-top:14px}
@media(max-width:800px){.choice-grid{grid-template-columns:1fr}.before-after,.built-zero{grid-template-columns:1fr}.transformation-head{display:block}.pending-proof{margin-bottom:12px}}