:root {
  --paper: #efede6;
  --ink: #11110f;
  --muted: #8f8d86;
  --acid: #d7ff43;
  --pad: clamp(20px, 3vw, 48px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, Arial, sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
.mono { font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .09em; }
.serif { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-style: italic; }
.nav {
  position: absolute; z-index: 20; top: 0; left: 0; width: 100%;
  display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center;
  padding: 24px var(--pad); font-size: 12px;
}
.wordmark { font-weight: 600; letter-spacing: -.03em; font-size: 18px; }
.dot { color: var(--acid); }
.nav-meta { text-align: center; font-family: "DM Mono"; font-size: 9px; letter-spacing: .1em; }
.menu-button { justify-self: end; border: 0; background: transparent; font: inherit; cursor: pointer; }
.hero {
  position: relative; min-height: 100svh; padding: 132px var(--pad) 32px;
  display: flex; flex-direction: column; justify-content: space-between;
}
.hero-kicker { margin-left: 33.5%; }
.hero-title { margin: 4vh 0 0; font-size: clamp(58px, 10.3vw, 158px); line-height: .78; letter-spacing: -.075em; font-weight: 500; }
.hero-title .line { display: block; white-space: nowrap; }
.hero-title .serif { padding-left: 17%; font-size: 1.12em; }
.hero-title .offset { padding-left: 3%; }
.period { color: var(--acid); }
.hero-bottom {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; align-items: end;
  margin-top: 60px;
}
.hero-copy { grid-column: 2; max-width: 420px; font-size: clamp(14px, 1.15vw, 18px); line-height: 1.45; }
.scroll-link { justify-self: end; padding-bottom: 3px; border-bottom: 1px solid; }
.index-mark { position: absolute; right: var(--pad); top: 43%; text-align: right; color: var(--muted); }
.work { background: #0b0b0b; color: #f0eee8; padding: 26px var(--pad) 80px; }
.section-head { display: flex; justify-content: space-between; border-top: 1px solid #333; padding-top: 14px; margin-bottom: 70px; }
.project-stage { height: min(72vw, 790px); min-height: 520px; position: relative; overflow: hidden; background: #171717; }
.project-art {
  position: absolute; inset: 0; display: grid; place-items: center;
  background: radial-gradient(circle at 72% 24%, #4d3d63 0, transparent 23%),
              radial-gradient(circle at 20% 72%, #5c171c 0, transparent 25%),
              #121212;
}
.project-art > span { font-size: clamp(130px, 31vw, 520px); line-height: .7; font-weight: 600; letter-spacing: -.12em; transform: translateX(-2%); }
.grid {
  position: absolute; inset: 0; opacity: .16;
  background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size: 8vw 8vw;
}
.orb { position: absolute; border-radius: 50%; filter: blur(1px); mix-blend-mode: difference; border: 1px solid rgba(255,255,255,.5); }
.orb-a { width: 24vw; height: 24vw; left: 9%; top: 13%; }
.orb-b { width: 13vw; height: 13vw; right: 11%; bottom: 11%; background: var(--acid); }
.project-no { position: absolute; z-index: 2; left: 18px; top: 18px; }
.project-arrow { position: absolute; z-index: 2; right: 20px; top: 12px; font-size: 38px; transition: transform .35s ease; }
.project:hover .project-arrow { transform: translate(8px,-8px); }
.project-info { display: grid; grid-template-columns: 2fr 1fr; padding-top: 22px; }
.project-info h2 { margin: 0; font-size: clamp(28px, 4vw, 62px); letter-spacing: -.055em; font-weight: 500; }
.project-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: start; }
.statement { padding: 140px var(--pad) 180px; }
.statement > p:first-child { margin-left: 50%; }
.statement h2 { font-size: clamp(48px, 8vw, 122px); line-height: .84; letter-spacing: -.065em; font-weight: 500; margin: 100px 0 50px; }
.statement h2 em { font-family: "Instrument Serif"; font-weight: 400; }
.statement-copy { width: min(440px, 80%); margin-left: 50%; font-size: 18px; line-height: 1.55; }
.contact { background: var(--ink); color: var(--paper); padding: 25px var(--pad) 20px; }
.contact-top { display: flex; justify-content: space-between; padding-top: 12px; border-top: 1px solid #41413d; }
.contact-link { position: relative; display: block; padding: 120px 0 150px; font-size: clamp(56px, 10.5vw, 160px); line-height: .78; letter-spacing: -.075em; }
.contact-link > span { display: block; }
.contact-link .serif { padding-left: 18%; }
.contact-arrow { position: absolute; right: 2%; top: 42%; font-family: Inter; font-size: .32em; letter-spacing: 0; }
footer { overflow: hidden; }
.footer-word { font-size: clamp(110px, 23vw, 360px); line-height: .66; letter-spacing: -.09em; font-weight: 600; transform: translateY(12%); white-space: nowrap; }
.footer-meta { display: flex; justify-content: space-between; padding-top: 24px; }
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.cursor { display:none; }
@media (pointer:fine) {
  .cursor { display:block; width:10px; height:10px; border-radius:50%; background:var(--acid); position:fixed; z-index:999; pointer-events:none; transform:translate(-50%,-50%); mix-blend-mode:difference; }
}
@media (max-width: 700px) {
  .nav { grid-template-columns: 1fr 1fr; }
  .nav-meta { display:none; }
  .hero { padding-top: 120px; min-height: 92svh; }
  .hero-kicker { margin-left: 0; }
  .hero-title { font-size: clamp(52px, 17vw, 90px); line-height:.82; margin-top: 12vh; }
  .hero-title .serif { padding-left: 10%; }
  .hero-title .offset { padding-left: 0; white-space: normal; }
  .hero-bottom { grid-template-columns: 1fr; }
  .hero-copy { grid-column: 1; width: 75%; }
  .scroll-link { justify-self: start; }
  .index-mark { top: 25%; }
  .work { padding-bottom: 50px; }
  .section-head { margin-bottom: 36px; }
  .project-stage { min-height: 470px; height: 115vw; }
  .project-info { grid-template-columns: 1fr; gap: 20px; }
  .project-meta { grid-template-columns: 1fr 1fr; }
  .statement { padding-top: 90px; padding-bottom: 110px; }
  .statement > p:first-child, .statement-copy { margin-left: 0; }
  .statement h2 { margin-top: 80px; }
  .statement-copy { width: 90%; }
  .contact-top span:last-child { display:none; }
  .contact-link { padding: 100px 0 120px; }
  .contact-link .serif { padding-left: 7%; }
  .footer-meta { gap: 30px; }
}

/* =========================
   CORDWELL V2.0 HERO
   Exact visual direction supplied 02 Nov 2026
   ========================= */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.hero-v2 {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 620px;
  padding: 0;
  overflow: hidden;
  background: #eee9df;
}
.hero-v2-art {
  position: absolute;
  inset: 0;
  background-image: url('./hero-moss.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-v2-logo-hit,
.hero-v2-menu-hit,
.hero-v2-scroll-hit {
  position: absolute;
  z-index: 5;
  display: block;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.hero-v2-logo-hit { left: 1.5%; top: 1.2%; width: 9%; height: 5%; }
.hero-v2-menu-hit { right: 1.4%; top: 1%; width: 7%; height: 5%; }
.hero-v2-scroll-hit { right: 1.5%; bottom: 1.2%; width: 12%; height: 6%; }

/* On narrow screens keep the artwork cinematic instead of crushing it. */
@media (max-aspect-ratio: 4/5) {
  .hero-v2-art {
    background-position: 58% center;
  }
}
@media (max-width: 700px) {
  .hero-v2 { min-height: 760px; }
  .hero-v2-art {
    background-size: auto 100%;
    background-position: 52% center;
  }
  .hero-v2-logo-hit { width: 30%; height: 8%; }
  .hero-v2-menu-hit { width: 20%; height: 8%; }
  .hero-v2-scroll-hit { width: 35%; height: 10%; }
}

/* V2.3 — V2 hero untouched; Project 001 hard cut */
.project-001{background:#090909;color:#efede6;padding:28px var(--pad) 34px;min-height:100svh;overflow:hidden}.project-001-head{display:flex;justify-content:space-between;border-top:1px solid #444;padding-top:13px}.project-001-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,5vw,90px);align-items:center;min-height:calc(100svh - 110px);padding:54px 0 46px}.project-001-copy{display:flex;flex-direction:column;justify-content:center}.project-001-index{color:#85857e;margin-bottom:32px}.project-001-copy h2{margin:0;font-size:clamp(64px,7.1vw,116px);line-height:.78;letter-spacing:-.075em;font-weight:500}.project-001-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:45px;color:#85857e;max-width:390px}.project-001-link{width:max-content;margin-top:52px;padding-bottom:5px;border-bottom:1px solid}.project-001-visual{position:relative;display:block}.ytk-site-frame{border:1px solid #30302e;background:#111;box-shadow:0 40px 90px #000;overflow:hidden}.ytk-browser-bar{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;color:#777;border-bottom:1px solid #292929}.ytk-site{position:relative;height:min(67vh,720px);min-height:520px;overflow:hidden;background:radial-gradient(circle at 75% 26%,#292929,transparent 20%),linear-gradient(135deg,#050505,#1a1a1a 56%,#070707)}.ytk-site-nav{position:absolute;z-index:2;top:4%;left:4%;right:4%;display:flex;justify-content:space-between;color:#ddd}.ytk-site-nav strong{font-size:24px}.ytk-site-word{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-4deg);font-size:clamp(160px,25vw,420px);font-weight:600;font-style:italic;letter-spacing:-.15em;color:#ecece6;transition:.6s}.project-001-visual:hover .ytk-site-word{transform:rotate(-2deg) scale(1.025)}.ytk-site-bottom{position:absolute;bottom:4%;left:4%;right:4%;display:flex;justify-content:space-between;color:#aaa}.visual-number{position:absolute;left:-24px;bottom:22px;writing-mode:vertical-rl;transform:rotate(180deg);color:#696963}.project-001-foot{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:13px;color:#777}.project-001-visual:hover{opacity:1}@media(max-width:900px){.project-001-grid{grid-template-columns:1fr;padding-top:70px}.project-001-copy h2{font-size:clamp(66px,16vw,115px)}.ytk-site{height:85vw}.visual-number{display:none}}@media(max-width:600px){.project-001-copy h2{font-size:19vw}.ytk-site{height:115vw;min-height:430px}.ytk-site-nav span{display:none}}

/* V2.4 — live YTK embed; hero untouched */
.ytk-live-site{background:#0b0b0b}.ytk-live-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:3}.ytk-embed-fallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:8%;text-align:center;color:#777}.ytk-embed-fallback strong{color:#efede6;font-size:clamp(100px,17vw,260px);line-height:.8;letter-spacing:-.12em;font-style:italic}.ytk-browser-bar a{color:inherit;text-decoration:none;transition:color .2s ease}.ytk-browser-bar a:hover{color:#efede6}


/* =========================================================
   V2.5 — YTK FULL CASE STUDY
   ========================================================= */
.ytk-case{background:#090909;color:#efede6}
.case-kicker{display:grid;grid-template-columns:48px 1fr;gap:18px;color:#777770;border-top:1px solid rgba(239,237,230,.25);padding-top:13px}
.ytk-brief{padding:120px var(--pad) 150px}
.brief-copy{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-top:80px}
.brief-lead{margin:0;font-size:clamp(60px,8vw,132px);line-height:.82;letter-spacing:-.07em;font-weight:500}
.brief-lead em{font-family:Georgia,serif;font-weight:400}
.brief-body{font-size:clamp(18px,1.45vw,25px);line-height:1.45;max-width:520px;color:#a5a59f;margin:0 0 8px}

.ytk-experience{padding:30px var(--pad) 130px}
.experience-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:34px}
.experience-top .case-kicker{flex:1}
.device-switch{display:flex;border:1px solid #353532;margin-left:30px}
.device-btn{appearance:none;border:0;background:transparent;color:#777770;padding:12px 16px;cursor:pointer;font:inherit}
.device-btn.active{background:#efede6;color:#090909}
.live-stage{min-height:720px;display:flex;justify-content:center;align-items:flex-start;padding:0;transition:padding .55s cubic-bezier(.2,.8,.2,1)}
.live-shell{width:100%;height:78vh;min-height:650px;background:#fff;border:1px solid #30302e;box-shadow:0 45px 110px rgba(0,0,0,.55);overflow:hidden;transition:width .55s cubic-bezier(.2,.8,.2,1),border-radius .55s}
.live-bar{height:42px;background:#111;color:#777;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid #2a2a2a}
.live-bar a{justify-self:end;color:#aaa;text-decoration:none}
.live-status{display:flex;gap:8px;align-items:center}.live-status i{width:6px;height:6px;border-radius:50%;background:#b8ff32;box-shadow:0 0 12px rgba(184,255,50,.5)}
.live-shell iframe{display:block;width:100%;height:calc(100% - 42px);border:0;background:#fff}
.live-stage.mobile{padding-top:20px}
.live-stage.mobile .live-shell{width:min(430px,92vw);height:78vh;min-height:700px;border-radius:24px}
.live-stage.mobile .live-bar{grid-template-columns:1fr auto;padding:0 15px}
.live-stage.mobile .live-bar>span:first-child{display:none}
.experience-note{color:#696963;margin:18px 0 0;text-align:right}

.ytk-built{padding:90px var(--pad) 160px}
.built-list{margin-top:60px;border-bottom:1px solid rgba(239,237,230,.22)}
.built-list>div{display:grid;grid-template-columns:70px 1fr;align-items:center;border-top:1px solid rgba(239,237,230,.22);padding:18px 0 13px;overflow:hidden}
.built-list span{color:#66665f}
.built-list strong{font-size:clamp(42px,7.2vw,120px);line-height:.9;letter-spacing:-.065em;font-weight:500;transition:transform .35s ease,color .35s ease}
.built-list>div:hover strong{transform:translateX(14px);color:#fff}

.ytk-result{background:#e9e4d8;color:#10100f;padding:110px var(--pad) 35px}
.ytk-result .case-kicker{color:#6c6b64;border-color:rgba(16,16,15,.25)}
.result-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end;padding:100px 0 150px}
.result-grid h3{font-size:clamp(62px,8.6vw,145px);line-height:.82;letter-spacing:-.075em;font-weight:500;margin:0}
.result-grid h3 em{font-family:Georgia,serif;font-weight:400}
.acid{color:#9cff00}
.result-side{max-width:460px;padding-bottom:8px}.result-side p{font-size:clamp(18px,1.35vw,24px);line-height:1.45;margin:0 0 44px;color:#4c4b46}
.result-link{display:inline-block;color:#10100f;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
.case-end{display:flex;justify-content:space-between;border-top:1px solid rgba(16,16,15,.25);padding-top:13px;color:#6c6b64}

@media(max-width:900px){
 .brief-copy,.result-grid{grid-template-columns:1fr}
 .brief-body{margin-top:20px}.experience-top{display:block}.device-switch{margin:24px 0 0;width:max-content}
 .live-stage{min-height:650px}.live-shell{height:70vh;min-height:600px}
 .built-list>div{grid-template-columns:48px 1fr}.result-side{margin-top:25px}
}
@media(max-width:600px){
 .ytk-brief{padding-top:80px;padding-bottom:100px}.brief-copy{margin-top:55px}
 .brief-lead{font-size:15vw}.ytk-experience{padding-bottom:90px}
 .live-stage{min-height:590px}.live-shell{height:68vh;min-height:560px}
 .live-bar{grid-template-columns:1fr auto}.live-status{display:none}
 .experience-note{text-align:left;line-height:1.5}
 .ytk-built{padding-top:60px;padding-bottom:110px}
 .built-list strong{font-size:10vw}.result-grid{padding:70px 0 100px}
 .result-grid h3{font-size:15vw}.case-end{gap:20px;line-height:1.5}
}

/* V2.6 */
.studio-offer{background:#e9e4d8;color:#10100f;padding:32px var(--pad) 150px}.offer-top,.about-rule,.contact-top{display:flex;justify-content:space-between;border-top:1px solid #10100f47;padding-top:13px;color:#696860}.offer-intro{padding:120px 0 100px}.offer-intro>p{color:#77766f}.offer-intro h2,.studio-contact h2{margin:28px 0 0;font-size:clamp(62px,8.2vw,138px);line-height:.83;letter-spacing:-.075em;font-weight:500}.offer-intro em,.studio-about em,.studio-contact em{font-family:Georgia,serif;font-weight:400}.offer-intro b,.studio-contact b{color:#9cff00}.service-list{border-bottom:1px solid #10100f47}.service-list article{display:grid;grid-template-columns:70px 1fr minmax(250px,.6fr) 35px;gap:28px;align-items:center;border-top:1px solid #10100f47;padding:25px 0}.service-list article>span{color:#77766f}.service-list h3{font-size:clamp(42px,5.8vw,96px);line-height:.9;letter-spacing:-.06em;font-weight:500;margin:0}.service-list p{font-size:clamp(16px,1.1vw,20px);line-height:1.45;color:#56554f;max-width:430px;margin:0}.service-list i{font-size:28px;font-style:normal;transition:.25s}.service-list article:hover i{transform:translate(5px,-5px)}
.studio-about{background:#0a0a09;color:#efede6;padding:34px var(--pad) 140px}.studio-about .about-rule{border-color:#efede63d;color:#72726c}.about-grid{display:grid;grid-template-columns:.42fr 1fr;gap:8vw;padding:130px 0 150px}.loc{color:#73736d;line-height:1.55}.studio-about h2{font-size:clamp(70px,9.2vw,155px);line-height:.8;letter-spacing:-.075em;font-weight:500;margin:0}.about-copy{font-size:clamp(19px,1.5vw,26px);line-height:1.45;color:#a4a49e;max-width:720px;margin:65px 0 0}.manifesto{border-top:1px solid #efede63d;padding-top:18px}.manifesto>span{color:#72726c}.manifesto p{font-size:clamp(72px,11vw,180px);line-height:.78;letter-spacing:-.08em;margin:90px 0 0}
.studio-contact{background:#e9e4d8;color:#10100f;min-height:100svh;padding:34px var(--pad) 26px;display:flex;flex-direction:column}.contact-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:100px 0}.contact-main>p{color:#6d6c65}.studio-contact h2{font-size:clamp(68px,9.4vw,158px);max-width:1400px}.contact-cta{margin-top:75px;border-block:1px solid #10100f59;padding:22px 0 17px;display:flex;justify-content:space-between;color:#10100f;text-decoration:none;font-size:clamp(28px,3vw,52px);letter-spacing:-.04em}.studio-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;border-top:1px solid #10100f47;padding-top:13px;color:#6d6c65}.studio-footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.service-list article{grid-template-columns:45px 1fr 30px}.service-list p{grid-column:2}.service-list i{grid-column:3;grid-row:1/3}.about-grid{grid-template-columns:1fr;padding:90px 0}.studio-footer{grid-template-columns:1fr auto}.studio-footer span:nth-child(2){display:none}}
@media(max-width:600px){.offer-top span:last-child,.contact-top span:last-child{display:none}.studio-offer{padding-bottom:100px}.offer-intro{padding:80px 0 65px}.offer-intro h2{font-size:15vw}.service-list article{grid-template-columns:34px 1fr 25px;gap:12px}.service-list h3{font-size:10vw}.studio-about h2{font-size:17vw}.manifesto p{font-size:16vw}.studio-contact h2{font-size:16vw}}


/* =========================================================
   V2.7 — EDITORIAL CLEANUP
   One hero. One YTK live embed. One services block. One close.
   ========================================================= */

/* Old V2.5/V2.6 sections are no longer in markup. */
.studio-contact-clean{
  min-height:100svh;
  background:#e9e4d8;
  color:#10100f;
  padding:34px var(--pad) 26px;
  display:flex;
  flex-direction:column;
}
.contact-clean-main{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:90px 0 55px;
}
.contact-clean-main>p{
  color:#6d6c65;
  margin:0 0 26px;
}
.contact-clean-link{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  color:#10100f;
  text-decoration:none;
  border-top:1px solid rgba(16,16,15,.32);
  border-bottom:1px solid rgba(16,16,15,.32);
  padding:24px 0 18px;
  font-size:clamp(80px,13vw,220px);
  line-height:.8;
  letter-spacing:-.085em;
  font-weight:500;
}
.contact-clean-link span:last-child{
  font-size:.32em;
  letter-spacing:0;
  padding-top:.08em;
  transition:transform .3s ease;
}
.contact-clean-link:hover span:last-child{transform:translate(9px,-9px)}
.contact-about{
  display:flex;
  justify-content:flex-end;
  padding:42px 0 65px;
}
.contact-about p{
  width:min(560px,100%);
  margin:0;
  font-size:clamp(17px,1.25vw,22px);
  line-height:1.5;
  color:#56554f;
}
.studio-contact-clean .studio-footer{
  margin-top:auto;
}
@media(max-width:600px){
  .contact-clean-link{font-size:21vw}
  .contact-about{justify-content:flex-start;padding:35px 0 55px}
}

/* V2.8 — navigation, motion, mobile polish */
html{scroll-behavior:smooth}.menu-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.menu-trigger-fixed{position:fixed;z-index:40;right:var(--pad);top:26px;color:#111;background:#e9e4d8cc;padding:8px 10px;backdrop-filter:blur(8px)}
.site-menu{position:fixed;inset:0;z-index:1000;background:#0a0a09;color:#efede6;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;overflow:auto}.site-menu.open{opacity:1;visibility:visible}.menu-inner{min-height:100svh;padding:28px var(--pad);display:flex;flex-direction:column}.menu-head,.menu-foot{display:flex;justify-content:space-between;border-top:1px solid #efede63d;padding-top:12px}.menu-close{appearance:none;border:0;background:none;color:#efede6;cursor:pointer}.menu-nav{margin:auto 0;padding:70px 0}.menu-nav a{display:grid;grid-template-columns:55px 1fr 45px;align-items:center;color:#efede6;text-decoration:none;border-top:1px solid #efede63d;padding:14px 0 10px}.menu-nav a:last-child{border-bottom:1px solid #efede63d}.menu-nav span{color:#73736d}.menu-nav strong{font-size:clamp(60px,9vw,150px);line-height:.88;letter-spacing:-.075em;font-weight:500;transition:transform .3s}.menu-nav i{font-style:normal;font-size:30px;transition:transform .3s}.menu-nav a:hover strong{transform:translateX(12px)}.menu-nav a:hover i{transform:translate(5px,5px)}
body.menu-open{overflow:hidden}
.reveal-section .project-001-copy,.reveal-section .service-list article,.reveal-section .contact-clean-main{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.js-motion .reveal-section:not(.in-view) .project-001-copy,.js-motion .reveal-section:not(.in-view) .contact-clean-main{opacity:0;transform:translateY(24px)}.js-motion .studio-offer:not(.in-view) .service-list article{opacity:0;transform:translateY(20px)}.service-list article:nth-child(2){transition-delay:.08s}.service-list article:nth-child(3){transition-delay:.16s}
a:focus-visible,button:focus-visible{outline:2px solid #9cff00;outline-offset:5px}
@media(max-width:600px){.menu-trigger-fixed{top:16px}.menu-inner{padding-top:20px}.menu-nav{padding:50px 0}.menu-nav a{grid-template-columns:34px 1fr 30px}.menu-nav strong{font-size:17vw}.menu-foot span:last-child{display:none}.project-001-grid{padding-top:42px}.project-001-copy h2{line-height:.82}.ytk-site{min-height:420px}.service-list p{line-height:1.4}.contact-clean-main{padding-top:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V2.8.1 menu hotfix */
.hero-v2-menu-hit{cursor:pointer;z-index:50}
.hero-v2-menu-hit:focus-visible{outline:2px solid #9cff00;outline-offset:4px}

/* V2.9 — broader Cordwell positioning */
.offer-lede{
  max-width:650px;
  margin:30px 0 0 auto;
  font-size:clamp(18px,1.45vw,25px);
  line-height:1.45;
  color:#66645d;
}
.agency-services article{
  grid-template-columns:70px minmax(0,1fr) 45px;
}
.agency-services article>div{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(260px,1fr);
  align-items:start;
  gap:40px;
}
.agency-services h3{margin:0}
.agency-services p{max-width:560px;margin:4px 0 0}
.capability-statement{
  display:flex;
  justify-content:space-between;
  gap:30px;
  border-top:1px solid rgba(16,16,15,.28);
  margin-top:80px;
  padding-top:13px;
  color:#6a6962;
}
@media(max-width:760px){
  .offer-lede{margin-left:0}
  .agency-services article{grid-template-columns:38px minmax(0,1fr) 26px}
  .agency-services article>div{display:block}
  .agency-services p{margin-top:12px}
  .capability-statement{margin-top:55px}
}

/* =========================================================
   V3.2 — GLASS SPECIMEN / PROJECT 001 TESTIMONIAL
   ========================================================= */

.glass-testimonial{position:relative;overflow:hidden;background:#070807;color:#eeeae1;padding:32px var(--pad) 30px;isolation:isolate}
.glass-testimonial-head,.glass-testimonial-foot{position:relative;z-index:3;display:flex;justify-content:space-between;gap:24px;color:#999991;border-top:1px solid #343532;padding-top:14px}
.glass-testimonial-head>div{display:flex;flex-direction:column;gap:5px}
.glass-testimonial-head>div:last-child{text-align:right}
.glass-stage{position:relative;padding:110px 0 110px;min-height:740px}
.glass-quote{position:relative;margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(42px,5.3vw,94px);font-weight:400;line-height:1.04;letter-spacing:-.035em;color:#eeeae1;width:100%}
.glass-quote span{display:block;white-space:nowrap}
.glass-optics{position:absolute;inset:0;width:calc(100% + var(--pad));height:100%;overflow:hidden;pointer-events:none;display:none}
.glass-testimonial.optics-ready .glass-optics{display:block}
.glass-credit{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;margin-top:58px;color:#b7b5ad}
.glass-testimonial-foot{color:#7f8078}
@media(min-width:1800px){.glass-stage{padding-top:140px;padding-bottom:140px}}
@media(max-width:900px){.glass-stage{padding-top:88px;padding-bottom:90px;min-height:600px}.glass-quote{font-size:5.6vw}.glass-credit{margin-top:60px}}
@media(max-width:600px){.glass-testimonial{padding-top:24px}.glass-testimonial-head{font-size:9px;gap:14px;line-height:1.5}.glass-stage{padding-top:65px;padding-bottom:90px;min-height:540px}.glass-quote{font-size:7.1vw;line-height:1.08;letter-spacing:-.035em}.glass-quote span{white-space:normal}.glass-credit{margin-top:42px;font-size:10px}.glass-testimonial-foot{font-size:9px}}

/* Supplied V3.2 photographic specimen; no synthetic glass surfaces. */
.glass-artwork{position:absolute;pointer-events:none;max-width:none;width:65vw;height:auto;left:35%;top:-38%;opacity:.38;z-index:1}
.glass-optics{z-index:0}
.glass-credit{z-index:2}
@media(max-width:900px){.glass-artwork{opacity:.32}}
@media(max-width:600px){.glass-artwork{width:100vw;left:47%;top:-10%;opacity:.28}}

/* Clear photographic body above broad, independently lensed text samples. */
.glass-artwork{opacity:.20}
@media(max-width:900px){.glass-artwork{opacity:.18}}
@media(max-width:600px){.glass-artwork{opacity:.16}}