.inner-page{--ip-paper:var(--paper);--ip-ink:var(--ink);--ip-blue:var(--blue);--ip-lime:var(--lime);background:var(--paper);color:var(--ink);overflow-x:clip}.inner-page main{overflow:clip}.inner-page .skip{position:fixed;z-index:1000;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--lime);color:var(--ink);transform:translateY(-150%)}.inner-page .skip:focus{transform:translateY(0)}.inner-page .bar{mix-blend-mode:normal}.inner-page .logo{background:var(--paper);color:var(--ink)}.inner-page .logo i,.inner-page .foot-mark i{color:var(--blue)}.inner-page .menu-btn{background:var(--lime);color:var(--ink);cursor:pointer}.inner-page .menu{background:var(--ink);clip-path:circle(0 at 100% 0);visibility:hidden}.inner-page .menu a[aria-current=page]{color:var(--lime)}.inner-page .inner-hero{min-height:94svh;position:relative;isolation:isolate;padding:clamp(9rem,16vh,13rem) var(--g,5vw) 2rem;background:var(--blue);color:var(--paper);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.inner-page .inner-hero:after{content:"";position:absolute;inset:auto -10% -30% 35%;height:70%;border:1px solid color-mix(in srgb,var(--paper) 20%,transparent);border-radius:50%;transform:rotate(-18deg);z-index:-1}.inner-page .inner-hero-grid{position:absolute;right:7%;top:17%;width:min(36vw,490px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:50%;display:grid;place-items:center;pointer-events:none}.inner-page .inner-hero-grid:before,.inner-page .inner-hero-grid:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;inset:12%}.inner-page .inner-hero-grid:after{inset:26%}.inner-page .inner-hero-grid>span{font-size:clamp(.55rem,.8vw,.8rem);line-height:1.5;letter-spacing:.2em;position:absolute;left:9%;top:25%;z-index:2}.inner-page .inner-hero-grid>b{font-size:clamp(12rem,26vw,28rem);font-weight:800;line-height:.7;letter-spacing:-.12em;color:color-mix(in srgb,var(--paper) 8%,transparent);position:absolute}.inner-page .inner-hero-grid>i{position:absolute;width:11px;height:11px;border-radius:50%;background:#101d1a;top:17%;right:25%;box-shadow:0 0 0 9px #101d1a12}.inner-page .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.inner-page .inner-hero>.eyebrow{position:relative;z-index:2;margin:0 0 2rem}.inner-page .inner-hero>.eyebrow span{opacity:.55}.inner-page .inner-hero h1{position:relative;z-index:2;max-width:1100px;width:75%;font-size:clamp(4rem,10.4vw,10.5rem);line-height:.88;letter-spacing:-.085em;font-weight:700;margin:0 0 3.5rem}.inner-page h1 em,.inner-page h2 em,.inner-page .inner-note em{font-family:var(--s,"Instrument Serif",serif);font-weight:400;letter-spacing:-.055em}.inner-page .inner-hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:2rem;max-width:850px}.inner-page .inner-hero-bottom>p{max-width:560px;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.55;margin:0}.inner-page .inner-index{font-size:.7rem;letter-spacing:.12em;white-space:nowrap}.inner-page .inner-scroll{position:absolute;right:var(--g,5vw);bottom:3rem;display:flex;align-items:center;gap:1.2rem;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-decoration:none}.inner-page .inner-scroll span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid currentColor;border-radius:50%;font-size:1.2rem;transition:transform .35s}.inner-page .inner-scroll:hover span{transform:translateY(5px)}.inner-page .inner-hero-foot{display:flex;gap:2rem;justify-content:space-between;border-top:1px solid #101d1a32;padding-top:1rem;margin-top:5rem;font-size:.62rem;letter-spacing:.14em}.inner-page .inner-intro{padding:9rem var(--g,5vw) 7rem;display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:start;position:relative}.inner-page .inner-intro>.eyebrow{margin:0}.inner-page .inner-intro h2{font-size:clamp(2.7rem,5.4vw,6rem);line-height:.98;letter-spacing:-.07em;max-width:750px;margin:0}.inner-page .inner-intro>p:last-of-type{grid-column:2;max-width:500px;font-size:1.1rem;line-height:1.65;margin:1rem 0 0}.inner-page .intro-stamp{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;width:clamp(100px,12vw,175px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transform:rotate(12deg)}.inner-page .intro-stamp b{font-size:5rem;line-height:.8;letter-spacing:-.12em}.inner-page .intro-stamp span{font-size:.48rem;letter-spacing:.13em}.inner-page .inner-list{padding:0 var(--g,5vw) 8rem}.inner-page .inner-list-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #101d1a35;padding-bottom:1.2rem;margin-bottom:2rem}.inner-page .inner-list-head .eyebrow{margin:0}.inner-page .inner-list-head>span{font-size:.65rem;letter-spacing:.13em}.inner-page .inner-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.4fr .85fr;gap:2rem;min-height:340px;padding:2rem 0;border-bottom:1px solid #101d1a35;overflow:hidden}.inner-page .inner-card-top{display:flex;justify-content:space-between;align-items:start;font-size:.7rem;letter-spacing:.12em}.inner-page .card-arrow{width:2.8rem;height:2.8rem;display:grid;place-items:center;border:1px solid #101d1a50;border-radius:50%;font-size:1.3rem;transition:background .35s,color .35s,transform .35s}.inner-page .inner-card:hover .card-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.inner-page .inner-card-main{display:flex;flex-direction:column;justify-content:center;z-index:2}.inner-page .inner-card-main>p{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.2rem;opacity:.65}.inner-page .inner-card-main h2{font-size:clamp(2.4rem,4.8vw,5.3rem);line-height:.92;letter-spacing:-.075em;margin:0 0 2rem}.inner-page .inner-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:1rem}.inner-page .inner-card-bottom>p{max-width:390px;line-height:1.6;margin:0;font-size:.98rem}.inner-page .inner-card-index{font-size:.62rem;letter-spacing:.12em;white-space:nowrap;opacity:.6}.inner-page .inner-card-art{position:relative;align-self:stretch;min-height:250px;overflow:hidden;background:var(--lime);display:grid;place-items:center;isolation:isolate}.inner-page .inner-card-art:before{content:"";position:absolute;width:76%;aspect-ratio:1;border:1px solid #101d1a50;border-radius:50%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.inner-page .inner-card-art:after{content:"";position:absolute;width:52%;aspect-ratio:1;border:1px solid #101d1a50;border-radius:50%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.inner-page .inner-card:hover .inner-card-art:before{transform:scale(1.18) rotate(25deg)}.inner-page .inner-card:hover .inner-card-art:after{transform:scale(.82) rotate(-25deg)}.inner-page .inner-card-art>span{font-size:clamp(3rem,6vw,6rem);font-weight:800;letter-spacing:-.1em;z-index:2}.inner-page .inner-card-art>i{position:absolute;width:18%;aspect-ratio:1;background:var(--ip-ink);border-radius:50%;top:18%;right:18%;z-index:2}.inner-page .inner-card-art>b{position:absolute;width:34%;aspect-ratio:1;border:1px solid var(--ink);transform:rotate(45deg);bottom:12%;left:12%;z-index:2}.inner-page .inner-card-art>em{position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.5%,#101d1a22 50%,transparent 50.5%);background-size:26px 26px;z-index:-1}.inner-page .art-02{background:var(--paper)}.inner-page .art-03{background:var(--lime)}.inner-page .art-04{background:var(--blue)}.inner-page .art-05{background:var(--paper)}.inner-page .art-06{background:var(--lime)}.inner-page .inner-note{margin:0 var(--g,5vw) 8rem;padding:3rem;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:center}.inner-page .inner-note>span{font-size:.65rem;letter-spacing:.14em}.inner-page .inner-note>p{font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.02;letter-spacing:-.06em;margin:0}.inner-page .inner-note em{color:var(--lime)}.inner-page .inner-note>a{font-size:.8rem;border-bottom:1px solid #f4f1e980;padding-bottom:.5rem;white-space:nowrap}.inner-page .inner-end{background:var(--lime);padding:7rem var(--g,5vw);display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:2rem}.inner-page .inner-end .eyebrow{margin:0}.inner-page .inner-end h2{font-size:clamp(2rem,4.3vw,4.8rem);line-height:1;letter-spacing:-.07em;margin:0;max-width:800px}.inner-page .inner-end .btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;text-decoration:none;border:1px solid var(--ink);border-radius:99px;padding:1rem 1.3rem;color:var(--ink);font-weight:700;white-space:nowrap;transition:background .3s,color .3s}.inner-page .inner-end .btn:hover{background:var(--ink);color:var(--paper)}.inner-page .inner-foot{padding:2rem var(--g,5vw);display:flex;align-items:center;justify-content:space-between;gap:2rem}.inner-page .inner-foot p{font-size:.75rem;opacity:.65}.inner-page .inner-foot>a:last-child{font-size:.8rem}.inner-page .contact-intro{padding:8rem var(--g,5vw);display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.inner-page .contact-intro h2,.inner-page .contact-form-heading h2{font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.075em;margin:1.5rem 0}.inner-page .contact-lead,.inner-page .contact-form-heading>p:last-child{max-width:530px;font-size:1.08rem;line-height:1.7}.inner-page .contact-direct{display:flex;flex-direction:column;gap:.6rem;margin-top:3rem;width:max-content;max-width:100%}.inner-page .contact-direct span{font-size:.72rem;opacity:.65}.inner-page .contact-direct b{font-size:clamp(1rem,2vw,1.5rem);overflow-wrap:anywhere}.inner-page .contact-steps{border-top:1px solid #101d1a35;align-self:center}.inner-page .contact-steps article{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid #101d1a35}.inner-page .contact-steps article>span{font-size:.7rem;letter-spacing:.1em}.inner-page .contact-steps h3{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 .5rem}.inner-page .contact-steps p{line-height:1.6;margin:0;opacity:.7}.inner-page .contact-form-section{background:var(--paper);padding:8rem var(--g,5vw);display:grid;grid-template-columns:1fr 1.15fr;gap:10vw}.inner-page .contact-form-heading h2{max-width:500px}.inner-page .contact-form{display:flex;flex-direction:column;gap:1.4rem}.inner-page .contact-form label{display:flex;flex-direction:column;gap:.6rem;font-size:.8rem;font-weight:700}.inner-page .contact-form input,.inner-page .contact-form select,.inner-page .contact-form textarea{width:100%;border:0;border-bottom:1px solid #101d1a50;border-radius:0;background:transparent;padding:.9rem 0;font:400 1rem var(--f,"Bricolage Grotesque",sans-serif);color:var(--ink);outline:none}.inner-page .contact-form input:focus,.inner-page .contact-form select:focus,.inner-page .contact-form textarea:focus{border-color:var(--ink);box-shadow:0 1px 0 var(--ip-ink)}.inner-page .contact-form textarea{resize:vertical;min-height:130px}.inner-page .contact-form select{cursor:pointer}.inner-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.inner-page .contact-form .btn{align-self:flex-start;background:var(--ink);color:var(--paper);border:0;border-radius:99px;padding:1rem 1.5rem;font-weight:700;cursor:pointer}.inner-page .form-hint{font-size:.75rem;line-height:1.5;opacity:.65;margin:0}.inner-page .inner-reveal{opacity:0;transform:translateY(28px)}.inner-page .inner-card{will-change:transform}.inner-page .cursor,.inner-page .cursor4{pointer-events:none}@media(max-width:900px){.inner-page .inner-hero h1{width:90%;font-size:clamp(4rem,12vw,8rem)}.inner-page .inner-hero-grid{right:-6%;top:20%;width:48vw;opacity:.65}.inner-page .inner-intro{grid-template-columns:1fr 2fr}.inner-page .intro-stamp{grid-column:1;grid-row:2;width:110px;justify-self:start}.inner-page .inner-intro>p:last-of-type{grid-column:2}.inner-page .inner-card{grid-template-columns:.5fr 1.4fr .8fr;gap:1.2rem;min-height:300px}.inner-page .inner-card-art{min-height:220px}.inner-page .inner-note{grid-template-columns:1fr 2fr}.inner-page .inner-note>a{grid-column:2;justify-self:start}.inner-page .inner-end{grid-template-columns:1fr 2fr}.inner-page .inner-end .btn{grid-column:2;justify-self:start}.inner-page .contact-intro,.inner-page .contact-form-section{gap:5vw}}@media(max-width:600px){.inner-page .inner-hero{min-height:92svh;padding:8rem 1.25rem 6rem}.inner-page .inner-hero-grid{width:72vw;right:-23%;top:16%;opacity:.45}.inner-page .inner-hero h1{width:100%;font-size:clamp(3.5rem,16vw,6.2rem);margin-bottom:2rem}.inner-page .inner-hero>.eyebrow{max-width:80%;font-size:.65rem;line-height:1.7}.inner-page .inner-hero-bottom{align-items:start;flex-direction:column;gap:1rem;padding-bottom:3rem}.inner-page .inner-hero-bottom>p{font-size:1rem;max-width:95%}.inner-page .inner-scroll{right:1.25rem;bottom:1.25rem;font-size:.55rem}.inner-page .inner-hero-foot{margin-top:1.5rem;gap:.6rem;flex-wrap:wrap;font-size:.48rem}.inner-page .inner-intro{padding:5rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem}.inner-page .inner-intro h2{font-size:clamp(2.8rem,12vw,4.5rem)}.inner-page .inner-intro>p:last-of-type{margin:0;font-size:1rem}.inner-page .intro-stamp{display:none}.inner-page .inner-list{padding:0 1.25rem 5rem}.inner-page .inner-list-head{align-items:start;gap:1rem}.inner-page .inner-list-head>span{font-size:.55rem;text-align:right}.inner-page .inner-card{grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 0;min-height:0}.inner-page .inner-card-top{grid-column:1/-1;align-items:center}.inner-page .inner-card-main{grid-column:1/-1;grid-row:2}.inner-page .inner-card-main h2{font-size:clamp(2.6rem,12vw,4rem);margin-bottom:1.3rem}.inner-page .inner-card-main>p{margin-bottom:.8rem}.inner-page .inner-card-bottom>p{font-size:.9rem}.inner-page .inner-card-art{grid-column:1/-1;grid-row:3;min-height:220px;max-height:280px}.inner-page .inner-card-art>span{font-size:5rem}.inner-page .inner-note{margin:0 1.25rem 5rem;padding:1.5rem;display:flex;flex-direction:column;align-items:start;gap:1.2rem}.inner-page .inner-note>p{font-size:2rem}.inner-page .inner-end{padding:4.5rem 1.25rem;display:flex;flex-direction:column;align-items:start;gap:1.4rem}.inner-page .inner-end h2{font-size:clamp(2.4rem,10vw,3.8rem)}.inner-page .inner-foot{padding:1.5rem 1.25rem;flex-wrap:wrap;gap:.6rem}.inner-page .inner-foot p{width:100%;order:3;margin:0}.inner-page .contact-intro,.inner-page .contact-form-section{padding:5rem 1.25rem;display:flex;flex-direction:column;gap:3rem}.inner-page .contact-intro h2,.inner-page .contact-form-heading h2{font-size:clamp(3rem,13vw,4.6rem)}.inner-page .contact-steps article{grid-template-columns:2rem 1fr;gap:1rem;padding:1.5rem 0}.inner-page .form-row{grid-template-columns:1fr;gap:1.4rem}.inner-page .menu{padding:6rem 1.25rem 2rem}.inner-page .menu a{font-size:clamp(2.8rem,13vw,5rem);gap:.8rem}.inner-page .menu a small{font-size:.75rem}.inner-page .menu-foot{font-size:.75rem}.inner-page .cursor,.inner-page .cursor4{display:none}}@media(prefers-reduced-motion:reduce){.inner-page .inner-reveal{opacity:1;transform:none}.inner-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Page-specific layouts: preserve the homepage design system, vary the editorial composition. */
.inner-page .inner-hero{background:var(--blue);color:var(--paper)}
.inner-page .inner-hero .eyebrow span,.inner-page .inner-index{color:var(--paper);opacity:.68}
.inner-page .inner-hero-grid{border-color:color-mix(in srgb,var(--paper) 28%,transparent)}
.inner-page .inner-hero-grid:before,.inner-page .inner-hero-grid:after{border-color:color-mix(in srgb,var(--paper) 20%,transparent)}
.inner-page .inner-hero-grid>i{background:var(--lime);box-shadow:0 0 0 9px color-mix(in srgb,var(--lime) 18%,transparent)}
.inner-page .inner-hero-foot{border-color:color-mix(in srgb,var(--paper) 28%,transparent)}
.inner-page .service-rows,.inner-page .belief-list,.inner-page .plan-grid{padding:0 var(--g) 8rem}
.inner-page .service-row{display:grid;grid-template-columns:.35fr 2fr auto;gap:2rem;align-items:start;padding:2.6rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}
.inner-page .service-num,.inner-page .belief-row>span{font-size:.72rem;letter-spacing:.12em;padding-top:.7rem}
.inner-page .service-row>div>p:first-child{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:0 0 1rem}
.inner-page .service-row h2,.inner-page .belief-row h2{font-size:clamp(2.5rem,5.5vw,6rem);line-height:.95;letter-spacing:-.075em;margin:0}
.inner-page .service-desc{max-width:650px;line-height:1.7;margin:1.2rem 0 0}
.inner-page .service-cross{font-size:2rem;color:var(--blue)}
.inner-page .plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.inner-page .plan-card{background:var(--blue);color:var(--paper);padding:clamp(1.5rem,3vw,3rem);min-height:390px;display:flex;flex-direction:column;align-items:flex-start}
.inner-page .plan-card:nth-child(even){background:var(--ink)}
.inner-page .plan-card-top{display:flex;justify-content:space-between;width:100%;font-size:.65rem;letter-spacing:.12em;color:var(--lime)}
.inner-page .plan-card h2{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.08em;line-height:.9;margin:3rem 0 1rem}
.inner-page .plan-card h3{font-size:1rem;margin:0 0 1rem}
.inner-page .plan-card>p{line-height:1.65;max-width:470px;margin:0 0 2rem;opacity:.8}
.inner-page .plan-card>a{margin-top:auto;border-bottom:1px solid color-mix(in srgb,var(--paper) 45%,transparent);padding-bottom:.6rem;font-weight:700;font-size:.85rem}
.inner-page .plan-card>a span{margin-left:1rem;color:var(--lime)}
.inner-page .about-manifesto,.inner-page .careers-manifesto{position:relative;padding:9rem var(--g);min-height:78svh;overflow:hidden}
.inner-page .about-manifesto{background:var(--paper)}
.inner-page .about-manifesto h2,.inner-page .careers-manifesto h2{position:relative;z-index:2;max-width:1050px;font-size:clamp(3.5rem,9vw,9rem);line-height:.91;letter-spacing:-.085em;margin:3rem 0}
.inner-page .about-manifesto>p:last-of-type,.inner-page .careers-manifesto>p:not(.eyebrow){position:relative;z-index:2;max-width:540px;font-size:1.1rem;line-height:1.7}
.inner-page .belief-row{display:grid;grid-template-columns:.25fr 1.1fr 1fr;gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}
.inner-page .belief-row h3{font-size:1.15rem;margin:0 0 .8rem}.inner-page .belief-row p{line-height:1.65;max-width:520px;margin:0;opacity:.75}
.inner-page .careers-manifesto{background:var(--blue);color:var(--paper)}.inner-page .careers-manifesto h2 em{color:var(--lime)}.inner-page .careers-manifesto .btn{display:inline-flex;margin-top:2rem;background:var(--lime);color:var(--ink);border-radius:99px;padding:1rem 1.4rem;font-weight:700;gap:1rem}
.inner-page .careers-content{display:grid;grid-template-columns:.8fr 2fr;gap:4rem;padding:7rem var(--g)}.inner-page .careers-side{display:flex;flex-direction:column;justify-content:space-between;gap:3rem}.inner-page .careers-side>span{font-size:.65rem;line-height:1.8;letter-spacing:.15em;color:var(--blue)}.inner-page .careers-content .belief-list{padding:0}
.inner-page .work-list .inner-card-art{background:var(--blue);color:var(--paper)}.inner-page .work-list .inner-card:nth-of-type(odd) .inner-card-art{background:var(--lime);color:var(--ink)}
@media(max-width:700px){.inner-page .service-rows,.inner-page .belief-list,.inner-page .plan-grid{padding:0 1.25rem 5rem}.inner-page .service-row{grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1.8rem 0}.inner-page .service-row h2,.inner-page .belief-row h2{font-size:clamp(2.3rem,10vw,4rem)}.inner-page .plan-cards{grid-template-columns:1fr}.inner-page .plan-card{min-height:330px}.inner-page .about-manifesto,.inner-page .careers-manifesto{padding:6rem 1.25rem;min-height:0}.inner-page .about-manifesto h2,.inner-page .careers-manifesto h2{font-size:clamp(3.3rem,14vw,5rem);margin:2rem 0}.inner-page .belief-row{grid-template-columns:2rem 1fr;gap:1rem;padding:1.8rem 0}.inner-page .belief-row>div{grid-column:2}.inner-page .belief-row>h2{grid-column:2}.inner-page .careers-content{grid-template-columns:1fr;gap:2rem;padding:5rem 1.25rem}.inner-page .careers-content .belief-list{padding:0}}

/* Photo-led inner pages keep the homepage palette while giving each section its own voice. */
.inner-page .inner-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 18%;
  right: var(--g, 5vw);
  bottom: 14%;
  width: min(34vw, 470px);
  border-radius: 48% 48% 2px 2px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 24px 70px #12040835;
  opacity: .9;
}
.inner-page .inner-hero-grid { z-index: 1; }
.inner-page .inner-hero h1 { width: 72%; font-size: clamp(4rem, 8.7vw, 9rem); }
.inner-work .inner-hero::before {
  background-image: linear-gradient(90deg, var(--blue), transparent 75%), linear-gradient(0deg, #1a050822, #1a050822), url("../images/portfolio.jpg");
  background-position: center 42%;
}
.inner-services .inner-hero::before {
  background-image: linear-gradient(90deg, var(--blue), transparent 75%), linear-gradient(0deg, #1a050822, #1a050822), url("../images/studio.jpg");
}
.inner-plans .inner-hero::before {
  background-image: linear-gradient(90deg, var(--blue), transparent 75%), linear-gradient(0deg, #1a050822, #1a050822), url("../images/commerce.jpg");
}
.inner-about .inner-hero::before {
  background-image: linear-gradient(90deg, var(--blue), transparent 75%), linear-gradient(0deg, #1a050822, #1a050822), url("../images/architecture.jpg");
}
.inner-careers .inner-hero::before {
  background-image: linear-gradient(90deg, var(--blue), transparent 75%), linear-gradient(0deg, #1a050822, #1a050822), url("../images/team.jpg");
}
.inner-contact .inner-hero::before {
  background-image: linear-gradient(90deg, var(--blue), transparent 75%), linear-gradient(0deg, #1a050822, #1a050822), url("../images/coffee.jpg");
  background-position: center 60%;
}
.inner-page .inner-card-art {
  background-size: cover;
  background-position: center;
}
.inner-page .art-01 { background-image: linear-gradient(140deg, #1a050844, #1a050811), url("../images/brand.jpg"); }
.inner-page .art-02 { background-image: linear-gradient(140deg, #1a050844, #1a050811), url("../images/portfolio.jpg"); }
.inner-page .art-03 { background-image: linear-gradient(140deg, #1a050844, #1a050811), url("../images/coffee.jpg"); }
.inner-page .art-04 { background-image: linear-gradient(140deg, #1a050844, #1a050811), url("../images/commerce.jpg"); }
.inner-page .inner-card-art::before { width: 88%; border-color: #f4ebdd75; }
.inner-page .inner-card-art::after { width: 62%; border-color: #f4ebdd65; }
.inner-page .inner-card-art > span { color: var(--paper); text-shadow: 0 2px 20px #1a050866; }
.inner-page .inner-card-art > i { background: var(--lime); }
.inner-page .inner-card-art > b { border-color: var(--paper); }
.inner-page .inner-card-art > em { background: linear-gradient(135deg, transparent 49.5%, #f4ebdd26 50%, transparent 50.5%); }
.inner-page .plan-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--ink);
}
.inner-page .plan-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-position: center;
  background-size: cover;
  opacity: .42;
  transition: transform .9s cubic-bezier(.2,.7,.2,1), opacity .5s ease;
}
.inner-page .plan-card:hover::before { transform: scale(1.06); opacity: .58; }
.inner-page .plan-card:nth-child(1)::before { background-image: url("../images/portfolio.jpg"); }
.inner-page .plan-card:nth-child(2)::before { background-image: url("../images/architecture.jpg"); }
.inner-page .plan-card:nth-child(3)::before { background-image: url("../images/commerce.jpg"); }
.inner-page .plan-card:nth-child(4)::before { background-image: url("../images/studio.jpg"); }
.inner-page .plan-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, #1a05082b 0%, #1a0508d9 100%);
}
.inner-page .about-manifesto {
  isolation: isolate;
}
.inner-page .about-manifesto::after,
.inner-page .careers-manifesto::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 12%;
  right: var(--g);
  width: min(34vw, 430px);
  height: 76%;
  background-size: cover;
  background-position: center;
  border-radius: 48% 48% 2px 2px;
  opacity: .24;
  mask-image: linear-gradient(180deg, #000 55%, transparent);
}
.inner-page .about-manifesto::after { background-image: url("../images/architecture.jpg"); }
.inner-page .about-manifesto > * { position: relative; z-index: 1; }
.inner-page .careers-manifesto { isolation: isolate; }
.inner-page .careers-manifesto::after { background-image: url("../images/team.jpg"); opacity: .37; }
.inner-page .careers-manifesto > * { position: relative; z-index: 1; }
.inner-page .service-row {
  position: relative;
  padding-right: clamp(7rem, 16vw, 14rem);
}
.inner-page .service-row::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.7rem;
  width: clamp(5rem, 12vw, 10rem);
  aspect-ratio: 1.35;
  transform: translateY(-50%);
  background: center / cover no-repeat url("../images/portfolio.jpg");
  clip-path: inset(0 round 52% 52% 2px 2px);
  transition: clip-path .6s cubic-bezier(.2,.7,.2,1);
}
.inner-page .service-row:nth-of-type(3n)::after { background-image: url("../images/brand.jpg"); }
.inner-page .service-row:nth-of-type(3n + 1)::after { background-image: url("../images/commerce.jpg"); }
.inner-page .service-row:hover::after { clip-path: inset(0 round 2px); }
.inner-page .contact-intro {
  position: relative;
  isolation: isolate;
}
.inner-page .contact-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: var(--g);
  bottom: 5%;
  width: min(24vw, 290px);
  height: 32%;
  background: center 55% / cover no-repeat url("../images/coffee.jpg");
  border-radius: 50% 50% 2px 2px;
  opacity: .8;
}
.inner-page .inner-hero-image { display: none; }
.inner-page .menu {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.inner-page.menu-open { overflow: hidden; }
.inner-page .menu a[aria-current="page"] small { color: var(--paper); }
@media (max-width: 900px) {
  .inner-page .inner-hero h1 { width: 82%; font-size: clamp(4rem, 10.5vw, 7.5rem); }
  .inner-page .inner-hero::before { width: min(38vw, 360px); right: 4%; }
  .inner-page .service-row { padding-right: clamp(5.5rem, 17vw, 9rem); }
  .inner-page .service-row::after { right: 1.4rem; width: clamp(4.5rem, 13vw, 7rem); }
}
@media (max-width: 600px) {
  .inner-page .inner-hero h1 { width: 100%; font-size: clamp(3.3rem, 13.7vw, 5.5rem); }
  .inner-page .inner-hero::before {
    top: 12%;
    right: 1.25rem;
    bottom: auto;
    width: 39%;
    height: 33%;
    border-radius: 48% 48% 2px 2px;
    opacity: .48;
  }
  .inner-page .inner-hero-grid { opacity: .4; }
  .inner-page .service-row { padding-right: 0; }
  .inner-page .service-row::after { display: none; }
  .inner-page .about-manifesto::after,
  .inner-page .careers-manifesto::after { width: 48vw; height: 36%; right: 1.25rem; top: auto; bottom: 0; opacity: .2; }
  .inner-page .contact-intro::after { right: 1.25rem; bottom: 2rem; width: 34vw; height: 20%; opacity: .45; }
  .inner-page .menu { min-height: 100svh; padding: 5.8rem 1.25rem 1.5rem; }
  .inner-page .menu ul { width: 100%; }
  .inner-page .menu a { font-size: clamp(2.45rem, 12.2vw, 4.4rem); line-height: 1; }
  .inner-page .menu-foot { margin-top: 1.2rem; }
}
.inner-page .inner-reveal { opacity: 1; transform: none; }

/* Main navigation: keep the six-page list expressive without letting it swamp the screen. */
.inner-page .menu { overflow-y: auto; padding: 5.5rem var(--g, 4vw) 2rem; }
.inner-page .menu-inner { width: min(100%, 1120px); margin: auto; }
.inner-page .menu-label { margin: 0 0 1rem; color: var(--lime); font-size: .73rem; letter-spacing: .16em; text-transform: uppercase; }
.inner-page .menu ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(1rem, 5vw, 5rem); }
.inner-page .menu li { min-width: 0; border-bottom: 1px solid #f4ebdd30; }
.inner-page .menu a { display: grid; grid-template-columns: 2.1rem 1fr 2rem; align-items: center; gap: .55rem; min-height: clamp(4rem, 7.5vh, 5.8rem); font: 700 clamp(2.5rem, 5vw, 4.5rem)/.95 var(--f); letter-spacing: -.065em; }
.inner-page .menu a small { font-size: .68rem; color: var(--lime); }
.inner-page .menu a > i { font: 400 1.25rem var(--f); color: var(--lime); text-align: right; font-style: normal; opacity: 0; transform: translate(-8px,8px); transition: opacity .25s,transform .3s; }
.inner-page .menu a:hover > i,.inner-page .menu a:focus-visible > i { opacity: 1; transform: translate(0); }
.inner-page .menu a[aria-current="page"] { color: var(--lime); }
.inner-page .menu ul:hover a { opacity: .7; }
.inner-page .menu ul:hover a:hover,.inner-page .menu ul:hover a:focus-visible { opacity: 1; color: var(--lime); transform: translateX(.5rem); }
.inner-page .menu-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 1.6rem; font-size: .65rem; letter-spacing: .11em; }
.inner-page .menu-foot a { display: inline; min-height: 0; font: 600 .78rem var(--f); letter-spacing: 0; }
.inner-page .bar { padding: 1.15rem clamp(1.2rem, 3.5vw, 3.8rem); }
.inner-page .menu-btn { min-width: 7rem; padding: .75rem 1.45rem; font-size: .9rem; }

.inner-page { --g: clamp(1.2rem, 5vw, 5.5rem); }
.inner-page main { overflow: clip; }
.inner-page .concept-hero { position: relative; isolation: isolate; min-height: min(900px, 100svh); padding: clamp(7rem, 15vh, 10rem) var(--g) 2rem; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.inner-page .concept-hero > .eyebrow,.inner-page .concept-hero > h1,.inner-page .concept-hero > .hero-bottom,.inner-page .concept-hero > .service-hero-foot { position: relative; z-index: 3; }
.inner-page .concept-hero > .eyebrow { max-width: min(80%, 700px); margin: 0 0 clamp(2rem, 6vh, 4rem); font-size: .68rem; letter-spacing: .16em; line-height: 1.6; }
.inner-page .concept-hero > .eyebrow span { opacity: .58; }
.inner-page .concept-hero > h1 { max-width: 1200px; width: 78%; margin: 0; font-size: clamp(4rem, 9.5vw, 9.6rem); line-height: .86; letter-spacing: -.085em; }
.inner-page .concept-hero > h1 em { display: inline; color: var(--lime); }
.inner-page .concept-hero .hero-bottom { display: flex; justify-content: space-between; align-items: end; gap: 2.5rem; max-width: 960px; margin-top: clamp(2rem, 6vh, 4rem); }
.inner-page .hero-bottom > p { max-width: 590px; margin: 0; font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.6; }
.inner-page .round-link { display: flex; align-items: center; gap: .9rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.inner-page .round-link b { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border: 1px solid currentColor; border-radius: 50%; font-size: 1.2rem; transition: transform .3s,color .3s,background .3s; }
.inner-page .round-link:hover b { transform: translateY(5px); background: var(--lime); color: var(--ink); }
.inner-page .concept-work { min-height: max(760px, 100svh); padding-bottom: 4rem; background: var(--ink); color: var(--paper); }
.inner-page .concept-work > h1 { width: 72%; }
.inner-page .concept-work > h1 em { color: var(--lime); }
.inner-page .concept-services { background: var(--blue); color: var(--paper); }
.inner-page .concept-services > h1 { width: 75%; }
.inner-page .concept-services > h1 em { color: var(--lime); }
.inner-page .concept-plans { background: var(--lime); color: var(--ink); }
.inner-page .concept-plans > h1 { width: 62%; }
.inner-page .concept-plans > h1 em { color: var(--blue); }
.inner-page .concept-plans > .eyebrow span { color: var(--ink); }
.inner-page .concept-about { min-height: max(760px, 100svh); background: var(--paper); color: var(--ink); }
.inner-page .concept-about > h1 { width: 75%; }
.inner-page .concept-about > h1 em { color: var(--blue); }
.inner-page .concept-careers { background: var(--ink); color: var(--paper); }
.inner-page .concept-careers > h1 em { color: var(--lime); }
.inner-page .concept-contact { min-height: max(740px, 94svh); background: var(--blue); color: var(--paper); }
.inner-page .concept-contact > h1 { width: 70%; }
.inner-page .concept-contact > h1 em { color: var(--lime); }
.inner-page .concept-plans .round-link:hover b { background: var(--blue); color: var(--paper); }
.inner-page .work-hero-note { position:absolute; z-index:1; top:18%; right:8%; display:grid; gap:.7rem; width:min(26vw,330px); padding:1rem 0; border-top:1px solid #f4ebdd66; border-bottom:1px solid #f4ebdd66; color:var(--lime); }
.inner-page .work-hero-note > span,.inner-page .work-hero-note > i { font-size:.53rem; font-style:normal; letter-spacing:.14em; }
.inner-page .work-hero-note > b { font-size:clamp(1.9rem,4vw,4rem); line-height:.86; letter-spacing:-.07em; }
.inner-page .hero-collage { position: absolute; z-index: 2; right: 4%; bottom: 10%; width: min(48vw, 660px); height: 48%; pointer-events: none; }
.inner-page .collage-card { position: absolute; width: 43%; height: 74%; padding: .5rem; background: var(--paper); color: var(--ink); box-shadow: 0 25px 65px #0005; }
.inner-page .collage-card img { display: block; width: 100%; height: calc(100% - 1.5rem); object-fit: cover; }
.inner-page .collage-card figcaption { padding: .35rem .1rem 0; font-size: .47rem; letter-spacing: .12em; }
.inner-page .collage-plan { left: 2%; top: 10%; transform: rotate(-11deg); }
.inner-page .collage-colour { top: -3%; left: 31%; transform: rotate(7deg); }
.inner-page .collage-screen { top: 17%; right: 0; transform: rotate(-3deg); }
.inner-page .collage-stamp { position: absolute; z-index: 3; right: 7%; bottom: 0; display: grid; place-items: center; width: 7rem; height: 4rem; border: 1px solid var(--lime); color: var(--lime); text-align: center; font: 600 .58rem/1.4 var(--f); letter-spacing: .12em; transform: rotate(4deg); }
.inner-page .work-intro { position: relative; display: grid; grid-template-columns: 1fr 1.4fr; gap: 4rem; padding-block: 8rem 9rem; }
.inner-page .section-pad { padding-inline: var(--g); }
.inner-page .section-index { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #1a050838; padding-bottom: 1rem; font-size: .62rem; font-weight: 700; letter-spacing: .14em; }
.inner-page .section-index > :last-child { text-align: right; opacity: .58; }
.inner-page .work-intro > .section-index { grid-column: 1/-1; }
.inner-page .work-intro-copy { align-self: center; }
.inner-page .work-intro-copy h2,.inner-page .routes-heading h2,.inner-page .process-title h2,.inner-page .scope-explainer h2,.inner-page .budget-copy h2,.inner-page .includes-heading h2,.inner-page .plan-faq h2,.inner-page .belief-copy h2,.inner-page .about-practice h2,.inner-page .careers-note-main h2,.inner-page .working-together h2,.inner-page .contact-conversation h2,.inner-page .enquiry-heading h2,.inner-page .contact-faq h2 { max-width: 880px; margin: 0 0 1.4rem; font-size: clamp(2.8rem, 6.4vw, 6.3rem); line-height: .93; letter-spacing: -.075em; }
.inner-page .work-intro-copy > p,.inner-page .routes-heading > p,.inner-page .scope-explainer-layout > div > p,.inner-page .budget-copy > p,.inner-page .belief-copy > p,.inner-page .working-together > div > p,.inner-page .contact-conversation-copy > p,.inner-page .enquiry-heading > p { max-width: 590px; font-size: 1rem; line-height: 1.75; opacity: .76; }
.inner-page .floating-note { position: relative; align-self: center; display: grid; gap: 1rem; min-height: 215px; padding: 2rem; background: var(--lime); transform: rotate(3deg); }
.inner-page .floating-note > span,.inner-page .floating-note > i { color: var(--blue); font-size: .64rem; letter-spacing: .15em; }
.inner-page .floating-note > strong { max-width: 400px; font-size: clamp(1.5rem, 3vw, 2.5rem); line-height: 1.07; letter-spacing: -.055em; }
.inner-page .floating-note > i { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 2.4rem; font-style: normal; }
.inner-page .project-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; padding: 0 var(--g) 8rem; }
.inner-page .project-panel { overflow: hidden; background: #f4ebdd; }
.inner-page .project-image { position: relative; min-height: clamp(340px, 39vw, 610px); overflow: hidden; background: var(--blue); color: var(--paper); }
.inner-page .project-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,#1a050817 12%,transparent 44%,#1a0508bc 100%); }
.inner-page .project-image img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1), filter .5s; filter: saturate(.8); }
.inner-page .project-panel:hover .project-image img { transform: scale(1.045); filter: saturate(1.08); }
.inner-page .image-index,.inner-page .image-caption,.inner-page .image-word { position: absolute; z-index: 2; }
.inner-page .image-index { top: 1.5rem; left: 1.5rem; padding: .55rem .75rem; background: var(--lime); color: var(--ink); font-size: .65rem; letter-spacing: .1em; }
.inner-page .image-caption { bottom: 1.3rem; left: 1.5rem; font-size: .57rem; letter-spacing: .16em; }
.inner-page .image-word { right: 1.3rem; bottom: .2rem; font-size: clamp(2.6rem, 6vw, 6rem); line-height: .78; font-weight: 800; letter-spacing: -.095em; text-align: right; }
.inner-page .project-harbour .project-image img { filter: sepia(.15) saturate(.85); }
.inner-page .project-field .project-image img { filter: grayscale(.3); }
.inner-page .project-north .project-image img { filter: saturate(.55); }
.inner-page .project-description { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: .7rem 1.5rem; padding: clamp(1.5rem, 3vw, 3rem); }
.inner-page .project-description .eyebrow { grid-column: 1/-1; margin: 0; font-size: .57rem; letter-spacing: .14em; opacity: .6; }
.inner-page .project-description h3 { margin: 0; font-size: clamp(2.6rem, 5.4vw, 5.4rem); line-height: .9; letter-spacing: -.075em; }
.inner-page .project-description > p:not(.eyebrow) { grid-column: 2; grid-row: span 2; max-width: 400px; margin: .4rem 0; font-size: .91rem; line-height: 1.7; opacity: .8; }
.inner-page .project-description ul { grid-column: 1; list-style: none; display: grid; gap: .5rem; margin: 1rem 0; font-size: .7rem; line-height: 1.4; opacity: .73; }
.inner-page .project-description li::before { content: "↗ "; color: var(--blue); }
.inner-page .text-link,.inner-page .pill-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 1rem; width: fit-content; border-bottom: 1px solid currentColor; padding: .65rem 0; font-weight: 700; font-size: .78rem; }
.inner-page .text-link { grid-column: 1/-1; }
.inner-page .text-link span,.inner-page .pill-link span { color: var(--blue); transition: transform .25s; }
.inner-page .text-link:hover span,.inner-page .pill-link:hover span { transform: translate(4px,-4px); }
.inner-page .marquee-divider { position: relative; overflow: hidden; display: flex; width: 100%; background: var(--lime); color: var(--ink); padding: 1.3rem 0; white-space: nowrap; font-size: .75rem; font-weight: 700; letter-spacing: .17em; }
.inner-page .marquee-divider > div { flex: 0 0 auto; min-width: 100%; }
.inner-page .work-approach { position: relative; padding-block: 9rem; background: var(--blue); color: var(--paper); }
.inner-page .work-approach h2 { max-width: 900px; margin: 2rem 0 4rem; font-size: clamp(3.4rem, 8vw, 8rem); line-height: .9; letter-spacing: -.08em; }
.inner-page .work-approach h2 em { color: var(--lime); }
.inner-page .approach-notes { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-bottom: 3rem; background: #f4ebdd42; border: 1px solid #f4ebdd42; }
.inner-page .approach-notes article { min-height: 240px; padding: 1.8rem; background: var(--blue); }
.inner-page .approach-notes article > span { color: var(--lime); font-size: .68rem; }
.inner-page .approach-notes h3 { max-width: 250px; margin: 2rem 0 .7rem; font-size: 1.5rem; letter-spacing: -.045em; }
.inner-page .approach-notes p { max-width: 330px; font-size: .83rem; line-height: 1.6; opacity: .72; }
.inner-page .work-approach .pill-link { border-radius: 99px; padding: .9rem 1.3rem; }
.inner-page .work-approach .pill-link span { color: var(--lime); }
.inner-page .work-approach .pill-link:hover { background: var(--lime); color: var(--ink); }

.inner-page .service-hero-index { position:absolute; top:32%; right:8%; width:min(29vw,390px); display:grid; gap:.85rem; padding:1.1rem 0; overflow:hidden; border-top:1px solid #f4ebdd5c; border-bottom:1px solid #f4ebdd5c; color:var(--lime); }
.inner-page .service-hero-index > img { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; opacity:.22; mix-blend-mode:luminosity; }
.inner-page .service-hero-index > span,.inner-page .service-hero-index > i { font-size:.5rem; font-style:normal; letter-spacing:.14em; }
.inner-page .service-hero-index > b { font-size:clamp(1.8rem,3.5vw,3.7rem); line-height:.9; letter-spacing:-.07em; }
.inner-page .service-hero-foot { display:flex; justify-content:space-between; gap:1rem; margin-top:clamp(3rem, 8vh, 5rem); padding-top:1rem; border-top:1px solid #f4ebdd40; font-size:.57rem; letter-spacing:.13em; }
.inner-page .service-manifesto { position:relative; display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; align-items:center; overflow:hidden; padding-block:9rem; }
.inner-page .service-manifesto > .eyebrow { grid-column:1/-1; }
.inner-page .service-manifesto h2 { position:relative; z-index:1; max-width:900px; margin:0; font-size:clamp(3.1rem, 7.5vw, 7.3rem); line-height:.92; letter-spacing:-.08em; }
.inner-page .service-manifesto h2 em { color:var(--blue); }
.inner-page .manifesto-note { align-self:end; max-width:430px; font-size:.96rem; line-height:1.75; }
.inner-page .manifesto-image { position:relative; grid-column:1/-1; height:clamp(260px,43vw,550px); margin-top:2rem; overflow:hidden; }
.inner-page .manifesto-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#1a050872,transparent 80%); }
.inner-page .manifesto-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.7); }
.inner-page .manifesto-image > span { position:absolute; z-index:1; left:5%; bottom:9%; color:var(--paper); font-size:clamp(2.2rem,6vw,6rem); font-weight:800; line-height:.9; letter-spacing:-.07em; }
.inner-page .service-directory { position:relative; padding-block:2rem 9rem; }
.inner-page .service-directory > .section-index { margin-bottom:2rem; }
.inner-page .service-list { width:100%; max-width:1140px; }
.inner-page .service-item { position:relative; display:grid; grid-template-columns:3.7rem 1fr 2.5rem; gap:1.5rem; align-items:start; padding:2.2rem 1rem; border-bottom:1px solid #1a05083d; cursor:pointer; transition:background .35s,padding .4s; }
.inner-page .service-item:first-child { border-top:1px solid #1a05083d; }
.inner-page .service-item:hover,.inner-page .service-item:focus-visible { padding-inline:1.8rem; background:var(--lime); }
.inner-page .service-number { padding-top:.4rem; color:var(--blue); font-size:.72rem; }
.inner-page .service-copy h3 { margin:0; font-size:clamp(2.3rem,5vw,5rem); line-height:.98; letter-spacing:-.07em; }
.inner-page .service-copy > p { max-width:720px; margin:.8rem 0; font-size:.9rem; line-height:1.65; }
.inner-page .service-tags { display:block; color:#1a050899; font-size:.61rem; letter-spacing:.12em; text-transform:uppercase; }
.inner-page .service-open { color:var(--blue); font-size:1.7rem; transition:transform .3s; }
.inner-page .service-item:hover .service-open { transform:rotate(45deg); }
.inner-page .service-preview { position:fixed; top:0; left:0; z-index:8; width:230px; aspect-ratio:1; overflow:hidden; pointer-events:none; opacity:0; transform:translate(-50%,-50%) rotate(-7deg) scale(.8); box-shadow:0 20px 50px #1a05084d; transition:opacity .2s; }
.inner-page .service-preview img { width:100%; height:100%; object-fit:cover; }
.inner-page .service-preview > span { position:absolute; inset:auto 1rem 1rem; color:var(--paper); font-size:1.2rem; line-height:.98; font-weight:700; }
.inner-page .service-directory.has-preview .service-preview { opacity:1; }
.inner-page .routes-section { padding-block:7rem 9rem; background:var(--ink); color:var(--paper); }
.inner-page .routes-section .section-index { border-color:#f4ebdd36; }
.inner-page .routes-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding:3rem 0; }
.inner-page .routes-heading h2 { max-width:780px; margin:0; font-size:clamp(3rem,7vw,7rem); }
.inner-page .routes-heading h2 em { color:var(--lime); }
.inner-page .routes-heading > p { max-width:350px; margin:0 0 .3rem; color:#f4ebddb8; }
.inner-page .route-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.inner-page .route-card { position:relative; min-height:clamp(400px,42vw,590px); overflow:hidden; background:#271214; }
.inner-page .route-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .85s cubic-bezier(.2,.7,.2,1); }
.inner-page .route-card:hover > img { transform:scale(1.05); }
.inner-page .route-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#1a050844,transparent 30%,#1a0508ed 100%); }
.inner-page .route-overlay { position:absolute; z-index:1; inset:1.5rem; display:flex; flex-direction:column; justify-content:space-between; }
.inner-page .route-meta { display:flex; justify-content:space-between; gap:1rem; font-size:.59rem; letter-spacing:.12em; color:var(--lime); }
.inner-page .route-overlay h3 { margin:0; font-size:clamp(3rem,7vw,6.5rem); line-height:.88; letter-spacing:-.08em; }
.inner-page .route-overlay h4 { max-width:520px; margin:.9rem 0 .6rem; font-size:1rem; }
.inner-page .route-overlay > div:last-child > p { max-width:500px; margin:0 0 1rem; color:#f4ebddc9; font-size:.88rem; line-height:1.6; }
.inner-page .route-overlay a { display:flex; justify-content:space-between; width:min(100%,350px); padding:.75rem 0; border-bottom:1px solid #f4ebdd80; font-weight:700; font-size:.8rem; }
.inner-page .route-overlay a span { color:var(--lime); }
.inner-page .route-footnote { max-width:620px; margin:1.3rem 0 0 auto; text-align:right; color:#f4ebdd99; font-size:.73rem; line-height:1.6; }
.inner-page .process-rail { display:grid; grid-template-columns:.8fr 1.2fr; gap:6vw; align-items:start; padding-block:8rem; }
.inner-page .process-title { position:sticky; top:7rem; }
.inner-page .process-title h2 { margin-top:2rem; }
.inner-page .process-title h2 em { color:var(--blue); }
.inner-page .process-steps { list-style:none; border-top:1px solid #1a05083d; }
.inner-page .process-step { display:grid; grid-template-columns:5rem 1fr; align-items:center; gap:1rem; min-height:140px; border-bottom:1px solid #1a05083d; }
.inner-page .step-index { display:grid; place-items:center; width:3.5rem; height:3.5rem; border:1px solid var(--blue); color:var(--blue); font-size:.75rem; transition:transform .35s,background .35s,color .35s; }
.inner-page .process-step:hover .step-index { transform:rotate(-5deg); background:var(--blue); color:var(--paper); }
.inner-page .process-step h3 { margin:0; font-size:2rem; letter-spacing:-.05em; }
.inner-page .process-step p { margin:.35rem 0 0; font-size:.86rem; opacity:.72; }

.inner-page .plan-blueprint { position:absolute; top:28%; right:8%; width:min(32vw,400px); display:grid; gap:1rem; padding:1.2rem; overflow:hidden; border-top:3px solid var(--blue); background:var(--ink); color:var(--paper); box-shadow:.75rem .75rem #1a050822; transform:rotate(3deg); }
.inner-page .plan-blueprint > img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; opacity:.28; mix-blend-mode:luminosity; }
.inner-page .plan-blueprint > span,.inner-page .plan-blueprint > b,.inner-page .plan-blueprint > i { position:relative; z-index:1; }
.inner-page .plan-blueprint > span,.inner-page .plan-blueprint > i { font-size:.51rem; font-style:normal; letter-spacing:.13em; }
.inner-page .plan-blueprint > b { font-size:clamp(2.8rem,6vw,5.8rem); line-height:.78; letter-spacing:-.09em; }
.inner-page .plan-blueprint > i { color:var(--lime); }
.inner-page .plan-stamp { position:absolute; right:9%; bottom:13%; display:grid; place-items:center; width:clamp(8rem,13vw,11rem); height:clamp(5rem,8vw,7rem); border:1px solid var(--ink); text-align:center; transform:rotate(5deg); }
.inner-page .plan-stamp span { align-self:end; font-size:.55rem; line-height:1.35; letter-spacing:.13em; }
.inner-page .plan-stamp b { font-size:3.3rem; line-height:.75; }
.inner-page .plan-stamp i { align-self:start; font-size:.46rem; font-style:normal; letter-spacing:.09em; }
.inner-page .scope-explainer { padding-block:8rem; }
.inner-page .scope-explainer-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:5vw; align-items:center; margin-top:3rem; }
.inner-page .scope-explainer h2 { font-size:clamp(3.3rem,7vw,7rem); }
.inner-page .scope-explainer h2 em { color:var(--blue); }
.inner-page .scope-explainer-layout > div > p { margin:0 0 1rem; }
.inner-page .scope-explainer .pill-link { margin-top:1rem; border:1px solid var(--ink); border-radius:99px; padding:.85rem 1.3rem; }
.inner-page .scope-stages { padding-block:2rem 8rem; }
.inner-page .scope-stage-list { display:grid; grid-template-columns:1fr 1fr; border-left:1px solid #1a05083b; border-top:1px solid #1a05083b; margin-top:2rem; }
.inner-page .scope-stage { position:relative; min-height:245px; padding:1.6rem 2rem; border-right:1px solid #1a05083b; border-bottom:1px solid #1a05083b; transition:background .3s,color .3s; }
.inner-page .scope-stage:hover { background:var(--blue); color:var(--paper); }
.inner-page .scope-stage > span { font-size:.7rem; color:var(--blue); }
.inner-page .scope-stage:hover > span,.inner-page .scope-stage:hover > i { color:var(--lime); }
.inner-page .scope-stage h3 { margin:2rem 0 .6rem; font-size:2rem; letter-spacing:-.05em; }
.inner-page .scope-stage p { max-width:440px; font-size:.86rem; line-height:1.65; opacity:.75; }
.inner-page .scope-stage > i { position:absolute; right:1.5rem; top:1.5rem; color:var(--blue); font-size:1.4rem; font-style:normal; transition:transform .3s; }
.inner-page .scope-stage:hover > i { transform:translate(5px,5px); }
.inner-page .budget-studio { display:grid; grid-template-columns:.9fr 1.1fr; gap:6vw; align-items:center; padding-block:8rem; background:var(--blue); color:var(--paper); }
.inner-page .budget-copy h2 { margin-top:2rem; }
.inner-page .budget-copy h2 em { color:var(--lime); }
.inner-page .budget-copy > p { color:#f4ebddbd; }
.inner-page .budget-warning { display:flex; align-items:center; gap:.8rem; margin-top:2rem; padding-top:1rem; border-top:1px solid #f4ebdd42; color:var(--lime); }
.inner-page .budget-warning > span { font-size:1.6rem; }
.inner-page .budget-warning p { max-width:340px; font-size:.75rem; }
.inner-page .budget-picker { padding:clamp(1.2rem,3vw,2rem); background:var(--paper); color:var(--ink); box-shadow:1rem 1rem #1a05083d; }
.inner-page .picker-label,.inner-page .budget-result > span { font-size:.62rem; font-weight:700; letter-spacing:.13em; }
.inner-page .budget-options { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin:1rem 0; }
.inner-page .budget-option { display:grid; gap:.4rem; min-height:112px; padding:.85rem; border:1px solid #1a050838; background:transparent; color:var(--ink); text-align:left; cursor:pointer; transition:background .25s,color .25s,transform .25s,border-color .25s; }
.inner-page .budget-option > span { color:var(--blue); font-size:.62rem; }
.inner-page .budget-option > b { font-size:.95rem; }
.inner-page .budget-option > i { font-size:.68rem; opacity:.67; font-style:normal; }
.inner-page .budget-option:hover,.inner-page .budget-option[aria-pressed="true"] { transform:translateY(-2px); border-color:var(--blue); background:var(--blue); color:var(--paper); }
.inner-page .budget-option:hover > span,.inner-page .budget-option[aria-pressed="true"] > span { color:var(--lime); }
.inner-page .budget-result { display:grid; grid-template-columns:1fr auto; gap:.6rem; align-items:center; margin-top:.8rem; padding:1.2rem; background:var(--lime); }
.inner-page .budget-result > span { grid-column:1/-1; }
.inner-page .budget-result > strong { font-size:1.25rem; letter-spacing:-.04em; }
.inner-page .budget-result > p { grid-column:1/-1; margin:0; max-width:470px; font-size:.78rem; line-height:1.55; }
.inner-page .budget-result .text-link { grid-column:1/-1; }
.inner-page .investment-includes { display:grid; grid-template-columns:.8fr 1.2fr; gap:5vw; padding-block:8rem; }
.inner-page .includes-heading h2 { margin-top:2rem; }
.inner-page .includes-heading h2 em { color:var(--blue); }
.inner-page .includes-board { display:grid; grid-template-columns:1fr 1fr; border-left:1px solid #1a050838; border-top:1px solid #1a050838; }
.inner-page .includes-board article { min-height:210px; padding:1.3rem; border-right:1px solid #1a050838; border-bottom:1px solid #1a050838; }
.inner-page .includes-board b { color:var(--blue); font-size:.57rem; letter-spacing:.1em; }
.inner-page .includes-board h3 { margin:2rem 0 .6rem; font-size:1.45rem; letter-spacing:-.04em; }
.inner-page .includes-board p { max-width:280px; font-size:.8rem; line-height:1.6; opacity:.75; }
.inner-page .plan-faq { padding-block:2rem 9rem; background:var(--ink); color:var(--paper); }
.inner-page .plan-faq > h2 { margin:2rem 0 3rem; }
.inner-page .plan-faq h2 em { color:var(--lime); }
.inner-page .faq-list { border-top:1px solid #f4ebdd46; }
.inner-page .faq-list details { border-bottom:1px solid #f4ebdd46; }
.inner-page .faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.2rem .2rem; font-size:clamp(1rem,1.65vw,1.3rem); cursor:pointer; list-style:none; }
.inner-page .faq-list summary::-webkit-details-marker { display:none; }
.inner-page .faq-list summary > span { display:grid; place-items:center; width:2rem; height:2rem; border:1px solid currentColor; border-radius:50%; color:var(--lime); font-size:1.2rem; transition:transform .3s; }
.inner-page .faq-list details[open] summary > span { transform:rotate(45deg); }
.inner-page .faq-list details > p { max-width:740px; margin:0; padding:0 3rem 1.5rem .2rem; color:#f4ebddb9; font-size:.88rem; line-height:1.75; }
.inner-page .plan-faq .faq-list { max-width:900px; }

.inner-page .about-type-image { position:absolute; top:17%; right:8%; width:min(35vw,490px); height:63%; overflow:hidden; }
.inner-page .about-type-image::after { content:""; position:absolute; inset:0; background:#5e0f1d28; }
.inner-page .about-type-image img { width:100%; height:100%; object-fit:cover; filter:grayscale(.55); }
.inner-page .about-type-image > span { position:absolute; z-index:1; top:15%; left:12%; color:var(--paper); font-size:clamp(.6rem,1vw,.85rem); letter-spacing:.18em; }
.inner-page .about-hero-note { position:absolute; right:var(--g); bottom:2rem; color:var(--blue); font-size:.55rem; line-height:1.5; letter-spacing:.13em; text-align:right; }
.inner-page .studio-belief { display:grid; grid-template-columns:.5fr 1fr .8fr; gap:3vw; align-items:start; padding-block:9rem; }
.inner-page .belief-side > span { display:block; margin-top:6rem; color:var(--blue); font-size:.68rem; line-height:1.7; letter-spacing:.13em; }
.inner-page .belief-copy h2 { font-size:clamp(2.9rem,5.5vw,5.5rem); }
.inner-page .belief-copy h2 em { color:var(--blue); }
.inner-page .belief-copy > p + p { margin-top:1rem; }
.inner-page .belief-image { position:relative; height:430px; align-self:center; }
.inner-page .belief-image img { width:100%; height:100%; object-fit:cover; }
.inner-page .belief-image > span { position:absolute; left:-1.5rem; bottom:1.5rem; max-width:220px; padding:1rem; background:var(--lime); color:var(--ink); font-size:.62rem; font-weight:700; letter-spacing:.11em; }
.inner-page .four-points { padding-block:2rem 9rem; }
.inner-page .four-point-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; margin-top:2rem; }
.inner-page .four-point { position:relative; min-height:390px; padding:1.3rem; overflow:hidden; transition:transform .4s; }
.inner-page .four-point:hover { transform:translateY(-8px) rotate(-1deg); }
.inner-page .four-point > span { font-size:.58rem; letter-spacing:.13em; }
.inner-page .four-point h3 { position:relative; z-index:1; margin:4rem 0 1rem; font-size:clamp(1.7rem,2.7vw,2.8rem); line-height:.98; letter-spacing:-.055em; }
.inner-page .four-point p { position:relative; z-index:1; font-size:.8rem; line-height:1.65; }
.inner-page .four-point > i { position:absolute; right:.5rem; bottom:-2.1rem; font-size:11rem; line-height:.8; opacity:.13; font-style:normal; transition:transform .6s; }
.inner-page .four-point:hover > i { transform:rotate(22deg) scale(1.12); }
.inner-page .point-story { background:var(--blue); color:var(--paper); }
.inner-page .point-shape { background:var(--lime); color:var(--ink); }
.inner-page .point-feel { background:#efaa88; color:var(--ink); }
.inner-page .point-forward { background:var(--ink); color:var(--paper); }
.inner-page .studio-process { display:grid; grid-template-columns:.85fr 1.15fr; gap:7vw; align-items:start; padding-block:8rem; background:var(--lime); }
.inner-page .process-quote { position:relative; min-height:420px; padding:2rem; overflow:hidden; background:var(--blue); color:var(--paper); }
.inner-page .process-quote > span { font-size:.6rem; letter-spacing:.14em; }
.inner-page .process-quote blockquote { position:relative; z-index:1; max-width:500px; margin:5rem 0 0; font-size:clamp(2.4rem,4.7vw,4.8rem); line-height:1; letter-spacing:-.065em; }
.inner-page .process-quote blockquote em { color:var(--lime); }
.inner-page .about-practice h2 { margin-top:2rem; font-size:clamp(2.6rem,5vw,5rem); }
.inner-page .practice-steps article { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:.9rem 0; border-bottom:1px solid #1a050840; }
.inner-page .practice-steps article span { flex:0 0 9rem; font-size:.55rem; letter-spacing:.08em; }
.inner-page .practice-steps article p { margin:0; font-size:.82rem; }
.inner-page .about-last-word { position:relative; display:flex; min-height:490px; align-items:center; overflow:hidden; padding-block:7rem; background:var(--ink); color:var(--paper); }
.inner-page .about-last-word > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.3; }
.inner-page .about-last-word::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#1a0508e8,transparent 100%); }
.inner-page .about-last-word > div { position:relative; z-index:1; }
.inner-page .about-last-word h2 { margin:2rem 0; font-size:clamp(3rem,7vw,6.5rem); line-height:.92; letter-spacing:-.08em; }
.inner-page .about-last-word h2 em { color:var(--lime); }
.inner-page .about-last-word .pill-link { border-radius:99px; padding:.85rem 1.2rem; }
.inner-page .about-last-word .pill-link span { color:var(--lime); }

.inner-page .concept-careers .careers-figure { position:absolute; top:16%; right:8%; width:min(34vw,460px); height:68%; overflow:hidden; transform:rotate(3deg); box-shadow:1.2rem 1.2rem #ffb58a25; }
.inner-page .careers-figure img { width:100%; height:100%; object-fit:cover; filter:saturate(.65); }
.inner-page .careers-figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#1a050811,#1a05087a); }
.inner-page .careers-figure > span { position:absolute; z-index:1; left:1.3rem; bottom:1.3rem; color:var(--paper); font-size:clamp(1.4rem,3vw,3rem); font-weight:700; line-height:.92; letter-spacing:-.05em; }
.inner-page .careers-figure > i { position:absolute; z-index:1; top:1.1rem; right:1.4rem; color:var(--lime); font-size:3rem; font-style:normal; }
.inner-page .careers-ribbon { position:absolute; left:-4%; right:-4%; bottom:2rem; padding:.7rem; transform:rotate(-3deg); background:var(--lime); color:var(--ink); text-align:center; font-size:.6rem; font-weight:700; letter-spacing:.18em; }
.inner-page .careers-note { display:grid; grid-template-columns:.6fr 1.4fr; gap:4vw; padding-block:9rem; }
.inner-page .careers-note-main h2 em { color:var(--blue); }
.inner-page .careers-note-main > p { max-width:660px; margin:1.2rem 0; font-size:1rem; line-height:1.75; opacity:.75; }
.inner-page .careers-note-main .pill-link { border-radius:99px; padding:.85rem 1.2rem; }
.inner-page .collaborator-roles { padding-block:2rem 9rem; }
.inner-page .collab-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-top:2rem; }
.inner-page .collab-card { position:relative; min-height:390px; padding:1.5rem; overflow:hidden; background:var(--paper); border:1px solid #1a05083b; transition:transform .35s,background .35s; }
.inner-page .collab-card:hover { transform:translateY(-5px); background:var(--lime); }
.inner-page .collab-card > span { font-size:.57rem; letter-spacing:.14em; }
.inner-page .collab-mark { display:grid; place-items:center; width:5rem; height:5rem; margin:2rem 0 1rem; border:1px solid var(--blue); border-radius:50%; color:var(--blue); font-size:2rem; transition:transform .4s; }
.inner-page .collab-card:hover .collab-mark { transform:rotate(-16deg) scale(1.06); }
.inner-page .mark-copy { font:italic 2rem var(--s); }
.inner-page .mark-design { background:#ffb58a; }
.inner-page .mark-dev { font-size:1.4rem; }
.inner-page .mark-photo { background:var(--blue); color:var(--lime); }
.inner-page .collab-card h3 { margin:0 0 1rem; font-size:clamp(2rem,4vw,3.8rem); line-height:.93; letter-spacing:-.07em; }
.inner-page .collab-card h3 em { color:var(--blue); }
.inner-page .collab-card > p { max-width:430px; font-size:.84rem; line-height:1.65; opacity:.78; }
.inner-page .collab-card > small { position:absolute; left:1.5rem; bottom:1.4rem; font-size:.56rem; letter-spacing:.1em; }
.inner-page .working-together { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:8vw; padding-block:8rem; background:var(--blue); color:var(--paper); }
.inner-page .working-together h2 { margin-top:2rem; }
.inner-page .working-together h2 em { color:var(--lime); }
.inner-page .working-together > div > p { color:#f4ebddc4; }
.inner-page .working-together .pill-link { margin-top:1rem; border-radius:99px; padding:.85rem 1.2rem; }
.inner-page .working-together .pill-link span { color:var(--lime); }
.inner-page .working-image { position:relative; height:460px; }
.inner-page .working-image img { width:100%; height:100%; object-fit:cover; }
.inner-page .working-image span { position:absolute; right:-1.5rem; bottom:1.5rem; max-width:200px; padding:1rem; background:var(--lime); color:var(--ink); font-size:.63rem; font-weight:700; letter-spacing:.09em; }

.inner-page .concept-contact .contact-art { position:absolute; top:16%; right:8%; width:min(33vw,460px); height:60%; border-radius:50% 50% 2px 2px; overflow:hidden; transform:rotate(4deg); }
.inner-page .contact-art img { width:100%; height:100%; object-fit:cover; }
.inner-page .contact-art::after { content:""; position:absolute; inset:0; background:#5e0f1d52; }
.inner-page .contact-art-stamp { position:absolute; z-index:1; left:-2%; bottom:9%; display:grid; place-items:center; width:7rem; height:7rem; border-radius:50%; background:var(--lime); color:var(--ink); text-align:center; font-size:.75rem; font-weight:800; line-height:1.05; transform:rotate(-12deg); }
.inner-page .contact-art > i { position:absolute; z-index:1; right:12%; top:9%; width:1rem; height:1rem; border-radius:50%; background:var(--lime); box-shadow:0 0 0 1rem #ffb58a25; }
.inner-page .contact-conversation { display:grid; grid-template-columns:1fr 1fr; gap:9vw; padding-block:8rem; }
.inner-page .contact-conversation-copy h2 em { color:var(--blue); }
.inner-page .contact-email { display:grid; gap:.6rem; width:fit-content; max-width:100%; margin-top:2rem; }
.inner-page .contact-email > span { font-size:.67rem; opacity:.65; }
.inner-page .contact-email > b { font-size:clamp(1rem,2vw,1.5rem); overflow-wrap:anywhere; }
.inner-page .contact-expectations { align-self:center; border-top:1px solid #1a05083b; }
.inner-page .contact-expectations > .eyebrow { margin:0; padding:1rem 0; }
.inner-page .contact-expectations article { display:grid; grid-template-columns:3rem 1fr; gap:1rem; padding:1.1rem 0; border-top:1px solid #1a05083b; }
.inner-page .contact-expectations article > span { color:var(--blue); font-size:.7rem; }
.inner-page .contact-expectations h3 { margin:0 0 .3rem; font-size:1.25rem; letter-spacing:-.04em; }
.inner-page .contact-expectations article p { margin:0; font-size:.82rem; line-height:1.65; opacity:.72; }
.inner-page .availability { display:flex; align-items:center; gap:.7rem; margin-top:1rem; padding:1rem 0; border-top:1px solid #1a05083b; font-size:.56rem; letter-spacing:.12em; }
.inner-page .availability i { width:.5rem; height:.5rem; border-radius:50%; background:#6d8e55; box-shadow:0 0 0 .3rem #6d8e5522; }
.inner-page .enquiry-room { display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; padding-block:8rem; background:var(--ink); color:var(--paper); }
.inner-page .enquiry-heading { position:sticky; top:7rem; align-self:start; }
.inner-page .enquiry-heading h2 { margin-top:2rem; }
.inner-page .enquiry-heading h2 em { color:var(--lime); }
.inner-page .enquiry-heading > p { color:#f4ebddb8; }
.inner-page .enquiry-margin-note { display:flex; align-items:start; gap:.8rem; margin-top:3rem; padding-top:1rem; border-top:1px solid #f4ebdd40; color:var(--lime); }
.inner-page .enquiry-margin-note > span { font-size:1.3rem; }
.inner-page .enquiry-margin-note p { max-width:300px; font-size:.73rem; line-height:1.6; }
.inner-page .enquiry-form { display:flex; flex-direction:column; gap:1.8rem; }
.inner-page .enquiry-form label { display:flex; flex-direction:column; gap:.7rem; }
.inner-page .enquiry-form label > span:first-child { font-size:.58rem; font-weight:700; letter-spacing:.12em; }
.inner-page .enquiry-form input,.inner-page .enquiry-form select,.inner-page .enquiry-form textarea { width:100%; border:0; border-bottom:1px solid #f4ebdd68; border-radius:0; outline:0; padding:.9rem .1rem; background:transparent; color:var(--paper); font:400 1rem/1.4 var(--f); }
.inner-page .enquiry-form input:focus,.inner-page .enquiry-form select:focus,.inner-page .enquiry-form textarea:focus { border-color:var(--lime); box-shadow:0 1px 0 var(--lime); }
.inner-page .enquiry-form ::placeholder { color:#f4ebdd72; opacity:1; }
.inner-page .enquiry-form select option { background:var(--ink); color:var(--paper); }
.inner-page .enquiry-form textarea { min-height:140px; resize:vertical; }
.inner-page .enquiry-form .field-counter { align-self:flex-end; color:#f4ebdd80; font-size:.62rem; }
.inner-page .enquiry-submit { display:flex; justify-content:space-between; align-items:center; width:min(100%,360px); padding:1rem 1.25rem; border:0; border-radius:99px; background:var(--lime); color:var(--ink); cursor:pointer; font-weight:700; transition:transform .25s,background .25s; }
.inner-page .enquiry-submit:hover { transform:translateY(-3px); background:var(--paper); }
.inner-page .enquiry-submit b { font-size:1.2rem; }
.inner-page .form-hint { margin:0; color:#f4ebddab; font-size:.7rem; line-height:1.6; }
.inner-page .contact-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:7vw; padding-block:8rem; }
.inner-page .contact-faq h2 em { color:var(--blue); }
.inner-page .contact-faq .faq-list { border-color:#1a05083b; }
.inner-page .contact-faq .faq-list details { border-color:#1a05083b; }
.inner-page .contact-faq .faq-list summary > span { color:var(--blue); }
.inner-page .contact-faq .faq-list details > p { color:#1a0508b5; }
.inner-page .contact-last-call { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.4rem var(--g); background:var(--lime); }
.inner-page .contact-last-call > span { font-size:.62rem; letter-spacing:.12em; }
.inner-page .contact-last-call > a { display:flex; gap:.8rem; font-size:.82rem; }
.inner-page .contact-last-call > a b { color:var(--blue); }

.inner-page .inner-end { display:grid; grid-template-columns:.7fr 1.3fr auto; align-items:center; gap:2rem; padding:5rem var(--g); background:var(--lime); color:var(--ink); }
.inner-page .inner-end > .eyebrow { margin:0; font-size:.61rem; letter-spacing:.13em; }
.inner-page .inner-end h2 { margin:0; max-width:650px; font-size:clamp(2rem,4.2vw,4rem); line-height:.98; letter-spacing:-.07em; }
.inner-page .inner-end .btn { display:inline-flex; align-items:center; gap:.8rem; padding:.9rem 1.2rem; border:1px solid var(--ink); border-radius:99px; font-size:.75rem; font-weight:700; white-space:nowrap; }
.inner-page .inner-end .btn:hover { background:var(--ink); color:var(--paper); }
.inner-page .inner-foot { padding:3.5rem var(--g) 1.5rem; }
.inner-page .inner-foot > .foot-mark { display:block; }
.inner-page .inner-foot-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; padding-top:1.25rem; border-top:1px solid #f4ebdd38; }
.inner-page .inner-foot-bottom p { margin:0; font-size:.68rem; }
.inner-page .inner-foot-bottom > a { font-size:.7rem; }
.inner-page .reveal { opacity:1; transform:none; }
.inner-page.motion-ready .reveal { opacity:0; transform:translateY(28px); }
.inner-page .cursor,.inner-page .cursor4 { pointer-events:none; }
.inner-page .menu ul { width:min(100%,1080px); margin:0 auto; }
.inner-page .menu a { display:grid; grid-template-columns:2rem 1fr 2rem; font-size:clamp(2rem,5.7vw,5.3rem); line-height:.94; }
.inner-page .menu a > i { justify-self:end; font-size:.46em; font-style:normal; opacity:.55; }
.inner-page .menu-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.8rem 2rem; }
.inner-page .menu .menu-foot a { display:block; width:max-content; max-width:100%; min-height:0; font:600 .78rem/1.4 var(--f); letter-spacing:0; overflow-wrap:anywhere; }

/* Additional home-page story: it sits between the introduction and the existing pinned services sequence. */
.field-notes { display:grid; grid-template-columns:.85fr 1.15fr; min-height:690px; padding:clamp(7rem,10vw,10rem) var(--g); gap:5vw; align-items:center; background:var(--ink); color:var(--paper); overflow:hidden; }
.field-notes-copy { max-width:680px; }
.field-notes-copy .eyebrow { color:var(--lime); }
.field-notes-copy h2 { margin:2rem 0 1.5rem; font:800 clamp(3.2rem,7.2vw,7.5rem)/.9 var(--f); letter-spacing:-.075em; }
.field-notes-copy h2 em { color:var(--lime); }
.field-notes-copy > p:not(.eyebrow) { max-width:540px; margin-bottom:2rem; line-height:1.75; color:#f4ebddc2; }
.field-notes-copy .btn { display:inline-flex; align-items:center; gap:.8rem; border-radius:99px; padding:1rem 1.35rem; background:var(--lime); color:var(--ink); font-weight:700; }
.field-notes-art { position:relative; width:100%; min-height:440px; isolation:isolate; }
.field-note { position:absolute; z-index:1; display:flex; flex-direction:column; justify-content:space-between; width:46%; min-height:142px; padding:1.1rem; box-shadow:0 16px 40px #0005; transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .35s; }
.field-note::after { position:absolute; z-index:1; inset:0; content:""; background:linear-gradient(140deg,#1a05085c,#1a0508a8); }
.field-note > img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; opacity:.7; mix-blend-mode:luminosity; }
.field-note > span,.field-note > b,.field-note > i { position:relative; z-index:2; }
.field-note > span,.field-note > i { color:var(--paper); }
.field-note:hover { z-index:3; transform:translateY(-8px) rotate(0) scale(1.05); box-shadow:0 25px 55px #0008; }
.field-note > span { font-size:.53rem; letter-spacing:.12em; }
.field-note > b { font-size:clamp(1.75rem,3.8vw,3.7rem); line-height:.9; letter-spacing:-.065em; }
.field-note > i { position:absolute; right:1rem; top:.8rem; font-style:normal; }
.note-story { top:8%; left:0; transform:rotate(-7deg); background:var(--blue); }
.note-shape { top:0; right:0; transform:rotate(6deg); background:var(--lime); color:var(--paper); }
.note-make { bottom:11%; left:4%; transform:rotate(4deg); background:var(--paper); color:var(--paper); }
.note-grow { right:1%; bottom:2%; transform:rotate(-6deg); background:#edaa88; color:var(--paper); }
.field-notes-caption { position:absolute; z-index:2; bottom:0; left:36%; color:var(--lime); font-size:.57rem; letter-spacing:.15em; }

.inner-page .about-type-image,.inner-page .careers-figure,.inner-page .concept-contact .contact-art { z-index:1; }
.inner-page .about-type-image::after { background:#f4ebddaa; }
.inner-page .concept-contact .contact-art { border-radius:0; transform:rotate(2deg); }
.inner-page .concept-contact .contact-art::after { background:#1a05088c; }
.inner-page .contact-art-stamp { width:auto; height:auto; padding:.8rem; border-radius:0; transform:rotate(-4deg); }
.inner-page .concept-about .about-type-image img { filter:none; }

@media (max-width: 1050px) {
  .inner-page .concept-hero > h1 { width:86%; font-size:clamp(4rem,9.3vw,7.8rem); }
  .inner-page .hero-collage { right:-1%; width:47vw; opacity:.76; }
  .inner-page .project-description { grid-template-columns:1fr; }
  .inner-page .project-description > p:not(.eyebrow) { grid-column:1; grid-row:auto; }
  .inner-page .project-description ul { grid-column:1; }
  .inner-page .service-preview { width:185px; }
  .inner-page .studio-belief { grid-template-columns:.35fr 1.15fr; }
  .inner-page .belief-image { grid-column:2; width:min(100%,480px); }
  .inner-page .four-point-grid { grid-template-columns:1fr 1fr; }
  .inner-page .four-point { min-height:310px; }
  .inner-page .inner-end { grid-template-columns:.7fr 1.3fr; }
  .inner-page .inner-end .btn { grid-column:2; width:fit-content; }
}
@media (max-width: 700px) {
  .inner-page .menu { padding:5.3rem 1.25rem 1.1rem; }
  .inner-page .menu-inner { display:flex; min-height:calc(100svh - 6.4rem); flex-direction:column; justify-content:center; }
  .inner-page .menu-label { margin-bottom:.55rem; font-size:.56rem; }
  .inner-page .menu ul { grid-template-columns:1fr; }
  .inner-page .menu a { grid-template-columns:1.6rem 1fr 1.6rem; min-height:clamp(2.75rem,8svh,3.7rem); gap:.35rem; font-size:clamp(1.9rem,8.6vw,2.75rem); }
  .inner-page .menu a small { font-size:.57rem; }
  .inner-page .menu a > i { font-size:1rem; opacity:.55; transform:none; }
  .inner-page .menu-foot { margin-top:.8rem; font-size:.51rem; }
  .inner-page .menu-foot a { font-size:.68rem; }
  .inner-page .bar { padding:.72rem 1rem; }
  .inner-page .logo { padding:.52rem .95rem; font-size:1.05rem; }
  .inner-page .menu-btn { min-width:auto; padding:.62rem 1.15rem; font-size:.78rem; }
  .inner-page .concept-hero { min-height:780px; min-height:max(740px,94svh); padding:7rem 1.25rem 2rem; }
  .inner-page .concept-hero > .eyebrow { max-width:95%; margin-bottom:2rem; font-size:.58rem; }
  .inner-page .concept-hero > h1 { width:100%; font-size:clamp(3.25rem,13.3vw,5.7rem); line-height:.88; }
  .inner-page .concept-hero .hero-bottom { align-items:start; flex-direction:column; gap:1.2rem; margin-top:1.6rem; }
  .inner-page .hero-bottom > p { max-width:95%; font-size:.95rem; }
  .inner-page .round-link { font-size:.56rem; }
  .inner-page .round-link b { width:2.35rem; height:2.35rem; }
  .inner-page .concept-work > h1,.inner-page .concept-services > h1,.inner-page .concept-plans > h1,.inner-page .concept-about > h1,.inner-page .concept-contact > h1 { width:100%; }
  .inner-page .concept-work { min-height:790px; min-height:max(790px,105svh); padding-bottom:1.5rem; }
  .inner-page .hero-collage { right:0; bottom:0; width:86%; height:18%; opacity:.96; }
  .inner-page .collage-card { width:38%; height:79%; padding:.32rem; }
  .inner-page .collage-card img { height:calc(100% - 1.3rem); }
  .inner-page .collage-card figcaption { font-size:.38rem; }
  .inner-page .collage-stamp { right:2%; width:5rem; height:3.6rem; font-size:.42rem; }
  .inner-page .concept-services { min-height:820px; }
  .inner-page .work-hero-note,.inner-page .service-hero-index { display:none; }
  .inner-page .service-hero-foot { display:grid; grid-template-columns:1fr 1fr; row-gap:.8rem; margin-top:auto; font-size:.48rem; }
  .inner-page .concept-plans { min-height:790px; }
  .inner-page .concept-plans > h1 { position:relative; z-index:2; }
  .inner-page .plan-blueprint { position:relative; top:auto; right:auto; display:grid; width:100%; margin-top:auto; padding:.8rem; gap:.5rem; transform:rotate(1deg); }
  .inner-page .plan-blueprint > span,.inner-page .plan-blueprint > i { font-size:.4rem; }
  .inner-page .plan-blueprint > b { font-size:clamp(2.4rem,10vw,3.8rem); }
  .inner-page .plan-stamp { display:none; }
  .inner-page .concept-about { min-height:900px; }
  .inner-page .concept-about .hero-bottom { margin-bottom:250px; }
  .inner-page .about-type-image { top:auto; right:8%; bottom:7%; width:62%; height:26%; }
  .inner-page .about-hero-note { display:none; }
  .inner-page .concept-careers { min-height:970px; }
  .inner-page .concept-careers .hero-bottom { margin-bottom:250px; }
  .inner-page .concept-careers .careers-figure { top:auto; right:8%; bottom:7%; width:62%; height:28%; }
  .inner-page .careers-figure > span { font-size:1.6rem; }
  .inner-page .careers-ribbon { bottom:3rem; font-size:.43rem; }
  .inner-page .concept-contact { min-height:900px; }
  .inner-page .concept-contact .hero-bottom { margin-bottom:250px; }
  .inner-page .concept-contact .contact-art { top:auto; right:9%; bottom:6%; width:63%; height:28%; }
  .inner-page .contact-art-stamp { width:5.5rem; height:auto; font-size:.62rem; }
  .inner-page .work-intro,.inner-page .project-gallery,.inner-page .routes-heading,.inner-page .process-rail,.inner-page .scope-explainer-layout,.inner-page .budget-studio,.inner-page .investment-includes,.inner-page .studio-belief,.inner-page .studio-process,.inner-page .careers-note,.inner-page .working-together,.inner-page .contact-conversation,.inner-page .enquiry-room,.inner-page .contact-faq { grid-template-columns:1fr; }
  .inner-page .work-intro { gap:1.5rem; padding-block:5rem 4rem; }
  .inner-page .section-index { align-items:flex-start; font-size:.48rem; }
  .inner-page .work-intro-copy h2,.inner-page .routes-heading h2,.inner-page .process-title h2,.inner-page .scope-explainer h2,.inner-page .budget-copy h2,.inner-page .includes-heading h2,.inner-page .plan-faq h2,.inner-page .belief-copy h2,.inner-page .about-practice h2,.inner-page .careers-note-main h2,.inner-page .working-together h2,.inner-page .contact-conversation h2,.inner-page .enquiry-heading h2,.inner-page .contact-faq h2 { font-size:clamp(2.75rem,12vw,4.8rem); }
  .inner-page .floating-note { min-height:175px; }
  .inner-page .project-gallery { gap:.8rem; padding-bottom:4.5rem; }
  .inner-page .project-image { min-height:300px; }
  .inner-page .project-description { grid-template-columns:1fr; padding:1.35rem; }
  .inner-page .project-description .eyebrow,.inner-page .project-description > p:not(.eyebrow),.inner-page .project-description ul,.inner-page .project-description .text-link { grid-column:1; grid-row:auto; }
  .inner-page .project-description h3 { font-size:3.1rem; }
  .inner-page .image-word { font-size:3.9rem; }
  .inner-page .work-approach { padding-block:5rem; }
  .inner-page .work-approach h2 { margin:1.5rem 0 2rem; font-size:clamp(3rem,13vw,5rem); }
  .inner-page .approach-notes { grid-template-columns:1fr; }
  .inner-page .approach-notes article { min-height:170px; }
  .inner-page .approach-notes h3 { margin-top:1.2rem; }
  .inner-page .service-manifesto,.inner-page .routes-section,.inner-page .process-rail,.inner-page .scope-explainer,.inner-page .scope-stages,.inner-page .investment-includes,.inner-page .plan-faq,.inner-page .studio-belief,.inner-page .four-points,.inner-page .studio-process,.inner-page .careers-note,.inner-page .collaborator-roles,.inner-page .working-together,.inner-page .contact-conversation,.inner-page .enquiry-room,.inner-page .contact-faq { padding-block:5rem; }
  .inner-page .service-manifesto { gap:1rem; }
  .inner-page .service-manifesto h2 { font-size:clamp(2.9rem,12vw,4.7rem); }
  .inner-page .manifesto-image { height:300px; margin-top:1rem; }
  .inner-page .manifesto-image > span { font-size:2.4rem; }
  .inner-page .service-directory { padding:0 1.25rem 5rem; }
  .inner-page .service-directory > .section-index { margin-bottom:1rem; }
  .inner-page .service-item { grid-template-columns:2rem 1fr 1.6rem; gap:.65rem; padding:1.45rem .15rem; }
  .inner-page .service-item:hover,.inner-page .service-item:focus-visible { padding-inline:.5rem; }
  .inner-page .service-copy h3 { font-size:clamp(2rem,9vw,3.3rem); }
  .inner-page .service-copy > p { font-size:.83rem; }
  .inner-page .service-tags { font-size:.48rem; line-height:1.5; }
  .inner-page .service-preview { display:none; }
  .inner-page .service-hero-index { position:relative; top:auto; right:auto; display:grid; width:100%; margin-top:auto; padding:.8rem 0; gap:.45rem; }
  .inner-page .service-hero-index > span,.inner-page .service-hero-index > i { font-size:.43rem; }
  .inner-page .service-hero-index > b { font-size:1.7rem; }
  .inner-page .service-hero-foot { margin-top:1rem; }
  .inner-page .routes-heading { align-items:start; gap:1rem; padding:2rem 0; }
  .inner-page .routes-heading > p { max-width:unset; }
  .inner-page .route-grid { grid-template-columns:1fr; gap:.75rem; }
  .inner-page .route-card { min-height:410px; }
  .inner-page .route-overlay { inset:1.15rem; }
  .inner-page .route-meta { font-size:.47rem; }
  .inner-page .route-overlay h3 { font-size:4rem; }
  .inner-page .route-footnote { text-align:left; }
  .inner-page .process-rail { gap:2rem; }
  .inner-page .process-title { position:static; }
  .inner-page .process-step { grid-template-columns:3.6rem 1fr; min-height:120px; }
  .inner-page .step-index { width:2.8rem; height:2.8rem; }
  .inner-page .process-step h3 { font-size:1.6rem; }
  .inner-page .scope-explainer-layout { gap:1rem; margin-top:2rem; }
  .inner-page .scope-stage-list { grid-template-columns:1fr; }
  .inner-page .scope-stage { min-height:190px; padding:1.2rem; }
  .inner-page .scope-stage h3 { margin-top:1.25rem; }
  .inner-page .budget-studio { gap:2rem; padding-inline:1.25rem; }
  .inner-page .budget-picker { padding:1rem; }
  .inner-page .budget-options { grid-template-columns:1fr 1fr; }
  .inner-page .budget-option { min-height:95px; padding:.65rem; }
  .inner-page .budget-option > b { font-size:.82rem; }
  .inner-page .budget-option > i { font-size:.58rem; }
  .inner-page .budget-result { grid-template-columns:1fr; }
  .inner-page .includes-board { grid-template-columns:1fr 1fr; }
  .inner-page .includes-board article { min-height:195px; padding:.9rem; }
  .inner-page .includes-board h3 { margin-top:1.3rem; font-size:1.2rem; }
  .inner-page .includes-board p { font-size:.73rem; }
  .inner-page .plan-faq > h2 { margin:1.5rem 0 2rem; }
  .inner-page .faq-list summary { padding:1rem 0; font-size:.95rem; }
  .inner-page .faq-list details > p { font-size:.81rem; }
  .inner-page .studio-belief { gap:1.3rem; }
  .inner-page .belief-side > span { margin-top:1.2rem; }
  .inner-page .belief-image { grid-column:1; height:300px; width:calc(100% - 1.25rem); margin-left:1.25rem; }
  .inner-page .belief-image > span { left:-1.25rem; }
  .inner-page .four-point-grid { grid-template-columns:1fr 1fr; gap:.55rem; }
  .inner-page .four-point { min-height:290px; padding:.85rem; }
  .inner-page .four-point h3 { margin:2.1rem 0 .8rem; font-size:1.55rem; }
  .inner-page .four-point p { font-size:.72rem; }
  .inner-page .four-point > i { font-size:8rem; }
  .inner-page .process-quote { min-height:320px; padding:1.3rem; }
  .inner-page .process-quote blockquote { margin-top:3.5rem; font-size:2.8rem; }
  .inner-page .practice-steps article { display:grid; gap:.3rem; }
  .inner-page .practice-steps article span { flex:unset; }
  .inner-page .about-last-word { min-height:380px; padding-block:5rem; }
  .inner-page .about-last-word h2 { font-size:clamp(2.8rem,11vw,4.5rem); }
  .inner-page .careers-note { gap:1.5rem; }
  .inner-page .collab-grid { grid-template-columns:1fr; }
  .inner-page .collab-card { min-height:340px; }
  .inner-page .collab-card > small { font-size:.51rem; }
  .inner-page .working-together { gap:2.5rem; }
  .inner-page .working-image { height:320px; width:calc(100% - 1rem); }
  .inner-page .working-image span { right:-1rem; }
  .inner-page .contact-conversation { gap:2.5rem; }
  .inner-page .contact-expectations article { grid-template-columns:2rem 1fr; }
  .inner-page .enquiry-room { gap:2.2rem; padding-inline:1.25rem; }
  .inner-page .enquiry-heading { position:static; }
  .inner-page .enquiry-margin-note { margin-top:1.5rem; }
  .inner-page .enquiry-form { gap:1.4rem; }
  .inner-page .contact-faq { gap:2rem; }
  .inner-page .contact-last-call { align-items:start; flex-direction:column; padding-block:1.2rem; }
  .inner-page .inner-end { display:flex; flex-direction:column; align-items:flex-start; gap:1.2rem; padding:4rem 1.25rem; }
  .inner-page .inner-end h2 { font-size:clamp(2.25rem,10vw,3.5rem); }
  .inner-page .inner-end .btn { white-space:normal; }
  .inner-page .inner-foot { padding:3rem 1.25rem 1.2rem; }
  .inner-page .inner-foot > .foot-mark { font-size:clamp(4rem,18vw,7rem); }
  .inner-page .inner-foot-bottom { justify-content:flex-start; gap:.7rem 1.5rem; }
  .inner-page .inner-foot-bottom > p { width:100%; order:3; }
  .field-notes { grid-template-columns:1fr; gap:1rem; min-height:0; padding:6rem 1.25rem 3rem; }
  .field-notes-copy h2 { font-size:clamp(3.1rem,12vw,5rem); }
  .field-notes-art { min-height:350px; }
  .field-note { min-height:116px; padding:.8rem; }
  .field-note > span { font-size:.43rem; }
  .field-note > b { font-size:clamp(1.8rem,7vw,2.5rem); }
  .field-notes-caption { left:23%; bottom:-.25rem; font-size:.46rem; }
}
@media (prefers-reduced-motion: reduce) {
  .inner-page.motion-ready .reveal { opacity:1; transform:none; }
}

/* One shared, editorial navigation across the homepage and every inner page. */
.menu-inner { width:min(100%, 1350px); margin:0 auto; }
.menu-label { margin:0 0 1.2rem; color:var(--lime); font-size:.78rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.menu ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 5vw; width:100%; margin:0 auto; list-style:none; }
.menu li { min-width:0; border-bottom:1px solid #f4ebdd35; }
.menu a { display:grid; grid-template-columns:2.6rem minmax(0,1fr) 2.5rem; align-items:center; gap:1rem; min-height:clamp(5rem,8.1vw,7rem); font-size:clamp(3rem,5.4vw,6.4rem); line-height:.92; letter-spacing:-.075em; }
.menu a small { align-self:center; font-size:.78rem; font-weight:700; color:var(--lime); letter-spacing:0; }
.menu a > i { justify-self:end; color:#c88669; font-size:.4em; font-style:normal; transition:transform .35s,color .35s; }
.menu a:hover > i,.menu a:focus-visible > i { transform:translate(5px,-5px); color:var(--lime); }
.menu li:last-child a > span { color:var(--lime); }
.menu-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.8rem 2rem; margin:1.6rem 0 0; color:#f4ebddad; font-size:.68rem; font-weight:700; letter-spacing:.1em; }
.menu-foot a { display:block; min-height:0; width:max-content; max-width:100%; font:700 .75rem/1.4 var(--f); letter-spacing:0; overflow-wrap:anywhere; }
.menu-foot a:hover { color:var(--lime); }
.inner-page .menu-inner { width:min(100%,1350px); }
.inner-page .menu-label { color:var(--lime); }
.inner-page .menu ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 5vw; width:100%; }
.inner-page .menu li { border-color:#f4ebdd35; }
.inner-page .menu a { grid-template-columns:2.6rem minmax(0,1fr) 2.5rem; min-height:clamp(5rem,8.1vw,7rem); font-size:clamp(3rem,5.4vw,6.4rem); }
.inner-page .menu a small { font-size:.78rem; }
.inner-page .menu-foot { font-size:.68rem; }
.inner-page .menu .menu-foot a { font:700 .75rem/1.4 var(--f); }
.inner-page .menu li:last-child a > span { color:var(--lime); }

/* Homepage routes: give visitors clear, tactile paths into the rest of the studio. */
.home-plan { display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; padding:clamp(6rem,10vw,10rem) var(--g); background:var(--lime); color:var(--ink); }
.home-plan-heading { max-width:700px; }
.home-plan-heading .eyebrow { color:var(--blue); }
.home-plan-heading h2,.home-pathways-heading h2 { margin:1.7rem 0 1.3rem; font-size:clamp(3.3rem,7vw,7.2rem); line-height:.91; letter-spacing:-.08em; }
.home-plan-heading h2 em { color:var(--blue); }
.home-plan-heading > p:not(.eyebrow) { max-width:540px; margin-bottom:2rem; font-size:1.03rem; line-height:1.75; }
.home-plan-heading .btn { display:inline-flex; align-items:center; gap:.8rem; padding:.95rem 1.3rem; border-radius:99px; background:var(--ink); color:var(--paper); font-weight:700; }
.home-plan-heading .btn span { color:var(--lime); }
.home-plan-options { display:grid; }
.home-plan-option { position:relative; display:grid; grid-template-columns:1fr auto; gap:.25rem 1rem; padding:1.15rem 1.2rem; border-top:1px solid #1a05084a; transition:padding .35s,background .35s,color .35s; }
.home-plan-option:last-of-type { border-bottom:1px solid #1a05084a; }
.home-plan-option:hover { padding-inline:1.7rem; background:var(--ink); color:var(--paper); }
.home-plan-option > span { grid-column:1/-1; font-size:.68rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.home-plan-option > b { font-size:clamp(2rem,3.4vw,3.4rem); line-height:1.08; letter-spacing:-.07em; }
.home-plan-option > i { align-self:center; max-width:300px; font-size:.86rem; font-style:normal; opacity:.75; }
.home-plan-option > strong { position:absolute; top:50%; right:1.2rem; font-size:1.2rem; transform:translateY(-50%); transition:transform .3s; }
.home-plan-option:hover > strong { transform:translate(5px,-60%); }
.home-plan-note { max-width:470px; margin:.85rem 0 0 auto; font-size:.73rem; line-height:1.55; opacity:.76; }
.home-pathways { padding:clamp(6rem,10vw,10rem) var(--g); background:var(--paper); color:var(--ink); }
.home-pathways-heading { display:grid; grid-template-columns:1fr auto; align-items:end; gap:1rem 3rem; margin-bottom:3rem; }
.home-pathways-heading .eyebrow { grid-column:1/-1; color:var(--blue); }
.home-pathways-heading h2 { margin:0; }
.home-pathways-heading h2 em { color:var(--blue); }
.home-pathways-heading > span { align-self:end; padding-bottom:.5rem; font-size:.7rem; font-weight:700; letter-spacing:.13em; }
.home-pathway-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.8rem; }
.home-pathway { position:relative; display:flex; grid-column:span 2; min-height:clamp(340px,35vw,500px); flex-direction:column; justify-content:space-between; padding:1.2rem; overflow:hidden; background:var(--ink); color:var(--paper); isolation:isolate; }
.home-pathway:nth-child(4),.home-pathway:nth-child(5) { grid-column:span 3; min-height:clamp(280px,27vw,390px); }
.home-pathway::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(180deg,#1a05084a 0%,#1a05082b 35%,#1a0508e8 100%); }
.home-pathway img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72); transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s; }
.home-pathway:hover img { transform:scale(1.055); filter:saturate(1); }
.home-pathway > span { font-size:.68rem; font-weight:700; letter-spacing:.13em; }
.home-pathway > b { font-size:clamp(3rem,6vw,6.3rem); line-height:.9; letter-spacing:-.08em; transition:transform .4s; }
.home-pathway:hover > b { transform:translateX(.2em); }
.home-pathway > i { font-size:.8rem; font-style:normal; }
.home-pathway > i::first-letter { color:var(--lime); }

.plan-pathways { padding-block:7rem 8rem; background:var(--paper); }
.plan-pathways-heading { display:grid; grid-template-columns:1fr .7fr; gap:4vw; align-items:end; padding:3rem 0 2.5rem; }
.plan-pathways-heading h2 { max-width:780px; margin:0; font-size:clamp(3.2rem,6.5vw,6.7rem); line-height:.92; letter-spacing:-.08em; }
.plan-pathways-heading h2 em { color:var(--blue); }
.plan-pathways-heading > p { max-width:440px; margin:0 0 .35rem; font-size:1rem; line-height:1.75; opacity:.75; }
.plan-pathway-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }
.plan-pathway { position:relative; display:flex; min-height:430px; flex-direction:column; align-items:flex-start; padding:clamp(1.4rem,3vw,2.5rem); overflow:hidden; background:#eee2d2; transition:transform .4s,background .4s,color .4s; }
.plan-pathway:nth-child(2),.plan-pathway:nth-child(3) { background:var(--blue); color:var(--paper); }
.plan-pathway:hover { transform:translateY(-5px); background:var(--ink); color:var(--paper); }
.plan-pathway-top { display:flex; width:100%; justify-content:space-between; align-items:start; color:var(--blue); font-size:.7rem; font-weight:700; letter-spacing:.12em; }
.plan-pathway:nth-child(2) .plan-pathway-top,.plan-pathway:nth-child(3) .plan-pathway-top,.plan-pathway:hover .plan-pathway-top { color:var(--lime); }
.plan-pathway-top > i { font-size:2.7rem; font-style:normal; font-weight:800; line-height:.8; opacity:.22; }
.plan-pathway h3 { max-width:560px; margin:2rem 0 .8rem; font-size:clamp(2.5rem,4.5vw,4.7rem); line-height:.94; letter-spacing:-.075em; }
.plan-pathway > p { max-width:510px; margin:0 0 1rem; font-size:.98rem; line-height:1.7; opacity:.8; }
.plan-pathway ul { display:grid; gap:.55rem; margin:0 0 2rem; padding:0; list-style:none; }
.plan-pathway li { font-size:.88rem; line-height:1.5; }
.plan-pathway li::before { content:"↗ "; color:var(--blue); }
.plan-pathway:nth-child(2) li::before,.plan-pathway:nth-child(3) li::before,.plan-pathway:hover li::before { color:var(--lime); }
.plan-pathway > a { display:inline-flex; justify-content:space-between; gap:1rem; width:100%; margin-top:auto; padding:.8rem 0 .1rem; border-bottom:1px solid currentColor; font-size:.84rem; font-weight:700; }
.plan-pathway > a span { color:var(--blue); transition:transform .3s; }
.plan-pathway:nth-child(2) > a span,.plan-pathway:nth-child(3) > a span,.plan-pathway:hover > a span { color:var(--lime); }
.plan-pathway > a:hover span { transform:translate(4px,-4px); }
.plan-scope-note { max-width:760px; margin:1.2rem 0 0 auto; font-size:.82rem; line-height:1.65; opacity:.68; }
.inner-page #how-we-price,.inner-page #investment-guide,.inner-page #budget-guide { scroll-margin-top:6rem; }

/* Accessible type scale for labels and supporting copy that was previously too small. */
.inner-page .section-index { font-size:.68rem; }
.inner-page .route-meta,.inner-page .service-tags,.inner-page .service-number,.inner-page .step-index,
.inner-page .picker-label,.inner-page .budget-result > span,.inner-page .includes-board b,
.inner-page .contact-expectations > .eyebrow,.inner-page .availability,.inner-page .enquiry-form label > span:first-child,
.inner-page .enquiry-margin-note p,.inner-page .field-counter,.inner-page .form-hint,.inner-page .collab-card > small,
.inner-page .practice-steps article span,.inner-page .inner-foot-bottom > a { font-size:max(.68rem, .72em); }
.inner-page .service-copy > p,.inner-page .route-overlay > div:last-child > p,
.inner-page .budget-copy > p,.inner-page .budget-warning p,.inner-page .budget-option > i,.inner-page .budget-result > p,
.inner-page .includes-board p,.inner-page .faq-list details > p,.inner-page .collab-card > p,
.inner-page .contact-expectations article p,.inner-page .contact-email > span { font-size:max(.9rem, .82em); }
.inner-page .budget-option > b { font-size:1rem; }
.inner-page .contact-form input,.inner-page .contact-form select,.inner-page .contact-form textarea,
.inner-page .enquiry-form input,.inner-page .enquiry-form select,.inner-page .enquiry-form textarea { font-size:1.06rem; }

@media (max-width: 900px) {
  .home-plan { grid-template-columns:1fr; gap:3rem; }
  .plan-pathways-heading { grid-template-columns:1fr; gap:1rem; }
  .plan-pathway-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .menu { padding:5.3rem 1.25rem 1.1rem; }
  .menu-inner { display:flex; min-height:calc(100svh - 6.4rem); flex-direction:column; justify-content:center; }
  .menu-label { margin-bottom:.55rem; font-size:.67rem; }
  .inner-page .menu-label { font-size:.67rem; }
  .menu ul,.inner-page .menu ul { grid-template-columns:1fr; gap:0; }
  .menu a,.inner-page .menu a { grid-template-columns:1.6rem minmax(0,1fr) 1.6rem; min-height:clamp(2.8rem,8svh,3.65rem); gap:.35rem; font-size:clamp(2rem,9vw,2.8rem); }
  .menu a small,.inner-page .menu a small { font-size:.68rem; }
  .menu-foot,.inner-page .menu-foot { margin-top:.8rem; font-size:.62rem; }
  .menu-foot a,.inner-page .menu .menu-foot a { font-size:.7rem; }
  .home-plan { padding:5rem 1.25rem; gap:2rem; }
  .home-plan-heading h2,.home-pathways-heading h2 { font-size:clamp(3rem,12vw,5rem); }
  .home-plan-heading > p:not(.eyebrow) { font-size:.98rem; }
  .home-plan-option { padding:1rem .15rem; }
  .home-plan-option > span { font-size:.62rem; }
  .home-plan-option > b { font-size:2.2rem; }
  .home-plan-option > i { max-width:145px; padding-right:1rem; font-size:.8rem; }
  .home-plan-option > strong { right:.25rem; }
  .home-plan-note { font-size:.76rem; }
  .home-pathways { padding:5rem 1.25rem; }
  .home-pathways-heading { grid-template-columns:1fr; gap:.75rem; margin-bottom:1.5rem; }
  .home-pathways-heading .eyebrow { grid-column:auto; }
  .home-pathways-heading h2 { font-size:clamp(2.9rem,11vw,4.8rem); }
  .home-pathways-heading > span { font-size:.64rem; }
  .home-pathway-grid { grid-template-columns:1fr 1fr; gap:.55rem; }
  .home-pathway,.home-pathway:nth-child(4),.home-pathway:nth-child(5) { grid-column:span 1; min-height:260px; padding:.8rem; }
  .home-pathway:nth-child(3) { grid-column:1/-1; min-height:290px; }
  .home-pathway > span { font-size:.55rem; }
  .home-pathway > b { font-size:clamp(2.3rem,8vw,3.5rem); }
  .home-pathway > i { font-size:.72rem; line-height:1.4; }
  .plan-pathways { padding-block:5rem; }
  .plan-pathways-heading { padding:2rem 0 1.5rem; }
  .plan-pathways-heading h2 { font-size:clamp(2.9rem,11vw,4.8rem); }
  .plan-pathways-heading > p { font-size:.96rem; }
  .plan-pathway-grid { grid-template-columns:1fr; }
  .plan-pathway { min-height:380px; padding:1.3rem; }
  .plan-pathway h3 { margin-top:1.6rem; font-size:clamp(2.5rem,10vw,3.8rem); }
  .plan-pathway > p { font-size:.96rem; }
  .plan-pathway li { font-size:.88rem; }
  .plan-scope-note { font-size:.82rem; }
  .inner-page .section-index { font-size:.62rem; }
  .inner-page .concept-hero > .eyebrow { font-size:.7rem; line-height:1.5; }
  .inner-page .round-link { font-size:.68rem; }
  .inner-page .service-hero-foot { font-size:.62rem; }
  .inner-page .route-meta,.inner-page .service-tags,.inner-page .service-number,.inner-page .step-index,
  .inner-page .picker-label,.inner-page .budget-result > span,.inner-page .includes-board b,
  .inner-page .contact-expectations > .eyebrow,.inner-page .availability,.inner-page .enquiry-form label > span:first-child,
  .inner-page .enquiry-margin-note p,.inner-page .field-counter,.inner-page .form-hint,.inner-page .collab-card > small,
  .inner-page .practice-steps article span,.inner-page .inner-foot-bottom > a { font-size:.65rem; }
  .inner-page .service-copy > p,.inner-page .route-overlay > div:last-child > p,.inner-page .budget-copy > p,
  .inner-page .budget-warning p,.inner-page .budget-option > i,.inner-page .budget-result > p,
  .inner-page .includes-board p,.inner-page .faq-list details > p,.inner-page .collab-card > p,
  .inner-page .contact-expectations article p { font-size:.9rem; }
  .inner-page .budget-option > b { font-size:.92rem; }
  .inner-page .includes-board article { min-height:215px; padding:1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-pathway img,.plan-pathway,.home-plan-option { transition:none; }
}