:root{--bg:#10110f;--panel:#191b17;--line:#35382e;--ink:#f4f1e8;--muted:#b8b9ac;--gold:#dbc08b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.preview{background:#d9c18f;color:#25281e;text-align:center;font-size:11px;letter-spacing:.08em;padding:7px 16px}.header{position:sticky;top:0;z-index:5;background:#10110ff5;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.16em;font-weight:bold}.brand img{width:39px;height:44px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:30px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:#1d2018;font-weight:600;font-size:14px;gap:20px}.btn:hover{background:#eed7a7}.textlink{display:inline-flex;padding:12px 0;border-bottom:1px solid #696c59;font-size:14px;gap:18px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.5vw,74px);font-weight:400;line-height:1.06;letter-spacing:-.055em;margin:23px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}h2{font-size:clamp(32px,3.5vw,46px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin-bottom:20px}h3{font-size:22px;line-height:1.3;font-weight:400;letter-spacing:-.02em}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:center;padding:82px 0 65px}.hero .intro{font-size:17px;line-height:1.8;max-width:560px;color:var(--muted)}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:28px}.trust{font-size:12px;color:var(--muted);margin-top:28px}.assistant{border:1px solid #484d3c;border-radius:12px;background:linear-gradient(135deg,#262b20,#171a15);padding:27px;box-shadow:0 24px 80px #0005;transform:rotate(1deg)}.assistant-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;border-bottom:1px solid #414735;padding-bottom:16px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c0cf9d;margin-right:7px}.assistant h3{font-family:Georgia,serif;font-size:29px;margin:24px 0 19px}.note{padding:16px;background:#30362a;border:1px solid #474f3c;border-radius:6px;font-size:13px;margin:12px 0}.note p{margin:6px 0 0;color:#d0d3c5}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d6c394}.reply{border-top:1px solid #414735;margin-top:22px;padding-top:18px;font-size:12px;color:#c5cbb8}.caption{font-size:11px;color:var(--muted);text-align:center;margin:15px 0 0}.band{border-block:1px solid var(--line);padding:23px 0}.band .wrap{display:flex;justify-content:space-between;gap:25px;color:#cbcbbf;font-size:13px}.section{padding:80px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head p{max-width:360px;color:var(--muted);font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.use{padding:32px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.num{color:var(--gold);font-family:Georgia,serif;font-size:26px;margin-bottom:18px}.use ul,.service ul{list-style:none;padding:0;margin:20px 0 0}.use li,.service li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.use li:before,.service li:before{content:'↗';color:var(--gold);margin-right:12px}.quote{background:#e6e2d5;color:#24281e}.quote-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px;align-items:start}.quote .eyebrow{color:#6d654c}.quote blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(24px,3vw,36px);line-height:1.4;letter-spacing:-.02em}.quote cite{display:block;font-style:normal;font-family:Arial,sans-serif;font-size:13px;margin-top:20px}.quote .context{font-size:14px;margin-top:25px;color:#515749;max-width:640px}.service{padding:35px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.service.featured{border-color:#98815a;background:linear-gradient(140deg,#29291e,#191b17)}.price{font-size:35px;letter-spacing:-.04em;margin:15px 0}.price small{font-size:13px;color:var(--muted);letter-spacing:0}.service p{color:var(--muted);font-size:14px}.service .btn,.service .textlink{align-self:start;margin-top:24px}.fine{font-size:12px!important;color:var(--muted);line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:21px}.step p{color:var(--muted);font-size:14px}.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.portrait{width:100%;max-height:420px;object-fit:cover;object-position:50% 25%;border-radius:5px}.about p{color:var(--muted);max-width:610px}.worklink{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.faq{max-width:820px;margin:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px}details p{color:var(--muted);font-size:14px;margin:15px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact p{color:var(--muted)}form{display:grid;gap:16px}label{font-size:12px;color:#d2d2c5}input,textarea{display:block;margin-top:6px;padding:13px;width:100%;border:1px solid #505445;border-radius:4px;background:#1c1f18;color:var(--ink)}textarea{min-height:110px;resize:vertical}form .btn{justify-self:start}.status{font-size:13px;color:var(--gold)!important}.newsletter{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 0}.newsletter h3{margin:0 0 4px}.newsletter p{margin:0;color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:10;background:var(--gold);color:#111;padding:12px}.mobile-menu{display:none}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{gap:30px;padding-top:50px}.navlinks{gap:18px}.navlinks>a:not(.btn){display:none}.hero{grid-template-columns:1fr}.assistant{max-width:530px;transform:none}.hero-visual{margin-top:10px}.band .wrap{flex-wrap:wrap;justify-content:center}.section{padding:58px 0}.section-head{display:block}.quote-grid,.about,.contact{gap:30px;grid-template-columns:1fr}.portrait{max-width:320px;max-height:320px}.two{gap:16px}.use,.service{padding:25px}.steps{gap:20px}.newsletter{align-items:start}.brand{font-size:11px}.navlinks .btn{padding:11px 13px;font-size:12px}}@media(max-width:560px){.two,.steps{grid-template-columns:1fr}.section-head{margin-bottom:25px}.hero{padding-bottom:40px}.hero .intro{font-size:16px}.band .wrap{justify-content:start;gap:9px;flex-direction:column}.newsletter,.foot{flex-direction:column}.header nav{gap:12px;min-height:73px}.brand img{width:29px}.brand{letter-spacing:.08em}.quote-grid{gap:15px}.actions{gap:20px}.trust{font-size:11px}.assistant{padding:20px}.preview{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/99e609270109b47d-s.p.40sczeszzbjw1.woff2') format('woff2')}


/*
  Apollo Iridium — "Champagne Eclipse" design system (2026-06-10)
  Matte black foundation, champagne-gold flare light, bronze depth,
  mono telemetry labels. Fonts injected by next/font in app/layout.tsx.
*/
:root {
  --background: #0a0908;
  --surface: #14110d;
  --surface-raised: #1a150e;
  --foreground: #f3eadb;
  --muted: #b3a48d;
  --faint: #857252;
  --gold: #d6b36a;
  --champagne: #f0d79b;
  --bronze: #c19a5b;
  --line: #2a2317;
}



* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--background);
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: clip;
  background:
    radial-gradient(ellipse 60rem 34rem at 78% -4%, rgba(214, 179, 106, 0.10), transparent),
    radial-gradient(ellipse 44rem 30rem at 12% 30%, rgba(142, 101, 52, 0.07), transparent),
    linear-gradient(180deg, #0d0b08 0%, #0a0908 38%, #070605 100%);
  color: var(--foreground);
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

/* Sparse starfield, fading toward the fold */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(243, 234, 219, 0.5) 50%, transparent 51%),
    radial-gradient(1px 1px at 38% 7%, rgba(240, 215, 155, 0.36) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 64% 24%, rgba(214, 179, 106, 0.32) 50%, transparent 51%),
    radial-gradient(1px 1px at 82% 12%, rgba(243, 234, 219, 0.42) 50%, transparent 51%),
    radial-gradient(1px 1px at 91% 33%, rgba(240, 215, 155, 0.28) 50%, transparent 51%),
    radial-gradient(1px 1px at 25% 41%, rgba(214, 179, 106, 0.2) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 49% 52%, rgba(243, 234, 219, 0.15) 50%, transparent 51%);
  background-size: 110rem 110rem;
  mask-image: linear-gradient(180deg, black 0%, transparent 90%);
}

/* Film grain */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.09;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.46'/%3E%3C/svg%3E");
}

