/* Connected page system. Typography, real artwork, and clear transitions. */
.inner-page{--accent:#254bf1;--tint:#e9eefb;--art-bg:#e7f2ff}
.tone-blue{--accent:#254bf1;--tint:#e9eefb;--art-bg:#e7f2ff}
.tone-teal{--accent:#00788c;--tint:#e5f1f3;--art-bg:#e7f2f5}
.tone-red{--accent:#b43e31;--tint:#f6e5de;--art-bg:#fbe9e4}
.tone-purple{--accent:#7250a4;--tint:#eee8f5;--art-bg:#f0eafa}
.tone-yellow{--accent:#80601a;--tint:#f0edce;--art-bg:#fff4d8}
.inner-page .site-header{margin-bottom:0;background:rgba(244,243,238,.76)}
.inner-page .site-header.menu-open{background:rgba(244,243,238,.94)}
.nav-trigger[data-current-section=true]{color:#007f9a}
.menu-number{font-family:var(--display);font-size:17px;font-weight:500;color:var(--ink)}
.site-header .mega-services{grid-template-columns:1fr 1.3fr .8fr}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.mega-links>a{min-height:44px;gap:9px;line-height:1.4;font-size:14px;border-bottom:1px solid #d8dad280}
.mega-links>a>span{flex-shrink:0}.mega-links .icon{width:16px;height:16px}
.mega-panel .menu-feature{min-height:180px}
.industry-menu-overview{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 18px;background:var(--paper);font-size:14px}
.mega-panel[data-theme=marketing] .menu-feature{background:#a93d32}
.mega-panel[data-theme=design] .menu-feature{background:#7250a4}
.mega-panel[data-theme=content] .menu-feature{background:#e0cb65;color:var(--ink)}
.inner-page main{overflow:clip}.inner-page .page-cursor-glow{display:none}
.inner-page p{font-size:16px;line-height:1.7}.inner-page h1{font-size:clamp(3.1rem,6.6vw,6.3rem);line-height:1.015;letter-spacing:-.055em;text-wrap:balance;font-weight:500}
.inner-page h1 span{color:var(--accent)}.inner-page h2{font-size:clamp(2.35rem,4.2vw,4rem);line-height:1.09;text-wrap:balance}.inner-page h3{font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.15}
.inner-page .eyebrow{font-size:12px;color:inherit}.inner-page .page-lead{font-size:clamp(1.125rem,1.55vw,1.4rem);line-height:1.65;color:#575f58}
.inner-page .button{min-height:54px;font-size:15px}.inner-page .button-dark:hover{background:var(--accent)}.inner-page .button-outline{background:transparent;border:1px solid #bcc2b8;color:var(--ink)}.inner-page .button-outline:hover{background:#e6e8df}
.inner-page a:focus-visible,.inner-page button:focus-visible{outline-color:var(--accent)}.inner-page .button-lime:focus-visible,.inner-page .site-footer a:focus-visible{outline-color:var(--lime)}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:14px;line-height:1.6;margin-bottom:48px;color:#626961}
.breadcrumbs a{padding-block:5px;text-underline-offset:4px}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current]{color:var(--ink)}.breadcrumbs>span[aria-hidden]{color:#959b93}
.page-intro{padding-top:30px;padding-bottom:76px}.intro-split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:80px;align-items:end}.intro-split>div>p+p{margin-top:20px}.intro-split .button{margin-top:28px}.intro-split>.page-lead{max-width:430px;padding-bottom:6px}
.page-section{padding-block:96px}.page-section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.page-section-heading>p{max-width:360px}.page-section-heading .eyebrow{margin-bottom:20px}
.page-cta{background:var(--dark);color:var(--paper);padding:85px 0}.page-cta>.container{display:flex;align-items:end;justify-content:space-between;gap:50px}.page-cta .eyebrow{color:var(--lime)}.page-cta h2{font-size:clamp(2.8rem,4.8vw,4.8rem)}.page-cta .button{flex-shrink:0;margin-bottom:5px;gap:42px}
.inner-page .site-footer{border-top:1px solid #ffffff1c}.inner-page .site-footer p{font-size:14px}
.capability-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;padding-block:64px;border-top:1px solid var(--line);align-items:start}.capability-art{position:sticky;top:125px;background:var(--art-bg);overflow:hidden;display:block;aspect-ratio:1/1.15;border-radius:6px}
.capability-art img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.capability-art:hover img{transform:scale(1.045)}.capability-art>span{position:absolute;bottom:28px;left:32px;font-family:var(--display);font-size:clamp(3rem,5.5vw,5.8rem);letter-spacing:-.06em;line-height:1;color:#1d211e}.capability-copy .eyebrow{color:var(--accent);margin-bottom:18px}.capability-copy>p{max-width:640px;margin-top:22px}.capability-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:28px 0}.capability-links>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:57px;padding:11px 0;gap:20px;line-height:1.4;font-size:15px}.capability-links>a:hover{color:var(--accent)}.capability-links .icon{width:17px}.capability-band:last-of-type{padding-bottom:96px}
.family-hero{padding-top:30px}.family-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:70px}.family-hero-grid h1{font-size:clamp(3.2rem,5.8vw,5.7rem)}.family-hero-grid .page-lead{margin:26px 0 30px;max-width:640px}.family-art{position:relative;background:var(--art-bg);overflow:hidden;aspect-ratio:1/1;max-height:560px;border-radius:6px}.family-art img{height:100%;width:100%;object-fit:cover;animation:art-breathe 12s ease-in-out infinite}.family-word{position:absolute;bottom:24px;left:30px;line-height:1;font-family:var(--display);letter-spacing:-.07em;font-size:clamp(3rem,6.7vw,6.5rem);color:var(--ink)}
.focus-strip{margin-top:54px;padding:25px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.focus-strip>span{font-size:15px;text-align:center;border-right:1px solid var(--line)}.focus-strip>span:last-child{border:0}
.directory-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px}.directory-title{position:sticky;top:125px;align-self:start}.directory-title>p{margin-top:25px;max-width:260px}.directory-title .eyebrow{color:var(--accent)}.service-directory-row{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:22px;padding:28px 0;border-top:1px solid var(--line);align-items:start;transition:padding .25s,color .25s}.service-directory-row:last-child{border-bottom:1px solid var(--line)}.service-directory-row h3{font-size:25px;letter-spacing:-.035em}.service-directory-row p{margin-top:12px;max-width:650px}.service-directory-row .row-index{font-size:13px;color:#727b71;margin-top:5px;font-variant-numeric:tabular-nums}.service-directory-row>.icon{margin-top:4px;transition:transform .25s}.service-directory-row:hover{color:var(--accent)}.service-directory-row:hover>.icon{transform:translate(3px,-3px)}
.related-work{padding-top:0}.related-work .portfolio-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:center;gap:70px}.related-work .portfolio-art{aspect-ratio:1.4}.related-work .portfolio-caption{align-items:start}.related-work .portfolio-caption h3{font-size:clamp(2rem,4vw,3.4rem)}.related-work .portfolio-caption p{margin-top:15px}
.detail-hero{padding-top:30px;padding-bottom:70px}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:90px;align-items:start}.detail-hero h1{font-size:clamp(3rem,5.5vw,5.6rem)}.detail-hero .page-lead{margin:28px 0 34px;max-width:730px}.scope-note{background:var(--tint);padding:30px 32px 0;border-radius:5px;overflow:hidden}.scope-note .eyebrow{margin-bottom:20px;color:var(--accent)}.scope-note h2{font-size:30px}.scope-note>p{font-size:16px;margin:20px 0 8px}.scope-note .text-link{font-size:14px}.scope-art{margin:24px -32px 0;height:170px;overflow:hidden}.scope-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.scope-section{border-top:1px solid var(--line)}.deliverable-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.deliverable-grid article{padding:20px 0;border-top:2px solid var(--accent)}.deliverable-number{font-family:var(--display);font-size:45px;line-height:1;color:var(--accent);letter-spacing:-.04em;display:block;margin-bottom:48px}.deliverable-grid h3{font-size:25px;line-height:1.3;max-width:260px}
.delivery-band{background:var(--tint);padding-block:80px}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.delivery-grid ol{list-style:none;padding:0;margin:25px 0}.delivery-grid li{display:flex;gap:20px;padding-block:14px;border-bottom:1px solid #17201928;font-size:17px}.delivery-grid li>span{color:var(--accent);font-size:14px}.delivery-grid .text-link{color:var(--accent)}
.portfolio-section{padding-bottom:96px}.portfolio-toolbar{display:flex;gap:25px;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:20px;margin-bottom:45px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-buttons button{min-height:44px;padding:10px 20px;background:transparent;border-radius:4px;font-size:14px}.filter-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-buttons button:hover{box-shadow:inset 0 0 0 1px var(--ink)}.filter-buttons button span{margin-left:10px;opacity:.65}.portfolio-toolbar>span{font-size:14px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.portfolio-project{min-width:0}.portfolio-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1.14;position:relative;overflow:hidden;border-radius:5px;background:var(--tint)}.portfolio-art img{object-fit:contain;width:76%;height:76%;transition:transform .65s var(--ease)}.portfolio-art:hover img{transform:scale(1.055) rotate(-1deg)}.portfolio-view{position:absolute;bottom:20px;right:20px;background:var(--paper);color:var(--ink);border-radius:30px;display:flex;align-items:center;gap:25px;padding:13px 18px;font-size:14px;transition:background .25s}.portfolio-art:hover .portfolio-view{background:var(--lime)}.portfolio-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}.portfolio-caption h3{font-size:28px}.portfolio-caption p{margin-top:7px}.portfolio-caption:hover h3{color:var(--accent)}.art-sysartx{background:#dbe6df}.art-sysartx img{width:46%;height:60%}.art-flufy{background:#eaeacb}.art-fruitora{background:#ead7ca}.art-logos{background:#dedfd8}.art-logos img{width:100%;height:100%;object-fit:cover}
.case-hero{padding-top:30px;padding-bottom:52px}.case-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:34px}.case-topline>span:first-child{font-weight:600}.case-hero h1{max-width:1030px}.case-hero .page-lead{max-width:720px;margin-top:26px}.case-art{height:550px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}.case-art img{object-fit:contain;width:66%;height:86%;max-width:650px}.case-art.art-sysartx img{width:300px;height:280px}.case-art.art-logos img{object-fit:cover;width:100%;height:100%;max-width:none}.case-art-name{position:absolute;left:30px;bottom:26px;font-family:var(--display);font-size:23px;letter-spacing:-.03em;background:#f4f3eedd;padding:6px 12px;border-radius:3px}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:44px;border-bottom:1px solid var(--line)}.case-metrics>div{padding:4px 30px;border-right:1px solid var(--line)}.case-metrics>div:first-child{padding-left:0}.case-metrics>div:last-child{border:0}.case-metrics strong{font-family:var(--display);font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.05;font-weight:500;letter-spacing:-.045em;color:var(--accent)}.case-metrics span{display:block;font-size:15px;margin-top:13px;color:var(--muted)}
.case-story{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:100px}.case-story>aside{position:sticky;top:130px;align-self:start}.case-story>aside>h2{font-size:22px;letter-spacing:-.03em}.case-story dl{font-size:15px;margin-top:28px}.case-story dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:22px}.case-story dd{margin:6px 0 0;line-height:1.8}.story-chapters>article+article{margin-top:65px}.story-chapters .eyebrow{color:var(--accent);margin-bottom:18px}.story-chapters h2{font-size:38px}.story-chapters p{font-size:19px;margin-top:22px;line-height:1.75}.source-note{font-size:13px!important;line-height:1.6!important;margin-top:32px!important;color:#6b726a}.source-note .text-link{font-size:13px;padding:0;display:inline;text-decoration:underline;text-underline-offset:3px}.source-note .icon{display:none}.next-project{border-top:1px solid var(--line);padding-block:45px 70px}.next-project .eyebrow{margin-bottom:18px}.next-project>a{display:flex;align-items:center;justify-content:space-between;gap:30px}.next-project>a>.icon{width:50px;height:50px}.next-project>a:hover{color:var(--accent)}
.industry-directory{padding-bottom:96px}.industry-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line);padding-block:46px}.industry-editorial:nth-child(even) .industry-editorial-art{order:2}.industry-editorial-art{aspect-ratio:1.35;overflow:hidden;border-radius:5px}.industry-editorial img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.industry-editorial:hover img{transform:scale(1.05)}.industry-editorial h2{font-size:clamp(2.3rem,3.7vw,3.7rem)}.industry-editorial p{margin-top:22px;font-size:20px}.industry-editorial .text-link{margin-top:24px}.industry-editorial .eyebrow{color:var(--accent)}.industry-editorial:hover .text-link{color:var(--accent)}
.industry-page-hero{padding-block:30px 70px}.industry-page-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;align-items:center}.industry-page-grid h1{font-size:clamp(3.2rem,5vw,5rem)}.industry-page-grid .eyebrow{color:var(--accent)}.industry-page-grid .page-lead{margin:26px 0 30px}.industry-page-art{height:550px;overflow:hidden;border-radius:5px}.industry-page-art img{width:100%;height:100%;object-fit:cover}.challenge-rows{border-top:1px solid var(--line)}.challenge-rows article{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding-block:35px;border-bottom:1px solid var(--line)}.challenge-rows article>span{color:var(--accent);font-size:14px}.challenge-rows h3{font-size:28px;max-width:350px}.industry-services-band{background:var(--tint)}
.studio-page-hero{padding-top:30px}.studio-manifesto{margin-top:70px;min-height:570px;background:var(--blue);color:var(--paper);padding:56px;position:relative;overflow:hidden;border-radius:5px}.studio-manifesto>div{position:relative;z-index:2}.studio-manifesto .eyebrow{color:#d6f76e}.studio-manifesto>div>p{font-family:var(--display);font-size:clamp(3rem,5.4vw,5.3rem);letter-spacing:-.05em;line-height:1.06;color:var(--paper)}.studio-manifesto em{font-style:normal;color:var(--lime)}.studio-manifesto-symbol{position:absolute;right:6%;top:18%;width:360px;height:360px;object-fit:contain;filter:invert(86%) sepia(81%) saturate(385%) hue-rotate(22deg) brightness(112%);opacity:.95;transform:rotate(-10deg);animation:mark-turn 16s ease-in-out infinite}.manifesto-signature{position:absolute;bottom:33px;right:42px;font-family:var(--display);font-size:30px;letter-spacing:-.045em;color:var(--lime)}.studio-belief>h2{max-width:1040px}.studio-belief>div{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0 0 30%}.studio-values{background:#e4e8dd}.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.values-grid article{border-top:1px solid #abb5a4;padding-top:25px}.values-grid article>span{font-family:var(--display);font-size:40px;color:#657355;display:block;margin-bottom:45px}.values-grid h3{font-size:26px}.values-grid p{margin-top:18px}.leadership-list>div{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(0,.6fr);gap:30px;align-items:center;padding-block:28px;border-top:1px solid var(--line)}.leadership-list>div:last-child{border-bottom:1px solid var(--line)}.leadership-list h3{font-size:35px}.leadership-list>div>span{font-size:14px;color:var(--muted)}.studio-page-links{display:flex;gap:50px;margin-top:30px}
.process-timeline{padding-bottom:50px}.timeline-chapter{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr) minmax(0,.7fr);gap:55px;padding-block:55px;border-top:1px solid var(--line);align-items:start}.timeline-number{font-family:var(--display);font-size:clamp(4rem,8vw,7.5rem);line-height:.95;letter-spacing:-.07em;color:var(--accent)}.timeline-chapter h2{font-size:40px}.timeline-chapter p{margin-top:22px}.timeline-chapter .eyebrow{margin-bottom:20px}.timeline-chapter ul{list-style:none;padding:0;margin:35px 0 0}.timeline-chapter li{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.working-agreement{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--tint);padding:50px 55px;margin-bottom:96px;border-radius:5px;align-items:center}.working-agreement h2{font-size:42px}
.faq-page-body{max-width:980px;padding-bottom:96px}.page-faq details{border-top:1px solid var(--line)}.page-faq details:last-child{border-bottom:1px solid var(--line)}.page-faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;font-size:22px;font-family:var(--display);line-height:1.4;letter-spacing:-.025em;padding:26px 0}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary .icon{transition:transform .25s}.page-faq details[open] summary .icon{transform:rotate(45deg)}.page-faq details>p{max-width:800px;padding-bottom:30px;padding-right:40px}.page-faq summary:hover{color:var(--accent)}
.careers-page-hero{padding-top:30px}.careers-hero-title{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.careers-hero-title .button{margin-top:26px}.careers-word-strip{display:flex;justify-content:space-between;gap:30px;background:var(--lime);margin-top:65px;padding:46px 40px;font-family:var(--display);font-size:clamp(2.5rem,5.7vw,5.3rem);line-height:1;letter-spacing:-.06em;border-radius:5px}.career-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:55px}.roles-section{background:#e8ebdf}.role-row{display:flex;align-items:center;justify-content:space-between;gap:35px;border-block:1px solid #bdc7b4;padding-block:35px}.role-row .eyebrow{margin-bottom:18px}.role-row h3{font-size:clamp(1.8rem,3vw,2.8rem)}.role-row p{margin-top:15px}.role-row>.icon{width:34px;height:34px}.role-row:hover h3{color:#466321}.roles-note{font-size:13px!important;margin-top:22px}.career-open-note{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.career-open-note .button{margin-top:25px}.role-hero{padding-bottom:50px}.role-hero h1{font-size:clamp(3rem,6vw,5.5rem)}.role-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.role-meta>span{border:1px solid #cdd4c4;padding:8px 16px;font-size:14px;border-radius:3px}.role-detail{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.25fr);gap:100px;padding-bottom:96px}.application-note{background:#e8ebdf;padding:34px;position:sticky;top:125px;align-self:start;border-radius:5px}.application-note h2{font-size:37px}.application-note>p{margin:23px 0}.application-note .button{width:100%;gap:18px;padding-inline:14px}.application-note .small-note{font-size:13px;margin-bottom:0}.role-prose h2{font-size:28px;margin-bottom:18px}.role-prose>h2:not(:first-child){margin-top:35px}.role-prose ul{padding-left:21px}.role-prose li{margin-bottom:12px;padding-left:5px}.role-prose p{line-height:1.8}
.contact-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:90px;padding-block:30px 90px}.contact-page h1{font-size:clamp(3rem,5.8vw,5.5rem)}.contact-page .page-lead{margin-top:27px;max-width:430px}.contact-page-email{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.025em;display:flex;align-items:center;gap:20px;margin-top:35px;overflow-wrap:anywhere}.contact-page-email:hover{color:var(--accent)}.contact-channels{display:grid;gap:12px;margin-top:24px}.contact-channels>a{display:flex;align-items:center;gap:16px;min-height:30px;font-size:15px}.contact-channels .icon{width:17px}.contact-project-prompt{border-top:1px solid var(--line);padding-top:28px;margin-top:36px;font-size:15px!important;max-width:400px}.contact-project-prompt .text-link{display:flex;justify-content:space-between;margin-top:6px}.contact-form-wrap{margin-top:83px;background:#fff;padding:38px;border:1px solid #e0e2d8;border-radius:6px;align-self:start}.contact-form-wrap>h2{font-size:30px;margin-bottom:30px}
.page-field{margin-bottom:24px;min-width:0}.page-field label{display:block;font-size:14px;font-weight:550;margin-bottom:10px;color:var(--ink)}.page-field input,.page-field textarea,.page-field select{width:100%;min-height:52px;border:1px solid #cdd2c8;border-radius:4px;background:#fcfcf8;color:var(--ink);padding:12px 14px;line-height:1.5;font:inherit;font-size:16px;transition:border .2s,box-shadow .2s}.page-field textarea{resize:vertical;min-height:125px}.page-field select{font-family:var(--font);appearance:auto;padding-right:10px}.page-field input::placeholder,.page-field textarea::placeholder{color:#777f75;opacity:1}.page-field input:focus-visible,.page-field textarea:focus-visible,.page-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.form-explanation{font-size:13px!important;line-height:1.6!important;margin-top:16px}.contact-form-wrap form>.button{width:100%}.office-section{border-top:1px solid var(--line)}.office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.office-grid article{border-top:1px solid var(--line);padding-top:25px}.office-grid h3{font-size:31px;margin-bottom:20px}.office-grid address{font-style:normal;font-size:16px;line-height:1.8;color:var(--muted)}.office-grid .eyebrow{margin-bottom:18px;color:var(--accent)}
.project-start{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:100px;padding-block:30px 100px}.project-start-intro{position:sticky;top:120px;align-self:start}.project-start-intro h1{font-size:clamp(3.2rem,5.9vw,5.7rem)}.project-start-intro .page-lead{margin-top:26px;max-width:390px}.brief-progress{list-style:none;padding:0;margin:42px 0 30px;max-width:370px}.brief-progress li{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:15px 0;color:#777f73;font-size:15px}.brief-progress li>span{font-size:13px}.brief-progress [aria-current=step]{color:var(--blue);font-weight:600}.brief-progress .is-complete{color:var(--ink)}.project-form-wrap{background:#fff;border:1px solid #e1e3d9;border-radius:6px;padding:42px;margin-top:82px}.brief-step>h2{font-size:40px;letter-spacing:-.04em;margin-bottom:20px}.brief-step>.eyebrow{color:var(--blue);margin-bottom:18px}.brief-step>p{margin-bottom:28px}.service-choices{padding:0;border:0;margin:26px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{position:relative;display:flex;align-items:start;justify-content:space-between;gap:10px;border:1px solid #d5dacd;border-radius:4px;cursor:pointer;padding:18px 14px;transition:background .2s,border .2s;min-height:103px}.choice-card input{position:absolute;width:1px;height:1px;opacity:0}.choice-card strong{font-size:15px;line-height:1.3;display:block;font-weight:550}.choice-card small{font-size:12px;color:#6c7568;display:block;margin-top:7px;line-height:1.4}.choice-check{width:20px;height:20px;border:1px solid #a9b5a0;border-radius:3px;display:grid;place-items:center;flex-shrink:0}.choice-check .icon{width:15px;height:15px;opacity:0;stroke-width:2}.choice-card:has(input:checked){background:#eef1ff;border-color:var(--blue)}.choice-card:has(input:checked) .choice-check{background:var(--blue);border-color:var(--blue);color:#fff}.choice-card:has(input:checked) .choice-check .icon{opacity:1}.choice-card:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.choice-card:hover{border-color:#5f6f55}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px}.brief-review{margin:26px 0}.brief-review>div{padding:16px 0;border-top:1px solid var(--line)}.brief-review dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.brief-review dd{margin:7px 0 0;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.draft-panel{margin-top:30px;padding-top:30px;border-top:2px solid var(--blue)}.draft-panel .eyebrow{color:var(--blue)}.draft-panel h2{font-size:31px;margin-bottom:20px}.draft-panel>p{font-size:15px}.draft-panel textarea{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:4px;padding:15px;margin:20px 0;resize:vertical;line-height:1.7;font-family:var(--font);font-size:14px;color:var(--ink)}.draft-actions{display:flex;flex-wrap:wrap;gap:12px}.draft-actions .button{font-size:14px;gap:12px;padding-inline:16px}#draft-status{min-height:25px;margin-top:15px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Reveal is applied only after observer setup and never hides the reading content. */
.inner-page [data-reveal]{transition:transform .65s var(--ease),opacity .65s var(--ease)}
.inner-page .reveal-enter{transform:translateY(15px);opacity:.65}.inner-page .is-revealed{transform:none;opacity:1}
.inner-page.motion-paused *,.inner-page.page-hidden *{animation-play-state:paused!important}.inner-page.motion-paused [data-reveal]{transform:none!important;opacity:1!important;transition:none!important}
@keyframes art-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes mark-turn{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(7deg)}}
@media(min-width:1700px){.inner-page h1{font-size:104px}.detail-hero h1{font-size:90px}.family-hero-grid h1{font-size:92px}}
@media(max-width:1150px){.intro-split,.family-hero-grid,.industry-page-grid{gap:40px}.detail-hero-grid{gap:45px;grid-template-columns:1.3fr .8fr}.capability-band{gap:40px}.directory-section{gap:45px}.contact-page,.project-start{gap:40px}.contact-form-wrap,.project-form-wrap{padding:28px}.case-story,.role-detail{gap:60px}.studio-manifesto-symbol{width:300px;height:300px;right:5%}.values-grid{gap:22px}.page-section{padding-block:80px}.timeline-chapter{gap:30px}.site-header .mega-services{grid-template-columns:.95fr 1.35fr .75fr}.mega-panel{padding:23px}.mega-tabs{padding:14px}.mega-links{gap:0 14px}.mega-tabs strong{font-size:15px}.mega-links>a{font-size:13px}.inner-page h1{font-size:clamp(3.2rem,6.6vw,5.5rem)}.industry-page-grid h1{font-size:clamp(3rem,5.5vw,5rem)}}
@media(max-width:900px){.inner-page .site-header{margin-bottom:0}.inner-page h1{font-size:clamp(3rem,7.5vw,4.8rem)}.breadcrumbs{margin-bottom:34px}.intro-split{grid-template-columns:1fr;gap:28px}.intro-split>.page-lead{max-width:640px}.intro-split>div{max-width:660px}.page-intro{padding-bottom:50px}.family-hero-grid{gap:35px}.family-hero-grid h1{font-size:48px}.family-hero-grid .page-lead{font-size:17px}.family-art{aspect-ratio:.8}.directory-section{grid-template-columns:1fr;gap:35px}.directory-title{position:static}.directory-title h2 br{display:none}.directory-title>p{max-width:600px;margin-top:18px}.detail-hero-grid{grid-template-columns:1fr .75fr;gap:35px}.detail-hero h1{font-size:49px}.scope-note{padding:24px 23px 0}.scope-note h2{font-size:26px}.scope-art{margin-inline:-23px}.scope-note>p{font-size:15px}.detail-hero .page-lead{font-size:17px}.deliverable-grid{grid-template-columns:1fr 1fr;gap:32px}.deliverable-number{margin-bottom:28px}.delivery-grid{gap:50px}.delivery-grid h2{font-size:38px}.related-work .portfolio-project{gap:40px}.capability-band{grid-template-columns:.75fr 1fr;gap:35px}.capability-links{grid-template-columns:1fr}.capability-art{top:100px;aspect-ratio:.85}.page-section-heading{gap:35px}.case-story{gap:50px;grid-template-columns:.65fr 1.2fr}.case-art{height:460px}.case-story>aside{top:110px}.industry-editorial{gap:35px}.industry-page-grid{grid-template-columns:1fr;gap:38px}.industry-page-grid h1{max-width:760px;font-size:56px}.industry-page-grid .page-lead{max-width:680px}.industry-page-art{height:450px}.challenge-rows article{gap:25px;grid-template-columns:25px 1fr 1fr}.challenge-rows h3{font-size:24px}.studio-manifesto{padding:40px;min-height:480px}.studio-manifesto-symbol{right:4%;width:260px;height:260px;top:22%}.studio-manifesto>div>p{font-size:55px}.studio-belief>div{margin-left:0}.values-grid{grid-template-columns:1fr 1fr;gap:35px}.values-grid article>span{margin-bottom:26px}.leadership-list{padding-top:0}.leadership-list h3{font-size:28px}.leadership-list>div{grid-template-columns:25px 1fr .8fr}.timeline-chapter{grid-template-columns:85px 1fr;gap:30px}.timeline-chapter ul{grid-column:2;margin-top:0;display:flex;flex-wrap:wrap;gap:12px 25px}.timeline-chapter li{font-size:14px}.working-agreement{gap:40px;padding:35px}.working-agreement h2{font-size:34px}.careers-hero-title{gap:35px}.careers-word-strip{gap:20px;padding:35px 28px}.career-open-note{gap:45px}.role-detail{gap:40px;grid-template-columns:.75fr 1fr}.application-note{padding:25px;top:110px}.application-note h2{font-size:30px}.contact-page,.project-start{grid-template-columns:1fr;gap:0}.contact-page-copy .page-lead{max-width:650px}.contact-page h1{font-size:65px}.contact-form-wrap{margin-top:42px;padding:35px}.contact-project-prompt{max-width:100%}.project-start-intro{position:static}.project-start-intro .page-lead{max-width:650px}.brief-progress{display:flex;max-width:none;gap:25px;margin:32px 0 18px}.brief-progress li{flex:1;gap:10px}.project-start-intro>.text-link{margin-bottom:10px}.project-form-wrap{margin-top:25px;padding:36px;max-width:760px;width:100%}.office-grid{gap:25px}.office-grid h3{font-size:27px}.page-cta>.container{align-items:start;flex-direction:column;gap:30px}.inner-page .site-footer p{font-size:14px}}
@media(max-width:600px){.inner-page .container{width:calc(100% - 36px)}.inner-page h1,.inner-page .family-hero-grid h1,.inner-page .detail-hero h1,.inner-page .industry-page-grid h1,.inner-page .contact-page h1,.inner-page .project-start-intro h1,.inner-page .role-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.048em}.inner-page h2{font-size:33px;line-height:1.12}.inner-page h3{font-size:24px}.inner-page .page-lead{font-size:18px}.inner-page p{font-size:16px}.breadcrumbs{font-size:13px;gap:5px 8px;margin-bottom:28px}.page-intro,.family-hero,.detail-hero,.case-hero,.industry-page-hero,.studio-page-hero,.careers-page-hero{padding-top:19px}.page-intro{padding-bottom:38px}.intro-split{gap:24px}.page-section{padding-block:58px}.page-section-heading{display:block;margin-bottom:30px}.page-section-heading>p{margin-top:20px;max-width:none}.inner-page .eyebrow{font-size:12px}.page-cta{padding-block:58px}.page-cta h2{font-size:39px}.page-cta .button{width:100%;justify-content:space-between}.capability-band{grid-template-columns:1fr;gap:28px;padding-block:34px}.capability-art{position:relative;top:auto;aspect-ratio:1.4}.capability-art img{object-position:center 45%}.capability-art>span{bottom:20px;left:22px;font-size:55px}.capability-links{grid-template-columns:1fr;gap:0;margin-block:22px}.capability-copy>p{margin-top:18px}.capability-copy>.button{width:100%;justify-content:space-between}.family-hero-grid{grid-template-columns:1fr;gap:35px}.family-hero-grid .page-lead{font-size:18px}.family-art{aspect-ratio:1.15;max-height:400px}.family-word{font-size:65px;left:24px;bottom:20px}.focus-strip{margin-top:30px;grid-template-columns:1fr;padding:8px 0}.focus-strip>span{border:0;border-bottom:1px solid var(--line);padding:12px 0;text-align:left;font-size:14px}.focus-strip>span:last-child{border:0}.directory-section{gap:25px}.directory-title h2 br{display:none}.service-directory-row{grid-template-columns:23px minmax(0,1fr) 20px;gap:12px;padding-block:24px}.service-directory-row h3{font-size:23px}.service-directory-row p{font-size:15px}.service-directory-row .row-index{font-size:12px}.related-work .portfolio-project{display:block}.related-work .portfolio-caption h3{font-size:29px}.related-work{padding-top:0}.detail-hero-grid{grid-template-columns:1fr;gap:35px}.detail-hero{padding-bottom:42px}.detail-hero .page-lead{font-size:18px}.scope-note{padding:28px 25px 0}.scope-note h2{font-size:30px}.scope-note h2 br{display:none}.scope-note>p{font-size:17px;max-width:380px}.scope-art{height:150px;margin-inline:-25px}.deliverable-grid{gap:20px}.deliverable-grid h3{font-size:21px;line-height:1.35}.deliverable-number{font-size:36px;margin-bottom:25px}.delivery-band{padding-block:55px}.delivery-grid{grid-template-columns:1fr;gap:25px}.delivery-grid h2{font-size:35px}.delivery-grid li{font-size:16px}.portfolio-toolbar{display:block;padding-block:16px;margin-bottom:28px}.filter-buttons{gap:5px}.filter-buttons button{padding:10px 12px;font-size:13px}.filter-buttons button span{display:none}.portfolio-toolbar>span{display:block;margin-top:16px;font-size:13px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-art{aspect-ratio:1.1}.portfolio-caption{padding-top:18px}.portfolio-caption h3{font-size:26px}.portfolio-caption p{font-size:14px}.portfolio-view{font-size:13px;padding:11px 15px;bottom:16px;right:16px;gap:18px}.portfolio-section{padding-bottom:58px}.case-topline{align-items:start;font-size:13px;padding-bottom:17px;margin-bottom:25px}.case-topline>span:last-child{text-align:right;max-width:46%}.case-hero{padding-bottom:35px}.case-art{height:360px}.case-art img{width:88%;height:83%}.case-art.art-sysartx img{width:200px;height:185px}.case-art-name{left:17px;bottom:17px;font-size:18px}.case-metrics{padding-block:28px}.case-metrics>div{padding:0 10px}.case-metrics strong{font-size:33px}.case-metrics span{font-size:12px;line-height:1.5;margin-top:10px}.case-story{grid-template-columns:1fr;gap:40px}.case-story>aside{position:static}.case-story dl{display:grid;grid-template-columns:90px 1fr;gap:10px 15px;margin-top:24px}.case-story dt,.case-story dd{margin:0}.case-story dt{padding-top:3px}.story-chapters h2{font-size:30px}.story-chapters p{font-size:17px;margin-top:18px}.story-chapters>article+article{margin-top:40px}.next-project{padding-block:30px 45px}.next-project>a>.icon{width:30px;height:30px}.next-project h2{font-size:34px}.industry-directory{padding-bottom:58px}.industry-editorial{grid-template-columns:1fr;gap:25px;padding-block:30px}.industry-editorial:nth-child(even) .industry-editorial-art{order:0}.industry-editorial h2{font-size:32px}.industry-editorial p{font-size:18px;margin-top:15px}.industry-editorial .text-link{margin-top:16px}.industry-editorial .eyebrow{margin-bottom:15px}.industry-page-hero{padding-bottom:35px}.industry-page-art{height:350px}.challenge-rows article{grid-template-columns:25px 1fr;gap:15px;padding-block:26px}.challenge-rows article>p{grid-column:2}.challenge-rows h3{font-size:24px}.studio-manifesto{padding:30px 25px;min-height:590px;margin-top:35px}.studio-manifesto>div>p{font-size:43px;line-height:1.1}.studio-manifesto-symbol{width:180px;height:180px;top:auto;bottom:46px;right:25px}.manifesto-signature{bottom:26px;left:25px;font-size:25px}.studio-belief>div{grid-template-columns:1fr;gap:20px;margin-top:25px}.values-grid,.career-values{grid-template-columns:1fr;gap:30px}.values-grid article{display:grid;grid-template-columns:40px 1fr;gap:12px 18px}.values-grid article>span{font-size:29px;grid-row:1/3;margin:0}.values-grid p{margin:0;grid-column:2}.values-grid h3{font-size:26px}.leadership-list>div{grid-template-columns:25px 1fr;gap:6px 15px;padding-block:23px}.leadership-list p{grid-column:2;font-size:14px}.leadership-list h3{font-size:27px}.studio-page-links{flex-direction:column;align-items:start;gap:15px;margin-top:24px}.timeline-chapter{grid-template-columns:50px 1fr;gap:18px;padding-block:32px}.timeline-number{font-size:44px;line-height:1}.timeline-chapter h2{font-size:29px}.timeline-chapter .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:15px}.timeline-chapter p{font-size:16px;margin-top:18px}.timeline-chapter ul{display:block}.timeline-chapter li{font-size:14px;padding:11px 0}.working-agreement{grid-template-columns:1fr;padding:30px 24px;gap:25px;margin-bottom:58px}.working-agreement h2{font-size:32px}.faq-page-body{padding-bottom:58px}.page-faq summary{font-size:20px;padding-block:22px}.page-faq details>p{padding-right:0;font-size:16px;padding-bottom:24px}.careers-hero-title{grid-template-columns:1fr;gap:25px}.careers-hero-title .button{margin-top:22px}.careers-word-strip{flex-direction:column;gap:12px;font-size:48px;line-height:1.1;padding:28px;margin-top:35px}.careers-word-strip span:nth-child(2){align-self:center}.careers-word-strip span:nth-child(3){align-self:end}.role-row{padding-block:27px;gap:20px}.role-row h3{font-size:28px}.role-row>.icon{width:25px;height:25px}.role-row p{font-size:14px}.career-open-note{grid-template-columns:1fr;gap:24px}.role-detail{display:flex;flex-direction:column-reverse;gap:35px;padding-bottom:58px}.application-note{position:static;width:100%;padding:28px}.role-prose h2{font-size:27px}.role-meta{gap:8px;margin-top:25px}.role-meta>span{font-size:13px;padding:7px 12px}.contact-page{padding-block:19px 58px}.contact-page-email{font-size:26px;margin-top:27px}.contact-channels>a{min-height:40px}.contact-project-prompt{margin-top:25px;padding-top:24px}.contact-form-wrap{padding:25px 20px;margin-top:30px}.contact-form-wrap>h2{font-size:28px;margin-bottom:26px}.page-form-row{grid-template-columns:1fr;gap:0}.page-field{margin-bottom:21px}.office-grid{grid-template-columns:1fr;gap:30px}.office-grid h3{font-size:29px}.office-grid .eyebrow{margin-bottom:15px}.project-start{padding-block:19px 58px}.brief-progress{gap:12px;margin-top:30px}.brief-progress li{font-size:13px;align-items:start;gap:7px}.brief-progress li>span{font-size:12px}.project-form-wrap{padding:27px 20px;margin-top:20px}.brief-step>h2{font-size:32px}.service-choices{gap:9px;margin-block:22px}.choice-card{padding:15px 11px;gap:7px;min-height:105px}.choice-card strong{font-size:14px}.choice-card small{font-size:12px}.choice-check{width:17px;height:17px}.step-actions{gap:10px}.step-actions .button{padding-inline:15px;font-size:14px;gap:12px}.draft-actions{flex-direction:column}.draft-actions .button{width:100%;justify-content:space-between}.draft-panel h2{font-size:29px}.project-start-intro>.text-link{font-size:14px}.inner-page .site-footer p{font-size:13px}}
@media(max-width:370px){.inner-page h1,.inner-page .family-hero-grid h1,.inner-page .detail-hero h1,.inner-page .industry-page-grid h1,.inner-page .contact-page h1,.inner-page .project-start-intro h1{font-size:39px}.service-choices{grid-template-columns:1fr}.choice-card{min-height:83px}.case-metrics strong{font-size:29px}.filter-buttons button{padding-inline:9px}.step-actions{flex-wrap:wrap}.step-actions .button{flex:1}.contact-page-email{font-size:23px}.project-form-wrap{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.inner-page *,.inner-page *::before,.inner-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.inner-page [data-reveal]{opacity:1!important;transform:none!important}}

/* Center the short, repeated groups; preserve the page's reading alignment. */
.deliverable-grid article {
  text-align: center;
}
.deliverable-grid h3 {
  margin-inline: auto;
  text-wrap: balance;
}
.about-stats > div,
.about-stats > div:first-child {
  padding-inline: clamp(10px, 2.5vw, 36px);
  text-align: center;
  justify-items: center;
}
.about-stats span {
  text-wrap: balance;
}
.case-metrics > div,
.case-metrics > div:first-child {
  padding-inline: clamp(10px, 2.1vw, 30px);
  text-align: center;
}
.case-metrics span {
  text-wrap: balance;
}
.process-grid {
  column-gap: clamp(20px, 2.5vw, 35px);
}
.process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 0;
  text-align: center;
}
.process-grid .process-step:nth-child(2),
.process-grid .process-step:nth-child(4) {
  padding-top: 0;
}
.process-step h3 {
  width: 100%;
  max-width: none;
  text-wrap: balance;
}
.process-step p {
  margin-inline: auto;
  text-wrap: pretty;
}
.process-node::before {
  left: 50%;
  transform: translateX(-50%);
}
.process-node::after {
  transform-origin: center;
}
.process-deliverable {
  margin-top: auto;
  padding-top: 23px;
  text-wrap: balance;
}
.footer-signature {
  justify-content: center;
  gap: clamp(8px, 1.3vw, 22px);
  padding-inline: 0;
}
@media (max-width: 600px) {
  .process-deliverable { padding-top: 19px; }
  .case-metrics > div,
  .case-metrics > div:first-child { padding-inline: 10px; }
}

/* Supplied AbexLook identity for the header and studio. */
.brand > .brand-lockup {
  display: block;
  width: 186px;
  height: auto;
  filter: none;
}
/* Original teal identity on a soft purple studio card. */
.studio-visual {
  background: #eee7f7;
  color: #443454;
  box-shadow: inset 0 0 0 1px #d9cce9;
}
.studio-brand img { filter: none; }
.studio-brand > span { color: #000; }
.studio-visual > p { color: #443454; }
.studio-small { color: #62516f; border-top-color: #d4c5e2; }
.studio-manifesto-symbol {
  filter: brightness(0) invert(91%) sepia(49%) saturate(645%) hue-rotate(24deg) brightness(109%) contrast(94%);
}
.inner-page h1 { color: var(--ink); }
.inner-page h1 .heading-accent { color: var(--accent); }
@media (max-width: 600px) {
  .brand > .brand-lockup { width: 156px; }
}

/* Responsive corrections: retain the existing content, palette, and motion. */
:where(.container, .footer-grid, .featured-project, .project-pair, .service-bento,
  .industries-section, .process-grid, .about-section, .about-stats, .faq-section,
  .contact-grid, .form-row, .family-hero-grid, .detail-hero-grid, .delivery-grid,
  .portfolio-grid, .case-story, .industry-editorial, .studio-belief > div,
  .careers-hero-title, .career-open-note, .office-grid, .working-agreement,
  .service-choices, .brief-progress) > * { min-width: 0; }
main :where(h1, h2, h3, h4, p, a, li, label, summary, dd) { overflow-wrap: anywhere; }
.button { max-width: 100%; }
.text-link { max-width: 100%; }
.form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
fieldset { min-width: 0; }
input, textarea, select { min-width: 0; max-width: 100%; }
.brand { flex-shrink: 0; }
.breadcrumbs > * { min-width: 0; overflow-wrap: anywhere; }
.studio-small, .studio-page-links, .step-actions, .cycle-footer { flex-wrap: wrap; }
.mobile-nav { overscroll-behavior: contain; padding-bottom: max(32px, env(safe-area-inset-bottom)); }
.site-header .mega-menu { max-height: calc(100dvh - var(--nav-bottom, 110px) - 12px); }
.site-header .menu-feature h2 { font-size: 31px; line-height: 1.1; }
.site-header .mega-company h2 { font-size: 36px; line-height: 1.1; }

/* Let the complete footer flow, and size its signature to width AND height. */
.site-footer {
  overflow: visible;
  padding-top: clamp(24px, 4vh, 50px);
  padding-top: clamp(24px, 4svh, 50px);
}
.site-footer > .container { container-type: inline-size; }
.footer-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1fr); }
.site-footer .footer-grid h2 { font-size: 12px; line-height: 1.5; letter-spacing: .01em; }
.footer-grid a, .footer-grid p { overflow-wrap: anywhere; }
.footer-signature {
  font-size: min(18vw, 24vh, 290px);
  line-height: 1.08;
  margin-top: clamp(18px, 3vh, 41px);
  margin-top: clamp(18px, 3svh, 41px);
  padding-block: .04em .08em;
  gap: .045em;
}
@supports (font-size: 1cqi) {
  .footer-signature { font-size: min(21cqi, 24svh, 290px); }
}
.footer-signature > span { font-size: .12em; margin-top: 1.2em; flex-shrink: 0; }
.footer-bottom { flex-wrap: wrap; gap: 12px 30px; padding-block: clamp(14px, 2.5vh, 23px); }
.footer-bottom > div { min-width: 0; gap: 8px 24px; }
.footer-bottom a, .footer-motion { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; }
.footer-bottom > div a:last-child { display: inline-flex; }
.footer-bottom { padding-bottom: max(19px, env(safe-area-inset-bottom)); }

@media (max-width: 1150px) {
  .site-header .menu-feature h2 { font-size: 28px; }
  .site-header .mega-company { gap: 30px; padding: 30px; }
}
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
  .footer-grid > div:last-child { grid-column: auto; }
  .contact-section .contact-grid > div { display: block; }
  .contact-section .contact-grid > div > p { margin-top: 24px; }
  .contact-section .contact-email { margin: 24px 0 0; }
  .contact-section .contact-phone { margin-top: 9px; }
  .page-section-heading { flex-wrap: wrap; gap: 24px; }
  .office-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .office-grid > article:last-child { grid-column: 1 / -1; }
}

/* Small tablets need the same readable single-column flow as phones. */
@media (max-width: 780px) {
  .featured-project, .family-hero-grid, .detail-hero-grid, .capability-band,
  .delivery-grid, .industry-editorial, .careers-hero-title, .career-open-note,
  .working-agreement, .case-story { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .featured-project { gap: 0; }
  .featured-copy { min-height: 0; }
  .featured-art { min-height: 0; height: clamp(300px, 65vw, 440px); }
  .featured-art img { height: 80%; max-height: 360px; }
  .service-bento { display: flex; flex-direction: column; gap: 0; }
  .bento-art { order: -1; min-height: 0; height: clamp(290px, 50vw, 390px); }
  .glass-art-stack { inset: 20px 15px 40px; }
  .bento-main { padding: 28px 0 0; }
  .bento-art #service-message { display: none; }
  .cycle-tracks { min-width: 50%; }
  .cycle-caption { display: none; }
  .industries-section { display: flex; flex-direction: column; gap: 0; }
  .industries-section .section-heading { margin-bottom: 28px; }
  .industry-tabs { width: 100%; margin-bottom: 24px; }
  .industry-panel, .industry-navigation { width: 100%; }
  .about-section, .faq-section { display: flex; flex-direction: column; align-items: stretch; gap: 32px; }
  .studio-visual { aspect-ratio: auto; min-height: 440px; }
  .careers-section { flex-direction: column; align-items: flex-start; gap: 24px; }
  .family-art { aspect-ratio: 1.3; max-height: 420px; }
  .capability-art { position: relative; top: auto; aspect-ratio: 1.4; }
  .industry-editorial:nth-child(even) .industry-editorial-art { order: 0; }
  .case-story > aside { position: static; }
  .related-work .portfolio-project { display: block; }
  .related-work .portfolio-caption { padding-top: 22px; }
  .challenge-rows article { grid-template-columns: 25px minmax(0, 1fr); gap: 15px; }
  .challenge-rows article > p { grid-column: 2; }
  .role-detail { display: flex; flex-direction: column-reverse; gap: 35px; }
  .application-note { position: static; width: 100%; }
  .studio-manifesto { min-height: 0; padding-bottom: 65px; }
  .studio-manifesto-symbol { position: relative; inset: auto; margin: 25px 0 15px auto; width: 180px; height: 180px; }
  .careers-word-strip { flex-wrap: wrap; gap: 18px 30px; }
}

@media (max-width: 600px) {
  .footer-grid { gap: 28px 24px; }
  .footer-grid > div:first-child { display: flex; flex-direction: column; gap: 0; grid-column: 1 / -1; }
  .footer-grid > div > p { text-align: left; margin-top: 15px; }
  .footer-grid > div:last-child { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; }
  .footer-bottom > div { gap: 8px 20px; }
  .footer-signature { margin-top: 28px; }
  .form-row { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .office-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-restored .hero-intro .hero-copy { min-height: 0; padding-block: 56px 45px; }
  .hero-restored .hero-intro h1 { font-size: clamp(32px, 8.9vw, 40px); }
  .hero-restored .hero-intro .hero-copy > p { font-size: 16px; line-height: 1.7; }
  .hero-restored .hero-intro .button { min-width: 0; width: min(100%, 260px); }
  .hero-restored .hero-intro .hero-work-link { font-size: 14px; min-height: 44px; }
  .brief-progress { flex-wrap: wrap; }
  .brief-progress li { flex: 1 1 80px; }
  .page-cta .button { gap: 18px; }
  .case-art-name { max-width: calc(100% - 34px); overflow-wrap: anywhere; }
  .service-tabs > button { min-width: 0; }
}
@media (max-width: 400px) {
  .process-grid, .deliverable-grid { grid-template-columns: minmax(0, 1fr); }
  .process-step p { max-width: 32ch; }
  .process-number { font-size: 72px; }
  .service-tabs { grid-template-columns: minmax(0, 1fr); }
  .service-tabs > button { min-height: 52px; font-size: 14px; }
  .service-choices { grid-template-columns: minmax(0, 1fr); }
  .industry-tabs { display: flex; }
  .industry-tabs > button:nth-child(n) { padding-inline: 0; min-height: 64px; }
  .industry-tabs > button[aria-selected=true] { padding-left: 7px; }
  .industry-tab-title { font-size: 18px; }
  .about-stats { gap: 0; }
  .about-stats strong { font-size: clamp(28px, 9vw, 36px); }
  .about-stats > div, .about-stats > div:first-child { padding-inline: 5px; }
  .step-actions .button { width: 100%; justify-content: space-between; }
  .contact-page-email, .contact-email { font-size: 21px; gap: 10px; }
}
@media (max-width: 340px) {
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .case-metrics { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .case-metrics > div { border: 0; }
}
/* A short landscape viewport must not lose its reading area to sticky chrome. */
@media (max-height: 500px) {
  .site-header { position: relative; }
  .capability-art, .directory-title, .case-story > aside, .application-note, .project-start-intro { position: static; }
}

/* Original teal symbols with light lettering, directly on the footer. */
.site-footer .footer-brand {
  display: inline-flex;
  width: min(100%, 210px);
  padding: 12px 16px;
  background: transparent;
  border-radius: 6px;
}
.site-footer .footer-brand .footer-original-logo {
  display: block;
  width: 100%;
  height: auto;
  filter: none;
}
.site-footer .footer-signature-original {
  background: transparent;
  border-radius: 6px;
  padding: clamp(20px, 3vw, 42px);
  align-items: center;
}
.footer-signature-original img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 24svh;
  object-fit: contain;
  filter: none;
}

.site-footer .footer-logo-art {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  line-height: 0;
}
.footer-signature-original .footer-logo-art {
  max-width: calc(24svh * 4.03629);
}
.site-footer .footer-logo-art img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}
.footer-logo-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #e6ecdd;
  -webkit-mask: url("./assets/abexlook-logo.ee4254e55958.png") center / 100% 100% no-repeat;
  mask: url("./assets/abexlook-logo.ee4254e55958.png") center / 100% 100% no-repeat;
  clip-path: inset(0 0 0 26%);
  pointer-events: none;
}

/* Restore lime only on the large footer signature. */
.footer-signature-original .footer-logo-art::after {
  background: var(--lime);
  clip-path: none;
}

/* Studio reference: airy white surface, teal heading, and translucent accents. */
.studio-reference-surface {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fafcfb;
}
.studio-reference-surface .about-section { position: relative; }
.studio-reference-wave {
  position: absolute;
  top: clamp(310px, 34vw, 530px);
  left: 0;
  width: 100%;
  height: 310px;
  color: #00a3bc;
  opacity: .12;
  pointer-events: none;
}
.studio-reference-surface .about-copy .muted-heading { color: #007f9a; }
.studio-reference-surface .about-copy .eyebrow {
  display: flex;
  align-items: center;
  gap: 20px;
}
.studio-reference-surface .studio-visual {
  background: rgba(255, 255, 255, .88);
  border: 1px solid #fff;
  border-radius: 18px;
  box-shadow: 0 14px 45px #00647918;
  aspect-ratio: 1.16;
  min-height: 460px;
  color: var(--ink);
  backdrop-filter: blur(10px);
}
.studio-reference-surface .studio-visual::before,
.studio-reference-surface .studio-visual::after {
  content: "";
  position: absolute;
  width: 65%;
  height: 55%;
  border-radius: 50%;
  background: #dceff1;
  opacity: .55;
  pointer-events: none;
}
.studio-reference-surface .studio-visual::before { top: -33%; left: -32%; }
.studio-reference-surface .studio-visual::after { bottom: -31%; right: -30%; }
.studio-reference-surface .studio-visual > * { position: relative; z-index: 1; }
.studio-reference-surface .studio-visual > p { color: #404754; }
.studio-reference-surface .studio-small {
  justify-content: flex-end;
  color: #63747b;
  border-color: #dce7e9;
}
@media (max-width: 780px) {
  .studio-reference-surface .studio-visual { aspect-ratio: auto; min-height: 440px; }
  .studio-reference-wave { top: 380px; height: 360px; }
}