:root{
  --paper:#f4f1ea;
  --paper-2:#e7e1d6;
  --paper-3:#fffdf5;
  --ink:#101010;
  --muted:#4f4e49;
  --line:rgba(16,16,16,.17);
  --line-strong:rgba(16,16,16,.34);
  --accent:#d8ff00;
  --yellow:#e9bd27;
  --orange:#ff6a1a;
  --dark:#0b0b0b;
  --dark-2:#151515;
  --white:#fffdf5;
  --mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --display:"Arial Narrow", "Roboto Condensed", Impact, var(--sans);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}::selection{background:var(--accent);color:var(--ink)}
.site-body{background:var(--dark)}
.site-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(#fff 1px, transparent 1px);background-size:24px 24px;z-index:-2}
.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:0 min(5vw,74px);border-bottom:1px solid var(--line);background:rgba(244,241,234,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:1500px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.brand{font-weight:1000;letter-spacing:-.06em;font-size:clamp(25px,2.1vw,34px);display:inline-flex;align-items:center;gap:2px}.brand span{color:var(--accent)}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:42px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:3px;background:var(--accent);transition:.25s}.desktop-nav a:hover:after{right:0}.nav-cta{justify-self:end;display:inline-flex;align-items:center;gap:14px;border:1px solid var(--ink);padding:13px 19px;font-family:var(--mono);font-weight:900;text-transform:uppercase;font-size:11px;background:#fffdf5}.nav-cta span{background:var(--accent);padding:0 4px}.menu-button{display:none;justify-self:end;position:relative;width:54px;height:54px;border:0;background:var(--accent);cursor:pointer}.menu-button span{position:absolute;left:15px;width:24px;height:2px;background:var(--ink);transition:transform .28s ease, top .28s ease, width .28s ease;border-radius:2px}.menu-button span:first-child{top:20px}.menu-button span:nth-child(2){top:30px}.menu-button b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0;font-weight:950;opacity:0;transition:.25s}.menu-button.open span:first-child{top:18px;left:14px;width:2px;height:20px}.menu-button.open span:nth-child(2){top:36px;left:14px;width:24px}.menu-button.open b{font-size:24px;opacity:1;transform:translateX(4px)}
.apple-menu{position:fixed;top:74px;left:50%;transform:translate(-50%,-140%);z-index:40;width:min(1500px,100vw);padding:26px 5vw;background:rgba(244,241,234,.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--line);display:grid;gap:18px;opacity:0;pointer-events:none;transition:.34s ease}.apple-menu.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}.apple-menu a{font-size:28px;font-weight:950;letter-spacing:-.04em;border-bottom:1px solid var(--line);padding-bottom:14px}
.lab-shell{max-width:1500px;margin:0 auto;background:var(--paper);border-left:1px solid var(--line);border-right:1px solid var(--line);background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:120px 120px;overflow:hidden}
.lab-hero{position:relative;display:grid;grid-template-columns:84px minmax(440px,.82fr) minmax(540px,1.18fr);min-height:700px;border-bottom:1px solid var(--line);overflow:hidden}.side-rail{display:grid;align-content:space-between;justify-items:center;padding:24px 0;border-right:1px solid var(--line);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#111}.side-rail span:nth-child(2){writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-copy{position:relative;z-index:3;padding:82px 3.2vw 64px;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 22px;font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1f1f1d}.eyebrow span{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:8px}.hero-copy h1{margin:0;font-family:var(--display);font-size:clamp(76px,8vw,134px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase;font-weight:1000;max-width:760px}.hero-copy h1 span{color:var(--accent)}.lead{max-width:410px;color:#222;font-family:var(--mono);font-size:14px;margin:28px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:55px;padding:0 29px;border:1px solid var(--ink);font-family:var(--mono);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.2s}.btn-primary{background:var(--accent);color:var(--ink)}.btn-ghost{background:rgba(255,255,255,.74)}.btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}.quick-code-form{max-width:525px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--mono)}.quick-code-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:10px}.code-row{display:flex;gap:8px}.code-row input{flex:1;height:50px;padding:0 16px;background:#fffdf5;border:1px solid var(--line-strong);text-transform:uppercase}.code-row button{height:50px;padding:0 20px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-weight:900;text-transform:uppercase;font-family:var(--mono);cursor:pointer}.form-error{color:#ff5555;font-weight:900}
.hero-stage{position:relative;min-height:700px;background:linear-gradient(90deg,rgba(244,241,234,0),rgba(244,241,234,.3));overflow:hidden}.hero-stage:before{content:"";position:absolute;inset:0;background:url('../images/texture-sketchbook.webp') center/cover;opacity:.21;mix-blend-mode:multiply}.hero-sketch-lines{position:absolute;inset:8% 10% 12% 10%;border:1px solid rgba(0,0,0,.08);background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:48px 48px;opacity:.55}.hero-halftone{position:absolute;right:8%;bottom:-28px;width:min(52vw,720px);max-width:none;filter:drop-shadow(0 24px 26px rgba(0,0,0,.16))}.hero-portrait-card{position:absolute;right:4%;bottom:10%;width:225px;filter:drop-shadow(16px 18px 0 rgba(0,0,0,.14));transform:rotate(-4deg)}.halo-mark{position:absolute;right:30%;top:13%;width:116px;height:42px;border:12px solid var(--yellow);border-radius:50%;transform:rotate(-18deg);filter:drop-shadow(0 4px 0 rgba(0,0,0,.16));z-index:2}.lab-note{position:absolute;right:5%;top:21%;padding:18px 20px;background:#e4d6b6;border:1px solid var(--line);font-family:var(--mono);font-weight:900;line-height:1.2;text-transform:uppercase;box-shadow:7px 8px 0 rgba(0,0,0,.1)}
.section-row{border-bottom:1px solid var(--line)}.selected-work,.services-strip{display:grid;grid-template-columns:84px 220px 1fr}.section-index{padding:26px 0;text-align:center;border-right:1px solid var(--line);font-family:var(--mono);font-size:12px;font-weight:900;color:#111}.section-title{padding:26px;border-right:1px solid var(--line)}.section-title h2{margin:0;font-family:var(--display);font-size:36px;line-height:.9;text-transform:uppercase;letter-spacing:-.055em}.section-title h2 span{color:var(--accent)}.section-title a,.section-title p{font-family:var(--mono);font-size:11px;text-transform:uppercase;font-weight:900;display:inline-block;margin-top:22px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr)}.work-card{padding:24px;border-right:1px solid var(--line);min-height:215px;background:rgba(255,255,255,.2)}.work-card:last-child{border-right:0}.work-card img{aspect-ratio:16/9;object-fit:cover;width:100%;filter:saturate(.95) contrast(1.08)}.work-card h3{margin:13px 0 3px;font-size:15px;text-transform:uppercase}.work-card p{margin:0;color:#555;font-family:var(--mono);font-size:11px}.services-strip{grid-template-columns:84px 220px 1fr}.small-title h2{font-size:30px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr)}.service-tile{position:relative;min-height:236px;padding:30px 22px;border-right:1px solid var(--line);background:rgba(244,241,234,.6);transition:transform .25s ease,background .25s ease,box-shadow .25s ease;transform-origin:center bottom}.service-tile:last-child{border-right:0}.service-tile:hover{background:#fffdf5;transform:perspective(900px) rotateX(4deg) translateY(-8px);box-shadow:0 16px 0 rgba(0,0,0,.08)}.service-tile img{width:38px;height:38px;object-fit:contain;margin-bottom:34px;filter:contrast(2)}.service-tile h3{margin:0 0 10px;text-transform:uppercase;letter-spacing:-.04em;font-size:16px}.service-tile p{margin:0;color:#555;max-width:210px;font-size:14px}.service-tile span{position:absolute;right:18px;bottom:18px;font-size:20px}.about-process{display:grid;grid-template-columns:1fr 1fr}.about-card,.process-card{display:grid;grid-template-columns:84px minmax(110px,170px) 1fr;gap:24px;align-items:center;border-right:1px solid var(--line);min-height:260px}.about-card .section-index,.process-card .section-index{height:100%;display:flex;align-items:flex-start;justify-content:center}.about-card>img{width:154px;filter:drop-shadow(7px 9px 0 rgba(0,0,0,.12))}.about-card h2,.process-card h2{font-size:20px;line-height:1.28;margin:0 0 18px}.about-card a,.process-card a{font-family:var(--mono);font-weight:900;text-transform:uppercase;font-size:11px}.process-card{grid-template-columns:84px 1fr 43%;padding-right:0;border-right:0}.process-card p{color:#555}.process-card img{height:260px;width:100%;object-fit:cover;border-left:1px solid var(--line)}
.maxi-footer{position:relative;overflow:hidden;background:var(--dark);color:var(--white);min-height:520px;max-width:1500px;margin:0 auto;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12)}.footer-bg{position:absolute;inset:0;background:url('../images/footer-collage.webp') center/cover no-repeat;opacity:.92}.footer-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(260px,380px);gap:44px;align-items:center;min-height:470px;padding:70px 6vw 50px}.footer-cta{max-width:620px;margin-left:22vw}.footer-cta h2{margin:0;font-family:var(--display);font-size:clamp(54px,6.6vw,100px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase}.footer-cta mark{background:transparent;color:var(--accent)}.footer-cta p{max-width:430px;color:#e6e6e0}.footer-contact{display:flex;flex-direction:column;justify-content:center;gap:14px;font-family:var(--mono);text-transform:uppercase;font-size:12px}.face-mark{width:86px;height:86px;object-fit:contain;border-radius:50%;background:#f2f2e8}.socials{display:grid;gap:10px;margin-top:20px}.footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;padding:18px 6vw;font-family:var(--mono);font-size:11px;color:#ddd;background:rgba(0,0,0,.5)}
.admin-body,.client-body{background:var(--dark);color:var(--white);min-height:100vh}.admin-body .topbar,.client-body .topbar{background:rgba(12,12,12,.86);border-color:rgba(255,255,255,.14);max-width:none}.admin-body .brand,.client-body .brand,.admin-body .desktop-nav a,.client-body .desktop-nav a{color:#fff}.admin-body .nav-cta,.client-body .nav-cta{color:#111}.admin-layout,.client-layout{max-width:1480px;margin:0 auto;padding:36px 5vw 70px}.login-card,.panel,.wizard-panel,.testimonial-panel,.client-hero{background:#171717;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:34px;box-shadow:0 20px 80px rgba(0,0,0,.25)}.login-card{max-width:620px;margin:8vh auto}.login-card h1,.client-hero h1,.panel h1{font-size:clamp(40px,5vw,86px);line-height:.9;margin:0 0 22px;letter-spacing:-.06em}.stack-form{display:grid;gap:14px}.stack-form label,.briefing-form label,.status-form label{font-family:var(--mono);font-size:12px;text-transform:uppercase;font-weight:800;color:#ddd}.stack-form input,.stack-form textarea,.stack-form select,.briefing-form input,.briefing-form textarea,.briefing-form select,.status-form select,.status-form textarea{width:100%;background:#0c0c0c;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px}.admin-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}.admin-sidebar{display:grid;gap:24px;align-content:start}.compact h2{margin-top:0}.client-row{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.client-row span{display:block;color:#aaa;font-size:13px}.client-row.active strong{color:var(--accent)}.project-head{display:grid;grid-template-columns:1fr 320px;gap:30px}.grid-two,.client-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.briefing-json{white-space:pre-wrap;overflow:auto;max-height:420px;background:#0b0b0b;border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:14px;color:#d7d7d0}.file-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.success-box{background:rgba(216,255,0,.12);border:1px solid rgba(216,255,0,.4);padding:16px;border-radius:16px;color:#f7ffd2}.mini-danger{background:#331414;color:#ffb5b5;border:1px solid #6f2b2b;border-radius:10px;padding:8px 12px}.client-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.project-code{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px 22px}.project-code span{display:block;color:#aaa;font-family:var(--mono);font-size:12px;text-transform:uppercase}.project-code strong{font-size:24px;color:var(--accent)}.wizard-panel{margin-bottom:24px}.section-head h2{font-size:clamp(38px,5vw,72px);line-height:.9;letter-spacing:-.06em;margin:0 0 18px}.form-step{display:none}.form-step.active{display:block}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.choice-card{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px;cursor:pointer}.choice-card input{margin-right:8px}.wizard-actions{display:flex;justify-content:space-between;margin-top:28px}.hidden{display:none!important}.help-line{display:flex;gap:12px;align-items:center}.help-button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:var(--accent);color:#000;font-weight:900}.help-box{display:none;background:#0d0d0d;border:1px solid rgba(255,255,255,.14);padding:18px;border-radius:18px;margin:12px 0}.help-box.open{display:block}.deliverable-card{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;margin:12px 0}.checkbox{display:flex;gap:10px;margin-top:14px}.wide{margin-bottom:20px}
@media (max-width:1100px){.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.topbar{grid-template-columns:auto 1fr auto;max-width:none}.apple-menu{top:74px}.lab-shell,.maxi-footer{max-width:none;border-left:0;border-right:0}.lab-hero{grid-template-columns:1fr;min-height:auto}.side-rail{display:none}.hero-copy{padding:46px 6vw 18px}.hero-copy h1{font-size:clamp(54px,15vw,90px)}.lead{max-width:390px}.hero-stage{min-height:480px}.hero-halftone{right:auto;left:-9vw;bottom:-40px;width:92vw}.hero-portrait-card{right:6vw;width:165px;bottom:20px}.halo-mark{right:34vw;top:8%;width:86px;height:32px;border-width:9px}.lab-note{display:none}.selected-work,.services-strip{grid-template-columns:1fr}.section-index{display:none}.section-title{border-right:0;border-bottom:1px solid var(--line);padding:26px 6vw}.work-grid{grid-template-columns:1fr 1fr}.work-card{padding:18px;border-bottom:1px solid var(--line)}.service-grid{grid-template-columns:1fr 1fr}.service-tile{min-height:190px;border-bottom:1px solid var(--line)}.about-process{grid-template-columns:1fr}.about-card,.process-card{grid-template-columns:1fr;padding:28px 6vw;border-bottom:1px solid var(--line);border-right:0}.about-card .section-index,.process-card .section-index{display:none}.about-card>img{width:150px}.process-card img{border-left:0;height:200px}.footer-content{grid-template-columns:1fr;min-height:auto;padding:54px 6vw 36px}.footer-cta{margin-left:0}.footer-cta h2{font-size:56px}.footer-bottom{display:grid;gap:8px}.admin-layout{grid-template-columns:1fr}.project-head,.grid-two,.client-sections{grid-template-columns:1fr}.client-hero{display:grid;gap:18px}.choice-grid{grid-template-columns:1fr}.file-row{grid-template-columns:1fr}.code-row{display:grid}.btn{width:100%}}
@media (max-width:640px){body{font-size:15px}.topbar{min-height:66px;padding:0 16px}.apple-menu{top:66px}.brand{font-size:25px}.hero-copy{padding:36px 18px 10px}.hero-copy h1{font-size:54px}.hero-actions{display:grid}.quick-code-form{margin-top:22px}.hero-stage{min-height:380px}.hero-halftone{width:105vw;left:-22vw}.hero-portrait-card{width:128px;right:4vw;bottom:14px}.hero-sketch-lines{inset:8%}.work-grid{grid-template-columns:1fr}.service-grid{display:block;padding:18px 0 28px;position:relative}.service-tile{margin:0 18px -92px;min-height:210px;background:var(--paper);border:1px solid var(--line-strong);box-shadow:0 16px 25px rgba(0,0,0,.12);transform:rotate(var(--r,0deg));}.service-tile:nth-child(1){--r:-1.5deg;z-index:5}.service-tile:nth-child(2){--r:1deg;z-index:4}.service-tile:nth-child(3){--r:-.8deg;z-index:3}.service-tile:nth-child(4){--r:1.2deg;z-index:2}.service-tile:nth-child(5){--r:-1deg;z-index:1;margin-bottom:0}.service-tile:hover{transform:translateY(-14px) rotate(var(--r));}.maxi-footer{min-height:600px}.footer-bg{background-position:center bottom}.footer-cta h2{font-size:46px}.footer-contact{font-size:11px}.admin-layout,.client-layout{padding:22px 16px 60px}.login-card,.panel,.wizard-panel,.testimonial-panel,.client-hero{border-radius:18px;padding:22px}.section-head h2{font-size:42px}}

/* ==============================
   V3 REFINEMENT — approved layout
   - Footer rebuilt to avoid overlapped typography
   - Clean technical grid + controlled sketchbook collage
   - Uses footer-lab-collage-v3.webp as background texture only
   ============================== */
.visual-lab .hero-stage{
  background-image:url('../images/hero-grid-paper-v3.webp');
  background-size:cover;
  background-position:center;
}
.visual-lab .hero-copy h1{
  max-width:780px;
}
.visual-lab .hero-stage:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  pointer-events:none;
  background:linear-gradient(to top,rgba(244,241,234,.95),rgba(244,241,234,0));
  z-index:1;
}
.visual-lab .hero-halftone,
.visual-lab .hero-portrait-card,
.visual-lab .halo-mark,
.visual-lab .lab-note{
  z-index:2;
}

/* Footer V3 */
.maxi-footer.footer-v3{
  isolation:isolate;
  position:relative;
  min-height:430px;
  background:#070707;
  color:var(--white);
  overflow:hidden;
  max-width:1500px;
  margin:0 auto;
  border-left:1px solid rgba(255,255,255,.12);
  border-right:1px solid rgba(255,255,255,.12);
}
.footer-v3 .footer-collage-layer{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.52) 35%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.10)),url('../images/footer-lab-collage-v3.webp');
  background-size:cover;
  background-position:center;
  opacity:1;
  transform:translateZ(0);
}
.footer-v3 .footer-collage-layer:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 32% 45%,rgba(216,255,0,.12),transparent 30%),linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.45));
  pointer-events:none;
}
.footer-v3-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(220px,340px) minmax(380px,1fr) minmax(220px,330px);
  gap:clamp(24px,4vw,70px);
  align-items:center;
  min-height:430px;
  padding:clamp(48px,6vw,84px) clamp(38px,6vw,88px) clamp(40px,5vw,64px);
}
.footer-v3-character{
  align-self:end;
  position:relative;
  min-height:300px;
}
.footer-v3-character img{
  position:absolute;
  left:-34px;
  bottom:-58px;
  width:clamp(240px,24vw,390px);
  max-width:none;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.55)) contrast(1.1);
}
.footer-halo{
  position:absolute;
  left:128px;
  bottom:255px;
  width:78px;
  height:28px;
  border:8px solid #e5bd23;
  border-radius:50%;
  transform:rotate(-14deg);
  opacity:.96;
}
.footer-v3-cta{
  max-width:620px;
  padding:clamp(28px,3.4vw,48px);
  background:rgba(8,8,8,.78);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.footer-v3-cta .eyebrow{
  color:#ece8db;
}
.footer-v3-cta h2{
  margin:0;
  max-width:580px;
  font-family:var(--display);
  font-size:clamp(44px,5.2vw,78px);
  line-height:.9;
  letter-spacing:-.045em;
  text-transform:uppercase;
  color:#fffdf5;
}
.footer-v3-cta mark{
  background:transparent;
  color:var(--accent);
}
.footer-v3-cta p:not(.eyebrow){
  max-width:430px;
  margin:18px 0 24px;
  color:#e7e1d6;
  font-size:17px;
}
.footer-v3-cta .btn{
  min-width:230px;
  justify-content:center;
}
.footer-v3-contact{
  justify-self:end;
  width:min(100%,290px);
  display:grid;
  gap:12px;
  padding:26px;
  background:rgba(0,0,0,.56);
  border:1px solid rgba(255,255,255,.14);
  font-family:var(--mono);
  text-transform:uppercase;
  font-size:12px;
  color:#fffdf5;
}
.footer-v3-contact .face-mark{
  width:78px;
  height:78px;
  object-fit:contain;
  border-radius:50%;
  background:#f4f1ea;
  padding:4px;
}
.footer-v3-contact a{
  display:flex;
  justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:10px;
}
.footer-v3-contact a:hover{color:var(--accent)}
.footer-v3-contact .socials{
  display:grid;
  gap:8px;
  margin-top:12px;
  color:#d7d2c6;
}
.footer-v3 .footer-bottom{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  padding:18px clamp(26px,6vw,88px);
  font-family:var(--mono);
  font-size:11px;
  color:#ddd;
  background:rgba(0,0,0,.72);
}

@media (max-width:1100px){
  .footer-v3-inner{
    grid-template-columns:1fr;
    min-height:unset;
    padding:44px 6vw 34px;
  }
  .footer-v3-character{
    min-height:210px;
    order:2;
  }
  .footer-v3-character img{
    width:min(66vw,330px);
    left:-20px;
    bottom:-56px;
  }
  .footer-halo{
    left:118px;
    bottom:185px;
  }
  .footer-v3-cta{
    order:1;
    max-width:680px;
    padding:30px;
  }
  .footer-v3-contact{
    order:3;
    justify-self:stretch;
    width:auto;
    grid-template-columns:auto 1fr;
    align-items:center;
  }
  .footer-v3-contact .socials{
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    gap:16px;
  }
}
@media (max-width:640px){
  .visual-lab .hero-stage{background-position:center top;}
  .footer-v3 .footer-collage-layer{
    background-position:37% center;
  }
  .footer-v3-inner{
    padding:30px 18px 26px;
    gap:22px;
  }
  .footer-v3-cta{
    padding:24px 20px;
  }
  .footer-v3-cta h2{
    font-size:42px;
    line-height:.92;
  }
  .footer-v3-cta p:not(.eyebrow){font-size:14px}
  .footer-v3-character{
    min-height:180px;
  }
  .footer-v3-character img{
    width:270px;
    left:-60px;
    bottom:-54px;
  }
  .footer-halo{
    width:58px;height:22px;border-width:6px;left:88px;bottom:158px;
  }
  .footer-v3-contact{
    display:grid;
    grid-template-columns:1fr;
    padding:20px;
  }
  .footer-v3 .footer-bottom{
    display:grid;
    gap:8px;
    padding:16px 18px;
  }
}