@import url('/assets/brandshape-site.css');
.hero{min-height:720px;padding:78px 0 70px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{font-size:clamp(72px,10vw,154px);line-height:.88;letter-spacing:-.072em;font-weight:600;margin:42px 0 70px;max-width:1200px}.hero h1 em,.section-head h2 em,.gap-statement h2 em,.principles-intro h2 em,.contact h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.hero h1 em{color:var(--blue)}.hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.hero-foot>p{font-size:21px;line-height:1.45;max-width:660px;margin:0}.hero-actions{display:flex;justify-content:flex-end;gap:28px;align-items:center}.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.client-row{height:104px;display:grid;grid-template-columns:1.15fr repeat(6,1fr);align-items:center;gap:20px}.client-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.client-row strong{font-size:12px;font-weight:600;text-align:center}.section-head h2,.gap-statement h2,.principles-intro h2,.contact h2{font-size:clamp(42px,5.4vw,78px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 0;font-weight:600}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-visual{height:420px;position:relative;display:block;overflow:hidden;text-decoration:none;background:#ddd}.image-case img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.image-case:hover img{transform:scale(1.025)}.case-index{position:absolute;top:18px;right:18px;font-size:10px;letter-spacing:.12em;background:rgba(242,239,231,.86);padding:4px 6px}.visual-note{position:absolute;left:12px;bottom:12px;background:rgba(17,17,15,.72);color:#fff;padding:5px 7px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}.case-meta{display:flex;justify-content:space-between;gap:10px;margin:17px 0 8px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.case-card h3{font-size:25px;letter-spacing:-.04em;margin:0 0 8px}.case-card p{margin:0;color:#55524c;font-size:13px;line-height:1.6;max-width:390px}.gap{background:var(--ink);color:var(--paper)}.gap-grid{display:grid;grid-template-columns:.3fr 1.7fr;gap:70px}.gap-statement{max-width:1040px}.gap-statement h2{margin-top:0}.gap-statement h2 em{color:#aebfef}.gap-statement>p{font-size:18px;max-width:690px;margin:40px 0 0;color:#bbb7ad}.section-head.compact{align-items:start}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px .5fr 1fr .72fr;gap:30px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.service-list article>span{font-size:10px;color:var(--muted)}.service-list h3{font-size:29px;margin:0;letter-spacing:-.04em}.service-list p{margin:4px 0 0;color:#55524c;max-width:500px}.service-list small{font-family:var(--serif);font-size:19px;color:#32312d;line-height:1.35}.principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.principles-intro h2{font-size:62px}.principles-grid{border-top:1px solid var(--line)}.principles-grid article{display:grid;grid-template-columns:55px .62fr 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.principles-grid article span{font-size:9px;color:var(--muted)}.principles-grid h3{margin:0;font-size:20px;letter-spacing:-.03em}.principles-grid p{margin:0;color:#5c5952;font-size:13px}.contact{background:var(--blue);color:white;padding:118px 0}.contact h2{font-size:clamp(52px,7vw,104px);max-width:1100px}.contact h2 em{color:#d9e4ff}.contact-row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:72px}.contact-row p{max-width:560px;font-size:17px;color:#e1e8ff;margin:0}
@media(max-width:1160px){.site-header nav{gap:18px}.site-header nav a{font-size:11px}.header-actions{gap:12px}}
@media(max-width:980px){.hero{min-height:650px}.hero h1{font-size:clamp(66px,15vw,118px)}.hero-foot{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.client-row{grid-template-columns:repeat(3,1fr);height:auto;padding:25px 0;row-gap:22px}.client-label{grid-column:1/-1}.work-grid{grid-template-columns:1fr 1fr}.case-visual{height:360px}.gap-grid{grid-template-columns:1fr}.service-list article{grid-template-columns:40px .6fr 1fr}.service-list small{grid-column:2/-1}.principles{grid-template-columns:1fr;gap:50px}.principles-intro h2{font-size:54px}}
@media(max-width:650px){.hero{padding-top:55px;min-height:610px}.hero h1{font-size:17vw;margin:38px 0 54px}.hero-foot{gap:28px}.hero-foot>p{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.client-row{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr}.case-visual{height:390px}.gap-grid{gap:32px}.gap-statement>p{font-size:16px}.service-list article{grid-template-columns:30px 1fr;padding:23px 0}.service-list article p,.service-list article small{grid-column:2}.principles-grid article{grid-template-columns:35px 1fr}.principles-grid p{grid-column:2}.contact-row{grid-template-columns:1fr;align-items:start}}

/* Selected work cards: editorial landscape instead of square/portrait */
.case-visual{height:auto;aspect-ratio:16/10}.case-visual img{object-position:center}
@media(max-width:980px){.case-visual{height:auto;aspect-ratio:16/10}}
@media(max-width:650px){.case-visual{height:auto;aspect-ratio:16/10}}


/* Selected work: landscape image crops; transparent AI disclosure. */
.case-visual{height:auto!important;aspect-ratio:16/10;overflow:hidden}
.case-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.visual-note{background:transparent!important;padding:0!important;backdrop-filter:none!important;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.58);font-size:8px;letter-spacing:.07em}