a { color: inherit; text-decoration: none; }
::selection { background: rgba(214, 179, 106, 0.32); color: #fff8ea; }

/* ——— Components ——— */

.mono-label {
  font-family: var(--font-mono);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.flare-text {
  color: transparent;
  background: linear-gradient(105deg, #fff6db 0%, #f0d79b 35%, #d6b36a 68%, #8e6534 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Diagonal satellite-flare streak — place inside a relative, clipped parent */
.flare-streak {
  position: absolute;
  height: 1px;
  pointer-events: none;
  transform-origin: left center;
  transform: rotate(-16deg);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 246, 219, 0.65) 32%,
    rgba(214, 179, 106, 0.6) 58%,
    rgba(142, 101, 52, 0.38) 84%,
    transparent 100%
  );
}

.flare-streak::after {
  content: "";
  position: absolute;
  left: 30%;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff6db;
  box-shadow: 0 0 14px 3px rgba(240, 215, 155, 0.7);
}

.panel {
  position: relative;
  isolation: isolate;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: linear-gradient(160deg, rgba(26, 21, 14, 0.85), rgba(15, 12, 9, 0.65));
  overflow: hidden;
}

.panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(240, 215, 155, 0.09) 48%, transparent 62%);
  transform: translateX(-130%);
  opacity: 0;
}

.panel > * { position: relative; z-index: 1; }
.panel:is(:hover, :focus-within)::before { animation: edge-scan 1400ms cubic-bezier(0.2, 0.8, 0.2, 1); }

.hairline-top { border-top: 1px solid var(--line); }

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 2px;
  background: linear-gradient(120deg, #f0d79b, #d6b36a);
  color: #171206;
  font-weight: 500;
  transition: box-shadow 240ms ease, transform 240ms ease;
}

.btn-primary:hover {
  box-shadow: 0 0 32px rgba(214, 179, 106, 0.35);
  transform: translateY(-1px);
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 2px;
  border: 1px solid rgba(214, 179, 106, 0.42);
  color: var(--foreground);
  transition: border-color 240ms ease, background-color 240ms ease;
}

.btn-secondary:hover {
  border-color: rgba(240, 215, 155, 0.8);
  background: rgba(214, 179, 106, 0.07);
}

.focus-ring:focus-visible {
  outline: 2px solid var(--champagne);
  outline-offset: 4px;
}

/* ——— Motion ——— */

@keyframes edge-scan {
  0% { transform: translateX(-130%); opacity: 0; }
  24% { opacity: 1; }
  100% { transform: translateX(130%); opacity: 0; }
}

