/* GACO — creative growth, real stories and social commerce. */
:root {
  --background:#090d17;
  --foreground:#f4f6fc;
  --panel:#121927;
  --muted:#a9b4c8;
  --line:rgba(209,222,246,.17);
  --cyan:#69e5ef;
  --blue:#477cfa;
  --pink:#ff72b0;
  --acid:#d9ff67;
  --paper:#f5f7fa;
  --ink:#111a2b;
  --shell:1380px;
  --header-height:90px;
  --font-sans:"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,Arial,sans-serif;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:105px}
body {margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
button,summary {font:inherit}
img {display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure {margin:0}
h1,h2,h3 {text-wrap:balance}
a,summary {-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible,button:focus-visible {outline:3px solid var(--blue);outline-offset:6px}
::selection {background:var(--cyan);color:var(--ink)}
.shell {width:min(var(--shell),calc(100% - 96px));margin-inline:auto}
.skip-link {position:fixed;left:20px;top:-90px;padding:12px 20px;background:var(--acid);color:var(--ink);z-index:100}
.skip-link:focus {top:12px}
.site-header {position:sticky;top:0;z-index:30;background:rgba(9,13,23,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner {min-height:var(--header-height);display:flex;align-items:center;gap:28px}
.brand {display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}
.brand img {width:122px;height:auto}
.brand>span {font-size:.75rem;font-weight:650;letter-spacing:.12em;color:#b4c1d6}
.desktop-nav {display:flex;align-items:center;gap:27px;margin-left:auto;font-size:.875rem;font-weight:600}
.desktop-nav a {padding-block:12px;transition:color .2s}
.desktop-nav a:hover {color:var(--cyan)}
.desktop-nav .nav-contact {padding:10px 23px;border:1px solid #778395;border-radius:999px;margin-left:6px}
.desktop-nav .nav-contact:hover {background:var(--foreground);border-color:var(--foreground);color:var(--background)}
.mobile-menu {display:none;margin-left:auto}
.mobile-menu summary {cursor:pointer;list-style:none;padding:12px 0;font-size:.875rem;font-weight:700;letter-spacing:.08em}
.mobile-menu summary span {margin-left:8px}
.mobile-menu summary::-webkit-details-marker {display:none}
.mobile-menu nav {position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;max-height:calc(100vh - var(--header-height) - 1px);max-height:calc(100dvh - var(--header-height) - 1px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 24px;background:var(--panel);box-shadow:0 20px 24px #0003}
.mobile-menu nav a {padding:14px 0;border-bottom:1px solid var(--line)}
.eyebrow {font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.16em;color:var(--cyan)}
.hero {position:relative;overflow:hidden;padding-bottom:6px;background:radial-gradient(ellipse at 88% 32%,#477cfa19,transparent 46%),radial-gradient(ellipse at 55% 54%,#ff72b00b,transparent 50%),var(--background)}
.hero-grid {display:grid;grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr);gap:48px;align-items:center;padding-block:80px 78px;min-height:730px}
.hero-copy {position:relative;z-index:3}
.hero h1 {margin-top:28px;font-size:clamp(2.65rem,4.05vw,4.1rem);line-height:1.48;font-weight:700;letter-spacing:-.065em}
.hero h1 span {display:block}
.hero h1 span:last-child {color:var(--cyan);background:linear-gradient(100deg,#88eafa 5%,#b8c4ff 57%,#ffb0cc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead {max-width:600px;margin-top:26px;color:#d5dbe7;line-height:2.1;font-size:1.0625rem}
.hero-detail {max-width:590px;margin-top:16px;color:var(--muted);font-size:.875rem;line-height:2}
.hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:27px;margin-top:32px}
.button {display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:14px 28px;border-radius:999px;font-size:.875rem;font-weight:700;transition:transform .2s,background .2s}
.button:hover {transform:translateY(-3px)}
.button-acid {background:var(--acid);color:var(--ink)}
.button-acid:hover {background:#e8ffb0}
.text-link {display:inline-flex;width:fit-content;align-items:center;font-size:.875rem;font-weight:600;padding-bottom:5px;border-bottom:1px solid currentColor;transition:color .2s}
.text-link:hover {color:var(--blue)}
.hero .text-link:hover,.creative .text-link:hover {color:var(--cyan)}
.hero-visual {position:relative;height:570px;width:100%;max-width:560px;isolation:isolate}
.visual-orbit {position:absolute;left:-30px;top:82px;width:470px;height:400px;border:1px solid #6fe6f025;border-radius:50%;transform:rotate(-25deg);z-index:-1;background:radial-gradient(ellipse,#477cfa20,transparent 70%)}
.visual-orbit::after {content:"";position:absolute;inset:24px -20px;border:1px solid #ff72b026;border-radius:50%;transform:rotate(45deg)}
.story-card {position:absolute;left:-16px;top:191px;width:300px;overflow:hidden;border:1px solid #ffffff45;border-radius:18px;background:var(--panel);transform:rotate(-11deg);box-shadow:0 20px 70px #0005}
.story-card img {width:100%;height:165px;object-fit:cover}
.story-card>div {padding:13px 18px 17px}
.story-card span {display:block;font-size:.75rem;letter-spacing:.12em;color:var(--cyan)}
.story-card strong {display:block;margin-top:4px;font-size:.875rem}
.social-phone {position:absolute;top:18px;right:25px;width:268px;height:484px;padding:8px;border:1px solid #c5d0e77d;border-radius:36px;background:#171e2c;transform:rotate(7deg);box-shadow:0 38px 80px #0007,0 0 0 5px #ffffff05;z-index:2}
.phone-screen {position:relative;height:100%;overflow:hidden;border-radius:28px;background:#1c69a1}
.phone-screen>img {width:100%;height:100%;object-fit:cover;object-position:47% center}
.phone-screen::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#03122735,transparent 40%,#051428e8)}
.phone-top {position:absolute;left:16px;right:16px;top:23px;z-index:1;display:flex;justify-content:space-between;color:white;font-size:.75rem;letter-spacing:.04em}
.phone-top span:last-child {color:#e3f5ff}
.phone-copy {position:absolute;left:22px;right:18px;bottom:67px;z-index:1;color:white}
.phone-copy>span {font-size:.75rem;letter-spacing:.1em}
.phone-copy strong {display:block;margin:9px 0 12px;font-size:1.7rem;line-height:1.55;letter-spacing:-.045em}
.phone-copy small {font-size:.75rem;color:#d8e9ee}
.phone-bottom {position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:1;border-top:1px solid #ffffff4a;padding-top:13px;font-size:.75rem;font-weight:600;color:#e1f3fa}
.visual-label {position:absolute;z-index:3;top:77px;left:0;transform:rotate(-7deg);border-radius:999px;padding:10px 17px;background:var(--pink);color:#201124;font-size:.75rem;font-weight:800;letter-spacing:.08em;box-shadow:0 15px 50px #0002}
.growth-note {position:absolute;left:10px;bottom:42px;z-index:3;width:230px;padding:21px 23px;border:1px solid #ffffff2d;border-radius:18px;background:rgba(19,30,47,.95);box-shadow:0 22px 50px #0004;transform:rotate(-3deg)}
.growth-note>span {font-size:.75rem;color:var(--cyan);letter-spacing:.04em}
.growth-note>strong {display:block;font-size:1rem;line-height:1.8;margin-top:8px}
.growth-line {display:flex;gap:5px;margin-top:15px}
.growth-line i {height:4px;flex:1;background:var(--cyan);border-radius:2px}
.growth-line i:nth-child(2) {background:#a7acff}
.growth-line i:nth-child(3) {background:var(--pink)}
.growth-line i:nth-child(4) {background:var(--acid)}
.visual-caption {position:absolute;bottom:1px;right:10px;color:#8898b5;font-size:.75rem;letter-spacing:.09em}
.proof-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:64px}
.proof-item {position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#1723349c,#1218265c);padding:25px 30px 26px}
.proof-item::before {content:"";position:absolute;top:0;left:30px;width:44px;height:2px;background:var(--cyan)}
.proof-item:nth-child(2)::before {background:var(--pink)}
.proof-item:nth-child(3)::before {background:var(--acid)}
.proof-item>strong {display:block;font-size:clamp(2.4rem,3.4vw,3.6rem);line-height:1.3;font-weight:650;letter-spacing:-.055em}
.proof-item strong small {font-size:.5em;letter-spacing:0;margin-left:5px}
.proof-item>span {display:block;font-size:.875rem;color:#dce3f0;margin-top:10px;line-height:1.7}
.proof-item>p {font-size:.75rem;color:var(--muted);margin-top:5px}
.word-ribbon {display:flex;justify-content:center;gap:45px;align-items:center;padding:16px 24px;transform:rotate(-1deg) scale(1.02);background:linear-gradient(110deg,#264fe0,#623dd4 57%,#9e347d);font-size:.875rem;font-weight:700;letter-spacing:.16em;white-space:nowrap}
.word-ribbon i {font-size:1.2rem;color:var(--acid);font-style:normal}
.section {padding-block:112px}
.section-head {display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:95px;margin-bottom:55px}
.section h2 {margin-top:20px;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.5;letter-spacing:-.055em;font-weight:650}
.section-head>p,.section-intro>p {color:var(--muted);font-size:1rem;line-height:2}
.section-head>p {padding-top:39px}
.section-intro>p+p {margin-top:18px}
.philosophy {background:#0c121e}
.philosophy h2 {max-width:670px}
.journey-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.journey-step {position:relative;padding-top:21px;border-top:1px solid var(--line)}
.journey-step>div {display:flex;align-items:center;justify-content:space-between;gap:20px}
.journey-step>div>span {font-size:1.2rem;letter-spacing:-.04em;color:var(--cyan)}
.journey-step:nth-child(2)>div>span {color:#b1b1ff}
.journey-step:nth-child(3)>div>span {color:var(--pink)}
.journey-step:nth-child(4)>div>span {color:var(--acid)}
.journey-step small {font-size:.75rem;letter-spacing:.14em;color:#b5c2d6}
.journey-step h3 {font-size:1.2rem;margin:26px 0 13px}
.journey-step p {font-size:.875rem;color:var(--muted);line-height:1.9}
.services {background:var(--paper);color:var(--ink)}
.services .eyebrow,.works .eyebrow,.news .eyebrow,.company .eyebrow {color:#355de5}
.services .section-head>p,.works .section-head>p {color:#596477}
.service-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.service-card {padding:36px 38px 35px;display:flex;flex-direction:column;align-items:start;min-height:550px;overflow:hidden;border-radius:26px;background:#0e1929;color:#f5f7fc;box-shadow:0 12px 35px #1023370c}
.service-card:nth-child(1) {background:radial-gradient(ellipse at top right,#24515b78,transparent 62%),#101b2a}
.service-card:nth-child(2) {margin-top:46px;background:radial-gradient(ellipse at top right,#5538728c,transparent 65%),#171728}
.service-meta {display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
.service-meta>span:first-child {font-size:.75rem;letter-spacing:.09em;color:var(--cyan)}
.service-card:nth-child(2) .service-meta>span:first-child {color:#ffb4d4}
.service-number {font-size:3.25rem;font-weight:600;letter-spacing:-.06em;line-height:1;color:#ffffff27}
.service-card h3 {font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.6;letter-spacing:-.035em;margin:45px 0 22px}
.service-card>p {font-size:1rem;color:#bbc6d7;line-height:1.95}
.service-card ul {display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:25px 0 28px;padding:0}
.service-card li {border:1px solid #dce6fb28;border-radius:999px;padding:4px 12px;font-size:.875rem;color:#dce5f4}
.service-card>.text-link {margin-top:auto;border-color:#65748b}
.service-card>.text-link:hover {color:var(--cyan)}
.creative-note {display:grid;grid-template-columns:1.05fr 1fr;gap:22px 60px;align-items:start;margin-top:44px;padding:36px 38px;border:1px solid #ccd4e0;border-radius:24px;background:#fff}
.creative-note h3 {font-size:1.5rem;line-height:1.6;letter-spacing:-.03em;margin-top:14px;max-width:440px}
.creative-note>p {color:#596477;font-size:1rem;line-height:1.95}
.creative-note>.text-link {grid-column:2}
.works {background:#eaf0f7;color:var(--ink)}
.case-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.case-card {display:flex;flex-direction:column;align-items:start;min-height:370px;padding:31px 34px 30px;border:1px solid #d5dce8;border-radius:24px;background:#fff}
.case-card:nth-child(2) {background:#e1eeff}
.case-card:nth-child(3) {background:#e2f3ec}
.case-card:nth-child(4) {background:#f8e7ef}
.case-top {display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:.75rem;letter-spacing:.07em;color:#53657a}
.case-top>span:last-child {font-size:1.2rem;color:#536175}
.client-label {display:inline-block;margin-top:33px;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#566677}
.case-card h3 {font-size:1.8rem;line-height:1.5;letter-spacing:-.035em;margin:6px 0 16px}
.case-card>p {color:#566477;font-size:1rem;line-height:1.9}
.case-year {font-size:.75rem;color:#637185;margin-top:17px}
.case-card>.text-link {margin-top:auto;padding-top:24px;color:#254ea7}
.creative {background:#0b111c;padding-top:126px}
.creative-layout {display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}
.creative-photo {position:relative;padding-bottom:30px}
.creative-photo>img {width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:22px}
.image-note {font-size:.75rem;color:#a1adc2;line-height:1.7;margin-top:16px}
.photo-stamp {position:absolute;left:-18px;bottom:76px;background:var(--acid);color:#263126;font-size:.75rem;font-weight:800;line-height:1.45;letter-spacing:.04em;padding:19px 23px;border-radius:13px;transform:rotate(-6deg)}
.creative-copy h2 {margin:20px 0 28px}
.creative-copy>p:not(.eyebrow) {color:#b8c2d4;font-size:1rem;line-height:2}
.creative-copy>p+p {margin-top:15px}
.founder-line {display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
.founder-line>strong {font-size:2rem;font-weight:600;letter-spacing:-.045em}
.founder-line>span {font-size:.875rem;line-height:1.8;color:var(--muted)}
.creative-copy>.text-link {margin-top:24px}
.gallery-heading {display:flex;justify-content:space-between;gap:24px;align-items:end;margin-top:73px;margin-bottom:23px}
.gallery-heading h3 {font-size:1.35rem;font-weight:550}
.gallery-heading span {font-size:.75rem;letter-spacing:.1em;color:var(--muted)}
.photo-strip {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.photo-strip img {width:100%;aspect-ratio:4000/1848;object-fit:contain;border-radius:16px}
.news {background:var(--paper);color:var(--ink)}
.news-layout,.company-layout {display:grid;grid-template-columns:1fr 1.45fr;gap:95px}
.news h2,.company h2 {font-size:clamp(1.8rem,2.5vw,2.5rem)}
.news-layout>div>.text-link {margin-top:26px}
.news-list {border-top:1px solid #cbd4e1}
.news-item {display:grid;grid-template-columns:104px 1fr;gap:13px 25px;padding:26px 0;border-bottom:1px solid #cbd4e1;transition:background .2s}
.news-item time {font-size:.8125rem;color:#657185;padding-top:3px}
.news-item h3 {font-size:1rem;font-weight:550;line-height:1.85}
.news-item:hover h3 {color:#355de5}
.news-label {grid-column:2;font-size:.75rem;letter-spacing:.1em;color:#596779}
.company {background:#fff;color:var(--ink);padding-top:80px}
.company-note {color:#647085;margin-top:22px;line-height:2}
.company-table {margin:0;border-top:1px solid #cbd4e1}
.company-table>div {display:grid;grid-template-columns:124px 1fr;gap:25px;border-bottom:1px solid #dce3ed;padding:22px 0;font-size:.9375rem}
.company-table dt {font-weight:550}
.company-table dd {margin:0;color:#536175;white-space:pre-line}
.company-table a {text-decoration:underline;text-underline-offset:4px}
.contact {padding-block:100px;background:radial-gradient(ellipse at 84% 90%,#5142854d,transparent 52%),#0b1220}
.contact-inner {display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:center}
.contact h2 {font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.5;letter-spacing:-.055em;margin:22px 0}
.contact p:not(.eyebrow) {font-size:1rem;color:#b8c5d8;line-height:2}
.contact-actions {display:flex;flex-direction:column;align-items:flex-start;gap:20px;justify-self:end}
.contact-actions>.button {padding-inline:44px;min-height:62px;font-size:1rem}
.contact-email {font-size:1.45rem;letter-spacing:-.02em}
.contact-form-link {font-size:.875rem;text-decoration:underline;text-underline-offset:6px;color:#c0cadd}
.footer {border-top:1px solid var(--line);background:#080c15;padding-block:35px}
.footer-inner {display:flex;align-items:center;justify-content:space-between;gap:32px}
.footer-brand {display:flex;align-items:center;gap:22px}
.footer-brand>img {width:110px}
.footer-brand>span,.footer small {font-size:.75rem;letter-spacing:.06em;color:#a3b0c7}
.footer-inner>a {font-size:.8125rem;color:#c6cfdf;text-decoration:underline;text-underline-offset:5px}
.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}
@media(min-width:1101px) {
  .hero-visual {animation:visual-enter .9s ease both}
  .hero-copy {animation:copy-enter .7s ease both}
}
@keyframes visual-enter {from {opacity:0;translate:0 20px} to {opacity:1;translate:0 0}}
@keyframes copy-enter {from {opacity:0;translate:0 12px} to {opacity:1;translate:0 0}}
@media(max-width:1180px) {
  .shell {width:calc(100% - 64px)}
  .desktop-nav {gap:19px}
  .brand>span {display:none}
  .hero-grid {grid-template-columns:minmax(0,1fr) minmax(370px,.85fr);gap:20px}
  .hero h1 {font-size:2.65rem}
  .social-phone {right:0}
  .story-card {left:-25px;width:270px}
  .growth-note {left:-24px}
  .visual-label {left:-20px}
  .section-head,.creative-layout,.news-layout,.company-layout {gap:50px}
  .proof-item {padding-inline:23px}
}
@media(max-width:980px) {
  :root {--header-height:80px}
  .desktop-nav {display:none}
  .mobile-menu {display:block}
  .brand>span {display:block}
  .hero-grid {grid-template-columns:1fr;gap:36px;padding-block:58px 60px}
  .hero h1 {font-size:clamp(2.65rem,6.2vw,4.1rem)}
  .hero-lead {max-width:690px}
  .hero-visual {width:500px;margin-inline:auto;max-width:100%}
  .story-card {left:0}
  .social-phone {right:20px}
  .growth-note {left:14px}
  .visual-label {left:12px}
  .section-head {grid-template-columns:1fr;gap:25px}
  .section-head>p {padding-top:0;max-width:700px}
  .section-intro {max-width:740px}
  .section {padding-block:84px}
  .service-card {padding:28px;min-height:580px}
  .service-card h3 {font-size:1.65rem}
  .service-card:nth-child(2) {margin-top:26px}
  .journey-grid {grid-template-columns:1fr 1fr;gap:35px}
  .creative-layout {grid-template-columns:1fr;gap:35px}
  .creative-photo {max-width:700px;order:2;margin-top:12px}
  .creative-photo>img {aspect-ratio:4000/1848;object-fit:contain}
  .creative-copy {max-width:760px}
  .gallery-heading {margin-top:40px}
  .news-layout,.company-layout {grid-template-columns:1fr;gap:38px}
  .contact-inner {grid-template-columns:1fr;gap:36px}
  .contact-actions {justify-self:start}
  .footer-brand {flex-direction:column;gap:8px;align-items:flex-start}
  .word-ribbon {gap:26px;font-size:.75rem}
}
@media(max-width:650px) {
  :root {--header-height:74px}
  html {scroll-padding-top:88px}
  .shell {width:calc(100% - 40px)}
  .brand img {width:102px}
  .brand>span {font-size:.75rem;letter-spacing:.035em}
  .hero-grid {padding-top:41px;padding-bottom:38px;gap:40px}
  .hero h1 {font-size:clamp(1.9rem,6.9vw,2.7rem);line-height:1.65;letter-spacing:-.065em;margin-top:22px}
  .hero-lead {font-size:1rem;margin-top:22px}
  .hero-detail {font-size:.875rem}
  .hero-actions {gap:20px;margin-top:27px}
  .hero-visual {width:500px;max-width:none;height:570px;margin-inline:calc((100% - 500px)/2);transform:scale(.73);transform-origin:center top;margin-bottom:-145px}
  .proof-grid {grid-template-columns:1fr;gap:10px;padding-bottom:44px}
  .proof-item {padding:19px 22px;display:grid;grid-template-columns:116px 1fr;gap:0 15px;align-items:center}
  .proof-item>strong {grid-row:1/3;font-size:2.25rem}
  .proof-item>span {margin-top:0;font-size:.8125rem}
  .proof-item>p {font-size:.75rem;margin-top:4px}
  .proof-item::before {left:22px;width:30px}
  .word-ribbon {gap:20px;justify-content:flex-start;overflow:hidden;padding-block:13px;font-size:.75rem;letter-spacing:.08em}
  .section {padding-block:65px}
  .section h2 {font-size:clamp(1.8rem,6.5vw,2.2rem);margin-top:17px;line-height:1.6}
  .section-head {gap:22px;margin-bottom:36px}
  .journey-grid {gap:28px 22px}
  .journey-step>div {display:block}
  .journey-step small {display:block;margin-top:5px}
  .journey-step h3 {font-size:1.1rem;margin-top:20px}
  .journey-step p {font-size:.875rem}
  .service-grid,.case-grid {grid-template-columns:1fr}
  .service-card:nth-child(2) {margin-top:0}
  .service-card {padding:29px 25px;min-height:auto}
  .service-card h3 {font-size:1.55rem;margin-top:32px}
  .service-meta {gap:12px}
  .service-meta>span:first-child {font-size:.75rem;letter-spacing:.04em}
  .service-number {font-size:2.5rem}
  .service-card>.text-link {margin-top:8px}
  .creative-note {grid-template-columns:1fr;padding:27px 24px;gap:21px;margin-top:20px}
  .creative-note h3 {font-size:1.3rem}
  .creative-note>.text-link {grid-column:auto}
  .case-card {padding:26px;min-height:auto}
  .case-card h3 {font-size:1.6rem}
  .case-top {font-size:.75rem;letter-spacing:.01em}
  .client-label {margin-top:23px}
  .creative-layout {gap:25px}
  .creative-photo {padding-bottom:0}
  .photo-stamp {left:-7px;bottom:52px;padding:11px 16px;font-size:.75rem}
  .founder-line {gap:20px}
  .founder-line>strong {font-size:1.7rem}
  .gallery-heading {display:block;margin-top:30px}
  .gallery-heading h3 {font-size:1.1rem}
  .gallery-heading>span {display:block;margin-top:10px}
  .photo-strip {grid-template-columns:1fr;gap:16px}
  .news-item {grid-template-columns:1fr;padding:23px 0;gap:8px}
  .news-label {grid-column:1}
  .company-table>div {grid-template-columns:1fr;gap:7px;padding-block:19px}
  .contact {padding-block:65px}
  .contact h2 {font-size:2rem}
  .contact-actions>.button {min-height:56px;padding-inline:29px}
  .footer-inner {flex-wrap:wrap;gap:26px}
  .footer small {width:100%}
}
@media(max-width:370px) {
  .hero-visual {transform:scale(.63);margin-bottom:-203px}
  .proof-item {grid-template-columns:100px 1fr;gap:0 10px;padding-inline:18px}
  .proof-item>strong {font-size:2rem}
}
.subpage {background:var(--paper);color:var(--ink)}
.subpage .site-header,.subpage .footer {color:var(--foreground)}
.breadcrumbs {display:flex;flex-wrap:wrap;gap:13px;padding-top:30px;font-size:.8125rem;color:#596779}
.breadcrumbs a {text-decoration:underline;text-underline-offset:4px}
.subpage-heading {padding-block:64px 58px}
.subpage-heading h1 {font-size:clamp(2rem,4.3vw,4rem);line-height:1.5;letter-spacing:-.045em;margin-top:22px}
.subpage .eyebrow {color:#355de5}
.subpage-lead {max-width:760px;margin-top:25px;line-height:2;color:#536175}
.footer-links {display:flex;flex-wrap:wrap;gap:14px 24px;font-size:.875rem}
.footer-links a {text-decoration:underline;text-underline-offset:5px}
.archive-list {padding-bottom:100px}
.archive-item {display:block;padding:34px 0;border-top:1px solid #cbd4e1}
.archive-item:last-child {border-bottom:1px solid #cbd4e1}
.archive-item>div {display:flex;gap:24px;align-items:center;font-size:.8125rem;color:#596779}
.archive-item>div>span {font-size:.75rem;letter-spacing:.08em}
.archive-item h2 {font-size:clamp(1.25rem,2.1vw,1.75rem);line-height:1.65;max-width:1000px;margin:14px 0}
.archive-read {font-size:.875rem;text-decoration:underline;text-underline-offset:5px;color:#254ea7}
.archive-item:hover h2 {color:#355de5}
.article-shell {width:min(850px,calc(100% - 96px));margin-inline:auto;padding:55px 0 90px}
.article-heading time {display:block;margin:20px 0 16px;font-size:.875rem;color:#596779}
.article-heading h1 {font-size:clamp(1.7rem,3.1vw,2.75rem);line-height:1.65;letter-spacing:-.035em}
.archive-note {font-size:.8125rem;color:#596779;margin-top:22px}
.article-body {margin-top:42px;padding-top:38px;border-top:1px solid #cbd4e1;font-size:1rem;line-height:2.1;overflow-wrap:anywhere}
.article-body>p+p {margin-top:22px}
.article-body h2 {font-size:1.4rem;line-height:1.65;margin:40px 0 20px}
.article-body h3 {font-size:1.1rem;margin:28px 0 16px}
.article-body a {color:#254ea7;text-decoration:underline;text-underline-offset:4px}
.article-body ul {padding-left:1.4em}
.article-image {margin:30px 0}
.article-image img {width:100%;height:auto;border-radius:12px}
.article-bottom {display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-top:55px;padding-top:30px;border-top:1px solid #cbd4e1}
.gallery-page {background:#0b111c;color:var(--foreground)}
.gallery-page .eyebrow {color:var(--cyan)}
.gallery-page .breadcrumbs {color:var(--muted)}
.gallery-intro {display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}
.gallery-intro>p {color:#b8c2d4;line-height:2;max-width:490px}
.gallery-meta {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.gallery-meta strong {color:var(--cyan);font-weight:500;letter-spacing:.08em}
.portfolio-grid {display:flex;flex-wrap:wrap;gap:14px}
.portfolio-grid::after {content:"";flex:999 1 0}
.portfolio-photo {position:relative;display:block;flex:var(--ratio) 1 calc(var(--ratio)*230px);aspect-ratio:var(--ratio);min-width:0;max-width:100%;background:#111927;border-radius:6px;cursor:zoom-in;overflow:hidden}
.portfolio-photo img {width:100%;height:100%;object-fit:contain;transition:filter .2s}
.portfolio-photo:hover img {filter:brightness(1.07)}
.portfolio-photo>span {position:absolute;bottom:8px;left:8px;padding:1px 7px;border-radius:4px;background:#090d17b8;color:white;font-size:.75rem;line-height:1.8;opacity:0;transition:opacity .2s}
.portfolio-photo:hover>span,.portfolio-photo:focus-visible>span {opacity:1}
.gallery-end {display:flex;flex-wrap:wrap;gap:24px 40px;padding-block:70px 95px}
.gallery-viewing {overflow:hidden}
.gallery-dialog {position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:20px 30px;background:#080d16fa;color:var(--foreground)}
.gallery-dialog[open] {display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.gallery-dialog::backdrop {background:#080d16}
.gallery-dialog-header,.gallery-dialog-footer {display:flex;align-items:center;justify-content:space-between;gap:16px}
.gallery-dialog-header {font-size:.875rem;letter-spacing:.06em}
.gallery-dialog-header>p {color:var(--muted)}
.gallery-dialog button {min-height:44px;padding:8px 18px;border:1px solid #8995a9;border-radius:999px;background:transparent;color:inherit;cursor:pointer;font-size:.875rem;line-height:1.5}
.gallery-dialog button:hover {background:#ffffff15}
.gallery-dialog-stage {min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.gallery-large-image {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.gallery-large-image[hidden] {display:none}
.gallery-dialog-footer {font-size:.875rem;color:var(--muted)}
.gallery-dialog-footer>p {text-align:center}
.contact-page-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start;padding-bottom:100px}
.email-panel {background:var(--panel);color:var(--foreground);padding:38px;border-radius:24px;display:flex;align-items:flex-start;flex-direction:column}
.email-panel .eyebrow {color:var(--cyan)}
.email-panel h2 {font-size:1.4rem;line-height:1.7;margin-top:15px}
.email-address {font-size:clamp(1.4rem,2.5vw,2.2rem);margin-block:22px;overflow-wrap:anywhere}
.email-panel>p:last-child {font-size:.875rem;line-height:1.9;color:#b8c2d4;margin-top:22px}
.contact-guidance h2 {font-size:1.25rem;margin-bottom:15px}
.contact-guidance>p,.contact-company>p {color:#536175;line-height:2}
.contact-company {border-top:1px solid #cbd4e1;margin-top:30px;padding-top:30px}
.contact-company strong {display:block;margin-bottom:14px}
.contact-company a {margin-top:24px}
.standalone-company {max-width:960px;padding-bottom:100px}
.not-found {padding-bottom:120px}
.not-found .button {margin-top:30px}
@media(max-width:980px) {
  .gallery-intro,.contact-page-grid {grid-template-columns:1fr;gap:32px}
  .gallery-intro>p {max-width:700px}
  .article-shell {width:calc(100% - 64px)}
}
@media(max-width:650px) {
  .breadcrumbs {padding-top:22px}
  .subpage-heading {padding-block:38px 40px}
  .subpage-heading h1 {font-size:2rem;margin-top:18px}
  .archive-list,.contact-page-grid,.standalone-company {padding-bottom:65px}
  .archive-item {padding-block:25px}
  .article-shell {width:calc(100% - 40px);padding-top:36px;padding-bottom:65px}
  .article-body {margin-top:28px;padding-top:26px}
  .article-body h2 {font-size:1.25rem}
  .gallery-meta {align-items:flex-start;flex-direction:column;gap:8px}
  .portfolio-grid {gap:8px}
  .portfolio-photo {flex-basis:calc(var(--ratio)*105px);border-radius:4px}
  .gallery-dialog {padding:12px;gap:10px}
  .gallery-dialog-header>p {font-size:.75rem;letter-spacing:0}
  .gallery-dialog-footer>p {font-size:.75rem}
  .gallery-dialog button {padding:8px 14px}
  .gallery-end {padding-block:45px 65px}
  .email-panel {padding:27px 24px}
}
/* Full corporate information architecture, integrated with the approved homepage. */
.section-link {margin-top:30px}
.creative-links {display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}
.home-service-links {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.home-service-links>a {display:flex;align-items:center;gap:12px;padding:22px 18px;border:1px solid #cbd4e1;border-radius:12px;font-size:.875rem;line-height:1.7;background:#fff}
.home-service-links>a>span:first-child {color:#355de5;font-size:.75rem}
.home-service-links>a>span:last-child {margin-left:auto}
.home-service-links>a:hover {border-color:#477cfa;color:#254ea7}
.footer-map {display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:40px;padding-block:22px 48px;margin-bottom:30px;border-bottom:1px solid #ffffff24}
.footer-map>div {display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-map p {color:var(--cyan);font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:6px}
.footer-map a {color:#bac5d8;font-size:.875rem;line-height:1.8}
.footer-map a:hover {color:var(--cyan);text-decoration:underline;text-underline-offset:5px}
.company-entry-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.company-entry {position:relative;padding:30px 28px 54px;border:1px solid #d6dfeb;border-radius:20px;background:#fff;color:var(--ink);transition:transform .2s,border-color .2s}
.company-entry:hover {transform:translateY(-4px);border-color:var(--blue)}
.entry-index {display:block;font-size:.7rem;letter-spacing:.11em;color:#355de5;font-weight:700}
.company-entry h3 {font-size:1.3rem;line-height:1.5;margin:22px 0 12px}
.company-entry p {font-size:.875rem;line-height:1.9;color:#536175}
.entry-arrow {position:absolute;bottom:20px;right:26px;font-size:1.5rem;color:#355de5}
.home-company-entries {margin-top:60px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.home-company-entries .company-entry {padding:24px 20px 50px;border-radius:14px}
.home-company-entries .company-entry h3 {font-size:1.0625rem}
.section-nav {display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px;border-bottom:1px solid #d5deeb}
.section-nav a {padding:11px 20px;border:1px solid #cbd4e1;border-radius:999px;font-size:.8125rem;color:#4c5b72;background:#fff}
.section-nav a:hover {border-color:#355de5;color:#355de5}
.section-nav a[aria-current=page] {background:var(--ink);border-color:var(--ink);color:var(--cyan)}
.corporate-content {padding-block:64px 0}
.corporate-section {padding-block:64px 0}
.compact-section-head {margin-bottom:30px;max-width:790px}
.compact-section-head h2 {font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.7;margin:12px 0}
.compact-section-head>p:last-child:not(.eyebrow) {line-height:2;color:#536175;font-size:.9375rem}
.page-closing {margin-top:90px;margin-bottom:90px;padding:38px 44px;background:#10192a;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}
.page-closing .eyebrow {color:var(--cyan)}
.page-closing h2 {margin-top:12px;font-size:1.6rem;line-height:1.7}
.company-hub {padding-bottom:10px}
.message-feature {display:grid;grid-template-columns:1.15fr 1fr;background:#111a2b;border-radius:28px;overflow:hidden;margin-bottom:28px;color:#f4f6fc}
.message-feature-image {position:relative;min-height:400px}
.message-feature-image img {width:100%;height:100%;object-fit:cover}
.message-feature-image>span {position:absolute;bottom:24px;left:26px;color:white;font-size:.65rem;letter-spacing:.15em;background:#10192acc;padding:8px 12px;border-radius:4px}
.message-feature-copy {padding:50px 44px;align-self:center}
.message-feature-copy .eyebrow {color:var(--cyan)}
.message-feature-copy h2 {font-size:clamp(1.75rem,2.8vw,2.75rem);line-height:1.55;margin-top:24px;letter-spacing:-.04em}
.message-feature-copy>p:not(.eyebrow) {font-size:.9375rem;line-height:2;color:#b8c5d8;margin:24px 0}
.message-feature-copy>.text-link {color:var(--acid)}
.name-story {display:grid;grid-template-columns:.85fr 1.3fr;gap:60px;padding-block:80px 0}
.name-story h2 {font-size:1.6rem;margin-top:14px;line-height:1.7}
.name-story>div>p:last-child {line-height:2;color:#536175;font-size:.9375rem;margin-top:20px}
.name-words {display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:1.2rem;font-weight:700}
.name-words i {color:#355de5;font-style:normal}
.overview-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.company-identity {border-radius:22px;background:#e8edf8;padding:36px}
.company-identity h2 {font-size:1.6rem;line-height:1.8;margin-top:22px}
.company-identity>p:not(.eyebrow) {line-height:2;font-size:.9375rem;color:#536175;margin:22px 0}
.capability-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.capability-grid>article {padding:30px;background:white;border:1px solid #d9e1ec;border-radius:18px}
.capability-grid h3 {font-size:1.15rem;line-height:1.7;margin:15px 0 14px}
.capability-grid p {font-size:.9375rem;line-height:2;color:#536175}
.founder-message {display:grid;grid-template-columns:.82fr 1.3fr;gap:80px;align-items:start}
.message-aside {position:sticky;top:125px}
.message-aside figure {margin:0}
.message-aside img {width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.message-aside figcaption {font-size:.6875rem;color:#66748a;line-height:1.8;margin-top:12px}
.message-pullquote {font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.9;letter-spacing:-.03em;margin:36px 0 24px;font-weight:600}
.message-body>p {font-size:1rem;line-height:2.3;color:#344157;margin-bottom:28px}
.message-signature {display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid #d5deeb;margin-top:38px;padding-top:28px;gap:10px}
.message-signature strong {font-size:2rem;font-weight:500;letter-spacing:-.04em}
.message-signature span,.message-signature small {font-size:.8125rem;color:#596779}
.vision-statement {display:grid;grid-template-columns:1fr 1.2fr;gap:60px}
.vision-main {font-size:1.5rem;line-height:2;font-weight:600;letter-spacing:-.03em}
.vision-statement>div p {color:#536175;font-size:.9375rem;line-height:2.1;margin-bottom:20px}
.values-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.values-grid article {position:relative;padding:34px 28px;background:white;border:1px solid #d9e1ec;border-radius:20px}
.value-index {display:block;font-size:3rem;font-weight:600;line-height:1;color:#d9e3f7;margin-bottom:25px;letter-spacing:-.06em}
.values-grid .eyebrow {font-size:.65rem;letter-spacing:.08em}
.values-grid h3 {font-size:1.2rem;line-height:1.7;margin:12px 0}
.values-grid article>p:last-child {font-size:.875rem;color:#536175;line-height:2}
.values-grid article:last-child {grid-column:span 2;background:#10192a;color:#f4f6fc}
.values-grid article:last-child .eyebrow {color:var(--cyan)}
.values-grid article:last-child>p:last-child {color:#c0cadb}
.member-list {display:grid;gap:28px}
.member-card {display:grid;grid-template-columns:.8fr 1.4fr;gap:40px;border-radius:24px;border:1px solid #d9e1ec;background:white;padding:42px}
.member-monogram {display:grid;place-items:center;width:88px;height:88px;background:#e7f8fa;color:#195d68;border-radius:28px;font-size:3rem;font-weight:500;margin-bottom:28px}
.member-card:nth-child(2) .member-monogram {background:#eee9fb;color:#6b488f}
.member-card:nth-child(3) .member-monogram {background:#f1f5db;color:#52611b}
.member-identity .eyebrow {font-size:.65rem;letter-spacing:.08em}
.member-identity h2 {font-size:2rem;line-height:1.5;margin-top:12px}
.member-role {font-size:.8125rem;color:#536175;line-height:1.9;margin-top:12px}
.member-details h3 {font-size:1.1rem;line-height:2;font-weight:500}
.member-details ul {padding-left:20px;margin:22px 0;color:#536175;font-size:.9375rem;line-height:2}
.member-details li+li {margin-top:12px}
.strengths-list>article {display:grid;grid-template-columns:100px 1fr;gap:25px;padding:40px 0;border-bottom:1px solid #d5deeb}
.strengths-list>article:first-child {padding-top:0}
.strength-number {font-size:3.2rem;color:#355de5;font-weight:500;letter-spacing:-.08em;line-height:1.2}
.strengths-list h2 {font-size:1.6rem;line-height:1.8;margin:12px 0}
.strengths-list article>div>p:last-child {max-width:850px;line-height:2;color:#536175}
.legacy-logo-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.legacy-logo-grid figure {margin:0;padding:12px;background:white;border-radius:14px;border:1px solid #d9e1ec;overflow:hidden}
.legacy-logo-grid img {width:100%;aspect-ratio:1;object-fit:contain}
.legacy-award-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.legacy-award-grid>a {padding:12px 12px 18px;background:white;border-radius:16px;border:1px solid #d9e1ec}
.legacy-award-grid img {width:100%;height:auto}
.legacy-award-grid span {display:block;text-align:center;font-size:.75rem;color:#355de5;margin-top:12px}
.service-positioning {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;background:#10192a;color:white;padding:32px;border-radius:18px;font-size:1.2rem}
.service-positioning i {color:var(--cyan);font-style:normal;font-size:1.5rem}
.service-detail-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.service-detail-grid>a {display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d5deeb;background:white;padding:32px 28px;border-radius:20px;transition:transform .2s,border-color .2s}
.service-detail-grid>a:hover {transform:translateY(-4px);border-color:var(--blue)}
.service-index {font-size:3.3rem;color:#c9d8f5;font-weight:600;letter-spacing:-.08em;line-height:1;margin-bottom:30px}
.service-detail-grid .eyebrow {font-size:.65rem;letter-spacing:.08em}
.service-detail-grid h2 {font-size:1.4rem;line-height:1.7;margin:18px 0}
.service-detail-grid>a>p:not(.eyebrow) {font-size:.9375rem;line-height:2;color:#536175;margin-bottom:30px}
.service-detail-grid .text-link {margin-top:auto}
.studio-panel {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px;background:#e7edf7;border-radius:22px;margin-top:30px}
.studio-panel h2 {font-size:1.5rem;margin-top:16px}
.studio-panel p:not(.eyebrow) {font-size:.9375rem;line-height:2;color:#536175;margin:20px 0}
.studio-panel img {width:100%;height:auto;border-radius:14px}
.service-page-label {font-size:1rem;font-weight:600;margin-top:22px}
.service-page-label+h1 {margin-top:16px}
.audience-line {display:flex;align-items:baseline;gap:18px;margin-top:28px;color:#536175;font-size:.8125rem;line-height:1.9}
.audience-line>span {font-size:.65rem;letter-spacing:.12em;font-weight:700;color:#355de5}
.service-process {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;counter-reset:steps}
.service-process li {display:flex;flex-direction:column;gap:24px;padding:28px 24px;border-top:3px solid #477cfa;background:#e8edf7;font-size:.9375rem;line-height:1.8;border-radius:0 0 12px 12px}
.service-process span {font-size:.75rem;color:#355de5;font-weight:600}
.service-context>h2 {font-size:1.5rem;line-height:1.8;margin-bottom:22px}
.service-context>p {max-width:850px;line-height:2;color:#536175}
.platform-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.platform-grid article {padding:24px;border:1px solid #d5deeb;border-radius:14px}
.platform-grid h3 {font-size:1.05rem;line-height:1.8;margin-bottom:12px}
.platform-grid p {font-size:.875rem;line-height:1.9;color:#536175}
.related-cases {display:grid;gap:14px}
.related-cases>a {display:grid;grid-template-columns:100px 1fr 25px;gap:20px;align-items:center;border:1px solid #d5deeb;border-radius:16px;background:white;padding:28px}
.related-cases>a>span {font-size:.7rem;color:#355de5;font-weight:600}
.related-cases h3 {font-size:1.125rem;line-height:1.8}
.service-reference-images {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}
.service-reference-images figure {margin:0;padding:24px;background:white;border-radius:16px}
.service-reference-images img {width:100%;height:210px;object-fit:contain}
.service-reference-images figcaption {font-size:.7rem;color:#66748a;margin-top:14px}
.legacy-reference {margin-top:30px;border-top:1px solid #d5deeb;padding-top:24px}
.legacy-reference summary {cursor:pointer;font-size:.875rem;color:#536175}
.legacy-reference>p {font-size:.8125rem;color:#66748a;line-height:2;margin-top:18px}
.archive-years {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.archive-years a {padding:10px 20px;background:#e5ebf6;border-radius:999px;font-size:.875rem;color:#254ea7}
.archive-year {display:grid;grid-template-columns:140px minmax(0,1fr);gap:36px;margin-bottom:50px;scroll-margin-top:125px}
.archive-year>h2 {font-size:2.4rem;font-weight:500;letter-spacing:-.05em;color:#355de5;padding-top:28px}
.archive-item h3 {font-size:clamp(1.1rem,1.9vw,1.5rem);line-height:1.8;max-width:1000px;margin:14px 0}
.archive-item:hover h3 {color:#355de5}
.legacy-article-note {padding:22px 26px;background:#e6edf8;border-radius:14px;color:#536175;font-size:.9375rem}
.article-body a {overflow-wrap:anywhere}
@media(max-width:1100px) {
  .home-company-entries {grid-template-columns:repeat(3,minmax(0,1fr))}
  .founder-message {gap:42px}
  .message-feature-copy {padding:36px}
  .overview-grid {gap:36px}
  .service-detail-grid {gap:16px}
  .service-detail-grid>a {padding:28px 22px}
}
@media(max-width:850px) {
  .company-entry-grid,.values-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-service-links {grid-template-columns:1fr}
  .name-story,.overview-grid,.vision-statement,.founder-message {grid-template-columns:1fr;gap:38px}
  .message-aside {position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;align-items:start}
  .message-aside figure {grid-row:span 2}
  .message-pullquote {margin:0;font-size:1.5rem}
  .message-feature {grid-template-columns:1fr}
  .message-feature-image {min-height:0;aspect-ratio:2.6}
  .message-feature-copy {padding:36px}
  .message-feature-copy h2 br {display:none}
  .member-card {padding:32px;gap:28px;grid-template-columns:.85fr 1.2fr}
  .legacy-logo-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .legacy-logo-grid figure {padding:4px}
  .legacy-award-grid,.platform-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-detail-grid {grid-template-columns:1fr}
  .service-detail-grid>a {padding:32px}
  .service-index {font-size:2.4rem;margin-bottom:20px}
  .service-process {grid-template-columns:repeat(2,minmax(0,1fr))}
  .studio-panel {grid-template-columns:1fr}
  .page-closing {padding:32px}
}
@media(max-width:650px) {
  .footer-map {grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:8px 32px}
  .footer-map>div:last-child {grid-column:span 2}
  .footer-map a {font-size:.75rem}
  .company-entry-grid {grid-template-columns:1fr;gap:12px}
  .company-entry,.home-company-entries .company-entry {padding:23px 25px;border-radius:14px}
  .company-entry h3 {margin-top:14px;font-size:1.15rem}
  .company-entry p {padding-right:20px}
  .entry-arrow {bottom:22px;right:20px}
  .home-company-entries {margin-top:36px}
  .section-nav {gap:8px;padding-bottom:24px}
  .section-nav a {padding:9px 14px;font-size:.75rem}
  .corporate-content,.corporate-section {padding-top:40px}
  .page-closing {flex-direction:column;align-items:flex-start;gap:24px;padding:30px 25px;margin-block:55px;border-radius:18px}
  .page-closing h2 {font-size:1.35rem}
  .message-feature {border-radius:18px}
  .message-feature-image {aspect-ratio:1.7}
  .message-feature-copy {padding:30px 26px}
  .message-feature-copy h2 {margin-top:18px;font-size:1.8rem}
  .message-feature-copy h2 br {display:initial}
  .name-story {padding-top:44px;gap:20px}
  .name-words {font-size:1rem;gap:10px}
  .capability-grid,.values-grid {grid-template-columns:1fr;gap:14px}
  .capability-grid>article {padding:25px}
  .company-identity {padding:28px}
  .message-aside {display:block}
  .message-aside img {aspect-ratio:1.7}
  .message-pullquote {margin:26px 0 20px;font-size:1.4rem}
  .message-body>p {font-size:.9375rem;line-height:2.2}
  .vision-main {font-size:1.2rem}
  .values-grid article:last-child {grid-column:auto}
  .values-grid article {padding:28px}
  .value-index {font-size:2.4rem}
  .member-card {padding:28px;grid-template-columns:1fr;gap:25px}
  .member-monogram {width:68px;height:68px;border-radius:22px;font-size:2.5rem;margin-bottom:20px}
  .member-identity h2 {font-size:1.75rem}
  .member-details h3 {font-size:1rem}
  .member-details ul {font-size:.875rem}
  .strengths-list>article {grid-template-columns:42px 1fr;gap:18px;padding:28px 0}
  .strength-number {font-size:2rem}
  .strengths-list h2 {font-size:1.2rem}
  .strengths-list article>div>p:last-child {font-size:.875rem}
  .legacy-logo-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .legacy-award-grid {gap:12px}
  .legacy-award-grid>a {padding:8px 8px 12px}
  .service-positioning {gap:12px;font-size:1rem;padding:24px 20px}
  .service-positioning i {font-size:1.1rem}
  .service-positioning span {text-align:center;width:100%}
  .service-detail-grid>a {padding:28px}
  .studio-panel {padding:27px;gap:24px}
  .service-process {gap:12px}
  .service-process li {font-size:.8125rem;padding:20px 18px}
  .platform-grid {grid-template-columns:1fr}
  .related-cases>a {grid-template-columns:1fr 22px;gap:10px;padding:24px}
  .related-cases>a>span:first-child {grid-column:span 2}
  .related-cases h3 {font-size:1rem}
  .service-reference-images {grid-template-columns:1fr}
  .archive-year {grid-template-columns:1fr;gap:10px;margin-bottom:30px;scroll-margin-top:100px}
  .archive-year>h2 {padding-top:0;font-size:2rem}
  .archive-years {gap:8px}
  .archive-years a {padding:8px 16px;font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation:none!important;transition:none!important}
}