@keyframes slow-reveal {
  from { opacity: 0; transform: translateY(18px); filter: blur(6px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes flare-pass {
  0% { transform: rotate(-16deg) translateX(-12%); opacity: 0; }
  18% { opacity: 1; }
  100% { transform: rotate(-16deg) translateX(16%); opacity: 0.9; }
}

.reveal { animation: slow-reveal 850ms cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.delay-1 { animation-delay: 120ms; }
.delay-2 { animation-delay: 240ms; }
.delay-3 { animation-delay: 360ms; }
.delay-4 { animation-delay: 520ms; }

.flare-animate { animation: flare-pass 2400ms cubic-bezier(0.3, 0.7, 0.3, 1) both; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

:root{--font-display:'Space Grotesk',sans-serif;--font-sans:'Instrument Sans',sans-serif;--font-mono:'IBM Plex Mono',monospace;--bg:var(--background);--panel:var(--surface);--ink:var(--foreground)}
body{font-family:var(--font-sans)}main,footer,.preview{position:relative;z-index:2}.wrap{width:min(1200px,calc(100% - 80px))}
.preview{background:#14110d;color:#c19a5b;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:10px}
.header{background:#0a0908d9;backdrop-filter:blur(22px)}nav{min-height:90px}.brand{font-family:var(--font-display);letter-spacing:.1em;font-size:15px}.navlinks{color:var(--muted)}.brand small{display:block;font:10px var(--font-mono);color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-top:4px}
.hero{display:block;padding:135px 0 110px;position:relative;isolation:isolate}.hero>div:not(.flare-streak){position:relative;z-index:1}.hero h1{font-size:clamp(44px,6vw,76px);font-weight:700;line-height:1.05;letter-spacing:-.035em;max-width:980px;margin:28px 0}.hero h1 em{font-family:var(--font-display);font-weight:700;font-style:normal;color:transparent;background:linear-gradient(105deg,#fff6db 0%,#f0d79b 35%,#d6b36a 68%,#8e6534 100%);background-clip:text;-webkit-background-clip:text}.hero .intro{max-width:690px;font-size:19px;line-height:1.8;margin:30px 0 14px}.hero .muted{max-width:690px}.actions{margin-top:32px}.trust{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:46px;color:#b3a48d}
h2{font-size:clamp(30px,3.5vw,43px);font-weight:500;line-height:1.2;margin-bottom:20px}h3{font-family:var(--font-display);font-weight:500;margin-bottom:14px}.eyebrow,.num,.tag{font-family:var(--font-mono);font-weight:400}.eyebrow{font-size:10px}.num{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.section{position:relative;overflow:hidden;padding:86px 0}.section>.wrap{position:relative;z-index:1}.section-head{margin-bottom:38px}
.btn{border:0;border-radius:2px;background:linear-gradient(120deg,#f0d79b,#d6b36a);color:#171206;font-weight:500;transition:box-shadow .24s,transform .24s}.btn:hover{background:linear-gradient(120deg,#f0d79b,#d6b36a);box-shadow:0 0 32px #d6b36a59;transform:translateY(-1px)}.textlink{color:var(--champagne);border-color:#d6b36a50;font-family:var(--font-mono);font-size:11px;letter-spacing:.07em}.actions .textlink{font-family:var(--font-sans);font-size:14px;padding:12px 23px;border:1px solid #d6b36a6b;border-radius:2px;letter-spacing:0;color:var(--foreground)}
.band{background:transparent}.band .wrap{color:var(--muted)}.use,.service,.service.featured{border-radius:3px;background:linear-gradient(160deg,#1a150ed9,#0f0c09a6);border-color:var(--line);padding:34px}.service.featured{border-color:#d6b36a66}.use li:before,.service li:before{content:'—'}.price{font-family:var(--font-display)}.price small{font-family:var(--font-mono);font-size:10px}.quote{background:transparent;color:var(--foreground)}.quote .eyebrow{color:var(--gold)}.quote-grid{grid-template-columns:.65fr 1.35fr;gap:65px}.quote blockquote{font-family:var(--font-display);font-size:30px;line-height:1.5;color:var(--champagne);letter-spacing:-.02em}.quote cite{font-family:var(--font-mono);font-size:10px;color:var(--bronze);letter-spacing:.06em}.quote .context{color:var(--muted)}.quote-panel{padding:36px}.portrait{border-radius:3px;border:1px solid var(--line)}.worklink{color:var(--muted)}input,textarea{background:#1a150eb3;border-color:#d6b36a4d;border-radius:2px}label{color:var(--champagne)}.newsletter{padding:40px 0}.newsletter h3{font-size:21px}.status{color:var(--champagne)!important}.skip:focus{z-index:100}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{padding:85px 0 75px}.hero h1{font-size:clamp(44px,7vw,65px)}.quote-grid{grid-template-columns:1fr;gap:20px}.section{padding:60px 0}.quote-panel{padding:26px}.navlinks .btn{font-size:12px}}
@media(max-width:560px){.hero{padding:68px 0 60px}.hero h1{font-size:43px}.hero .intro{font-size:17px}.brand{font-size:11px}.brand small{font-size:8px}.hero .eyebrow{font-size:9px;line-height:2}.trust{line-height:2;font-size:9px}.quote blockquote{font-size:25px}.use,.service{padding:26px}.section-head p{margin-top:20px}}

/* Exact live-header mark proportions. */
.brand img{width:44px;height:44px;object-fit:contain}@media(max-width:560px){.brand img{width:40px;height:40px}}

/* Growing client story collection, with no rotating or hidden quotes. */
.stories-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}.featured-story>blockquote{font-family:var(--font-display);color:var(--champagne);font-size:30px;line-height:1.5;margin:22px 0 28px}.story-credit{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:22px}.initial{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d6b36a55;color:var(--champagne);font-family:var(--font-display);background:#d6b36a0a}.client-name{margin:0;font-size:18px;color:var(--foreground)}.client-service{margin:3px 0 0;font:10px var(--font-mono);color:var(--bronze);line-height:1.6}.quote .featured-story .context{font-size:14px;margin:24px 0 5px}.story-details{border-bottom:0;padding:17px 0 0;margin-top:20px;border-top:1px solid var(--line)}.story-details summary{font-family:var(--font-mono);font-size:11px;color:var(--champagne);letter-spacing:.04em;min-height:28px}.full-quote p{font-size:14px;line-height:1.9;color:var(--muted)}.future-stories{display:grid;gap:20px}.placeholder-label{margin:0;color:var(--bronze)!important;font-size:9px}.story-placeholder{padding:25px 28px;border:1px dashed #675333;border-radius:3px;background:#14110d66}.slot-index{font:10px var(--font-mono);color:var(--bronze);display:block;margin-bottom:16px}.story-placeholder h3{font-size:23px;line-height:1.3;margin-bottom:14px}.story-placeholder p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 18px}.placeholder-status{font:9px var(--font-mono);line-height:1.7;color:var(--bronze);text-transform:uppercase;letter-spacing:.06em}.preview-story-note{font:10px var(--font-mono);line-height:1.8;color:var(--muted);margin:24px 0 0;max-width:820px}@media(max-width:850px){.stories-grid{grid-template-columns:1fr}.future-stories{grid-template-columns:1fr 1fr}.placeholder-label{grid-column:1/-1}.featured-story>blockquote{font-size:27px}}@media(max-width:560px){.future-stories{grid-template-columns:1fr}.featured-story>blockquote{font-size:24px}.story-placeholder{padding:24px}}

/* Give the two genuine client stories equal prominence. */
.two-client-stories{grid-template-columns:1fr 1fr;align-items:start}.two-client-stories .featured-story>blockquote{font-size:27px;line-height:1.5}@media(max-width:850px){.two-client-stories{grid-template-columns:1fr}}@media(max-width:560px){.two-client-stories .featured-story>blockquote{font-size:24px}}
/* Responsive navigation and shared secondary pages. */
.mobile-nav{display:none}.header>.wrap{position:relative}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 25px;margin-bottom:20px}.footer-nav a{display:inline-flex;align-items:center;min-height:44px}.page-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5.5vw,65px);line-height:1.12;letter-spacing:-.035em;margin:15px 0 30px}.page-heading em{font-style:normal;color:var(--champagne)}.page-lede{max-width:680px;font-size:19px}.subpage .section:first-child{padding-top:80px}.check-label{display:flex;gap:12px;align-items:flex-start;min-height:44px}.check-label input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.check-label span{font-size:14px}input,textarea{font-size:16px;min-height:48px}input[type=checkbox]{min-height:20px}.btn{min-height:48px}.textlink{min-height:44px;align-items:center}summary{padding:8px 0;min-height:44px}a[aria-current=page]{color:var(--champagne);text-decoration:underline;text-underline-offset:7px}.wrap>*{min-width:0}.contact,.two,.about,.stories-grid{min-width:0}.contact a{overflow-wrap:anywhere}.style-switch{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:8px 20px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);font:11px var(--font-mono);color:var(--muted)}.style-switch span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.style-switch a{padding:7px 12px;min-height:36px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:2px}.style-switch a[aria-current=true]{color:var(--champagne);border-color:var(--gold)}
@media(max-width:850px){.navlinks{display:none}.mobile-nav{display:block;border:0;padding:0;margin:0}.mobile-nav>summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:2px;min-width:66px;height:46px;color:var(--champagne);font-size:14px;padding:8px 13px}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav[open]>summary{background:var(--surface-raised);border-color:var(--gold)}.header>.wrap{display:flex;min-height:76px}.mobile-links{position:absolute;top:100%;left:0;right:0;background:var(--background);border:1px solid var(--line);box-shadow:0 20px 40px #0006;padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100dvh - 110px);overflow-y:auto;min-height:0}.mobile-links a{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:16px}.mobile-links a:hover{background:var(--surface-raised)}.subpage .section:first-child{padding-top:46px}.contact{gap:32px}.style-switch{gap:7px;padding:10px 12px}.style-switch span{width:100%;text-align:center}.style-switch a{min-height:44px}.section-head{align-items:start}}
@media(max-width:560px){.header>.wrap{min-height:72px}.wrap{width:calc(100% - 36px)}.two-client-stories,.contact,.about,.two,.steps{grid-template-columns:1fr}.hero h1{font-size:clamp(36px,10.5vw,43px)}.hero h1 br{display:none}.actions{align-items:stretch;gap:12px}.actions .btn,.actions .textlink{width:100%}.brand small{font-size:8px}.brand{gap:9px;font-size:12px}.brand img{width:36px;height:36px}.quote-panel{padding:24px}.footer-nav{gap:3px 20px}.page-heading{font-size:37px}.style-switch a{font-size:10px;padding:7px 10px}.service .price{font-size:32px}.service .price small{display:block;margin-top:8px}.trust{font-size:9px}.form-status{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}

/* Independent design systems for three structural explorations. */
:root{--background:#f5f1e8;--surface:#f5f1e8;--surface-raised:#e9e2d6;--foreground:#25241f;--muted:#625e54;--line:#ccc5b7;--gold:#ae441f;--champagne:#a63e1d;--bronze:#946045;--bg:var(--background);--ink:var(--foreground);--panel:var(--surface)}
body{background:var(--background);color:var(--foreground)}body::before,body::after,.flare-streak,.panel::before{display:none!important}.header{background:var(--background);backdrop-filter:none}.preview{background:var(--foreground);color:var(--background);font-size:9px}.style-switch{background:var(--surface);padding:8px 20px;font-size:10px}.style-switch a{border:0;border-bottom:1px solid transparent;border-radius:0}.style-switch a[aria-current=true]{border-color:var(--champagne)}.brand{color:var(--foreground)}.brand img{width:38px;height:38px}.brand small{color:var(--muted)}.brand,.navlinks{font-family:var(--font-sans)}.navlinks{font-size:14px}.wrap{width:min(1280px,calc(100% - 80px))}.new-hero{position:relative}.new-hero h1{color:var(--foreground);font-size:clamp(48px,6.5vw,92px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 30px;font-family:var(--font-display);font-weight:400}.new-hero h1 em{font:inherit;color:var(--champagne)}.new-hero p{max-width:600px}.btn,.btn:hover{background:var(--champagne);color:#fffaf0;border-radius:0;box-shadow:none;font-size:14px;padding:14px 24px;min-height:48px}.btn:hover{filter:brightness(.9)}.textlink{font-family:var(--font-sans);font-size:14px;color:var(--champagne);letter-spacing:0;border-color:var(--line)}.eyebrow{font:10px var(--font-mono);letter-spacing:.12em}.panel,.use,.service,.service.featured{border-radius:0;background:transparent;box-shadow:none;border-color:var(--line)}h2{font-size:clamp(32px,3.7vw,51px);line-height:1.1}.section{padding:85px 0}.section-head{gap:70px}.section-head p{font-size:16px}.quote{color:var(--foreground);background:transparent}.quote blockquote{color:var(--foreground)}.quote .eyebrow{color:var(--champagne)}.quote .context{color:var(--muted)}.quote .featured-story>blockquote{font-size:27px}.initial{color:var(--champagne);border-color:var(--line);background:transparent}.client-name{color:var(--foreground)}.client-service{color:var(--muted)}.story-details summary{color:var(--champagne)}.portrait{border-radius:0;border:0}.price small{font-family:var(--font-sans);font-size:12px}.trust,.band .wrap{color:var(--muted)}.full-quote p{color:var(--muted)}input,textarea{background:var(--surface);border:1px solid var(--line);color:var(--foreground)}label{color:var(--foreground)}.footer-nav{font-size:13px}.page-heading em{font-family:inherit;color:var(--champagne)}.service.featured{border-color:var(--champagne)}.status{color:var(--champagne)!important}::selection{background:var(--champagne);color:white}.photo-credit,.hero-photo figcaption{font-size:10px;letter-spacing:.05em}.hero-photo{margin:0;position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo figcaption{position:absolute;left:20px;right:20px;bottom:15px;color:white;text-shadow:0 1px 5px #000;background:#0005;padding:5px 10px}.hero-note{font-size:12px;color:var(--muted);margin:22px 0 0}
/* 01 / STUDIO: an editorial split cover, rules and oversized serif numbers. */
[data-concept=studio] h1,[data-concept=studio] h2,[data-concept=studio] .editorial-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}[data-concept=studio] .studio-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}[data-concept=studio] .hero-copy{padding:65px max(40px,calc((100vw - 1200px)/2)) 60px 8vw}[data-concept=studio] .hero-copy h1{font-size:clamp(48px,6.7vw,98px);line-height:1.02;letter-spacing:-.055em;margin-top:28px}[data-concept=studio] .hero-copy h1 em{color:var(--foreground)}[data-concept=studio] .lede{font-size:19px;line-height:1.6;margin-bottom:27px}[data-concept=studio] .hero-photo{min-height:600px}[data-concept=studio] #possibilities{padding:55px 0}[data-concept=studio] #possibilities .section-head{display:none}[data-concept=studio] #possibilities .two{gap:0}[data-concept=studio] #possibilities .use{border:0;padding:15px 40px 15px 0;display:grid;grid-template-columns:95px 1fr;column-gap:20px}[data-concept=studio] #possibilities .use+article{border-left:1px solid var(--line);padding-left:40px}[data-concept=studio] #possibilities .num{font-family:Georgia,serif;font-size:60px;line-height:1;letter-spacing:-.05em;grid-row:1/4;color:var(--champagne);max-width:90px;overflow-wrap:break-word}[data-concept=studio] #possibilities .use .num{font-size:23px;line-height:1.5}[data-concept=studio] #possibilities .use h3{font-size:30px}[data-concept=studio] #possibilities .use ul{grid-column:2;margin-top:5px}[data-concept=studio] .quote{background:#eee7da}[data-concept=studio] .quote .quote-panel{border:0;border-top:1px solid var(--line);padding:28px 0}[data-concept=studio] .quote .featured-story>blockquote{font-family:Georgia,serif;font-size:29px;line-height:1.45}[data-concept=studio] .two-client-stories{gap:65px}[data-concept=studio] .service{border:0;border-top:2px solid var(--foreground);padding-left:0;padding-right:30px}[data-concept=studio] .service.featured{border-color:var(--champagne)}[data-concept=studio] .about{grid-template-columns:1fr 1.2fr;gap:90px}[data-concept=studio] .about h2{font-size:53px}[data-concept=studio] .price{font-family:Georgia,serif;font-size:43px}
/* 02 / COMMAND: typographic billboard and an interactive workflow explorer. */
[data-concept=command]{--background:#071528;--surface:#0e2039;--surface-raised:#182f4c;--foreground:#f2f6fc;--muted:#acbfd8;--line:#35465e;--champagne:#b8d0fc;--gold:#b8d0fc;--bronze:#acbfd8}[data-concept=command] .btn,[data-concept=command] .btn:hover{background:#194cff;color:white;font-weight:600}[data-concept=command] .new-hero{padding-top:48px;padding-bottom:30px}[data-concept=command] .new-hero h1{font-size:clamp(52px,8.8vw,128px);font-weight:700;line-height:.98;letter-spacing:-.06em;margin-bottom:28px}[data-concept=command] .new-hero h1 em{color:var(--foreground)}[data-concept=command] .command-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}[data-concept=command] .command-intro p{color:#b8d0fc;font-size:19px;margin:0}[data-concept=command] .workspace-demo{background:#e9f2fe;color:#10223e;padding:20px;border:1px solid #b8d0fc}[data-concept=command] .demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#214abb;font:10px var(--font-mono);margin-bottom:20px}[data-concept=command] .demo-options{display:flex;gap:0}[data-concept=command] .demo-options button{min-height:48px;min-width:100px;padding:10px 20px;background:transparent;border:1px solid #abc4e7;color:#10223e;font-size:16px}[data-concept=command] .demo-options button[aria-pressed=true]{background:#194cff;color:#fff;border-color:#194cff}[data-concept=command] .demo-body{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:15px 22px}[data-concept=command] .demo-body .eyebrow{color:#2043a2}[data-concept=command] .demo-body h2{font-size:36px;font-weight:600;line-height:1.15;margin-top:20px}[data-concept=command] .demo-note{font-size:12px;line-height:1.7;color:#536580;margin-top:30px}[data-concept=command] .demo-results{display:grid;gap:12px}[data-concept=command] .demo-results article{padding:14px 18px;border:1px solid #b5cce9;background:#f8fbff}[data-concept=command] .demo-results span{font:9px var(--font-mono);color:#2450b4}[data-concept=command] .demo-results h3{font-size:17px;margin:6px 0 3px;color:#10223e}[data-concept=command] .demo-results p{font-size:12px;margin:0;color:#536580}[data-concept=command] .band{background:#194cff;border:0;padding:22px 0}[data-concept=command] .band .wrap{color:white;font-size:23px;font-weight:600}[data-concept=command] .service{border:1px solid var(--line);background:#0e2039}[data-concept=command] .service.featured{border-color:#749afd}[data-concept=command] .quote .quote-panel{background:#0e2039;border-top:3px solid #b2f05c}[data-concept=command] h2{font-weight:600}[data-concept=command] .num{color:#b2f05c}[data-concept=command] .preview{background:#142d4c;color:#c5d5eb}[data-concept=command] .style-switch{background:#071528}
/* 03 / QUIET: immersive architectural cover and an open, founder-led story. */
[data-concept=quiet]{--background:#efeee6;--surface:#f9f8f2;--surface-raised:#e0e2d6;--foreground:#25382c;--muted:#5c695c;--line:#c9cec0;--champagne:#294333;--gold:#546d4b;--bronze:#617257}[data-concept=quiet] .new-hero{height:720px;overflow:hidden}[data-concept=quiet] .quiet-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}[data-concept=quiet] .quiet-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12231bdd 0%,#12231b88 35%,transparent 73%)}[data-concept=quiet] .quiet-overlay{position:relative;z-index:1;padding:95px 6vw;max-width:710px;color:#f9f8ef}[data-concept=quiet] .quiet-overlay h1{font-size:clamp(55px,6.8vw,94px);font-weight:400;color:#f9f8ef;line-height:1.03;letter-spacing:-.045em}[data-concept=quiet] .quiet-overlay h1 em{color:#f9f8ef}[data-concept=quiet] .quiet-overlay .eyebrow{color:#e1e8d7}[data-concept=quiet] .quiet-overlay p:not(.eyebrow){font-size:20px;line-height:1.7;margin-bottom:28px}[data-concept=quiet] .quiet-overlay .btn{background:#eeeee3;color:#25382c}[data-concept=quiet] .photo-credit{position:absolute;bottom:16px;right:25px;color:white;z-index:1;text-shadow:0 1px 5px black}[data-concept=quiet] .quiet-paths{padding-top:65px;padding-bottom:65px}[data-concept=quiet] .quiet-paths>div{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:42px}[data-concept=quiet] .quiet-paths article{border-top:1px solid var(--line);padding-top:15px}[data-concept=quiet] .quiet-paths span{font:10px var(--font-mono);color:var(--muted)}[data-concept=quiet] .quiet-paths h3{font-size:25px;margin:22px 0 12px}[data-concept=quiet] .quiet-paths p{color:var(--muted);font-size:15px;line-height:1.8}[data-concept=quiet] #about{background:#e2e5d9}[data-concept=quiet] .about{grid-template-columns:1fr 1fr;gap:95px}[data-concept=quiet] .about img{max-height:500px;order:2}[data-concept=quiet] .about h2{font-size:51px;max-width:400px}[data-concept=quiet] .quote .quote-panel{border:0;padding:20px 0}[data-concept=quiet] .two-client-stories{gap:80px}[data-concept=quiet] .quote .featured-story>blockquote{font-weight:400;font-size:28px}[data-concept=quiet] .service{border:0;border-top:1px solid var(--line);padding:30px 35px 10px 0}[data-concept=quiet] .service.featured{border-color:var(--champagne)}[data-concept=quiet] .section{padding-top:85px;padding-bottom:85px}[data-concept=quiet] .preview{background:#25382c;color:#efeee6}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.new-hero h1{font-size:58px}.section{padding:55px 0}.mobile-links{background:var(--background)}[data-concept=studio] .hero-copy{padding:45px 25px 45px 30px}[data-concept=studio] .hero-copy h1{font-size:59px}[data-concept=studio] .hero-photo{min-height:520px}[data-concept=studio] .about,[data-concept=quiet] .about{gap:35px;grid-template-columns:1fr 1fr}[data-concept=studio] #possibilities .use{grid-template-columns:1fr;padding:15px 20px 15px 0}[data-concept=studio] #possibilities .use ul{grid-column:1}[data-concept=studio] #possibilities .num{grid-row:auto}[data-concept=command] .demo-body{gap:25px;padding:10px}[data-concept=command] .demo-body h2{font-size:28px}[data-concept=quiet] .new-hero{height:660px}[data-concept=quiet] .quiet-overlay{padding:80px 35px;max-width:580px}[data-concept=quiet] .quiet-paths>div{gap:25px}[data-concept=quiet] .quiet-overlay h1{font-size:76px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.style-switch{gap:2px 8px}.style-switch span{font-size:9px}.style-switch a{font-size:9px}.new-hero h1{font-size:48px}.section-head{gap:15px}.two-client-stories{gap:30px!important}.quote .featured-story>blockquote{font-size:24px!important}.brand{font-size:12px}.brand small{font-size:8px}.header>.wrap{min-height:70px}h2{font-size:34px}.section{padding:50px 0}.new-hero .btn{min-height:50px}[data-concept=studio] .studio-hero{grid-template-columns:1fr}[data-concept=studio] .hero-copy{padding:38px 24px 35px}[data-concept=studio] .hero-copy h1{font-size:58px;max-width:390px}[data-concept=studio] .hero-photo{min-height:0;height:300px}[data-concept=studio] #possibilities .use+article{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}[data-concept=studio] #possibilities .use{padding:0 0 25px}[data-concept=studio] .about,[data-concept=quiet] .about{grid-template-columns:1fr;gap:30px}[data-concept=studio] .about h2,[data-concept=quiet] .about h2{font-size:36px}[data-concept=command] .new-hero{padding-top:35px}[data-concept=command] .new-hero h1{font-size:clamp(43px,11.5vw,63px)}[data-concept=command] .command-intro{display:block}[data-concept=command] .command-intro p{font-size:17px;margin-bottom:22px}[data-concept=command] .workspace-demo{padding:12px}[data-concept=command] .demo-top{display:block}[data-concept=command] .demo-top>span{display:block;margin:14px 0 0;font-size:9px}[data-concept=command] .demo-options button{min-width:0;flex:1;padding:10px}[data-concept=command] .demo-body{grid-template-columns:1fr;padding:5px;gap:20px}[data-concept=command] .demo-body h2{font-size:27px}[data-concept=command] .demo-note{margin-top:18px}[data-concept=command] .band .wrap{font-size:19px}[data-concept=quiet] .new-hero{height:650px}[data-concept=quiet] .quiet-hero>img{object-position:65% center}[data-concept=quiet] .quiet-hero:after{background:linear-gradient(180deg,#12231bcf 0%,#12231b9a 60%,#12231b44)}[data-concept=quiet] .quiet-overlay{padding:55px 25px}[data-concept=quiet] .quiet-overlay h1{font-size:65px}[data-concept=quiet] .quiet-overlay p:not(.eyebrow){font-size:17px}[data-concept=quiet] .quiet-paths>div{grid-template-columns:1fr;gap:25px;margin-top:30px}[data-concept=quiet] .quiet-paths{padding-top:45px;padding-bottom:45px}[data-concept=quiet] .quiet-paths h3{margin:10px 0}[data-concept=quiet] .about img{order:0;max-width:100%}.page-heading{font-size:38px}}

/* Human-scale studio: selected direction, refinement 2. */
[data-concept=studio]{--background:#f7f3eb;--surface:#fcf9f2;--surface-raised:#eae2d5;--foreground:#29251f;--muted:#625c51;--line:#d2c9b9;--champagne:#9e3e21;--gold:#9e3e21;--bronze:#81573f}
[data-concept=studio] .wrap{width:min(1200px,calc(100% - 80px))}
[data-concept=studio] .preview{background:#eae2d5;color:#625c51;font-size:9px;letter-spacing:.1em;padding:7px 18px}
[data-concept=studio] .header{border-bottom:1px solid var(--line)}
[data-concept=studio] .header>.wrap{min-height:88px}
[data-concept=studio] .brand{gap:13px;flex-shrink:0;font-family:var(--font-display);font-weight:500;letter-spacing:.12em;font-size:14px}
[data-concept=studio] .brand-seal{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;background:#201c17;border:1px solid #393024}
[data-concept=studio] .brand .brand-seal img{display:block;width:38px;height:38px;max-width:none;object-fit:contain}
[data-concept=studio] .brand small{font-family:var(--font-sans);font-size:10px;letter-spacing:.055em;text-transform:none;margin-top:7px;color:#625c51}
[data-concept=studio] .navlinks{gap:30px;font-size:14px}
[data-concept=studio] .navlinks .btn{margin-left:10px;background:transparent;color:var(--foreground);border:1px solid #8b7c67;min-height:44px;padding:10px 22px}
[data-concept=studio] .navlinks .btn:hover{background:#eae2d5;filter:none}
[data-concept=studio] .studio-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:610px}
[data-concept=studio] .hero-copy{padding:68px clamp(32px,4.3vw,70px) 64px max(40px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
[data-concept=studio] .hero-copy .eyebrow{font-size:10px;color:var(--champagne);line-height:1.8;margin-bottom:0}
[data-concept=studio] .hero-copy h1{font-size:clamp(52px,5.75vw,82px);line-height:1.04;letter-spacing:-.047em;max-width:580px;margin:25px 0 26px;text-wrap:balance}
[data-concept=studio] .hero-copy h1 em{font-style:italic;color:var(--champagne)}
[data-concept=studio] .hero-copy .lede{font-size:17px;line-height:1.85;max-width:460px;margin-bottom:28px;color:var(--muted)}
[data-concept=studio] .hero-note{font-size:11px;line-height:1.8;margin-top:20px;color:var(--muted)}
[data-concept=studio] .hero-photo{min-height:610px;overflow:hidden}
[data-concept=studio] .hero-photo img{object-position:48% center;height:100%;min-height:100%}
[data-concept=studio] .hero-photo figcaption{left:16px;right:auto;bottom:12px;font-size:9px;max-width:calc(100% - 32px);background:#201c17b8;padding:5px 9px;text-shadow:none}
[data-concept=studio] .btn{font-weight:500;letter-spacing:.01em;min-height:50px;padding:13px 24px}
[data-concept=studio] h2{font-size:clamp(33px,3.3vw,46px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
[data-concept=studio] .section-head{align-items:start;gap:70px;margin-bottom:34px}
[data-concept=studio] .section-head>div{max-width:610px}
[data-concept=studio] .section-head>p{font-size:15px;line-height:1.85;max-width:330px;padding-top:23px}
[data-concept=studio] .section{padding:74px 0}
[data-concept=studio] #possibilities{padding:48px 0 52px}
[data-concept=studio] #possibilities .use{grid-template-columns:65px minmax(0,1fr);column-gap:18px;padding:5px 42px 0 0}
[data-concept=studio] #possibilities .use+article{padding-left:42px;padding-right:0}
[data-concept=studio] #possibilities .use .num{font-family:Georgia,serif;font-size:49px;line-height:1.1;grid-row:1/4;max-width:none;color:var(--champagne);margin:0}
[data-concept=studio] #possibilities .use h3{font-size:32px;margin:0 0 12px}
[data-concept=studio] #possibilities .use>p.muted{font-size:14px;line-height:1.85;margin-bottom:8px}
[data-concept=studio] #possibilities .use ul{grid-column:2}
[data-concept=studio] #possibilities .use li{font-size:13px;line-height:1.7;padding:9px 0}
[data-concept=studio] .quote{background:#efe8dc}
[data-concept=studio] .two-client-stories{gap:50px}
[data-concept=studio] .quote .quote-panel{padding:25px 0 0}
[data-concept=studio] .quote .featured-story>blockquote{font-size:26px;line-height:1.5;letter-spacing:-.02em;margin:22px 0 28px}
[data-concept=studio] .quote .featured-story>.eyebrow{font-size:9px}
[data-concept=studio] .quote .context{font-size:13px!important;line-height:1.85}
[data-concept=studio] .client-name{font-size:17px}
[data-concept=studio] .client-service{font-size:10px;line-height:1.7}
[data-concept=studio] .story-details summary{min-height:48px;display:list-item;padding:14px 0;font-size:12px;font-family:var(--font-sans);letter-spacing:0}
[data-concept=studio] .stories-page-link{margin-top:25px}
[data-concept=studio] .service{padding:28px 30px 12px 0}
[data-concept=studio] .service h3{font-size:25px;line-height:1.3}
[data-concept=studio] .service .price{font-size:38px;line-height:1.2;margin:20px 0}
[data-concept=studio] .price small{display:block;font-size:12px;letter-spacing:0;line-height:1.7;margin-top:8px}
[data-concept=studio] .service li{font-size:14px;line-height:1.85}
[data-concept=studio] .service .fine{font-size:12px!important;line-height:1.85}
[data-concept=studio] .about{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:70px}
[data-concept=studio] .about .portrait{width:100%;height:auto;aspect-ratio:4/4.3;object-fit:cover;object-position:center 25%;max-height:480px}
[data-concept=studio] .about h2{font-size:46px;max-width:470px}
[data-concept=studio] .about p{font-size:15px;line-height:1.9}
[data-concept=studio] .faq{max-width:800px}
[data-concept=studio] .faq summary{font-size:17px;line-height:1.6;padding:9px 28px 9px 0;min-height:48px}
[data-concept=studio] .faq details p{font-size:15px;line-height:1.9}
[data-concept=studio] .contact{gap:70px;align-items:start}
[data-concept=studio] .contact>div>p{font-size:16px;line-height:1.85}
[data-concept=studio] form{background:#fcf9f2;border:1px solid var(--line);padding:28px;gap:18px}
[data-concept=studio] form label{font-size:13px;line-height:1.7}
[data-concept=studio] input,[data-concept=studio] textarea{background:#fffcf7;border-color:#a99c88;font-size:16px;min-height:50px}
[data-concept=studio] textarea{min-height:130px}
[data-concept=studio] input[type=checkbox]{min-height:20px;accent-color:var(--champagne)}
[data-concept=studio] form .btn{width:100%;justify-content:center}
[data-concept=studio] form .status:empty{display:none}
[data-concept=studio] .newsletter{padding:32px 0}
[data-concept=studio] .subpage .section:first-child{padding-top:62px}
[data-concept=studio] .page-heading{font-size:clamp(38px,4.6vw,62px);line-height:1.1;max-width:850px;margin-top:15px;text-wrap:balance}
[data-concept=studio] .footer-nav{gap:3px 25px}
[data-concept=studio] .footer-nav a{min-height:44px}
[data-concept=studio] a:focus-visible,[data-concept=studio] button:focus-visible,[data-concept=studio] input:focus-visible,[data-concept=studio] textarea:focus-visible,[data-concept=studio] summary:focus-visible{outline:2px solid #9e3e21;outline-offset:4px}
@media(min-width:851px) and (max-width:1050px){[data-concept=studio] .navlinks{gap:18px}[data-concept=studio] .navlinks .btn{margin-left:0;padding:10px 15px}[data-concept=studio] .brand{font-size:12px;gap:10px}}
@media(max-width:850px){[data-concept=studio] .wrap{width:calc(100% - 40px)}[data-concept=studio] .header>.wrap{min-height:78px}[data-concept=studio] .brand-seal{width:48px;height:48px;flex-basis:48px}[data-concept=studio] .brand .brand-seal img{width:34px;height:34px}[data-concept=studio] .hero-copy{padding:46px 25px 45px 30px}[data-concept=studio] .hero-copy h1{font-size:53px}[data-concept=studio] .hero-copy .lede{font-size:16px;line-height:1.8}[data-concept=studio] .hero-photo{min-height:590px}[data-concept=studio] .studio-hero{min-height:0}[data-concept=studio] #possibilities .use{grid-template-columns:46px minmax(0,1fr);column-gap:13px;padding-right:24px}[data-concept=studio] #possibilities .use+article{padding-left:24px}[data-concept=studio] #possibilities .use .num{font-size:38px}[data-concept=studio] #possibilities .use h3{font-size:29px}[data-concept=studio] .section{padding:56px 0}[data-concept=studio] .section-head>p{padding-top:0}[data-concept=studio] .about{gap:35px}[data-concept=studio] .about h2{font-size:36px}[data-concept=studio] .contact{gap:30px}[data-concept=studio] .two-client-stories{gap:30px}[data-concept=studio] .mobile-links{border-color:#b7ab96;box-shadow:0 20px 40px #29251f20}[data-concept=studio] .mobile-links a{min-height:50px}[data-concept=studio] .mobile-nav>summary{border-color:#a99c88;color:var(--foreground)}}
@media(max-width:640px){[data-concept=studio] .studio-hero{grid-template-columns:1fr}[data-concept=studio] .hero-copy{padding:40px 24px 36px}[data-concept=studio] .hero-copy h1{font-size:clamp(44px,10.5vw,60px);max-width:480px;margin:20px 0 22px}[data-concept=studio] .hero-copy .lede{max-width:480px}[data-concept=studio] .hero-photo{min-height:0;height:300px}[data-concept=studio] .hero-photo img{object-position:center 52%}[data-concept=studio] .hero-copy .btn{min-width:225px}[data-concept=studio] .two,[data-concept=studio] .about{grid-template-columns:1fr}[data-concept=studio] #possibilities .use{padding:0 0 26px;grid-template-columns:49px minmax(0,1fr);column-gap:18px}[data-concept=studio] #possibilities .use+article{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}[data-concept=studio] .about .portrait{max-width:390px;max-height:390px}[data-concept=studio] .service{padding-right:0}[data-concept=studio] .section-head{margin-bottom:28px}[data-concept=studio] .quote .featured-story>blockquote{font-size:25px!important}}
@media(max-width:380px){[data-concept=studio] .wrap{width:calc(100% - 32px)}[data-concept=studio] .brand{font-size:11px;letter-spacing:.07em;gap:9px}[data-concept=studio] .brand small{font-size:8px;letter-spacing:.015em}[data-concept=studio] .brand-seal{width:44px;height:44px;flex-basis:44px}[data-concept=studio] .brand .brand-seal img{width:31px;height:31px}[data-concept=studio] .mobile-nav>summary{min-width:58px;font-size:13px}[data-concept=studio] .hero-copy{padding-left:20px;padding-right:20px}[data-concept=studio] .hero-copy h1{font-size:44px}[data-concept=studio] form{padding:20px}[data-concept=studio] .page-heading{font-size:37px}}
/* Application building: concrete problems and useful tools, beyond a chat interface. */
[data-concept=studio] .applications-section{background:#eae2d5}
[data-concept=studio] .application-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
[data-concept=studio] .application-examples article{border-top:2px solid #9e3e21;padding-top:23px;display:flex;flex-direction:column}
[data-concept=studio] .application-examples h3{font-family:Georgia,serif;font-size:29px;line-height:1.2;letter-spacing:-.025em;max-width:290px;margin:5px 0 19px}
[data-concept=studio] .application-examples p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted)}
[data-concept=studio] .application-payoff{border-top:1px solid #c7bba7;padding-top:17px;margin-top:auto}
[data-concept=studio] .application-payoff span{font-size:11px;font-weight:600;color:var(--foreground)}
[data-concept=studio] .application-payoff p{margin:8px 0 0}
[data-concept=studio] .application-bridge{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid #c7bba7;margin-top:34px;padding-top:28px}
[data-concept=studio] .application-bridge>p{font-size:15px;line-height:1.85;max-width:720px;margin:0;color:var(--muted)}
[data-concept=studio] .application-bridge strong{color:var(--foreground);font-weight:600}
[data-concept=studio] .application-bridge>a{flex-shrink:0}
[data-concept=studio] .application-scope{max-width:840px;margin:23px 0 0;color:#655b4d}
@media(max-width:850px){[data-concept=studio] .application-examples{gap:20px}[data-concept=studio] .application-examples h3{font-size:25px}[data-concept=studio] .application-bridge{display:block}[data-concept=studio] .application-bridge>a{margin-top:16px}}
@media(max-width:640px){[data-concept=studio] .application-examples{grid-template-columns:1fr;gap:28px}[data-concept=studio] .application-examples h3{font-size:29px;max-width:none}[data-concept=studio] .application-payoff{margin-top:4px}[data-concept=studio] .application-examples article{padding-top:19px}}
/* Unboxed ink mark: original geometry, editorial contrast. */
[data-concept=studio] .brand>img{width:44px;height:44px;object-fit:contain;flex-shrink:0;background:none;border:0;padding:0}
/* One outcomes narrative replaces the two overlapping example sections. */
[data-concept=studio] #possibilities.potential-section{padding:78px 0;background:var(--background)}
[data-concept=studio] .potential-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:0 65px;margin-bottom:45px;align-items:end}
[data-concept=studio] .potential-intro>.eyebrow{grid-column:1/-1;margin-bottom:18px}
[data-concept=studio] .potential-intro h2{font-size:clamp(35px,3.8vw,52px);max-width:680px;margin:0;line-height:1.12}
[data-concept=studio] .potential-intro>p:last-child{font-size:16px;color:var(--muted);line-height:1.9;margin:0;max-width:420px}
[data-concept=studio] .potential-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
[data-concept=studio] .potential-outcomes article{border-top:1px solid #b7aa95;padding-top:24px}
[data-concept=studio] .outcome-number{display:block;font:13px var(--font-mono);color:var(--champagne);margin-bottom:20px}
[data-concept=studio] .potential-outcomes h3{font:30px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 20px;max-width:330px}
[data-concept=studio] .potential-outcomes p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
[data-concept=studio] .potential-proof{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:35px;padding:32px;margin-top:42px;background:#eee6d8;border-top:1px solid #c6b79f}
[data-concept=studio] .potential-proof h3{font:28px/1.2 Georgia,serif;letter-spacing:-.025em;margin:14px 0 0}
[data-concept=studio] .potential-proof h4{font-family:var(--font-display);font-size:19px;line-height:1.35;margin:12px 0}
[data-concept=studio] .potential-proof article>p:not(.proof-type){font-size:13px;line-height:1.9;color:var(--muted);margin:0}
[data-concept=studio] .proof-type{font-size:11px;color:var(--champagne);margin:0}
[data-concept=studio] .potential-proof .textlink{font-size:12px;min-height:44px;margin-top:14px}
[data-concept=studio] .potential-close{display:flex;align-items:center;gap:35px;justify-content:space-between;margin-top:30px}
[data-concept=studio] .potential-close>.btn{flex-shrink:0}
[data-concept=studio] .potential-close>.fine{max-width:630px;margin:0}
@media(max-width:850px){[data-concept=studio] .potential-intro{grid-template-columns:1fr;gap:20px;margin-bottom:34px}[data-concept=studio] .potential-intro>.eyebrow{margin-bottom:0}[data-concept=studio] .potential-intro>p:last-child{max-width:650px}[data-concept=studio] .potential-outcomes{gap:24px}[data-concept=studio] .potential-outcomes h3{font-size:26px}[data-concept=studio] .potential-proof{grid-template-columns:1fr 1fr;gap:28px;padding:28px}[data-concept=studio] .potential-proof>div{grid-column:1/-1}[data-concept=studio] .potential-proof h3 br{display:none}[data-concept=studio] .potential-close{align-items:start;flex-direction:column;gap:18px}[data-concept=studio] #possibilities.potential-section{padding:58px 0}}
@media(max-width:640px){[data-concept=studio] .potential-outcomes{grid-template-columns:1fr;gap:25px}[data-concept=studio] .potential-outcomes article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:17px;padding-top:23px}[data-concept=studio] .outcome-number{padding-top:5px}[data-concept=studio] .potential-outcomes h3{max-width:none;font-size:28px;margin-bottom:15px}[data-concept=studio] .potential-proof{grid-template-columns:1fr;padding:25px;gap:25px}[data-concept=studio] .potential-proof article{border-top:1px solid #c6b79f;padding-top:23px}[data-concept=studio] .potential-intro h2{font-size:37px}[data-concept=studio] .potential-intro>p:last-child{font-size:15px}[data-concept=studio] .potential-close .btn{width:100%;text-align:center;padding:13px 17px;font-size:13px}[data-concept=studio] .brand>img{width:39px;height:39px}}
@media(max-width:380px){[data-concept=studio] .brand>img{width:35px;height:35px}[data-concept=studio] .potential-intro h2{font-size:34px}}

/* A restrained product exhibit within the selected editorial studio system. */
[data-concept=studio] .subpage .exhibit-hero{padding:58px 0 65px}
[data-concept=studio] .exhibit-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:70px;align-items:center}
[data-concept=studio] .exhibit-copy{padding:15px 0 30px}
[data-concept=studio] .exhibit-copy>.eyebrow{margin-bottom:30px}
[data-concept=studio] .exhibit-name{font-family:var(--font-display);font-size:18px;letter-spacing:-.01em;color:var(--foreground);margin-bottom:15px}
[data-concept=studio] .exhibit-copy .page-heading{font-size:clamp(40px,4.4vw,61px);line-height:1.07;letter-spacing:-.045em;margin:0 0 29px;max-width:650px;text-wrap:balance}
[data-concept=studio] .exhibit-copy .page-heading em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--champagne)}
[data-concept=studio] .exhibit-lede{font:24px/1.5 Georgia,serif;color:var(--foreground);max-width:425px;margin:0 0 19px}
[data-concept=studio] .exhibit-copy>.muted{font-size:16px;line-height:1.85;max-width:445px}
[data-concept=studio] .exhibit-copy .actions{gap:10px 23px;margin-top:30px}
[data-concept=studio] .exhibit-copy .textlink{font-size:12px}
[data-concept=studio] .exhibit-facts{display:flex;flex-wrap:wrap;gap:20px 35px;border-top:1px solid var(--line);margin:35px 0 0;padding:20px 0 0}
[data-concept=studio] .exhibit-facts dt{font:9px/1.7 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}
[data-concept=studio] .exhibit-facts dd{font-size:12px;margin:0;color:var(--foreground)}
[data-concept=studio] .exhibit-figure{margin:0;min-width:0}
[data-concept=studio] .exhibit-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 35px 24px;background:linear-gradient(145deg,#ede4d6,#e4d5c1);border:1px solid #ded0bb;isolation:isolate}
[data-concept=studio] .exhibit-annotation{font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.13em;color:#78674f;align-self:flex-start;margin-bottom:25px}
[data-concept=studio] .exhibit-screen-link{display:block;line-height:0;width:min(100%,264px);border-radius:27px;padding:5px;background:#26211e;box-shadow:0 16px 25px -15px #31221780,0 35px 50px -25px #31221766;border:1px solid #54463c}
[data-concept=studio] .exhibit-screen{display:block;width:100%;height:auto;border-radius:21px}
[data-concept=studio] .exhibit-plate{font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#78674f;margin-top:25px}
[data-concept=studio] .exhibit-figure figcaption{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:14px;font-size:10px;line-height:1.8;color:var(--muted)}
[data-concept=studio] .exhibit-figure figcaption>a{color:var(--champagne);text-decoration:underline;text-underline-offset:4px;flex-shrink:0;min-height:44px;display:inline-flex;align-items:flex-start;padding-top:0}
[data-concept=studio] .exhibit-story{background:#eee7da}
[data-concept=studio] .exhibit-story .steps{margin-top:30px}
[data-concept=studio] .exhibit-story h3{font:27px/1.25 Georgia,serif;letter-spacing:-.025em;margin:18px 0}
@media(max-width:1050px){[data-concept=studio] .exhibit-grid{gap:40px;grid-template-columns:1fr 1fr}[data-concept=studio] .exhibit-stage{padding:23px 25px}[data-concept=studio] .exhibit-copy .page-heading{font-size:46px}[data-concept=studio] .exhibit-facts{gap:18px 25px}}
@media(max-width:760px){[data-concept=studio] .subpage .exhibit-hero{padding:42px 0 40px}[data-concept=studio] .exhibit-grid{grid-template-columns:1fr;gap:28px}[data-concept=studio] .exhibit-copy{padding:0}[data-concept=studio] .exhibit-copy>.eyebrow{margin-bottom:22px}[data-concept=studio] .exhibit-copy .page-heading{font-size:clamp(40px,7.5vw,54px);max-width:640px}[data-concept=studio] .exhibit-copy .page-heading br{display:none}[data-concept=studio] .exhibit-lede{font-size:23px;max-width:500px}[data-concept=studio] .exhibit-copy>.muted{max-width:560px}[data-concept=studio] .exhibit-figure{max-width:500px;width:100%;margin:auto}[data-concept=studio] .exhibit-screen-link{width:260px;max-width:100%}[data-concept=studio] .exhibit-facts{margin-top:25px}[data-concept=studio] .exhibit-story .steps{grid-template-columns:1fr;gap:22px}}
@media(max-width:400px){[data-concept=studio] .exhibit-copy .page-heading{font-size:39px}[data-concept=studio] .exhibit-stage{padding:20px 20px}[data-concept=studio] .exhibit-screen-link{width:244px}[data-concept=studio] .exhibit-figure figcaption{display:block}[data-concept=studio] .exhibit-figure figcaption>a{display:flex;padding-top:8px}[data-concept=studio] .exhibit-facts{gap:17px 23px}}
/* iPhone presentation: titanium rail, glass edge, and physical side controls.
   Keep the real screenshot intact; no synthetic island obscures app or status UI. */
[data-concept=studio] .iphone-device{position:relative;width:min(100%,274px);padding:9px;border-radius:39px;background:linear-gradient(110deg,#c2bdb4 0%,#6e6962 5%,#bbb6ae 13%,#8b867f 49%,#d2cec5 88%,#6b665f 97%);border:1px solid #6e6962;box-shadow:inset 0 0 0 1px #e0dbd0,inset 0 0 0 3px #777169,0 22px 30px -18px #31221780,0 42px 58px -28px #31221766;isolation:isolate}
[data-concept=studio] .iphone-device:before{content:'';position:absolute;inset:4px;border-radius:35px;background:#0b0b0d;border:1px solid #302f2c;z-index:-1;pointer-events:none}
[data-concept=studio] .iphone-display{position:relative;overflow:hidden;border-radius:29px;background:#101015;line-height:0}
[data-concept=studio] .iphone-display .exhibit-screen{display:block;width:100%;height:auto;border-radius:0}
[data-concept=studio] .iphone-display:after{content:'';position:absolute;left:34%;right:34%;bottom:5px;height:3px;border-radius:3px;background:#f6f3ed;opacity:.85;pointer-events:none}
[data-concept=studio] .iphone-device>span{position:absolute;width:3px;background:linear-gradient(90deg,#646059,#bdb8ae,#79746d);border:1px solid #777168;border-radius:2px;pointer-events:none;z-index:-2}
[data-concept=studio] .iphone-action{left:-3px;top:66px;height:16px}
[data-concept=studio] .iphone-volume-up{left:-3px;top:104px;height:34px}
[data-concept=studio] .iphone-volume-down{left:-3px;top:150px;height:34px}
[data-concept=studio] .iphone-power{right:-3px;top:122px;height:53px}
[data-concept=studio] .exhibit-figure figcaption{display:block;text-align:center;margin-top:14px}
@media(max-width:760px){[data-concept=studio] .iphone-device{width:min(100%,274px)}}
@media(max-width:400px){[data-concept=studio] .iphone-device{width:min(100%,254px);padding:8px;border-radius:36px}[data-concept=studio] .iphone-device:before{border-radius:32px}[data-concept=studio] .iphone-display{border-radius:27px}}
/* Camera island sits in the screenshot's empty central status-bar area. */
[data-concept=studio] .iphone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:73px;height:21px;background:#060608;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 0 1px #1b1b20}
[data-concept=studio] .iphone-island:after{content:'';position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#233146,#0c1423 55%,#06070b 80%)}

/* Production-only layout adjustments. */
.production-page{min-height:60vh}.production-page .exhibit-screen-link{cursor:default}.status:empty{display:none}.privacy-note{font-size:12px;line-height:1.8;color:var(--muted)}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.legal-copy{max-width:850px}.legal-copy h2{font-size:30px;margin:35px 0 18px}.legal-copy p,.legal-copy li{color:var(--muted);line-height:1.85}.legal-copy ul{padding-left:22px}.status.error{color:#932e1c!important}.confirmation{max-width:760px;min-height:48vh}.confirmation p{line-height:1.9;color:var(--muted)}

/* Header wrapper must span the sticky element: a header-only parent prevents scrolling stickiness. */
.site-header-container{position:sticky;top:0;z-index:100;background:var(--background)}
.site-header-container .header{position:relative;top:auto;padding-top:env(safe-area-inset-top,0px)}
.link-arrow{display:inline-block;flex:0 0 18px;width:18px;height:18px;vertical-align:-3px;overflow:visible}
.link-arrow-css{display:inline-block;width:12px;height:12px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;position:relative;margin:3px}
.link-arrow-css:after{content:"";position:absolute;width:16px;height:1.6px;background:currentColor;right:-2px;top:4px;transform:rotate(-45deg)}
@media(max-width:850px){.mobile-links{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}html{scroll-padding-top:100px}}

.footer-toggle{display:none}
@media(max-width:850px){
  footer[data-collapsible] .footer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 0;margin:0 0 16px;background:transparent;color:var(--foreground);border:0;border-bottom:1px solid var(--line);font:inherit;font-size:15px;text-align:left}
  footer[data-collapsible]:not(.footer-menu-open) .footer-nav{display:none}
  footer[data-collapsible] .footer-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;margin-bottom:20px}
  footer[data-collapsible] .footer-nav a{display:flex;align-items:center;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line)}
}