@layer legacy {
/* main legacy layout */
/* =========================================================================
   MakeAI Inc. — Corporate Site
   Design System / Global Stylesheet
   ---------------------------------------------------------------------
   1.  Tokens
   2.  Reset & Base
   3.  Typography
   4.  Layout primitives
   5.  Motion utilities  (JS が動くときだけ隠す = 堅牢設計)
   6.  Chrome: preloader / cursor / header / footer / transition
   7.  Components
   8.  Page sections
   9.  Responsive
   10. Reduced motion / print
   ========================================================================= */

/* ------------------------------------------------------------------ 1 */
:root {
  /* — surface */
  --ink:        #05070c;
  --ink-2:      #080b12;
  --surface:    #0d121c;
  --surface-2:  #121a28;
  --line:       rgba(255, 255, 255, .10);
  --line-soft:  rgba(255, 255, 255, .055);

  /* — text */
  --fg:         #eef1f7;
  --fg-2:       #b9c1d1;
  --fg-3:       #78829a;

  /* — accent */
  --gold:       #c9a24a;
  --gold-2:     #f0d79a;
  --cyan:       #52dcd6;
  --blue:       #5b8cff;

  --grad-gold:  linear-gradient(100deg, #f0d79a 0%, #c9a24a 45%, #8f6f2a 100%);
  --grad-cool:  linear-gradient(100deg, #9fe7ff 0%, #52dcd6 40%, #5b8cff 100%);

  /* — type */
  --f-min:  "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --f-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --f-disp: "Cormorant Garamond", "Zen Old Mincho", serif;
  --f-mono: "Space Grotesk", "Helvetica Neue", sans-serif;

  /* — metrics */
  --nav-h: 78px;
  --pad-x: clamp(20px, 5vw, 88px);
  --maxw: 1440px;
  --r: 2px;

  --e-out:  cubic-bezier(.16, 1, .3, 1);
  --e-io:   cubic-bezier(.76, 0, .24, 1);
}

/* ------------------------------------------------------------------ 2 */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }

body {
  margin: 0;
  background: var(--ink);
  color: var(--fg);
  font-family: var(--f-sans);
  font-weight: 350;
  font-size: 16px;
  line-height: 1.95;
  letter-spacing: .04em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.is-locked { overflow: hidden; }

img, video, canvas, svg { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
ul, ol { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--gold); color: #06080d; }

/* film grain + vignette : サイト全体の質感 */
body::after {
  content: "";
  position: fixed; inset: -50%;
  pointer-events: none; z-index: 9000;
  opacity: .04; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: grain 6s steps(6) infinite;
}
@keyframes grain {
  0%,100% { transform: translate(0,0) }
  20% { transform: translate(-3%, 2%) }
  40% { transform: translate(2%, -3%) }
  60% { transform: translate(-2%, -2%) }
  80% { transform: translate(3%, 1%) }
}

/* ------------------------------------------------------------------ 3 */
h1, h2, h3, h4 { margin: 0; font-weight: 500; letter-spacing: .02em; line-height: 1.42; }
p { margin: 0; }

.d-serif { font-family: var(--f-disp); font-weight: 300; font-style: italic; letter-spacing: .01em; }
.d-min   { font-family: var(--f-min); font-weight: 500; }

/* eyebrow / kicker */
.eyebrow {
  display: inline-flex; align-items: center; gap: .75em;
  font-family: var(--f-mono);
  font-size: 11px; font-weight: 400;
  letter-spacing: .34em; text-transform: uppercase;
  color: var(--gold);
}
.eyebrow::before {
  content: ""; width: 30px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}
.eyebrow--plain::before { display: none; }

/* section heading
   日本語見出しは文節で折り返させる（未対応ブラウザは通常の折り返しにフォールバック） */
h1, .h-sec, .h-lg, .h-md, .card h3, .work .meta h3 { word-break: auto-phrase; line-break: strict; }

.h-sec {
  font-family: var(--f-min);
  font-weight: 600;
  font-size: clamp(28px, 3.5vw, 50px);
  line-height: 1.4;
  letter-spacing: .015em;
}
.h-sec .en {
  display: block;
  font-family: var(--f-disp); font-style: italic; font-weight: 300;
  font-size: .42em; letter-spacing: .06em;
  color: var(--fg-3); margin-top: .55em;
}
.h-lg {
  font-family: var(--f-min); font-weight: 600;
  font-size: clamp(26px, 3.1vw, 42px); line-height: 1.5;
}
.h-md {
  font-family: var(--f-min); font-weight: 600;
  font-size: clamp(19px, 1.6vw, 24px); line-height: 1.6;
}

.lede {
  font-size: clamp(15px, 1.15vw, 17.5px);
  line-height: 2.25; color: var(--fg-2);
  max-width: 62ch;
}
.small { font-size: 13px; line-height: 1.95; color: var(--fg-3); letter-spacing: .05em; }

.gold-text {
  background: var(--grad-gold);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.cool-text {
  background: var(--grad-cool);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

/* ------------------------------------------------------------------ 4 */
.wrap { width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--pad-x); }
.wrap--narrow { max-width: 1020px; }
.sec { position: relative; padding-block: clamp(90px, 11vw, 190px); }
.sec--tight { padding-block: clamp(64px, 7vw, 110px); }
.rule { height: 1px; background: var(--line-soft); border: 0; margin: 0; }

.grid { display: grid; gap: clamp(22px, 2.6vw, 40px); }
.g-2 { grid-template-columns: repeat(2, 1fr); }
.g-3 { grid-template-columns: repeat(3, 1fr); }
.g-4 { grid-template-columns: repeat(4, 1fr); }
.split { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: clamp(30px, 4vw, 72px); align-items: start; }

.stack-sm > * + * { margin-top: 14px; }
.stack   > * + * { margin-top: 26px; }
.stack-lg > * + * { margin-top: 52px; }

/* ------------------------------------------------------------------ 5
   重要: CSS 単独では絶対に隠さない。JS が生きているときだけ
   html.js-on が付き、そのときだけ初期状態を非表示にする。
   → GSAP / CDN が落ちてもコンテンツは必ず読める。                        */
.js-on .anim-up   { opacity: 0; transform: translateY(34px); }
.js-on .anim-fade { opacity: 0; }
.js-on .anim-clip { clip-path: inset(0 0 100% 0); }
.js-on .anim-line { transform: scaleX(0); transform-origin: left; }
.js-on .split-line > span > i { display: inline-block; transform: translateY(105%); font-style: inherit; }

.par { will-change: transform; }

/* ------------------------------------------------------------------ 6 */
/* --- preloader --- */
/* 既定は非表示。JS が生きているとき（html.js-on）だけ表示する。
   → JavaScript 無効／読み込み失敗時に、プリローダーが画面を覆い続ける事故を防ぐ */
#pre {
  position: fixed; inset: 0; z-index: 10000;
  background: var(--ink);
  display: none; place-items: center;
  transition: opacity .6s var(--e-out);
}
.js-on #pre { display: grid; }
#pre[hidden] { display: none !important; }
#pre .pl-inner { text-align: center; }
#pre .pl-mark {
  font-family: var(--f-disp); font-style: italic;
  font-size: clamp(38px, 7vw, 86px); font-weight: 300;
  letter-spacing: .04em;
  background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; color: transparent;
}
#pre .pl-sub {
  margin-top: 12px;
  font-family: var(--f-mono); font-size: 10.5px;
  letter-spacing: .42em; text-transform: uppercase; color: var(--fg-3);
}
#pre .pl-bar { width: min(280px, 54vw); height: 1px; background: var(--line); margin: 34px auto 0; overflow: hidden; }
#pre .pl-bar i { display: block; height: 100%; width: 0%; background: var(--grad-gold); }
#pre .pl-num { margin-top: 14px; font-family: var(--f-mono); font-size: 11px; letter-spacing: .3em; color: var(--fg-3); }

/* --- page curtain (transition) --- */
#curtain {
  position: fixed; inset: 0; z-index: 9500; pointer-events: none;
  background: var(--ink-2);
  transform: scaleY(0); transform-origin: bottom;
}

/* --- custom cursor --- */
/* 初回のマウス移動まではカーソルを出さない（画面中央に丸が残る事故を防ぐ） */
#cur, #cur-dot { position: fixed; top: 0; left: 0; z-index: 9600; pointer-events: none; border-radius: 50%; mix-blend-mode: difference; opacity: 0; }
html.cursor-live #cur, html.cursor-live #cur-dot { opacity: 1; }
#cur {
  width: 34px; height: 34px; margin: -17px 0 0 -17px;
  border: 1px solid rgba(255,255,255,.6);
  transition: width .35s var(--e-out), height .35s var(--e-out), margin .35s var(--e-out), opacity .3s;
}
#cur.is-big { width: 84px; height: 84px; margin: -42px 0 0 -42px; background: rgba(255,255,255,.1); border-color: transparent; }
#cur-dot { width: 4px; height: 4px; margin: -2px 0 0 -2px; background: #fff; }
@media (hover: none), (pointer: coarse) { #cur, #cur-dot { display: none; } }

/* --- scroll progress --- */
#prog { position: fixed; top: 0; left: 0; height: 2px; width: 100%; z-index: 9400; transform: scaleX(0); transform-origin: left; background: var(--grad-gold); }

/* --- header --- */
.site-head {
  position: fixed; top: 0; left: 0; right: 0; z-index: 900;
  height: var(--nav-h);
  display: flex; align-items: center;
  transition: background .5s var(--e-out), border-color .5s, backdrop-filter .5s;
  border-bottom: 1px solid transparent;
}
.site-head.is-solid {
  background: rgba(5, 7, 12, .78);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  border-bottom-color: var(--line-soft);
}
.site-head .bar { display: flex; align-items: center; justify-content: space-between; width: 100%; }

.brand { display: inline-flex; align-items: baseline; gap: 10px; }
.brand .mk {
  font-family: var(--f-disp); font-style: italic; font-weight: 400;
  font-size: 27px; letter-spacing: .02em;
  background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.brand .jp { font-family: var(--f-min); font-size: 11px; letter-spacing: .3em; color: var(--fg-3); }

.nav { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 38px); }
.nav a {
  position: relative;
  font-family: var(--f-mono); font-size: 11.5px;
  letter-spacing: .22em; text-transform: uppercase; color: var(--fg-2);
  padding-block: 6px; transition: color .35s;
}
.nav a .jp { display: block; font-family: var(--f-sans); font-size: 9.5px; letter-spacing: .18em; color: var(--fg-3); margin-top: 2px; transition: color .35s; }
.nav a::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;
  background: var(--gold); transform: scaleX(0); transform-origin: right;
  transition: transform .45s var(--e-out);
}
.nav a:hover, .nav a[aria-current="page"] { color: var(--fg); }
.nav a:hover .jp, .nav a[aria-current="page"] .jp { color: var(--gold); }
.nav a:hover::after, .nav a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }

.nav-cta {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 22px; border: 1px solid var(--line);
  font-family: var(--f-mono); font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  position: relative; overflow: hidden; transition: color .4s, border-color .4s;
}
.nav-cta span { position: relative; z-index: 1; }
.nav-cta::before {
  content: ""; position: absolute; inset: 0; background: var(--grad-gold);
  transform: translateY(101%); transition: transform .5s var(--e-out);
}
.nav-cta:hover { color: #08090d; border-color: transparent; }
.nav-cta:hover::before { transform: translateY(0); }

/* burger */
.burger { display: none; width: 42px; height: 42px; position: relative; }
.burger i { position: absolute; left: 9px; width: 24px; height: 1px; background: var(--fg); transition: transform .45s var(--e-out), opacity .3s; }
.burger i:nth-child(1) { top: 17px; }
.burger i:nth-child(2) { top: 24px; }
.burger.is-open i:nth-child(1) { transform: translateY(3.5px) rotate(45deg); }
.burger.is-open i:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); }

/* mobile drawer */
#drawer {
  position: fixed; inset: 0; z-index: 890;
  background: var(--ink-2);
  display: grid; align-content: center; gap: 6px;
  padding: 96px var(--pad-x) 40px;
  clip-path: inset(0 0 100% 0);
  transition: clip-path .7s var(--e-io);
  overflow-y: auto;
}
#drawer.is-open { clip-path: inset(0 0 0 0); }
#drawer a {
  display: flex; align-items: baseline; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--line-soft);
  font-family: var(--f-min); font-size: 22px; font-weight: 600;
}
#drawer a small { font-family: var(--f-mono); font-size: 10px; letter-spacing: .26em; color: var(--gold); text-transform: uppercase; }

/* --- footer --- */
.site-foot { position: relative; border-top: 1px solid var(--line-soft); background: var(--ink-2); overflow: hidden; }
.foot-top { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(38px, 6vw, 90px); padding-block: clamp(64px, 8vw, 120px); }
.foot-nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 34px; }
.foot-nav h4 { font-family: var(--f-mono); font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
.foot-nav a { display: block; padding: 5px 0; font-size: 13.5px; color: var(--fg-2); transition: color .3s, transform .4s var(--e-out); }
.foot-nav a:hover { color: var(--gold-2); transform: translateX(6px); }
.foot-bottom {
  display: flex; flex-wrap: wrap; gap: 14px 28px; justify-content: space-between; align-items: center;
  padding-block: 26px; border-top: 1px solid var(--line-soft);
  font-family: var(--f-mono); font-size: 10.5px; letter-spacing: .2em; color: var(--fg-3);
}

/* ------------------------------------------------------------------ 7 */
/* --- button --- */
.btn {
  position: relative; display: inline-flex; align-items: center; gap: 14px;
  padding: 17px 34px; overflow: hidden;
  font-family: var(--f-mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase;
  border: 1px solid var(--line); color: var(--fg);
  transition: color .45s var(--e-out), border-color .45s;
}
.btn span, .btn svg { position: relative; z-index: 1; }
.btn svg { width: 16px; height: 8px; transition: transform .45s var(--e-out); }
.btn::before {
  content: ""; position: absolute; inset: 0;
  background: var(--grad-gold);
  transform: translateY(101%); transition: transform .55s var(--e-out);
}
.btn:hover { color: #07090e; border-color: transparent; }
.btn:hover::before { transform: translateY(0); }
.btn:hover svg { transform: translateX(6px); }
.btn--solid { border-color: transparent; color: #07090e; }
.btn--solid::before { transform: translateY(0); }
.btn--solid:hover::before { transform: translateY(0); filter: brightness(1.12); }
.btn--ghost { border-color: var(--line); }
.btn--cool::before { background: var(--grad-cool); }

/* --- link arrow --- */
.lnk {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--f-mono); font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--gold-2);
}
.lnk i { display: block; width: 26px; height: 1px; background: currentColor; transition: width .4s var(--e-out); }
.lnk:hover i { width: 46px; }

/* --- marquee --- */
.marquee { overflow: hidden; border-block: 1px solid var(--line-soft); padding-block: 22px; }
.marquee .track { display: flex; width: max-content; gap: 54px; will-change: transform; }
.marquee .track > span {
  display: inline-flex; align-items: center; gap: 54px;
  font-family: var(--f-disp); font-style: italic; font-weight: 300;
  font-size: clamp(24px, 3.4vw, 52px); color: var(--fg-3); white-space: nowrap;
}
.marquee .track > span::after { content: "◆"; font-size: .3em; color: var(--gold); font-style: normal; }

/* --- stat --- */
.stat { border-top: 1px solid var(--line); padding-top: 22px; }
.stat .n {
  font-family: var(--f-mono); font-weight: 300;
  font-size: clamp(42px, 5.4vw, 76px); line-height: 1; letter-spacing: -.02em;
  background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.stat .n sup { font-size: .38em; vertical-align: super; letter-spacing: 0; }
.stat .l { margin-top: 12px; font-size: 12.5px; letter-spacing: .12em; color: var(--fg-3); }

/* --- card (service) --- */
.card {
  position: relative; display: flex; flex-direction: column;
  padding: clamp(26px, 2.5vw, 40px);
  background: linear-gradient(170deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  border: 1px solid var(--line-soft);
  overflow: hidden; isolation: isolate;
  transition: transform .6s var(--e-out), border-color .6s, background .6s;
}
.card::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0;
  background: radial-gradient(520px circle at var(--mx, 50%) var(--my, 0%), rgba(201,162,74,.16), transparent 62%);
  transition: opacity .55s;
}
.card:hover { transform: translateY(-7px); border-color: rgba(201,162,74,.36); }
.card:hover::before { opacity: 1; }
.card .idx {
  font-family: var(--f-mono); font-size: 11px; letter-spacing: .28em; color: var(--gold);
}
.card h3 { margin-top: 20px; font-family: var(--f-min); font-weight: 600; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.55; }
.card p { margin-top: 15px; font-size: 13.5px; line-height: 2.1; color: var(--fg-2); }
.card .tags { margin-top: auto; padding-top: 26px; display: flex; flex-wrap: wrap; gap: 7px; }
.tag {
  font-family: var(--f-mono); font-size: 10px; letter-spacing: .12em;
  padding: 5px 11px; border: 1px solid var(--line); color: var(--fg-3); text-transform: uppercase;
}

/* --- work card --- */
.work {
  position: relative; display: block; overflow: hidden;
  border: 1px solid var(--line-soft); background: var(--surface);
  transition: border-color .55s, transform .7s var(--e-out);
  transform-style: preserve-3d;
}
.work:hover { border-color: rgba(201,162,74,.4); }
.work .shot { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #0b0f18; }
.work .shot img {
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1.02); filter: saturate(.82) brightness(.86);
  transition: transform 1.1s var(--e-out), filter .7s;
}
.work:hover .shot img { transform: scale(1.09); filter: saturate(1.02) brightness(1); }
.work .shot::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(5,7,12,.86) 100%);
}
.work .cat {
  position: absolute; z-index: 2; top: 14px; left: 14px;
  font-family: var(--f-mono); font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase;
  padding: 5px 10px; background: rgba(5,7,12,.72); border: 1px solid var(--line); color: var(--gold-2);
  backdrop-filter: blur(6px);
}
.work .meta { padding: 22px clamp(18px, 1.8vw, 26px) 26px; }
.work .meta h3 { font-family: var(--f-min); font-weight: 600; font-size: 17px; line-height: 1.6; }
.work .meta p { margin-top: 9px; font-size: 12.5px; line-height: 1.95; color: var(--fg-3); }
.work .meta .stack-tags { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 6px; }
.work .meta .stack-tags i {
  font-style: normal; font-family: var(--f-mono); font-size: 9.5px; letter-spacing: .1em;
  padding: 4px 9px; border: 1px solid var(--line-soft); color: var(--fg-3);
}

/* filter chips */
.chips { display: flex; flex-wrap: wrap; gap: 9px; }
.chip {
  font-family: var(--f-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase;
  padding: 10px 19px; border: 1px solid var(--line); color: var(--fg-3);
  transition: color .35s, border-color .35s, background .35s;
}
.chip:hover { color: var(--fg); border-color: var(--fg-3); }
.chip.is-on { color: #07090e; background: var(--gold-2); border-color: transparent; }

/* --- member --- */
.member { position: relative; overflow: hidden; }
.member .ph { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: #0b0f18; }
.member .ph img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.55) contrast(1.04); transition: transform 1.2s var(--e-out), filter .8s; }
.member:hover .ph img { transform: scale(1.06); filter: grayscale(0) contrast(1); }
.member .ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 46%, rgba(5,7,12,.86)); }
.member .cap { position: absolute; z-index: 2; left: 18px; right: 18px; bottom: 20px; }
.member .role { display: block; font-family: var(--f-mono); font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--gold-2); }
.member .nm { display: block; margin-top: 9px; font-family: var(--f-min); font-weight: 600; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.35; }
.member .nm small { display: block; font-family: var(--f-disp); font-style: italic; font-size: 11.5px; color: var(--fg-3); letter-spacing: .08em; margin-top: 4px; }
.member .bio { padding: 20px 2px 0; font-size: 12.5px; line-height: 2; color: var(--fg-3); }

/* --- table --- */
.tbl { width: 100%; border-collapse: collapse; }
.tbl th, .tbl td { text-align: left; vertical-align: top; padding: 22px 8px; border-bottom: 1px solid var(--line-soft); font-size: 14px; line-height: 2; }
.tbl th { width: 210px; font-family: var(--f-min); font-weight: 600; color: var(--gold-2); letter-spacing: .08em; }
.tbl td { color: var(--fg-2); }

/* --- accordion --- */
.acc { border-top: 1px solid var(--line-soft); }
.acc:last-of-type { border-bottom: 1px solid var(--line-soft); }
.acc > button { display: flex; width: 100%; gap: 20px; align-items: flex-start; padding: 26px 0; text-align: left; }
.acc .q { flex: 1; font-family: var(--f-min); font-weight: 600; font-size: 16px; line-height: 1.8; }
.acc .mk { position: relative; flex: none; width: 16px; height: 16px; margin-top: 7px; }
.acc .mk::before, .acc .mk::after { content: ""; position: absolute; background: var(--gold); transition: transform .45s var(--e-out), opacity .3s; }
.acc .mk::before { top: 7.5px; left: 0; width: 16px; height: 1px; }
.acc .mk::after { left: 7.5px; top: 0; width: 1px; height: 16px; }
.acc.is-open .mk::after { transform: rotate(90deg); opacity: 0; }
.acc .a { overflow: hidden; height: 0; }
.acc .a p { padding: 0 0 28px; font-size: 13.5px; line-height: 2.15; color: var(--fg-2); max-width: 72ch; }

/* --- process / timeline --- */
.flow { position: relative; }
.flow .spine { position: absolute; left: 27px; top: 12px; bottom: 12px; width: 1px; background: var(--line); }
.flow .spine i { display: block; width: 100%; height: 100%; background: var(--grad-gold); transform: scaleY(0); transform-origin: top; }
.flow ol { display: grid; gap: clamp(30px, 4vw, 58px); }
.flow li { position: relative; padding-left: 84px; }
.flow .no {
  position: absolute; left: 0; top: 0; width: 55px; height: 55px;
  display: grid; place-items: center; border-radius: 50%;
  border: 1px solid var(--line); background: var(--ink);
  font-family: var(--f-mono); font-size: 13px; letter-spacing: .1em; color: var(--gold);
}
.flow h3 { font-family: var(--f-min); font-weight: 600; font-size: clamp(18px, 1.5vw, 22px); }
.flow p { margin-top: 12px; font-size: 13.5px; line-height: 2.1; color: var(--fg-2); max-width: 64ch; }

/* --- media frame --- */
.frame { position: relative; overflow: hidden; border: 1px solid var(--line-soft); background: #0a0e16; }
.frame img, .frame video { width: 100%; display: block; }
.frame--wide { aspect-ratio: 16 / 9; }
.frame--wide img, .frame--wide video { height: 100%; object-fit: cover; }
.frame figcaption {
  display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: space-between;
  padding: 14px 18px; border-top: 1px solid var(--line-soft);
  font-family: var(--f-mono); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--fg-3);
}

/* --- quote --- */
.quote { border-left: 1px solid var(--gold); padding-left: clamp(20px, 3vw, 44px); }
.quote p { font-family: var(--f-min); font-weight: 500; font-size: clamp(18px, 2vw, 27px); line-height: 2; }
.quote cite { display: block; margin-top: 22px; font-style: normal; font-family: var(--f-mono); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--fg-3); }

/* --- form --- */
.field { display: block; }
.field > span { display: flex; align-items: center; gap: 9px; font-family: var(--f-mono); font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--fg-3); }
.field > span em { font-style: normal; color: var(--gold); font-size: 9px; letter-spacing: .1em; }
.field input, .field textarea, .field select {
  width: 100%; margin-top: 12px; padding: 15px 2px;
  background: transparent; border: 0; border-bottom: 1px solid var(--line);
  color: var(--fg); font-family: var(--f-sans); font-size: 15px; letter-spacing: .04em;
  transition: border-color .4s;
}
.field select { padding-right: 20px; }
.field select option { background: var(--surface); color: var(--fg); }
.field textarea { resize: vertical; min-height: 148px; line-height: 2; }
.field input:focus, .field textarea:focus, .field select:focus { outline: none; border-bottom-color: var(--gold); }
.field input::placeholder, .field textarea::placeholder { color: #4a5266; }

/* --- notice --- */
.notice {
  border: 1px solid var(--line); border-left: 2px solid var(--gold);
  padding: 20px 24px; background: rgba(201,162,74,.05);
  font-size: 12.5px; line-height: 2; color: var(--fg-2);
}

/* --- badge grid --- */
.badges { display: flex; flex-wrap: wrap; gap: 8px; }
.badges i {
  font-style: normal; font-family: var(--f-mono); font-size: 10.5px; letter-spacing: .1em;
  padding: 8px 14px; border: 1px solid var(--line-soft); color: var(--fg-3);
  transition: color .35s, border-color .35s;
}
.badges i:hover { color: var(--gold-2); border-color: rgba(201,162,74,.4); }

/* ------------------------------------------------------------------ 8 */
/* --- hero --- */
.hero { position: relative; min-height: 100svh; display: flex; align-items: flex-end; overflow: hidden; padding-bottom: clamp(56px, 8vh, 110px); padding-top: calc(var(--nav-h) + 40px); }
.hero .bg { position: absolute; inset: 0; z-index: 0; }
.hero .bg video, .hero .bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero .bg video { opacity: .55; }
.hero .bg::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(120% 90% at 22% 8%, rgba(91,140,255,.18), transparent 55%),
    radial-gradient(90% 80% at 88% 78%, rgba(201,162,74,.16), transparent 58%),
    linear-gradient(180deg, rgba(5,7,12,.72) 0%, rgba(5,7,12,.55) 42%, rgba(5,7,12,.96) 100%);
}
/* canvas は置換要素のため inset:0 だけでは伸びない。明示的に 100% を指定する */
#gl { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; opacity: .9; }
.hero .inner { position: relative; z-index: 2; width: 100%; }
.hero h1 {
  font-family: var(--f-min); font-weight: 600;
  font-size: clamp(34px, 6.2vw, 96px); line-height: 1.28; letter-spacing: .005em;
}
.hero h1 .row { display: block; overflow: hidden; }
.hero .sub { margin-top: clamp(24px, 3vw, 42px); max-width: 54ch; font-size: clamp(14px, 1.05vw, 16.5px); line-height: 2.3; color: var(--fg-2); }
.hero .acts { margin-top: clamp(30px, 3.4vw, 50px); display: flex; flex-wrap: wrap; gap: 14px; }
.hero .scroll-cue {
  position: absolute; right: var(--pad-x); bottom: clamp(56px, 8vh, 110px); z-index: 2;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.hero .scroll-cue span {
  writing-mode: vertical-rl;
  font-family: var(--f-mono); font-size: 9.5px; letter-spacing: .32em; text-transform: uppercase; color: var(--fg-3);
}
.hero .scroll-cue i { display: block; width: 1px; height: 62px; background: linear-gradient(var(--gold), transparent); animation: cue 2.4s var(--e-io) infinite; transform-origin: top; }
@keyframes cue { 0% { transform: scaleY(.25) } 45% { transform: scaleY(1) } 100% { transform: scaleY(.25) } }
.hero-strip {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  display: flex; gap: 0; border-top: 1px solid var(--line-soft);
  background: rgba(5,7,12,.55); backdrop-filter: blur(10px);
}
.hero-strip div { flex: 1; padding: 16px var(--pad-x); border-right: 1px solid var(--line-soft); }
.hero-strip div:last-child { border-right: 0; }
.hero-strip b { display: block; font-family: var(--f-mono); font-size: 17px; font-weight: 400; color: var(--gold-2); }
.hero-strip span { display: block; margin-top: 3px; font-size: 10.5px; letter-spacing: .14em; color: var(--fg-3); }

/* --- page hero (下層) --- */
.phero { position: relative; padding-top: calc(var(--nav-h) + clamp(70px, 10vw, 150px)); padding-bottom: clamp(46px, 6vw, 92px); overflow: hidden; }
.phero .bg { position: absolute; inset: 0; z-index: 0; opacity: .34; }
.phero .bg img { width: 100%; height: 100%; object-fit: cover; }
.phero .bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,7,12,.7), var(--ink) 92%); }
.phero .inner { position: relative; z-index: 1; }
.phero h1 { font-family: var(--f-min); font-weight: 600; font-size: clamp(31px, 5.2vw, 74px); line-height: 1.3; }
.phero .en { display: block; margin-top: 14px; font-family: var(--f-disp); font-style: italic; font-weight: 300; font-size: clamp(15px, 1.6vw, 22px); color: var(--fg-3); letter-spacing: .06em; }
.crumb { display: flex; gap: 10px; align-items: center; font-family: var(--f-mono); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--fg-3); margin-bottom: 26px; }
.crumb a:hover { color: var(--gold-2); }

/* --- horizontal pin section --- */
.hpin { position: relative; overflow: hidden; }
.hpin .rail { display: flex; gap: clamp(18px, 2vw, 34px); will-change: transform; padding-inline: var(--pad-x); }
.hpin .panel { flex: 0 0 clamp(300px, 33vw, 460px); }

/* --- big CTA --- */
.cta-band { position: relative; overflow: hidden; }
.cta-band .bg { position: absolute; inset: 0; z-index: 0; }
.cta-band .bg video, .cta-band .bg img { width: 100%; height: 100%; object-fit: cover; opacity: .42; }
.cta-band .bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,7,12,.9), rgba(5,7,12,.72) 45%, rgba(5,7,12,.95)); }
.cta-band .inner { position: relative; z-index: 1; text-align: center; }
.cta-band h2 { font-family: var(--f-min); font-weight: 600; font-size: clamp(27px, 4.2vw, 58px); line-height: 1.5; }

/* --- sticky media split --- */
.sticky-col { position: sticky; top: calc(var(--nav-h) + 40px); }

/* --- number ledger --- */
.ledger { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 48px); }

/* --- logo wall / client-ish --- */
.wall { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line-soft); border-left: 1px solid var(--line-soft); }
.wall div {
  padding: clamp(22px, 3vw, 40px);
  border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft);
  display: flex; flex-direction: column; gap: 8px; min-height: 148px;
  transition: background .5s;
}
.wall div:hover { background: rgba(255,255,255,.025); }
.wall b { font-family: var(--f-min); font-weight: 600; font-size: 15px; }
.wall span { font-size: 12px; color: var(--fg-3); line-height: 1.9; }

/* ------------------------------------------------------------------ 9 */
@media (max-width: 1100px) {
  .g-4 { grid-template-columns: repeat(2, 1fr); }
  .ledger { grid-template-columns: repeat(2, 1fr); }
  .wall { grid-template-columns: repeat(2, 1fr); }
  .split { grid-template-columns: 1fr; }
  .foot-top { grid-template-columns: 1fr; }
  .sticky-col { position: static; }
}
@media (max-width: 900px) {
  .nav, .nav-cta { display: none; }
  .burger { display: block; }
  .g-3 { grid-template-columns: repeat(2, 1fr); }
  .hero-strip { display: none; }
  .hero .scroll-cue { display: none; }
}
@media (max-width: 680px) {
  body { font-size: 15px; }
  .g-2, .g-3, .g-4 { grid-template-columns: 1fr; }
  .ledger { grid-template-columns: repeat(2, 1fr); }
  .wall { grid-template-columns: 1fr; }
  .tbl th, .tbl td { display: block; width: auto; padding: 6px 0; border: 0; }
  .tbl th { padding-top: 20px; }
  .tbl tr { display: block; padding-bottom: 18px; border-bottom: 1px solid var(--line-soft); }
  .flow li { padding-left: 62px; }
  .flow .no { width: 44px; height: 44px; font-size: 11px; }
  .flow .spine { left: 22px; }
}

/* ------------------------------------------------------------------ 10 */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important; animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  body::after { animation: none; }
  .js-on .anim-up, .js-on .anim-fade, .js-on .anim-clip, .js-on .anim-line,
  .js-on .split-line > span > i { opacity: 1 !important; transform: none !important; clip-path: none !important; }
  .hero .bg video, .cta-band .bg video { display: none; }
}

@media print {
  body { background: #fff; color: #000; }
  .site-head, #pre, #cur, #cur-dot, #prog, .hero .bg, #gl { display: none !important; }
}

/* wordpress legacy layout */

.makeai-skip-link{position:fixed;left:12px;top:-100px;z-index:100000;padding:12px 20px;background:#dcc67f;color:#05070c}
.makeai-skip-link:focus{top:12px}
body.admin-bar .site-head{top:32px}
body.admin-bar #drawer{padding-top:120px}
.makeai-normal-content{font-size:16px;line-height:2;margin-top:32px}
.makeai-normal-content p{margin-bottom:1.5em}
.makeai-normal-content a{text-decoration:underline}
.makeai-normal-content img{height:auto;max-width:100%}
.makeai-normal-content ul,.makeai-normal-content ol{padding-left:1.6em;list-style:revert}
@media(min-width:900px){.hero{padding-bottom:calc(90px + clamp(40px,4vh,64px))}}
@media(max-width:782px){body.admin-bar .site-head{top:46px}}
@media(max-width:600px){body.admin-bar #wpadminbar{position:fixed}.phero h1{text-wrap:balance}}

/* seo legacy layout */
/* MakeAI 1.1 — readable editorial pages within the original visual identity. */
:root{--seo-copy:#c9cbd0;--seo-muted:#a1a6b0}
html{scroll-padding-top:110px}
*:focus-visible{outline:2px solid var(--gold-2);outline-offset:5px}
.makeai-breadcrumbs{position:relative;z-index:2;padding-top:calc(var(--nav-h) + 28px);padding-bottom:22px;color:var(--seo-muted);font-size:12px;line-height:1.9}
.makeai-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;margin:0;padding:0}
.makeai-breadcrumbs li:not(:last-child)::after{content:'/';margin-left:14px;color:var(--gold)}
.makeai-breadcrumbs a:hover{color:var(--gold-2)}
.makeai-breadcrumbs+.phero{padding-top:42px}
.seo-hero{padding:48px 0 88px;position:relative;border-bottom:1px solid var(--line-soft)}
.seo-hero::after{content:'';position:absolute;right:var(--pad-x);top:48px;width:100px;height:100px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);opacity:.45;pointer-events:none}
.seo-hero h1{font-family:var(--f-min);font-weight:500;line-height:1.45;letter-spacing:.04em;font-size:clamp(34px,4.6vw,68px);max-width:1050px;margin:28px 0}
.seo-lead{font-size:clamp(15px,1.25vw,18px);line-height:2.15;color:var(--seo-copy);max-width:780px}
.seo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}
.seo-text-link{color:var(--gold-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(204,176,114,.42)}
.seo-text-link:hover{text-decoration-color:currentColor}
.seo-section{padding:76px 0;border-bottom:1px solid var(--line-soft)}
.seo-editorial{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:64px}
.seo-editorial h2{font-family:var(--f-min);font-weight:500;font-size:clamp(24px,2.1vw,32px);line-height:1.7;margin:18px 0 0;text-wrap:pretty}
.seo-prose{font-size:15px;line-height:2.1;color:var(--seo-copy);min-width:0}
.seo-prose p{margin:0 0 22px}
.seo-prose p:last-child{margin-bottom:0}
.seo-prose strong,.seo-prose h3{color:var(--fg)}
.seo-prose h3{font-family:var(--f-min);font-size:21px;font-weight:500;line-height:1.7;margin:0 0 10px}
.seo-list{padding:0 0 0 1.3em;list-style:disc;margin-bottom:24px}
.seo-list li{padding-left:6px;margin-bottom:12px}
.seo-list li::marker{color:var(--gold)}
.seo-steps{counter-reset:makeai-step;list-style:none;padding:0;margin:0 0 26px}
.seo-steps li{position:relative;padding:0 0 26px 52px;margin:0 0 24px;border-bottom:1px solid var(--line-soft)}
.seo-steps li::before{counter-increment:makeai-step;content:counter(makeai-step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--gold);font-family:var(--f-mono);font-size:14px}
.seo-steps li:last-child{padding-bottom:0;margin-bottom:0;border:0}
.seo-table-scroll{max-width:100%;overflow:auto;margin:0 0 28px;scrollbar-width:thin;scrollbar-color:var(--gold) var(--ink)}
.seo-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.9;min-width:520px}
.seo-table caption{text-align:left;font-size:13px;color:var(--seo-muted);padding:0 0 16px}
.seo-table th,.seo-table td{text-align:left;vertical-align:top;padding:19px 15px;border-bottom:1px solid var(--line-soft)}
.seo-table thead th{font-size:12px;letter-spacing:.07em;color:var(--gold-2);border-top:1px solid var(--gold);background:rgba(186,149,70,.035)}
.seo-table tbody th{font-weight:500;color:var(--fg);width:24%}
.seo-table td{min-width:140px}
.seo-faq{border-bottom:1px solid var(--line-soft);padding:20px 0}
.seo-faq:first-child{border-top:1px solid var(--line-soft)}
.seo-faq summary{color:var(--fg);font-weight:500;cursor:pointer;list-style:none;position:relative;padding-right:30px}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:'+';position:absolute;right:0;top:0;color:var(--gold);font-size:22px}
.seo-faq[open] summary::after{content:'−'}
.seo-faq>div{padding:18px 22px 0 0}
.seo-note,.seo-byline{font-size:12px;color:var(--seo-muted);line-height:1.9!important}
.seo-byline{padding-bottom:20px;border-bottom:1px solid var(--line-soft)}
.seo-closing{padding:90px 0 96px;background:radial-gradient(ellipse at 100% 100%,rgba(182,143,63,.09),transparent 65%)}
.seo-closing h2{font-family:var(--f-min);font-weight:500;font-size:clamp(26px,3vw,44px);line-height:1.65;margin:24px 0}
.seo-closing p{color:var(--seo-copy);font-size:15px;line-height:2;max-width:720px;margin:0 0 28px}
.seo-closing .seo-note{margin-top:18px}
.seo-related>a{display:block;font-family:var(--f-min);font-size:21px;line-height:1.7;margin-bottom:10px}
.seo-related>p{padding-bottom:24px;border-bottom:1px solid var(--line-soft);margin-bottom:28px}
.seo-related>p:last-child{border:0;margin-bottom:0;padding-bottom:0}
.seo-support-grid{display:grid;gap:30px}
.seo-support-grid article{padding-bottom:26px;border-bottom:1px solid var(--line-soft)}
.seo-support-grid .eyebrow{font-size:10px;color:var(--gold);margin-bottom:12px}
.seo-support-grid h3 a{color:var(--fg);text-decoration:none}
.seo-support-grid h3 a:hover{color:var(--gold-2)}
.seo-support-grid p{margin-bottom:0}
.seo-inline-nav{display:flex;flex-wrap:wrap;gap:14px 28px;margin:25px 0}
.seo-guide-list article{padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid var(--line-soft)}
.seo-guide-list article:last-child{margin-bottom:0;border:0}
.seo-guide-list .eyebrow{font-size:11px;color:var(--gold);margin-bottom:12px}
.seo-calculator{border-top:1px solid var(--gold);padding-top:28px;margin:0 0 30px}
.seo-calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:26px}
.seo-calc-fields label{font-size:13px;color:var(--fg)}
.seo-calc-fields input{width:100%;display:block;margin-top:9px;padding:12px 14px;font:inherit;font-size:16px;line-height:1.5;background:rgba(255,255,255,.03);border:1px solid #4d515b;color:var(--fg);border-radius:0}
.seo-calc-fields input::placeholder{color:var(--seo-muted)}
.seo-calc-result{padding:24px 0 0;margin-top:24px;border-top:1px solid var(--line-soft)}
.seo-calc-result dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.seo-calc-result dt{font-size:13px;color:var(--seo-muted)}
.seo-calc-result dd{margin:0;font-size:21px;color:var(--gold-2);font-family:var(--f-mono)}
.seo-calc-result .negative{color:#ffb2a5}
.makeai-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.makeai-consent{display:flex;align-items:flex-start;gap:14px;font-size:13px;line-height:1.9;color:var(--seo-copy)}
.makeai-consent input{width:18px;height:18px;margin-top:5px;flex-shrink:0;accent-color:var(--gold)}
.makeai-consent a{color:var(--gold-2);text-decoration:underline}
#contact-status .notice{margin-bottom:28px;color:var(--fg)}
.makeai-footer-links{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:44px;padding-bottom:44px;border-top:1px solid var(--line-soft);font-size:13px;line-height:2}
.makeai-footer-links nav{display:flex;flex-wrap:wrap;gap:14px 30px;align-content:flex-start}
.makeai-footer-links a{color:var(--seo-copy)}
.makeai-footer-links a:hover{color:var(--gold-2)}
body:not(.home) #drawer{overflow-y:auto}
@media(max-width:900px){.seo-editorial{grid-template-columns:1fr;gap:30px}.seo-hero::after{display:none}.seo-section{padding:48px 0}.seo-hero{padding:28px 0 56px}.seo-hero h1{font-size:clamp(31px,5.8vw,48px)}.seo-hero h1 br{display:none}.seo-closing{padding:56px 0}.seo-closing .btn{max-width:100%}.makeai-breadcrumbs{font-size:11px}.makeai-footer-links{grid-template-columns:1fr;gap:22px}.seo-editorial h2{margin-top:12px}.makeai-breadcrumbs+.phero{padding-top:24px}}
@media(max-width:500px){.seo-calc-fields{grid-template-columns:1fr}.seo-calc-result dl{grid-template-columns:1fr;gap:7px}.seo-calc-result dd{margin-bottom:14px}.seo-actions{gap:20px}.seo-prose{font-size:14px}.seo-steps li{padding-left:40px}.seo-table{min-width:490px}.seo-hero h1{letter-spacing:.015em}.seo-table-scroll::after{content:'表は横にスクロールできます';display:block;font-size:11px;color:var(--seo-muted);padding-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero .bg video,.cta-band .bg video{display:none!important}}
@media print{.makeai-breadcrumbs,.seo-actions,.seo-closing,.makeai-footer-links,.seo-calculator button{display:none}.seo-section{break-inside:avoid;padding:20px 0}.seo-editorial{display:block}.seo-table-scroll{overflow:visible}.seo-table{min-width:0}.seo-prose,.seo-lead,.seo-note{color:#222}}

/* studio legacy layout */
/* MakeAI 1.2 — Applied intelligence, with a studio's point of view. */
:root{--ink:#f4f3ec;--ink-2:#eaeae0;--surface:#eeeee5;--surface-2:#e4e5db;--fg:#19221c;--fg-2:#535c54;--fg-3:#69716a;--line:rgba(25,34,28,.22);--line-soft:rgba(25,34,28,.14);--gold:#b83e20;--gold-2:#a9361b;--accent:#f06642;--cyan:#a9361b;--blue:#a9361b;--grad-gold:linear-gradient(#f06642,#f06642);--grad-cool:linear-gradient(#19221c,#19221c);--f-sans:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--f-min:var(--f-sans);--f-disp:'Instrument Serif','Times New Roman',serif;--f-mono:'Manrope',var(--f-sans);--nav-h:88px;--pad-x:clamp(24px,4.2vw,80px);--maxw:1560px;--seo-copy:#465148;--seo-muted:#657066}
body{font-weight:400;letter-spacing:.025em;line-height:1.9}body::after{display:none}::selection{background:var(--accent);color:var(--fg)}
html{scroll-padding-top:112px}button,input,textarea,select{font-family:var(--f-sans)}button,a{-webkit-tap-highlight-color:transparent}*:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,h4{text-wrap:pretty}.h-sec,.h-lg,.h-md{font-weight:600;letter-spacing:-.03em}.h-sec{font-size:clamp(32px,3.8vw,58px);line-height:1.5}.h-sec .en{font-size:.47em;letter-spacing:-.015em;margin-top:22px;color:var(--fg-3)}.lede{font-size:16px;line-height:2.15}.small{font-size:12px;color:var(--fg-2)}.gold-text,.cool-text{background:none;color:var(--gold)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--fg);gap:12px;line-height:1.5}.eyebrow::before{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.sec{padding-block:112px}.sec--tight{padding-block:80px}
#cur,#cur-dot,#curtain,#pre,#gl{display:none!important}#prog{height:2px;background:var(--accent)}.cursor-live,.cursor-live *{cursor:revert!important}
.site-head{background:rgba(244,243,236,.96);border-bottom:1px solid var(--line-soft)}.site-head.is-solid{background:rgba(244,243,236,.94);backdrop-filter:blur(16px);border-color:var(--line-soft)}.site-head .bar{gap:30px}.brand{align-items:center;gap:12px;flex-shrink:0}.brand-symbol{width:27px;height:27px;display:block;background:var(--accent);clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%)}.brand .mk{font:700 30px/1 var(--f-mono);letter-spacing:-.065em;background:none;color:var(--fg)}.site-head .brand .jp{display:none}.nav{gap:clamp(16px,2vw,34px);margin-left:auto}.nav a{font-size:11px;letter-spacing:.035em;font-weight:600;color:var(--fg)}.nav a .jp{font-size:10px;letter-spacing:.05em;color:var(--fg-3);margin-top:0}.nav a::after{background:var(--accent)}.nav-cta{font:500 12px/1.4 var(--f-sans);letter-spacing:.02em;padding:13px 23px;border-radius:40px;border:0;background:var(--fg);color:var(--ink);text-transform:none;gap:22px;flex-shrink:0}.nav-cta::before{display:none}.nav-cta::after{content:'↗';font-size:17px}.nav-cta:hover{color:var(--ink);background:var(--gold)}.burger{border:1px solid var(--line);border-radius:50%;width:42px;height:42px}.burger i{height:1.5px;left:10px;width:20px}.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:23px}#drawer{background:var(--ink);gap:0}#drawer a{font-size:22px;font-weight:500;padding:17px 0;justify-content:space-between}#drawer a small{color:var(--fg-3);letter-spacing:.06em}.site-head:has(+ #drawer.is-open){background:var(--ink)}
.btn{font:500 13px/1.5 var(--f-sans);letter-spacing:.02em;text-transform:none;border-radius:50px;border:1px solid var(--fg);padding:17px 27px;gap:30px;background:transparent;color:var(--fg);min-height:54px;transition:background .25s,color .25s,transform .25s}.btn::before{display:none}.btn--solid{background:var(--fg);color:var(--ink);border-color:var(--fg)}.btn:hover{background:var(--accent);color:var(--fg);border-color:var(--accent)}.btn svg{width:18px}.btn .arrow{font-family:var(--f-mono);font-size:21px;line-height:1}.btn[disabled]{opacity:.58;cursor:not-allowed}.studio-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:600;line-height:1.7;border-bottom:1px solid var(--line);padding-block:10px}.studio-link .arrow{font-family:var(--f-mono);font-size:21px;transition:transform .3s}.studio-link:hover .arrow{transform:translate(3px,-3px)}.lnk{font-family:var(--f-sans);font-size:12px;font-weight:500;letter-spacing:.03em;color:var(--fg)}.lnk i{background:var(--accent)}
/* Opening composition */
.seo-hero h1,.seo-editorial h2,.phero h1,.h-sec,.h-lg{text-wrap:balance}.atelier-hero{padding-top:calc(var(--nav-h) + 30px);overflow:hidden}.studio-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-topline>p:last-child{font:500 10px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}.studio-topline>p:last-child span{margin-inline:10px;color:var(--fg-3)}.atelier-hero-grid{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(0,1fr);gap:clamp(38px,5.6vw,90px);align-items:center;padding-block:22px 30px;min-height:calc(100svh - 251px)}.studio-display{font:600 clamp(96px,9.5vw,144px)/.89 var(--f-mono);letter-spacing:-.078em;margin-left:-.065em}.studio-display em{font-family:var(--f-disp);font-weight:400;letter-spacing:-.035em;font-size:1.12em;line-height:.92}.studio-hero-copy h1{font-size:clamp(22px,2.15vw,32px);font-weight:600;line-height:1.6;letter-spacing:-.025em;margin-top:26px}.studio-hero-copy h1 span{white-space:nowrap}.studio-hero-lead{font-size:14px;line-height:1.9;color:var(--fg-2);margin-top:17px}.studio-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:26px}.studio-hero-actions .studio-link{gap:18px}.studio-hero-stage{position:relative;padding-top:22px}.studio-star{position:absolute;width:260px;height:260px;top:-26px;right:-72px;background:var(--accent);clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%);transform:rotate(13deg);transition:transform 1.2s var(--e-out)}.studio-hero-stage:hover .studio-star{transform:rotate(45deg)}.studio-viewer{position:relative;background:#fbfaf6;border:1px solid rgba(25,34,28,.45);transform:rotate(-3deg);box-shadow:11px 14px 0 rgba(25,34,28,.06)}.studio-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;font:600 9px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.studio-viewer-bar>span:first-child{display:flex;align-items:center;gap:8px}.studio-viewer-bar i{width:5px;height:5px;background:var(--accent);border-radius:50%}.studio-viewer-bar>span:last-child{font-weight:400;font-size:8px;color:var(--fg-3)}.studio-panel[hidden]{display:none}.studio-project-image{display:block;overflow:hidden;aspect-ratio:1.85;background:var(--fg)}.studio-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e-out)}.studio-project-image:hover img{transform:scale(1.035)}.studio-project-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 20px}.studio-project-caption p{font:500 9px/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3)}.studio-project-caption h2{font:600 clamp(14px,1.35vw,20px)/1.6 var(--f-mono);letter-spacing:-.025em;margin-top:5px}.studio-project-arrow{border:1px solid var(--line);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font:400 21px/1 var(--f-mono);flex-shrink:0}.studio-project-arrow:hover{background:var(--accent);border-color:var(--accent)}.studio-project-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line)}.studio-project-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 6px;font:500 9px/1.5 var(--f-mono);color:var(--fg-3);border-right:1px solid var(--line);background:transparent}.studio-project-tabs button:last-child{border-right:0}.studio-project-tabs button[aria-selected=true]{color:var(--ink);background:var(--fg)}.studio-project-tabs button:hover:not([aria-selected=true]){background:var(--ink-2)}.studio-stage-note{position:relative;font-size:11px;line-height:1.8;margin-top:20px;margin-left:16px;font-weight:500}.studio-stage-note span{display:block;color:var(--fg-3);font-size:10px;font-weight:400}.studio-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;border-top:1px solid var(--line-soft);font-size:10px;color:var(--fg-2)}.studio-hero-bottom>a{font:500 10px/1.5 var(--f-mono);color:var(--fg);display:flex;gap:28px;align-items:center}.studio-hero-bottom>a span{font-size:18px}.studio-ticker{border-block:1px solid var(--line-soft);background:var(--ink-2);padding-block:27px}.studio-ticker>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-ticker span{font:500 clamp(17px,2.3vw,34px)/1.1 var(--f-mono);letter-spacing:-.04em}.studio-ticker i{color:var(--gold);font-style:normal;font-size:25px}
/* Portfolio sequence */
.studio-works{padding:100px 0 118px}.studio-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-aside{font:400 12px/1.5 var(--f-disp);font-style:italic;letter-spacing:.025em}.studio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:56px;margin-top:46px;margin-bottom:58px}.studio-section-heading h2,.studio-about h2{font-size:clamp(32px,4vw,60px);font-weight:600;line-height:1.5;letter-spacing:-.055em}.studio-section-heading h2 em,.studio-about h2 em{font-style:normal;color:var(--fg-3);font-weight:500}.studio-section-heading p{font-size:14px;line-height:2;color:var(--fg-2)}.studio-section-heading .studio-link{margin-top:21px}.studio-work-grid{display:grid;grid-template-columns:7fr 5fr;gap:54px 48px;align-items:start}.studio-work-image{display:block;aspect-ratio:1.6;overflow:hidden;background:var(--surface-2);position:relative}.studio-work-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e-out)}.studio-work-image:hover img{transform:scale(1.035)}.studio-work-open{position:absolute;right:18px;bottom:18px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--fg);font:400 25px/1 var(--f-mono);transition:background .25s}.studio-work-image:hover .studio-work-open{background:var(--accent)}.studio-work-label{display:flex;justify-content:space-between;gap:15px;font:500 9px/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;margin-top:19px;color:var(--fg-3)}.studio-work h3{font:600 clamp(20px,2.4vw,34px)/1.4 var(--f-mono);letter-spacing:-.04em;margin-top:12px}.studio-work>p{font-size:12px;color:var(--fg-2);margin-top:8px}.studio-work-2{margin-top:120px}.studio-work-2 .studio-work-image{aspect-ratio:1.05}.studio-work-2 .studio-work-image img{object-position:51% 50%}.studio-work-3{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;column-gap:80px;margin-top:54px;align-items:start}.studio-work-3 .studio-work-image{grid-column:2;grid-row:1/5;aspect-ratio:1.65}.studio-work-3 .studio-work-label{grid-column:1;align-self:end;margin-top:50px}.studio-work-3 h3,.studio-work-3>p{grid-column:1}.studio-work-3 .studio-work-label span:last-child{display:none}
/* Philosophy, services, proof */
.studio-about{background:var(--fg);color:var(--ink);padding:110px 0;--fg-2:#c1c8bd;--fg-3:#b6beb2;--line:rgba(244,243,236,.25)}.studio-about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.studio-about .eyebrow{color:var(--ink)}.studio-about-mark{font:400 clamp(50px,5vw,80px)/1.05 var(--f-disp);letter-spacing:-.04em;margin-top:90px;color:var(--ink)}.studio-about-mark span{display:block;font-family:var(--f-mono);color:var(--accent);font-size:.8em;margin:18px 0 26px}.studio-about h2{font-size:clamp(29px,3.3vw,50px);color:var(--ink)}.studio-about h2 em{color:#b7c2b2}.studio-about-copy{max-width:560px;margin-top:42px;font-size:14px;line-height:2.2;color:#c9cec3}.studio-about-copy>p+p{margin-top:20px}.studio-about-copy>.studio-link{color:var(--ink);margin-top:26px}.studio-support{padding:115px 0 84px}.studio-service-row{display:grid;grid-template-columns:45px 1.05fr 1fr 56px;align-items:center;gap:28px;padding:36px 0;border-top:1px solid var(--line);transition:padding .3s,background .3s}.studio-service-row:last-child{border-bottom:1px solid var(--line)}.studio-service-no{font:500 10px/1.5 var(--f-mono);align-self:start;color:var(--gold);padding-top:5px}.studio-service-en{font:400 clamp(25px,3vw,44px)/1 var(--f-disp);font-style:italic;letter-spacing:-.015em;color:var(--fg-3)}.studio-service-row h3{font-size:18px;font-weight:500;letter-spacing:-.025em;margin-top:9px}.studio-service-row p{font-size:12px;line-height:1.9;color:var(--fg-2)}.studio-service-row p strong{font-weight:500;color:var(--fg);display:block;font-size:14px;margin-bottom:7px}.studio-service-row p span{display:block}.studio-service-arrow{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:400 27px/1 var(--f-mono);transition:background .3s,transform .3s}.studio-service-row:hover{padding-inline:16px;background:#eeeee5}.studio-service-row:hover .studio-service-arrow{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.studio-service-foot{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:24px}.studio-service-foot p{font-size:12px;color:var(--fg-2)}.studio-ledger{padding-top:28px;padding-bottom:90px}.ledger{gap:32px}.stat{border-top:0;padding-top:0;border-left:1px solid var(--line);padding-left:24px}.stat:first-child{padding-left:0;border-left:0}.stat .n{font:500 clamp(47px,5.2vw,76px)/1 var(--f-mono);letter-spacing:-.075em;background:none;color:var(--fg)}.stat .l{font-size:11px;letter-spacing:.02em;max-width:23em}.studio-ledger .small{font-size:10px;color:var(--fg-3)}.studio-disciplines{border-top:1px solid var(--line-soft);padding-top:95px;padding-bottom:95px}.studio-discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}.card{background:transparent;border:0;border-top:1px solid var(--line);padding:30px 0;box-shadow:none}.card::before{display:none}.card:hover{transform:none;border-color:var(--line);background:transparent}.card .idx{font-family:var(--f-mono);letter-spacing:.03em;color:var(--gold)}.card h3{font-size:20px;line-height:1.65;letter-spacing:-.03em}.card p{font-size:13px;line-height:2;color:var(--fg-2)}.tag{border:0;border-bottom:1px solid var(--line-soft);padding:3px 0;font-family:var(--f-sans);font-size:10px;letter-spacing:.01em;margin-right:8px}.studio-discipline-grid>.card:last-child{grid-column:1/-1;background:var(--ink-2)!important;border:0!important;padding:34px 40px;margin-top:22px;display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center!important;gap:12px 30px}.studio-discipline-grid>.card:last-child .eyebrow{grid-column:1/-1}.studio-discipline-grid>.card:last-child h3,.studio-discipline-grid>.card:last-child p,.studio-discipline-grid>.card:last-child>div{margin-top:0!important}.studio-method{background:var(--ink-2)!important;border-top:1px solid var(--line-soft)}.flow ol{gap:0}.flow li{padding:25px 0 27px 55px;border-top:1px solid var(--line-soft)}.flow li:first-child{padding-top:0;border-top:0}.flow .no{background:none;border:0;display:block;text-align:left;width:auto;height:auto;color:var(--gold);left:0;top:28px;font-size:11px}.flow li:first-child .no{top:6px}.flow .spine{display:none}.flow h3{font-size:19px}.flow p{font-size:13px;line-height:2}.studio-reasons .card{border-top:1px solid var(--fg);padding:28px 0}.studio-reasons .idx{font-size:12px}.studio-founder{background:#e6e9dd;border-top:1px solid var(--line-soft)}.studio-founder .sticky-col::after{content:'';display:block;width:140px;height:140px;background:var(--accent);clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%);margin-top:70px;transform:rotate(-15deg)}.quote{border:0;padding-left:0}.quote p{font-size:22px;line-height:1.9}.studio-founder .stack-lg>*+*{margin-top:30px}.studio-engagements .wall{grid-template-columns:repeat(2,minmax(0,1fr));border:0;column-gap:48px}.wall div{border:0;border-top:1px solid var(--line-soft);padding:27px 0;min-height:0}.wall b{font-size:15px;font-weight:500}.wall span{font-size:12px;color:var(--fg-2)}
/* Shared interior pages */
.makeai-breadcrumbs{font-size:10px;color:var(--fg-3);padding-top:calc(var(--nav-h) + 28px);padding-bottom:24px}.makeai-breadcrumbs li:not(:last-child)::after{color:var(--fg-3)}.phero,.makeai-breadcrumbs+.phero{padding-top:44px;padding-bottom:68px;border-bottom:1px solid var(--line-soft)}.phero .bg{display:none}.phero h1{font-size:clamp(34px,5vw,76px);line-height:1.4;letter-spacing:-.04em;font-weight:600}.phero .en{font-size:22px;color:var(--fg-3);letter-spacing:-.015em}.phero .lede{max-width:800px}.seo-hero{padding:54px 0 76px;background:var(--ink);border-bottom:1px solid var(--line);overflow:hidden}.seo-hero::after{content:'↗';font-family:var(--f-mono);font-size:clamp(90px,13vw,190px);line-height:1;width:auto;height:auto;right:var(--pad-x);top:30px;color:var(--accent);border:0;opacity:.9}.seo-hero .wrap{position:relative;z-index:1}.seo-hero h1{font-size:clamp(34px,4.6vw,68px);line-height:1.48;letter-spacing:-.045em;font-weight:600;max-width:1100px;margin:32px 120px 26px 0}.seo-lead{font-size:16px;line-height:2;color:var(--fg-2);max-width:780px}.seo-actions{gap:28px;margin-top:35px}.seo-text-link{color:var(--fg);font-weight:500;text-decoration-color:var(--gold);text-underline-offset:6px}.seo-text-link:hover{color:var(--gold)}.seo-section{padding:80px 0}.seo-section:nth-of-type(even){background:#eeeeE5}.seo-editorial{grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:90px}.seo-editorial>div:first-child{position:sticky;top:125px;align-self:start}.seo-editorial h2{font-size:28px;font-weight:500;line-height:1.65;letter-spacing:-.025em}.seo-prose{font-size:15px;line-height:2;color:var(--fg-2)}.seo-prose h3{font-size:21px;letter-spacing:-.025em;font-weight:500}.seo-prose p{margin-bottom:24px}.seo-table{font-size:13px;line-height:1.9}.seo-table thead th{background:var(--fg);color:var(--ink);border-top:0;font-family:var(--f-sans);font-weight:500;font-size:12px;letter-spacing:.015em;padding:18px 15px}.seo-table tbody th{color:var(--fg)}.seo-table th,.seo-table td{padding:20px 15px}.seo-table caption{font-size:11px;color:var(--fg-3)}.seo-steps li{padding-bottom:24px}.seo-steps li::before{color:var(--gold)}.seo-faq{padding:23px 0}.seo-faq summary{font-size:15px;font-weight:500;line-height:1.8}.seo-faq summary::after{color:var(--gold)}.seo-faq[open]>div{border-left:2px solid var(--accent);margin-top:17px;padding:0 22px 0 18px}.seo-note,.seo-byline{font-size:11px;color:var(--fg-3)}.seo-guide-list article{padding-bottom:38px;margin-bottom:38px}.seo-guide-list h3{font-size:25px;line-height:1.65}.seo-guide-list .eyebrow{font-size:10px}.seo-related>a{font-size:22px;letter-spacing:-.025em}.seo-related>p{font-size:13px}.studio-insights{border-top:1px solid var(--line-soft)}.seo-calculator{border-top:2px solid var(--fg);background:#fafaf5;padding:30px}.seo-calc-fields{gap:26px}.seo-calc-fields label{font-size:12px}.seo-calc-fields input{border:1px solid #969e91;background:#fffef9;padding:14px;color:var(--fg);border-radius:2px}.seo-calc-fields input::placeholder{color:#72786d}.seo-calc-result dd{color:var(--fg);font-weight:600;font-size:24px;letter-spacing:-.045em}.seo-calc-result .negative{color:#af331a}.work{border:0;background:transparent;box-shadow:none}.work .shot{aspect-ratio:1.5;background:var(--ink-2)}.work .shot img{filter:none;transform:none}.work .shot::after{display:none}.work .cat{border:0;background:var(--ink);color:var(--fg);padding:5px 9px;backdrop-filter:none;font-size:9px}.work .meta{padding:20px 0 30px}.work .meta h3{font-weight:500;font-size:19px}.work .meta p{color:var(--fg-2);font-size:12px}.work .meta .stack-tags i{font-family:var(--f-sans);font-size:10px;border:0;border-bottom:1px solid var(--line);padding:3px 0;margin-right:8px}.chip{font-family:var(--f-mono);font-size:10px;border-radius:40px;letter-spacing:.025em;padding:10px 20px}.chip.is-on{background:var(--fg);color:var(--ink)}.chip:hover{border-color:var(--fg)}.frame{background:var(--ink-2);border:0}.frame figcaption{background:var(--ink-2);color:var(--fg-2);font-family:var(--f-sans);font-size:11px;letter-spacing:.02em}.tbl th,.tbl td{padding:26px 8px;font-size:14px}.tbl th{color:var(--fg);font-weight:500}.tbl td{color:var(--fg-2)}.field>span{font-family:var(--f-sans);font-size:12px;letter-spacing:.03em;color:var(--fg)}.field>span em{font-size:9px;color:var(--gold);background:#f4ded4;border-radius:3px;padding:2px 5px}.field input,.field textarea,.field select{border:1px solid #a6aea2;background:#fbfaf5;padding:14px;margin-top:10px;border-radius:2px;line-height:1.6;font-size:16px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--gold);outline-offset:3px}.field input::placeholder,.field textarea::placeholder{color:#737b70}.makeai-consent{font-size:12px;color:var(--fg-2)}.makeai-consent a{color:var(--fg)}.notice{color:var(--fg-2);background:var(--ink-2);border-left:3px solid var(--accent)}
/* A confident close */
.studio-closing{padding:82px 0 90px!important;background:var(--accent)!important;color:var(--fg);--fg-2:#283128;--fg-3:#333c32;--gold:#19221c;--gold-2:#19221c;--ink:#f4f3ec;overflow:hidden}.studio-closing .inner{text-align:left}.studio-closing .studio-closing-display{font:500 clamp(60px,9vw,140px)/.92 var(--f-mono);letter-spacing:-.07em;margin:0 0 40px;max-width:none;color:var(--fg)}.studio-closing .studio-closing-display em{font-family:var(--f-disp);font-size:1.12em;font-weight:400;letter-spacing:-.035em}.studio-closing>.wrap{position:relative}.studio-closing>.wrap::after{content:'↗';position:absolute;right:var(--pad-x);top:5px;font:300 clamp(120px,16vw,240px)/1 var(--f-mono);opacity:.85}.studio-closing .eyebrow{display:none}.studio-closing h2{font-size:clamp(23px,2.5vw,37px);font-weight:500;line-height:1.65;margin:0 0 20px!important;max-width:850px;letter-spacing:-.035em}.studio-closing .lede,.studio-closing p:not(.studio-closing-display){font-size:14px;line-height:2;max-width:720px;margin-left:0!important;color:var(--fg)}.studio-closing .inner>div{justify-content:flex-start!important;margin-top:30px!important}.studio-closing .btn--solid:hover{background:var(--ink);color:var(--fg);border-color:var(--ink)}.studio-closing .btn:not(.btn--solid):hover{background:var(--fg);color:var(--ink);border-color:var(--fg)}.studio-closing .seo-note{color:var(--fg-2);margin-top:18px;font-size:11px}.site-foot{background:#19221c;color:var(--ink);--fg:#f4f3ec;--fg-2:#c0c8bd;--fg-3:#a4aea0;--line:rgba(244,243,236,.2);--line-soft:rgba(244,243,236,.15);--gold:#ef9476;--gold-2:#ef9476;--seo-copy:#c9d0c5;padding-top:20px}.makeai-footer-links{padding-top:40px;padding-bottom:40px;grid-template-columns:1fr 1.3fr;font-size:12px;border-top:0}.makeai-footer-links>div>p:last-child{margin-top:18px;font-size:16px;letter-spacing:-.02em;max-width:280px}.makeai-footer-links .eyebrow{color:var(--fg-3)}.makeai-footer-links nav{gap:14px 25px}.foot-top{padding-block:42px 48px;border-top:1px solid var(--line-soft);grid-template-columns:1fr 1.3fr;gap:40px}.site-foot .brand .mk{color:var(--fg)}.site-foot .brand .jp{font-family:var(--f-sans);font-size:10px;letter-spacing:.1em;color:var(--fg-3)}.site-foot .stack>*+*{margin-top:18px}.foot-nav{grid-template-columns:1fr 1fr;gap:30px}.foot-nav h4{color:var(--fg-3);font-size:9px;letter-spacing:.12em}.foot-nav a{font-size:12px;line-height:1.8;padding:5px 0}.foot-bottom{font-size:9px;letter-spacing:.08em;padding-block:25px}.studio-foot-wordmark{font:600 clamp(100px,24.6vw,360px)/.87 var(--f-mono);letter-spacing:-.085em;padding-bottom:25px;padding-top:25px;color:var(--ink);white-space:nowrap;overflow:hidden}.studio-foot-wordmark span{color:var(--accent)}
@media(min-width:1101px){.studio-method .split,.studio-founder .split{grid-template-columns:1fr 1.1fr;gap:100px}.studio-disciplines .split{grid-template-columns:1fr 1fr}.studio-reasons .grid{gap:44px}}
@media(max-width:1100px){.atelier-hero-grid{gap:38px;grid-template-columns:1.05fr 1fr}.studio-display{font-size:clamp(88px,10.5vw,122px)}.studio-hero-actions{gap:15px}.studio-hero-actions .btn{padding:15px 22px;gap:18px}.studio-about-grid{gap:65px}.studio-service-row{grid-template-columns:28px 1fr 1fr 46px;gap:20px}.studio-service-row h3{font-size:16px}.studio-service-arrow{width:44px;height:44px}.studio-work-grid{gap:42px 30px}.studio-work-3{column-gap:44px}.studio-discipline-grid{grid-template-columns:1fr 1fr;column-gap:34px}.studio-discipline-grid>.card:last-child{grid-template-columns:1fr 1fr}.studio-discipline-grid>.card:last-child>div{grid-column:1/-1}.studio-ledger .ledger{grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding-left:16px}.stat .n{font-size:54px}.seo-editorial{gap:50px;grid-template-columns:minmax(190px,.7fr) minmax(0,1.6fr)}.seo-editorial h2{font-size:25px}.studio-founder .sticky-col::after{display:none}.studio-founder .split,.studio-method .split{gap:50px}.studio-method .flow{max-width:850px}.makeai-footer-links,.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:900px){:root{--nav-h:72px;--pad-x:28px}.site-head .bar{gap:20px}.brand .mk{font-size:29px}.brand-symbol{width:24px;height:24px}.site-head .burger{margin-left:auto}.atelier-hero-grid{grid-template-columns:1fr;max-width:720px;gap:44px;padding-block:35px 35px;min-height:0}.studio-topline>p:last-child{font-size:8px}.studio-display{font-size:clamp(108px,17vw,142px)}.studio-hero-copy h1{font-size:29px;margin-top:27px}.studio-hero-lead{font-size:14px}.studio-hero-actions{gap:25px}.studio-hero-stage{padding-top:10px;margin:15px 8px 0}.studio-viewer{transform:rotate(-2deg)}.studio-star{width:220px;height:220px;right:-20px;top:-65px}.studio-stage-note{margin-top:30px}.studio-hero-bottom{font-size:9px;gap:16px}.studio-hero-bottom>a{font-size:9px;gap:10px}.studio-works{padding:72px 0 85px}.studio-section-heading{gap:26px;align-items:flex-start;flex-direction:column;margin-top:34px;margin-bottom:36px}.studio-section-heading h2{font-size:40px}.studio-section-heading p{font-size:13px}.studio-work-grid{gap:30px 24px}.studio-work-2{margin-top:74px}.studio-work-label{font-size:8px}.studio-work-label>span:last-child{display:none}.studio-work h3{font-size:24px}.studio-work-3{column-gap:30px;margin-top:20px}.studio-work-3 .studio-work-label{margin-top:20px}.studio-about{padding:80px 0}.studio-about-grid{gap:44px;grid-template-columns:1fr 1.2fr}.studio-about h2{font-size:30px}.studio-about-mark{font-size:50px;margin-top:60px}.studio-support{padding:80px 0 58px}.studio-service-row{grid-template-columns:25px 1fr 44px;gap:14px;padding:28px 0}.studio-service-row p{grid-column:2;grid-row:2}.studio-service-arrow{grid-column:3;grid-row:1/3}.studio-service-en{font-size:34px}.studio-service-row h3{font-size:19px}.studio-service-row p strong{font-size:13px}.studio-service-row:hover{padding-inline:0}.studio-service-foot{align-items:flex-start;flex-direction:column;gap:12px}.studio-ledger{padding-bottom:65px}.studio-disciplines{padding-block:75px}.sec{padding-block:75px}.seo-editorial{grid-template-columns:1fr;gap:28px}.seo-editorial>div:first-child{position:static}.seo-section{padding:55px 0}.seo-editorial h2{font-size:27px}.seo-hero{padding-top:32px;padding-bottom:55px}.seo-hero h1{font-size:clamp(35px,6.3vw,52px);margin-right:25px;max-width:690px}.seo-hero h1 br{display:initial}.seo-hero::after{font-size:75px;opacity:.25;top:35px}.seo-lead{font-size:15px}.seo-prose{font-size:15px}.seo-closing{padding:65px 0!important}.makeai-footer-links,.foot-top{grid-template-columns:1fr;gap:32px}.makeai-footer-links>div>p:last-child{max-width:none}.makeai-footer-links nav{gap:12px 22px}.studio-closing>.wrap::after{font-size:115px;top:12px}.studio-closing .studio-closing-display{font-size:clamp(66px,12vw,105px);max-width:80%}.studio-closing h2 br{display:none}.studio-closing h2{font-size:27px;max-width:650px}.studio-closing .lede{margin-top:20px!important}.studio-closing .btn{font-size:12px;padding:15px 22px}}
@media(max-width:600px){:root{--pad-x:22px}.atelier-hero{padding-top:calc(var(--nav-h) + 23px)}.studio-topline{gap:12px}.studio-topline .eyebrow{font-size:8px;letter-spacing:.075em;gap:8px}.studio-topline>p:last-child{font-size:7px;letter-spacing:.04em}.studio-topline>p:last-child span{margin-inline:3px}.atelier-hero-grid{padding-top:31px;gap:27px}.studio-display{font-size:clamp(85px,24vw,125px);line-height:.87}.studio-hero-copy h1{font-size:23px;margin-top:25px;letter-spacing:-.05em}.studio-hero-lead{font-size:13px;line-height:1.9;margin-top:14px}.studio-hero-actions{gap:21px;margin-top:22px}.studio-hero-actions .btn{font-size:12px;min-height:49px;padding:14px 21px;gap:24px}.studio-hero-actions .studio-link{font-size:11px;gap:14px}.studio-hero-stage{margin:20px 5px 0;padding-top:0}.studio-viewer{transform:rotate(-2deg)}.studio-star{width:156px;height:156px;right:-27px;top:-40px}.studio-viewer-bar{padding:12px 13px;font-size:8px}.studio-viewer-bar>span:last-child{font-size:7px}.studio-project-image{aspect-ratio:1.5}.studio-project-caption{padding:17px 14px}.studio-project-caption h2{font-size:15px}.studio-project-caption p{font-size:8px}.studio-project-arrow{width:31px;height:31px;font-size:19px}.studio-project-tabs button{font-size:8px;padding:12px 5px;gap:7px}.studio-stage-note{font-size:10px;margin-top:28px;margin-left:3px}.studio-stage-note span{font-size:9px}.studio-hero-bottom{font-size:8px;align-items:flex-start;padding-block:17px}.studio-hero-bottom>span{max-width:190px;line-height:1.9}.studio-hero-bottom>a{font-size:8px;white-space:nowrap;gap:9px;padding-top:3px}.studio-ticker{padding-block:21px}.studio-ticker>.wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:13px 15px}.studio-ticker span{font-size:22px}.studio-ticker i{font-size:18px;text-align:center}.studio-ticker i:nth-child(4){display:none}.studio-ticker span:nth-child(5){grid-column:1}.studio-ticker span:nth-child(7){grid-column:3}.studio-works{padding-block:62px 70px}.studio-section-top .eyebrow{font-size:9px}.studio-aside{font-size:11px}.studio-section-heading{margin-top:30px;gap:21px;margin-bottom:33px}.studio-section-heading h2{font-size:34px;line-height:1.55}.studio-section-heading .studio-link{margin-top:13px}.studio-work-grid{display:block}.studio-work+.studio-work{margin-top:41px}.studio-work-image,.studio-work-2 .studio-work-image{aspect-ratio:1.45}.studio-work-open{width:38px;height:38px;font-size:23px;bottom:12px;right:12px}.studio-work-label{font-size:9px;margin-top:16px}.studio-work-label>span:last-child{display:block;font-size:8px}.studio-work h3{font-size:23px;margin-top:9px}.studio-work>p{font-size:11px;margin-top:7px;max-width:310px}.studio-work-3{display:block}.studio-work-3 .studio-work-image{aspect-ratio:1.45}.studio-work-3 .studio-work-label{margin-top:16px}.studio-about-grid{grid-template-columns:1fr;gap:30px}.studio-about{padding-block:61px}.studio-about-mark{font-size:38px;margin-top:22px;display:flex;align-items:center;gap:18px}.studio-about-mark span{font-size:27px;margin:0;transform:rotate(-90deg)}.studio-about h2{font-size:32px;line-height:1.55}.studio-about-copy{margin-top:27px;font-size:13px;line-height:2.1}.studio-support{padding:62px 0 48px}.studio-service-row{padding:27px 0;grid-template-columns:20px 1fr 40px;gap:12px}.studio-service-no{font-size:9px}.studio-service-en{font-size:32px}.studio-service-row h3{font-size:18px}.studio-service-row p{font-size:11px;line-height:1.9}.studio-service-row p strong{font-size:12px}.studio-service-arrow{width:38px;height:38px;font-size:21px}.studio-service-foot p{font-size:11px}.studio-ledger{padding-top:8px;padding-bottom:58px}.studio-ledger .ledger{grid-template-columns:1fr 1fr;gap:33px 22px}.stat{padding-left:16px}.stat:nth-child(3){border-left:0;padding-left:0}.stat .n{font-size:57px}.stat .l{font-size:10px;line-height:1.8;margin-top:11px}.studio-ledger .small{font-size:9px}.sec{padding-block:60px}.h-sec{font-size:32px}.h-lg{font-size:28px}.lede{font-size:14px;line-height:2.1}.h-sec .en{font-size:21px;margin-top:18px}.studio-disciplines{padding-block:60px}.studio-disciplines>.wrap:first-child{padding-bottom:28px!important}.studio-discipline-grid{grid-template-columns:1fr;gap:0}.card{padding:24px 0}.card h3{font-size:20px;margin-top:12px}.card p{font-size:13px;line-height:2}.card .tags{padding-top:16px}.studio-discipline-grid>.card:last-child{padding:26px;display:flex!important;gap:15px}.studio-discipline-grid>.card:last-child p{font-size:12px}.studio-discipline-grid>.card:last-child h3{font-size:20px}.studio-method .split,.studio-founder .split{gap:32px}.flow li{padding-left:40px}.flow .no{font-size:10px}.flow h3{font-size:19px}.flow p{font-size:13px;line-height:2}.studio-reasons .grid{gap:0}.studio-reasons .card{padding:26px 0}.studio-reasons h2{margin-bottom:24px!important}.studio-founder .quote p{font-size:19px;line-height:1.9}.studio-founder .stack-lg>*+*{margin-top:22px}.studio-engagements .wall{grid-template-columns:1fr}.wall div{padding:22px 0}.wall b{font-size:14px}.wall span{font-size:12px}.makeai-breadcrumbs{font-size:9px;padding-top:calc(var(--nav-h) + 20px);padding-bottom:19px}.makeai-breadcrumbs ol{gap:5px 9px}.makeai-breadcrumbs li:not(:last-child)::after{margin-left:9px}.phero,.makeai-breadcrumbs+.phero{padding-top:28px;padding-bottom:45px}.phero h1{font-size:35px;line-height:1.5}.phero .en{font-size:19px}.seo-hero{padding:26px 0 45px}.seo-hero h1{font-size:34px;line-height:1.55;margin:26px 0 23px}.seo-hero::after{display:none}.seo-hero h1 br{display:none}.seo-lead{font-size:14px;line-height:2}.seo-actions{margin-top:27px;gap:23px}.seo-actions .btn{font-size:12px;padding:15px 22px;min-height:50px}.seo-actions .seo-text-link{font-size:12px}.seo-section{padding-block:45px}.seo-editorial{gap:25px}.seo-editorial h2{font-size:26px;margin-top:13px}.seo-prose{font-size:14px;line-height:2}.seo-prose h3{font-size:20px}.seo-table{font-size:12px;min-width:490px}.seo-table caption{font-size:10px}.seo-table th,.seo-table td{padding:17px 13px}.seo-table-scroll::after{font-size:10px}.seo-faq summary{font-size:14px}.seo-faq>div{font-size:13px}.seo-guide-list h3{font-size:22px}.seo-calculator{padding:23px 19px}.seo-calc-fields{gap:21px}.seo-calc-fields input{padding:12px;font-size:16px}.seo-calc-result dd{font-size:25px}.seo-calculator .btn{font-size:12px;gap:15px;padding-inline:22px;max-width:100%}.studio-closing{padding-block:59px 63px!important}.studio-closing .studio-closing-display{font-size:clamp(54px,16vw,84px);max-width:85%;margin-bottom:30px}.studio-closing>.wrap::after{font-size:72px;right:18px;top:9px}.studio-closing h2{font-size:24px;line-height:1.7}.studio-closing p:not(.studio-closing-display){font-size:13px;line-height:2}.studio-closing .inner>div{gap:12px!important;flex-direction:column;align-items:flex-start}.studio-closing .btn{font-size:12px;min-height:49px;padding:14px 22px}.studio-closing .seo-note{font-size:10px}.makeai-footer-links{padding-top:30px;padding-bottom:33px;gap:25px}.makeai-footer-links>div>p:last-child{font-size:15px;max-width:240px;margin-top:14px}.makeai-footer-links nav{gap:11px 20px;font-size:11px}.foot-top{padding-block:31px 38px;gap:31px}.site-foot .brand .mk{font-size:29px}.site-foot .brand .jp{font-size:9px;letter-spacing:.06em}.site-foot .small{font-size:11px}.foot-nav a{font-size:11px}.foot-nav h4{font-size:9px}.foot-bottom{font-size:8px;letter-spacing:.04em;gap:10px;padding-block:19px}.studio-foot-wordmark{font-size:24vw;padding-block:12px 24px;letter-spacing:-.08em}.tbl th,.tbl td{font-size:13px;padding:8px 0}.tbl th{padding-top:18px}.field>span{font-size:12px}.field input,.field textarea,.field select{font-size:16px}.makeai-consent{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.studio-display{animation:studio-arrive .8s var(--e-out) both}.studio-viewer{animation:studio-frame-in 1s var(--e-out) both}.studio-hero-copy h1{animation:studio-arrive .8s .1s var(--e-out) both}@keyframes studio-arrive{from{transform:translateY(16px)}to{transform:none}}@keyframes studio-frame-in{from{transform:translateY(20px) rotate(0deg)}to{transform:translateY(0) rotate(-3deg)}}}
@media print{.studio-display,.studio-hero-stage,.studio-ticker,.studio-closing,.studio-foot-wordmark{display:none}.studio-about{background:#fff;color:#111}.studio-about h2,.studio-about-copy,.studio-about h2 em{color:#111}.studio-hero-copy h1{font-size:28px}.atelier-hero{padding-top:0}.atelier-hero-grid{display:block}.studio-work-grid{display:block}.studio-work{break-inside:avoid}.seo-editorial>div:first-child{position:static}}

/* conversion legacy layout */
/* MakeAI 1.3: service evidence and a clear route to consultation. */
:root{--ink:#fff;--ink-2:#f2f5f6;--surface:#f2f5f6;--fg:#1d2d35;--fg-2:#4d5b63;--fg-3:#65717a;--line:#c8d0d5;--line-soft:#dfe4e7;--gold:#125267;--gold-2:#0b3b4d;--accent:#125267;--nav-h:80px;--f-disp:var(--f-sans);--pad-x:clamp(22px,4.2vw,72px);--maxw:1380px}
body{letter-spacing:.015em}.brand-symbol{display:none}.brand .mk{color:var(--fg);font-size:30px}.site-head{background:rgba(255,255,255,.98)}.site-head.is-solid{background:rgba(255,255,255,.98)}.site-head .bar{gap:24px}.nav{gap:25px}.nav a{font-family:var(--f-sans);font-size:12px;letter-spacing:.025em;font-weight:700}.nav .jp{display:none}.nav-cta{border-radius:3px;background:var(--accent);padding:14px 20px;font-size:12px;gap:16px}.nav-cta::after{content:'→'}.burger{border-radius:3px}.btn{border-radius:3px!important}.btn--solid{background:var(--accent);color:#fff}.btn--solid:hover{background:var(--gold-2);color:#fff}.btn--solid::before{display:none}.eyebrow{font-size:11px;letter-spacing:.08em}.eyebrow:before{display:none}.h-sec .en,.h-lg .en,.phero .en{font-size:14px;font-style:normal;letter-spacing:.04em;color:var(--fg-3)}.phero h1,.seo-hero h1{font-size:clamp(30px,3.7vw,48px);line-height:1.6;letter-spacing:-.035em}.phero,.makeai-breadcrumbs+.phero,.seo-hero{padding-top:24px;padding-bottom:48px}.seo-hero::after{display:none}.seo-section,.sec{padding-block:62px}.seo-prose{font-size:15px;line-height:2}.seo-editorial{grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:62px}.seo-editorial h2{font-size:26px}.seo-editorial>div:first-child{top:115px}.seo-section:nth-of-type(even){background:var(--ink-2)}.makeai-breadcrumbs{padding-top:calc(var(--nav-h) + 18px);padding-bottom:15px}.seo-table-scroll{background:#fff}.seo-table th{background:#eaf0f3;color:var(--fg)}.seo-actions .btn,.seo-text-link{font-size:13px}.site-foot{background:#1d2d35;color:#d4dce0}.site-foot .brand .mk{color:#fff}.site-foot .small{font-size:12px;line-height:2}.site-foot .small a{color:#fff}.makeai-footer-links>div>p:last-child{font-size:18px;max-width:310px}.makeai-footer-links{padding-block:36px}.makeai-footer-links nav{font-size:12px}.foot-top{padding-block:35px}.studio-foot-wordmark{display:none}.foot-bottom{font-size:10px}.cv-kicker{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.065em;line-height:1.6;margin-bottom:17px}.cv-lead{font-size:16px;line-height:2;color:var(--fg-2);margin-top:24px}.cv-note{font-size:12px;color:var(--fg-3);line-height:1.9}.cv-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 23px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:3px;font-size:14px;font-weight:700;line-height:1.6;text-decoration:none;transition:background .15s,border-color .15s}.cv-button span{font-size:20px;font-weight:400}.cv-button:hover{background:var(--gold-2);border-color:var(--gold-2);color:#fff}.cv-button-secondary{background:#fff;color:var(--accent);border-color:#8fa8b2}.cv-button-secondary:hover{background:#edf3f5;color:var(--gold-2);border-color:var(--gold-2)}.cv-text-link{display:inline-flex;gap:15px;align-items:center;font-size:13px;font-weight:700;color:var(--gold);text-decoration:underline;text-underline-offset:5px;line-height:1.8}.cv-text-link:hover{color:var(--gold-2)}.cv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cv-hero-note{font-size:12px;color:var(--fg-2);margin-top:15px}.cv-home-hero{padding-top:calc(var(--nav-h) + 46px);background:#fff}.cv-home-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:44px;align-items:center;padding-bottom:42px}.cv-home-copy h1{font-size:clamp(33px,3.5vw,49px);font-weight:700;line-height:1.53;letter-spacing:-.045em}.cv-home-copy h1 em{font-style:normal;color:var(--accent)}.cv-home-copy .cv-lead{font-size:15px;margin-top:20px}.cv-home-copy .cv-actions{margin-top:25px}.cv-hero-proof{margin:0;background:var(--ink-2);border:1px solid #cad6dc;padding:13px}.cv-proof-caption{font-size:11px;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:2px 2px 13px}.cv-proof-caption>span{font-weight:700}.cv-proof-caption a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.cv-hero-proof img{display:block;width:100%;height:auto;border:1px solid #d4d8da}.cv-hero-proof figcaption{padding:18px 7px 7px;font-size:12px;line-height:1.8}.cv-hero-proof figcaption strong{font-size:14px;display:block;margin-bottom:4px}.cv-hero-proof figcaption span{color:var(--fg-2)}.cv-trust-line{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:19px;font-size:12px;line-height:1.8}.cv-trust-line span{display:flex;gap:10px;align-items:baseline}.cv-trust-line span:before{content:'✓';color:var(--accent);font-weight:700}.cv-section{padding-block:68px;border-top:1px solid var(--line-soft)}.cv-section-head{margin-bottom:34px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:baseline}.cv-section-head .cv-kicker{margin:0}.cv-section h2,.cv-person h2,.cv-materials h2,.cv-closing h2{font-size:clamp(26px,2.7vw,35px);line-height:1.6;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.cv-offers{border-top:2px solid var(--fg)}.cv-offer{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.5fr);gap:60px;border-bottom:1px solid var(--line);padding:29px 0}.cv-number{font-family:var(--f-mono);font-size:12px;font-weight:700;color:var(--gold)}.cv-offer-title p{font-size:13px;color:var(--fg-2);margin-top:10px}.cv-offer h3{font-size:22px;font-weight:700;line-height:1.7;letter-spacing:-.03em;margin-top:6px}.cv-offer-detail>p{font-size:14px;line-height:1.9;color:var(--fg-2)}.cv-offer-detail dl{display:grid;grid-template-columns:130px 1fr;gap:8px 15px;margin-top:15px;font-size:12px;line-height:1.8}.cv-offer-detail dt{color:var(--fg-3)}.cv-offer-detail dd{margin:0}.cv-offer-links{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px}.cv-offer-links .cv-button{min-height:44px;font-size:12px;padding:9px 16px;gap:20px}.cv-offers+.cv-note{margin-top:18px}.cv-note .cv-text-link{font-size:12px;margin-left:12px}.cv-proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cv-proof-image{display:block;border:1px solid var(--line-soft);background:#f3f4f5;aspect-ratio:1.65;overflow:hidden}.cv-proof-image img{display:block;width:100%;height:100%;object-fit:contain}.cv-proof .cv-kicker{margin-top:18px;margin-bottom:8px;font-size:10px}.cv-proof h3{font-size:20px;line-height:1.7;font-weight:700;margin-bottom:12px}.cv-proof>p:not(.cv-kicker){font-size:13px;line-height:1.95;color:var(--fg-2)}.cv-proof-application{padding-top:15px;margin-top:15px;border-top:1px solid var(--line-soft)}.cv-proof .cv-button{font-size:12px;width:100%;min-height:46px;gap:15px;padding:10px 12px;margin-top:18px}.cv-proofs+.cv-text-link{margin-top:30px}.cv-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0}.cv-process li{border-top:2px solid #9caeb8;padding-top:20px}.cv-process span{font:600 12px/1.5 var(--f-mono);color:var(--gold)}.cv-process h3{font-size:21px;font-weight:700;line-height:1.6;margin-block:12px}.cv-process p{font-size:14px;color:var(--fg-2);line-height:1.95}.cv-process+.cv-note{margin-top:25px}.cv-person{padding-block:52px;background:var(--ink-2)}.cv-person-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.cv-person-grid>div>p:not(.cv-kicker){font-size:15px;color:var(--fg-2);line-height:2}.cv-signature{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:25px}.cv-signature strong{font-size:20px}.cv-signature>span{font-size:12px}.cv-signature>a{font-size:12px}.cv-materials{padding-block:62px;border-block:1px solid var(--line-soft);background:#eef3f6}.cv-materials-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:75px;align-items:center}.cv-materials h2{font-size:31px}.cv-materials-grid>div>p:not(.cv-kicker){font-size:14px;line-height:2;color:var(--fg-2);margin-top:20px}.cv-download-note{display:inline-block;font-size:12px;font-weight:700;color:var(--gold);margin-top:17px}.cv-downloads>a{display:block;position:relative;padding:21px 54px 21px 23px;background:#fff;border:1px solid #c3d1d9;text-decoration:none;transition:border-color .15s,background .15s}.cv-downloads>a+a{margin-top:12px}.cv-downloads>a:hover{background:#fafcfd;border-color:var(--accent)}.cv-file-tag{display:block;font:600 10px/1.5 var(--f-mono);color:var(--gold);letter-spacing:.05em;margin-bottom:7px}.cv-downloads strong{display:block;font-size:18px;font-weight:700;line-height:1.7}.cv-downloads>a>span:not(.cv-file-tag){font-size:12px;color:var(--fg-2);line-height:1.8;display:block;margin-top:5px}.cv-downloads b{position:absolute;right:23px;top:50%;font-size:25px;font-weight:400;transform:translateY(-50%);color:var(--gold)}.cv-downloads .cv-note{margin-top:12px}.cv-faqs{max-width:950px;margin-left:auto}.cv-faqs details{border-top:1px solid var(--line);padding:0}.cv-faqs details:last-child{border-bottom:1px solid var(--line)}.cv-faqs summary{font-size:15px;font-weight:700;line-height:1.9;padding:19px 28px 19px 0;cursor:pointer}.cv-faqs details p{font-size:14px;line-height:2;color:var(--fg-2);padding:0 30px 21px 0}.cv-closing{padding:60px 0;background:#173b4c;color:#fff}.cv-closing-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.cv-closing .cv-kicker{color:#b9d8e5}.cv-closing h2{color:#fff;font-size:32px}.cv-closing p:not(.cv-kicker){font-size:14px;line-height:2;color:#d8e4e9;margin-top:20px}.cv-closing .cv-button{color:#163a4b;background:#fff;border-color:#fff}.cv-closing .cv-button:hover{background:#d9ebf3}.cv-closing .cv-text-link{display:flex;color:#fff;width:max-content;max-width:100%;margin-top:17px}.cv-closing .cv-note{font-size:12px;line-height:1.8!important}.cv-page-hero{padding:27px 0 46px}.cv-page-hero h1{font-size:clamp(29px,3.7vw,46px);font-weight:700;line-height:1.6;letter-spacing:-.035em;max-width:1080px;text-wrap:balance}.cv-page-hero-small{padding-bottom:32px}.cv-page-hero .cv-lead{font-size:15px;margin-top:17px}.cv-page-hero .cv-actions{margin-top:24px}.cv-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.cv-capabilities article{padding-top:22px;border-top:1px solid var(--line)}.cv-capabilities h3{font-size:19px;line-height:1.7;font-weight:700}.cv-capabilities p{font-size:14px;line-height:1.95;color:var(--fg-2);margin-block:15px}.cv-capabilities .cv-button{font-size:12px;min-height:44px;padding:10px 14px}.cv-contact{padding:27px 0 65px}.cv-contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:start}.cv-contact h1{font-size:36px;line-height:1.6;font-weight:700;letter-spacing:-.035em}.cv-contact-intro>p:not(.cv-kicker){font-size:14px;line-height:2;color:var(--fg-2);margin-top:20px}.cv-contact-intro h2{font-size:17px;font-weight:700;line-height:1.8;margin-top:27px}.cv-contact-intro ul{padding-left:1.4em;margin-top:12px;font-size:13px;line-height:2.1;color:var(--fg-2)}.cv-contact-owner{padding-block:22px;margin-top:26px;border-block:1px solid var(--line)}.cv-contact-owner strong{font-size:16px;display:block}.cv-contact-owner span{font-size:12px;color:var(--fg-2);display:block;margin-block:6px 10px}.cv-contact-intro .cv-note a{font-size:12px;text-decoration:underline;overflow-wrap:anywhere;color:var(--gold)}.cv-form-wrap{padding:29px;background:var(--ink-2);border:1px solid #d4dfe4}.cv-form-wrap>h2{font-size:20px;font-weight:700;line-height:1.7}.cv-form-wrap>.cv-note{margin-top:7px;margin-bottom:22px}.cv-form-wrap .field>span{font-size:12px;line-height:1.7;font-weight:700;color:var(--fg);margin-bottom:7px}.cv-form-wrap .field em{font-size:10px;color:#a02d23;font-weight:500}.cv-form-wrap .grid{gap:18px}.cv-form-wrap .stack-lg>*+*{margin-top:19px}.cv-form-wrap input,.cv-form-wrap select,.cv-form-wrap textarea{background:#fff;border-color:#adbdc5;border-radius:2px;font-size:15px;line-height:1.6;padding:11px 12px}.cv-form-wrap textarea{min-height:116px;resize:vertical}.cv-form-wrap .makeai-consent{font-size:12px;line-height:1.9}.cv-form-wrap .makeai-consent input{width:18px;height:18px;flex-shrink:0}.cv-form-wrap .btn{width:100%;justify-content:center;font-size:14px;padding:15px;min-height:52px;letter-spacing:.02em}.cv-form-wrap .small{font-size:11px;line-height:1.8}.cv-contact-optional{background:#fff;border:1px solid var(--line);padding:0 15px}.cv-contact-optional summary{font-size:12px;line-height:1.8;padding:13px 0;cursor:pointer}.cv-contact-optional .cv-optional-fields{padding-bottom:16px}.cv-contact-optional .field+.field{margin-top:16px}#contact-status:empty{display:none}#contact-status{scroll-margin-top:110px}.cv-form-wrap #contact-status{margin-bottom:18px}.cv-form-wrap .notice{padding:16px;border:1px solid #7a9da9;background:#fff;font-size:13px;line-height:1.9}.cv-form-wrap .notice-error{border-color:#c68276;color:#8f2d22}.cv-form-wrap .notice a{color:inherit;text-decoration:underline}.cv-form-wrap .notice p{font-size:12px;margin-top:7px}.cv-mobile-contact{display:none}
@media(max-width:1100px){.nav{gap:18px}.site-head .bar{gap:20px}.cv-home-grid{gap:28px}.cv-home-copy .cv-actions{gap:10px}.cv-home-copy .cv-button{font-size:12px;padding:13px 17px;gap:17px}.cv-home-copy h1{font-size:36px}.cv-home-copy .cv-lead{font-size:14px}.cv-section-head{grid-template-columns:180px 1fr;gap:28px}.cv-offer{gap:35px}.cv-offer h3{font-size:21px}.cv-materials-grid{gap:38px}.cv-contact-grid{gap:35px}.cv-proof .cv-button{font-size:11px;gap:10px}.cv-closing-grid{gap:35px}}
@media(max-width:900px){:root{--nav-h:70px;--pad-x:26px}.cv-home-hero{padding-top:calc(var(--nav-h) + 34px)}.cv-home-grid{grid-template-columns:1fr;gap:30px}.cv-home-copy h1{font-size:42px}.cv-home-copy h1 br:last-of-type{display:none}.cv-home-copy .cv-lead{font-size:15px}.cv-home-copy .cv-button{font-size:14px}.cv-hero-proof{max-width:720px}.cv-hero-proof img{max-height:360px;object-fit:contain;background:#f5f5f2}.cv-trust-line{font-size:11px;gap:15px}.cv-section{padding-block:50px}.cv-section-head{grid-template-columns:1fr;gap:10px}.cv-section-head h2{font-size:30px}.cv-offer{grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:28px}.cv-offer-detail dl{grid-template-columns:1fr;gap:3px}.cv-offer-detail dd+dt{margin-top:9px}.cv-offer-links{gap:17px}.cv-proofs{grid-template-columns:1fr 1fr;gap:30px}.cv-proof:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.cv-proof:last-child .cv-proof-image{grid-row:1/7}.cv-proof:last-child .cv-kicker{margin-top:0}.cv-proof:last-child .cv-proof-application{margin-top:10px;padding-top:10px}.cv-proof:last-child .cv-button{margin-top:10px}.cv-process{gap:23px}.cv-process h3{font-size:18px}.cv-process p{font-size:13px}.cv-person-grid{grid-template-columns:1fr 1.2fr;gap:35px}.cv-person h2{font-size:27px}.cv-person-grid>div>p:not(.cv-kicker){font-size:14px}.cv-materials-grid{grid-template-columns:1fr;gap:27px}.cv-materials h2{font-size:30px}.cv-materials h2 br{display:none}.cv-downloads{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cv-downloads>a+a{margin-top:0}.cv-downloads>.cv-note{grid-column:1/-1;margin-top:0}.cv-downloads strong{font-size:17px}.cv-closing-grid{grid-template-columns:1.25fr 1fr;gap:30px}.cv-closing h2{font-size:27px}.cv-closing p:not(.cv-kicker){font-size:13px}.cv-closing .cv-button{font-size:13px;padding-inline:19px}.cv-page-hero h1{font-size:36px}.cv-capabilities{grid-template-columns:1fr 1fr;gap:30px}.cv-contact-grid{grid-template-columns:1fr;gap:30px}.cv-contact h1{font-size:35px}.cv-contact-intro>h2,.cv-contact-intro>ul,.cv-contact-owner{display:none}.cv-contact-intro>p:not(.cv-kicker){max-width:680px;margin-top:15px}.cv-contact-intro>.cv-note:last-child{display:none}.cv-form-wrap{max-width:760px}.seo-editorial{grid-template-columns:1fr;gap:26px}.cv-signature{gap:11px}}
@media(max-width:600px){:root{--pad-x:21px}.cv-home-copy h1{font-size:33px;line-height:1.6;letter-spacing:-.05em}.cv-home-copy .cv-kicker{font-size:10px;letter-spacing:.015em;margin-bottom:16px}.cv-home-copy .cv-lead{font-size:13px;line-height:2;margin-top:16px}.cv-home-copy .cv-lead br{display:none}.cv-home-copy .cv-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.cv-home-copy .cv-button{font-size:14px;min-height:50px}.cv-home-copy .cv-button-secondary{min-height:45px}.cv-hero-note{font-size:10px;line-height:1.8;margin-top:12px}.cv-home-grid{gap:26px;padding-bottom:23px}.cv-hero-proof{padding:9px}.cv-proof-caption{font-size:9px;padding-bottom:9px;gap:6px}.cv-hero-proof figcaption{padding:12px 3px 3px;font-size:10px}.cv-hero-proof figcaption strong{font-size:12px}.cv-trust-line{display:block;padding-block:14px;font-size:10px;line-height:2}.cv-section{padding-block:42px}.cv-section-head{gap:7px;margin-bottom:25px}.cv-kicker{font-size:11px}.cv-section-head h2,.cv-person h2,.cv-materials h2{font-size:25px;line-height:1.6}.cv-offer{grid-template-columns:1fr;gap:17px;padding-block:24px}.cv-offer-title{position:relative;padding-left:30px}.cv-offer .cv-number{position:absolute;left:0;top:2px;font-size:11px}.cv-offer-title p{margin-top:0;font-size:12px}.cv-offer h3{font-size:22px;margin-top:4px}.cv-offer-detail>p{font-size:13px}.cv-offer-detail dl{grid-template-columns:1fr;gap:4px;font-size:12px}.cv-offer-detail dt{font-size:11px}.cv-offer-detail dd+dt{margin-top:8px}.cv-offer-links{justify-content:flex-start;gap:17px;margin-top:17px}.cv-offer-links .cv-button{font-size:12px;padding-inline:14px;min-height:43px;gap:12px}.cv-offer-links .cv-text-link{font-size:12px;gap:8px}.cv-offers+.cv-note{font-size:11px}.cv-note .cv-text-link{margin-left:0;display:flex;margin-top:7px}.cv-proofs{display:block}.cv-proof+.cv-proof{margin-top:33px}.cv-proof:last-child{display:block}.cv-proof:last-child .cv-kicker{margin-top:15px}.cv-proof-image{aspect-ratio:1.75}.cv-proof .cv-kicker{margin-top:15px}.cv-proof h3{font-size:20px;margin-bottom:9px}.cv-proof>p:not(.cv-kicker){font-size:13px}.cv-proof .cv-button{font-size:12px;width:auto;margin-top:16px;padding-inline:18px;gap:20px}.cv-process{grid-template-columns:1fr;gap:25px}.cv-process li{position:relative;padding-top:16px}.cv-process li>span{position:absolute;left:0;top:23px}.cv-process h3{font-size:21px;padding-left:33px;margin-top:0;margin-bottom:10px}.cv-process p{font-size:13px}.cv-person{padding-block:38px}.cv-person-grid{grid-template-columns:1fr;gap:22px}.cv-person h2 br{display:none}.cv-person-grid>div>p:not(.cv-kicker){font-size:13px}.cv-signature{margin-top:18px;gap:8px 12px}.cv-signature strong{font-size:19px}.cv-signature span{font-size:11px}.cv-materials{padding-block:40px}.cv-materials-grid{gap:24px}.cv-materials-grid>div>p:not(.cv-kicker){font-size:13px;margin-top:17px}.cv-downloads{display:block}.cv-downloads>a+a{margin-top:12px}.cv-downloads>a{padding:18px 43px 18px 17px}.cv-downloads strong{font-size:17px}.cv-downloads>a>span:not(.cv-file-tag){font-size:11px}.cv-downloads b{right:17px;font-size:23px}.cv-downloads>.cv-note{font-size:11px;margin-top:12px}.cv-faqs summary{font-size:14px;padding-block:17px}.cv-faqs details p{font-size:13px;padding-right:0}.cv-closing{padding:42px 0}.cv-closing-grid{grid-template-columns:1fr;gap:25px}.cv-closing h2{font-size:27px;line-height:1.65}.cv-closing p:not(.cv-kicker){margin-top:16px;font-size:13px}.cv-closing p:not(.cv-kicker) br{display:none}.cv-closing .cv-button{font-size:14px;width:100%;min-height:52px;justify-content:space-between}.cv-closing .cv-text-link{font-size:12px}.cv-closing .cv-note{font-size:11px}.cv-page-hero{padding-top:21px;padding-bottom:30px}.cv-page-hero .cv-kicker{margin-bottom:14px}.cv-page-hero h1{font-size:29px;line-height:1.65;letter-spacing:-.04em}.cv-page-hero h1 br{display:none}.cv-page-hero .cv-lead{font-size:13px;line-height:2;margin-top:17px}.cv-page-hero .cv-lead br{display:none}.cv-page-hero .cv-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.cv-page-hero .cv-button{font-size:13px}.cv-capabilities{grid-template-columns:1fr;gap:24px}.cv-capabilities h3{font-size:20px}.cv-capabilities p{font-size:13px;margin-block:12px}.cv-contact{padding-top:21px;padding-bottom:42px}.cv-contact-grid{gap:23px}.cv-contact h1{font-size:29px;line-height:1.6}.cv-contact h1 br{display:block}.cv-contact-intro>p:not(.cv-kicker){font-size:13px;margin-top:13px}.cv-contact-intro>.cv-note{font-size:11px;line-height:1.9!important}.cv-form-wrap{padding:22px 17px}.cv-form-wrap>h2{font-size:18px}.cv-form-wrap>.cv-note{font-size:10px;margin-bottom:18px}.cv-form-wrap .g-2{grid-template-columns:1fr}.cv-form-wrap .grid{gap:18px}.cv-form-wrap input,.cv-form-wrap select,.cv-form-wrap textarea{font-size:16px}.cv-form-wrap .stack-lg>*+*{margin-top:18px}.cv-form-wrap .makeai-consent{font-size:11px}.cv-form-wrap .btn{font-size:13px}.phero h1,.seo-hero h1{font-size:30px;line-height:1.65}.seo-prose{font-size:14px}.seo-section,.sec{padding-block:43px}.h-sec,.h-lg{font-size:28px}.seo-editorial h2{font-size:25px}.makeai-footer-links{padding-block:27px}.foot-top{padding-block:28px}.foot-bottom{font-size:9px}.site-foot:has(.cv-mobile-contact){padding-bottom:65px}.cv-mobile-contact.is-visible{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;padding:9px 16px;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 12px rgba(0,0,0,.04)}.cv-mobile-contact a{display:flex;justify-content:center;align-items:center;min-height:44px;border:1px solid var(--accent);border-radius:3px;font-size:12px;font-weight:700;color:var(--accent);background:#fff}.cv-mobile-contact a:last-child{background:var(--accent);color:#fff}.is-locked .cv-mobile-contact{display:none}}
@media(prefers-reduced-motion:reduce){.cv-button,.cv-downloads>a{transition:none}}
@media print{.cv-actions,.cv-closing,.cv-mobile-contact{display:none!important}.cv-section,.cv-person,.cv-materials{padding-block:25px}.cv-offer,.cv-proof,.cv-process li{break-inside:avoid}}

/* motion legacy layout */
/* MakeAI 1.4. Motion follows the work: assemble, inspect, decide. */
:root{--mk-ease:cubic-bezier(.2,.75,.25,1)}
html{scroll-padding-bottom:108px}
.mk-phrase{display:inline-block}
.mk-workbench.cv-hero-proof{background:#eaf0f2;padding:0;border:0;position:relative;box-shadow:16px 16px 0 #f4f6f7}
.mk-workbench .cv-proof-caption{padding:16px 19px;font-size:10px;letter-spacing:.03em}
.mk-workbench .cv-proof-caption>span{color:var(--accent)}
.mk-work-screen{margin:0 19px;background:#fff;border:1px solid #a9bbc4;box-shadow:0 10px 25px #12374713;overflow:hidden}
.mk-screen-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;padding:10px 12px;border-bottom:1px solid #d4dfe3}
.mk-screen-meta span:first-child{font-weight:700}
.mk-screen-meta span:last-child{color:var(--fg-2);font-size:9px}
.mk-workbench.cv-hero-proof img{border:0;max-height:none;width:100%;height:auto;display:block}
.mk-workbench.cv-hero-proof figcaption{padding:17px 20px 19px}
.mk-workbench.cv-hero-proof figcaption strong{font-size:14px}
.mk-workbench.cv-hero-proof figcaption>span{font-size:11px}
.mk-flow-demo{background:#123d4d;color:#fff;padding:17px 20px 19px}
.mk-flow-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#d1e0e5;margin-bottom:13px;min-height:28px}
.mk-motion-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:1px solid #829faa;padding:4px 0;color:inherit;font:inherit;font-size:10px;cursor:pointer;min-height:28px}
.mk-motion-toggle:before{content:'';width:7px;height:8px;border-inline:2px solid currentColor}
.mk-motion-toggle[aria-pressed=true]:before{width:0;height:0;border:5px solid transparent;border-left:7px solid currentColor;border-right:0}
.mk-motion-toggle[hidden]{display:none}
.mk-motion-toggle:focus-visible,.mk-flow button:focus-visible{outline:2px solid #f0ce78;outline-offset:4px}
.mk-flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;gap:6px}
.mk-flow li{min-width:0}
.mk-flow button{position:relative;display:flex;align-items:center;gap:7px;justify-content:center;border:0;padding:9px 3px 12px;width:100%;min-height:47px;background:transparent;color:#b6cbd2;font:inherit;cursor:pointer;transition:background .3s,color .3s}
.mk-flow button:disabled{opacity:1;cursor:default}
.mk-flow button span{font-family:var(--f-mono);font-size:9px}
.mk-flow button strong{font-size:12px;font-weight:700}
.mk-flow button:before,.mk-flow button:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:0;background:#52717d}
.mk-flow button:after{background:#e7ca85;transform:scaleX(0);transform-origin:left}
.mk-flow button[aria-pressed=true]{color:#fff;background:#ffffff09}
.mk-flow button[aria-pressed=true]:after{transform:scaleX(1)}
.mk-flow-demo.is-playing .mk-flow button[aria-pressed=true]:after{animation:mk-draw 4s linear both}
.mk-flow-panels{min-height:91px;display:grid;align-items:center;padding-top:17px}
.mk-flow-panel{display:grid;grid-template-columns:49px 1fr;gap:11px;align-items:center}
.mk-flow-panel[hidden]{display:none}
.mk-step-number{font-family:var(--f-mono);font-size:39px;line-height:1;letter-spacing:-.05em;color:#e7ca85}
.mk-flow-panel strong{font-size:15px;line-height:1.7;display:block}
.mk-flow-panel p{color:#c5d7de;font-size:11px;line-height:1.8;margin-top:4px;max-width:35em}
.cv-home-copy h1 em{position:relative;display:inline-block}
.cv-home-copy h1 em:after{content:'';position:absolute;height:3px;background:var(--accent);bottom:-2px;left:0;right:0;transform:scaleX(1);transform-origin:left}
html.mk-motion-on .cv-home-copy h1 em:after{animation:mk-draw .85s var(--mk-ease) .15s both}
.cv-offer{position:relative;isolation:isolate}
.cv-offer:before{content:'';position:absolute;inset:0 calc(-1 * var(--pad-x));background:#edf3f5;opacity:0;z-index:-1;transition:opacity .4s}
.cv-offer:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--mk-ease)}
.cv-offer.is-reading:after,.cv-offer:focus-within:after{transform:scaleX(1)}
.cv-offer h3,.cv-number{transition:color .35s}
.cv-offer.is-reading h3{color:var(--accent)}
.cv-process>li{position:relative}
.cv-process>li:after{content:'';height:2px;background:var(--accent);position:absolute;left:0;right:0;top:-1px;transform:scaleX(var(--read-progress,0));transform-origin:left;transition:transform .2s linear}
.cv-proof-image img{transition:transform .75s var(--mk-ease)}
.cv-downloads>a{transition:background .25s,border-color .25s,box-shadow .35s}
.cv-downloads b{display:inline-block;transition:transform .35s var(--mk-ease)}
.cv-button span[aria-hidden],.cv-text-link span[aria-hidden]{display:inline-block;transition:transform .3s var(--mk-ease)}
.cv-button:hover span[aria-hidden],.cv-button:focus-visible span[aria-hidden],.cv-text-link:hover span[aria-hidden]{transform:translateX(5px)}
.cv-downloads>a:hover b{transform:translateY(5px)}
.cv-downloads>a:hover{box-shadow:0 6px 0 #123d4d0d}
.nav-cta:after{transition:transform .3s var(--mk-ease)}
.nav-cta:hover:after{transform:translateX(4px)}
.mk-decision{margin-top:28px;padding:24px;border-left:3px solid var(--accent);background:#e8f0f3;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.mk-decision .cv-kicker{font-size:10px;margin:0 0 8px}
.mk-decision h3{font-size:21px;line-height:1.65;margin:0}
.mk-decision p:not(.cv-kicker){font-size:13px;line-height:1.9;margin:10px 0 0;color:var(--fg-2)}
.mk-decision .cv-button{font-size:13px;min-height:49px}
.mk-site-motion{padding-block:12px;display:flex;justify-content:flex-end}
.mk-site-motion button{font-size:11px;min-height:40px;color:#d4dce0}
.cv-mobile-contact.mk-contact-dock{display:flex;gap:12px;align-items:center;position:fixed;bottom:20px;left:50%;right:auto;transform:translate(-50%,18px);width:calc(100% - 48px);max-width:840px;z-index:45;background:#fff;border:1px solid #c2d0d6;box-shadow:0 6px 30px #123d4d1c;padding:12px 14px 12px 23px;visibility:hidden;opacity:0;pointer-events:none;transition:transform .45s var(--mk-ease),opacity .3s,visibility .3s}
.cv-mobile-contact.mk-contact-dock.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.mk-dock-copy{margin-right:auto;color:#1d2d35;min-width:0}
.mk-dock-copy strong{font-size:14px;display:block;line-height:1.6}
.mk-dock-copy span{font-size:10px;display:block;color:#4d5b63;margin-top:4px}
.mk-contact-dock a{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;min-height:48px;padding:10px 20px;border:1px solid var(--accent);border-radius:3px;color:var(--accent);background:#fff;white-space:nowrap}
.mk-contact-dock a:last-child{background:var(--accent);color:#fff;gap:18px}
.mk-contact-dock a:last-child:after{content:'→'}
.is-locked .cv-mobile-contact.mk-contact-dock{visibility:hidden;opacity:0;pointer-events:none}
.site-foot:has(.mk-contact-dock){padding-bottom:0}
@keyframes mk-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  html.mk-motion-on .cv-proof-image:hover img{transform:scale(1.055)}
  .cv-offer:hover:before{opacity:1}
}
@media(min-width:1101px){.cv-home-grid{grid-template-columns:1.02fr 1fr;gap:56px}.cv-home-copy h1{font-size:clamp(39px,3.65vw,53px)}.cv-home-copy .cv-lead{margin-top:29px}.cv-home-copy .cv-actions{margin-top:31px}}
@media(max-width:900px){.mk-workbench.cv-hero-proof{width:100%;max-width:720px}.mk-workbench .cv-proof-caption{padding:14px 17px}.mk-workbench .mk-work-screen{margin:0 17px}.mk-workbench.cv-hero-proof img{max-height:360px;object-fit:contain}.mk-flow-panel p{max-width:none}.mk-contact-dock .mk-dock-copy strong{font-size:12px}.mk-contact-dock a{padding-inline:13px}.mk-contact-dock a:last-child{gap:10px}}
@media(max-width:600px){
  html{scroll-padding-bottom:90px}
  .mk-workbench.cv-hero-proof{box-shadow:8px 8px 0 #f4f6f7}
  .mk-workbench .cv-proof-caption{font-size:9px;padding:12px}
  .mk-workbench .mk-work-screen{margin:0 12px}
  .mk-screen-meta{font-size:9px;padding:8px}
  .mk-screen-meta span:last-child{font-size:8px}
  .mk-workbench.cv-hero-proof figcaption{padding:13px 13px 15px}
  .mk-workbench.cv-hero-proof figcaption strong{font-size:12px}
  .mk-workbench.cv-hero-proof figcaption>span{font-size:10px}
  .mk-flow-demo{padding:12px 13px 17px}
  .mk-flow-label{font-size:9px;gap:5px;margin-bottom:8px;min-height:36px}
  .mk-motion-toggle{font-size:9px;min-height:36px;gap:5px}
  .mk-flow{gap:4px}
  .mk-flow button{gap:4px;flex-direction:column;min-height:53px;padding:5px 2px 10px}
  .mk-flow button strong{font-size:11px}
  .mk-flow button span{font-size:8px}
  .mk-flow-panels{min-height:102px;padding-top:15px}
  .mk-flow-panel{grid-template-columns:37px 1fr;gap:9px}
  .mk-step-number{font-size:31px}
  .mk-flow-panel strong{font-size:12px}
  .mk-flow-panel p{font-size:10px;margin-top:5px;line-height:1.9}
  .mk-decision{padding:20px 17px;margin-top:24px}
  .mk-decision h3{font-size:19px}
  .mk-decision p:not(.cv-kicker){font-size:12px}
  .mk-decision .cv-button{font-size:12px;gap:14px;padding-inline:14px}
  .cv-mobile-contact.mk-contact-dock,.cv-mobile-contact.mk-contact-dock.is-visible{display:grid;grid-template-columns:.78fr 1.22fr;gap:10px;left:0;right:0;bottom:0;width:auto;max-width:none;border:0;border-top:1px solid var(--line);padding:9px 16px calc(9px + env(safe-area-inset-bottom));transform:translateY(18px)}
  .cv-mobile-contact.mk-contact-dock.is-visible{transform:translateY(0)}
  .mk-contact-dock .mk-dock-copy{display:none}
  .mk-contact-dock a{font-size:12px;padding-inline:10px;min-height:46px}
  .site-foot:has(.mk-contact-dock){padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .mk-site-motion{justify-content:flex-start}
}
html.mk-motion-off *,html.mk-motion-off *:before,html.mk-motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.mk-motion-off .cv-process>li:after{transform:scaleX(1)}
.is-locked .cv-mobile-contact.mk-contact-dock{display:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.mk-motion-toggle,.mk-site-motion,.mk-contact-dock,.mk-decision .cv-button{display:none!important}.mk-workbench{box-shadow:none!important}.mk-flow-demo{background:#fff;color:#1d2d35}.mk-flow-panel p,.mk-step-number,.mk-flow button{color:#1d2d35}}

/* brand legacy layout */
/* MakeAI 1.5 — a corporate identity built around practical work. */
:root{--ink:#fff;--ink-2:#f4f5f1;--surface:#f4f5f1;--fg:#162f32;--fg-2:#43595a;--fg-3:#637371;--gold:#ba3f24;--gold-2:#962d17;--accent:#c4482d;--line:#cfd8d2;--line-soft:#e1e6e0;--pad-x:clamp(22px,4.7vw,80px);--maxw:1440px;--nav-h:88px}
html{scroll-padding-top:112px}body{background:#fff;color:var(--fg);font-weight:500;letter-spacing:.015em}::selection{background:#e6fa9d;color:#162f32}img{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #d05a35;outline-offset:5px}h1,h2,h3{font-weight:700}h1 em,h2 em{font-style:normal;color:var(--accent)}.site-head,.site-head.is-solid{background:rgba(255,255,255,.98);border-bottom:1px solid #e6e9e3}.site-head .bar{gap:26px}.brand .mk{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-.075em}.brand .mk:after{content:'.';color:var(--accent);padding-left:2px}.brand .jp{font-size:9px;letter-spacing:.04em}.nav{gap:24px}.nav a{font-size:12px}.nav a:after{background:var(--accent)}.nav-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.nav-cta{background:var(--fg);color:#fff;border-radius:100px;padding:14px 20px;font-size:12px;gap:18px}.nav-cta:hover{background:var(--accent)}.nav-doc{border:1px solid var(--fg);background:white;color:var(--fg);padding:13px 18px;min-height:46px;border-radius:100px;display:inline-flex;gap:17px;align-items:center;font-size:12px;font-weight:700}.nav-doc:hover{background:#f2f5eb}.burger{border-color:#aebeb5}.cv-kicker{font:700 11px/1.8 Manrope,'Zen Kaku Gothic New',sans-serif;letter-spacing:.09em;color:var(--gold);display:flex;align-items:center;gap:9px}.cv-kicker:before{content:'';width:7px;height:7px;flex:0 0 7px;background:currentColor;border-radius:50%}.cv-button{background:var(--accent);border:1px solid var(--accent);border-radius:5px;min-height:58px;padding:15px 22px;gap:22px;font-size:14px;justify-content:space-between;box-shadow:none;transition:background .2s,color .2s,transform .25s}.cv-button:hover{background:var(--gold-2);border-color:var(--gold-2);transform:translateY(-2px)}.cv-button>span{font-size:23px;line-height:1;transition:transform .25s}.cv-button:hover>span{transform:translate(2px,-2px)}.cv-button-secondary{border-color:#9cafa5;background:#fff;color:var(--fg)}.cv-button-secondary:hover{background:#edf2eb;color:var(--fg);border-color:var(--fg)}.cv-text-link{font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;color:var(--fg)}.cv-text-link:hover{color:var(--accent)}.cv-note,.cv-hero-note{font-size:12px;line-height:1.9;color:var(--fg-2)}.cv-actions{gap:12px}.btn{border-radius:5px!important}.btn--solid{background:var(--accent)}
.br-hero{background:#f4f5f0;padding-top:calc(var(--nav-h) + 56px);overflow:hidden}.br-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(30px,4vw,66px);align-items:center;padding-bottom:54px}.br-hero-copy .cv-kicker{font-size:12px;letter-spacing:.03em;margin-bottom:30px}.br-hero-copy h1{font-size:clamp(54px,6vw,88px);font-weight:900;letter-spacing:-.065em;line-height:1.27;margin:0}.br-hero-copy h1>span{display:block;white-space:nowrap}.br-hero-copy h1 em{font-style:normal;color:var(--accent);position:relative}.br-hero-description{font-size:16px;line-height:2.05;color:var(--fg-2);margin-top:28px}.br-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.br-hero-actions .cv-button{width:100%;font-size:13px;padding:16px;gap:7px;white-space:nowrap}.br-cta-caption{display:block;font-size:10px;color:var(--fg-2);margin-bottom:8px}.br-hero-copy .cv-hero-note{margin-top:13px;font-size:11px}.br-reel{background:#dbe8df;border-radius:10px;overflow:hidden;min-width:0;box-shadow:0 22px 50px -38px rgba(18,47,38,.45);transform-origin:50% 65%}.br-reel-top{display:flex;justify-content:space-between;gap:15px;padding:17px 22px;color:#35594b;font-size:9px;font-weight:700;letter-spacing:.08em}.br-reel-stage{position:relative}.br-reel-scene{margin:0}.br-reel-scene[hidden]{display:none}.br-reel-image{height:240px;padding:18px 24px 0;overflow:hidden;background:#dbe8df}.br-reel-image img,.br-reel-image video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:6px 6px 0 0}.br-reel-app img{object-fit:cover;object-position:left top;transform:scale(1.09);transform-origin:50% 0}.br-reel-deck{background:#e6e2d8}.br-reel-deck img{object-fit:contain;background:#181a1d}.br-reel-video{padding:0;background:#171b19}.br-reel-video video{object-fit:cover;border-radius:0}.br-reel-scene figcaption{padding:22px 26px 25px;color:#fff;background:#193a32;min-height:165px;position:relative}.br-reel-scene figcaption>span{font:600 9px/1.8 Manrope,sans-serif;color:#b5d4bf;letter-spacing:.12em;display:block;margin-bottom:9px}.br-reel-scene figcaption strong{display:block;font-size:26px;line-height:1.45;letter-spacing:-.04em;font-weight:700}.br-reel-scene figcaption a{display:block;font-size:11px;margin-top:13px;color:#d4e5d8;text-decoration:underline;text-underline-offset:5px}.br-reel-controls{padding:14px 18px 12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#193a32;border-top:1px solid #426255}.br-reel-buttons{display:flex;gap:6px}.br-reel-buttons button{background:transparent;color:#c9ddcf;border:1px solid #577363;padding:7px 9px;font-size:10px;border-radius:3px;cursor:pointer}.br-reel-buttons button[aria-pressed=true]{background:#e1f2ac;color:#193a32;border-color:#e1f2ac}.br-reel-controls .mk-motion-toggle{border:0;color:#ccdfd2;background:transparent;font-size:9px;min-height:32px}.br-promise-strip{display:grid;grid-template-columns:1fr 1.35fr 1.1fr 1fr;gap:20px;border-top:1px solid #bfcdc2;padding-block:23px;font-size:12px}.br-promise-strip p{display:flex;gap:14px;align-items:center;margin:0}.br-promise-strip p>span{font:600 10px/1 Manrope,sans-serif;color:var(--accent)}.br-promise-strip>a{font-weight:700;display:flex;justify-content:space-between;align-items:center;padding-left:20px;border-left:1px solid #bfcdc2}.br-promise-strip>a>span{font-size:22px}
.br-heading{margin-bottom:44px;max-width:840px}.br-heading .cv-kicker{margin-bottom:22px}.br-heading h2{font-size:clamp(31px,3.7vw,50px);line-height:1.5;letter-spacing:-.055em;font-weight:700;text-wrap:initial}.br-heading-desc{font-size:15px;line-height:2;margin-top:24px;color:var(--fg-2)}.br-services{padding:100px 0;background:#fff}.br-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.br-service{background:#f1f4ed;border:1px solid #d9e1d6;padding:28px 25px 25px;border-radius:7px;display:flex;flex-direction:column;min-width:0;transition:background .25s,transform .35s,border-color .25s}.br-service:nth-child(2){background:#e9f0ee;border-color:#cbdcd4}.br-service:nth-child(3){background:#f5eee4;border-color:#e1d8cc}.br-service:hover{transform:translateY(-6px);border-color:#a8b8a7}.br-service-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:33px}.br-service-top>span{font:500 16px/1 Manrope,sans-serif;color:#5f7166}.br-service-top>b{font:800 clamp(35px,3.5vw,50px)/1 Manrope,sans-serif;letter-spacing:-.06em;color:#25443c}.br-pain{font-size:12px;font-weight:700;line-height:1.7;color:var(--gold);margin-bottom:12px}.br-service h3{font-size:22px;line-height:1.65;letter-spacing:-.04em;min-height:72px}.br-service>p:not(.br-pain){font-size:14px;line-height:2;margin-top:15px;color:var(--fg-2)}.br-service-output{border-top:1px solid #c7d1c7;padding-top:20px;margin-top:24px;min-height:90px}.br-service-output>small{display:block;font-size:10px;color:var(--fg-3);margin-bottom:7px}.br-service-output>strong{font-size:11px;line-height:1.8;font-weight:500;display:block}.br-service-link{margin-top:auto;padding:18px 0 20px;display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;border-bottom:1px solid #bac9be}.br-service-link>span{font-size:22px}.br-service>.cv-button{margin-top:17px;min-height:46px;font-size:12px;gap:7px;padding:11px 14px;background:transparent}.br-service-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px}.br-service-foot p{font-size:12px;color:var(--fg-2)}.br-service-foot>a{flex-shrink:0}
.br-works{padding:95px 0;background:#183a33;color:#f6f7f1}.br-works .cv-kicker{color:#d5eca1}.br-works .br-heading-desc{color:#c7d8ce}.br-work-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:start}.br-work-feature{position:sticky;top:115px}.br-work-image{display:block;overflow:hidden;border-radius:5px;background:#e7ebe7;aspect-ratio:1.7}.br-work-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}.br-work-image:hover>img{transform:scale(1.045)}.br-work-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b5cbbd;margin-top:20px;margin-bottom:12px;letter-spacing:.03em}.br-work-feature h3{font-size:clamp(24px,2.7vw,35px);letter-spacing:-.03em;line-height:1.6}.br-work-feature>p,.br-work-side article>p{font-size:14px;line-height:1.95;color:#d0ddd3;margin-top:16px}.br-works .cv-text-link{color:#e2f1dc;font-size:12px;margin-top:21px;border-color:#718977}.br-work-feature>.cv-button{display:flex;max-width:360px;font-size:12px;margin-top:24px;background:transparent;color:#eaf2e7;border-color:#7d9a83}.br-work-side{display:grid;gap:45px}.br-work-side h3{font-size:22px;line-height:1.65;letter-spacing:-.025em}.br-work-side article>p{font-size:13px;margin-top:10px}.br-work-side .br-work-image{aspect-ratio:1.85}.br-work-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #567266;margin-top:55px;padding-top:30px}.br-work-bottom>p{font-size:13px;line-height:1.9;color:#c7d8ce}.br-work-bottom .cv-button{background:#e2f1c0;color:#193a32;border-color:#e2f1c0;min-width:280px;font-size:13px}
.br-process-section{padding:95px 0;background:#f5f6f1}.br-process-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.br-process-statement>p{font-size:15px;line-height:2.1}.br-consult-number{display:flex;gap:26px;align-items:center;border-block:1px solid #becbbe;margin-top:30px;margin-bottom:25px;padding:20px 0;max-width:380px}.br-consult-number>strong{font:600 76px/1 Manrope,sans-serif;letter-spacing:-.07em;color:var(--accent)}.br-consult-number>strong>span{font:700 16px/1.5 var(--f-sans);letter-spacing:0;padding-left:7px}.br-consult-number>p{font-size:12px;line-height:1.7}.br-consult-number b{display:block;font-size:21px}.br-process.cv-process{display:block;margin:0}.br-process.cv-process>li{padding:22px 0 27px;border-top:1px solid #afc0b4;position:relative}.br-process.cv-process>li:before{position:absolute;left:0;top:-1px;height:2px;background:var(--accent);width:calc(100% * var(--read-progress,0));content:'';transition:width .12s}.br-process.cv-process>li:last-child{padding-bottom:0}.br-process.cv-process>li>span{font:600 10px/1.6 Manrope,sans-serif;color:var(--gold)}.br-process.cv-process h3{font-size:23px;margin:11px 0;line-height:1.5}.br-process.cv-process p{font-size:13px;line-height:2}.br-partner{background:#fff;padding:90px 0}.br-partner-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center}.br-partner .br-heading{margin-bottom:24px}.br-partner-grid>div>p{font-size:15px;line-height:2.1;color:var(--fg-2);margin-bottom:24px}.br-person-card{background:#eef1e9;border:1px solid #dbe2d8;padding:30px;position:relative;overflow:hidden;border-radius:6px;min-height:325px}.br-person-monogram{font:800 94px/.9 Manrope,sans-serif;letter-spacing:-.07em;color:#cbdacb;position:absolute;right:25px;top:28px;text-align:right}.br-person-monogram>span{color:#bdcbbb}.br-person-name{position:relative;z-index:1;margin-top:105px}.br-person-name small{font-size:10px;display:block;color:var(--fg-2)}.br-person-name strong{font-size:32px;line-height:1.7;display:block;letter-spacing:.04em;margin-top:4px}.br-person-name>span{font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.12em;color:var(--gold)}.br-person-card>p{font-size:12px;line-height:1.9;margin-top:24px;color:var(--fg-2)}
.br-materials{padding:90px 0;background:#ebe9e0;border:0}.br-material-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.br-material-intro .br-heading{margin:0}.br-materials .br-heading h2{font-size:clamp(31px,3.7vw,50px)}.br-free{display:block;border-bottom:1px solid #a3a990;font-size:11px;line-height:1.7;padding-bottom:6px;white-space:nowrap;color:#4e5c49}.br-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.br-resource{background:#fff;display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;padding:25px;border-radius:6px;min-width:0;align-items:center}.br-paper-preview{padding:13px;background:#edf0e9;transform:rotate(-3deg);box-shadow:0 15px 25px -20px #172d26;border:1px solid #dce0d3}.br-paper-preview img{display:block;width:100%;height:auto;border:1px solid #d8dcd6}.br-paper-sheet{transform:rotate(3deg);background:#f0ede5}.br-resource-copy{min-width:0}.br-resource-copy .cv-file-tag{font-size:9px;color:var(--gold)}.br-resource-copy h3{font-size:21px;line-height:1.6;letter-spacing:-.03em;margin-top:8px}.br-resource-copy>p{font-size:12px;line-height:1.9;color:var(--fg-2);margin-top:12px}.br-resource-copy ul{padding-left:16px;font-size:11px;line-height:1.9;margin-top:14px;color:var(--fg-2)}.br-resource-copy>.cv-button{font-size:10px;min-height:46px;gap:6px;padding:11px 12px;width:100%;margin-top:21px}.br-resource-copy>.cv-button>span{font-size:20px}.br-material-note{font-size:11px;line-height:1.9;color:#4e5c49;margin-top:26px;display:flex;gap:25px;align-items:center;justify-content:space-between}.br-material-note .cv-button{font-size:11px;min-height:42px;background:transparent}
.br-faq-section{padding:95px 0;background:white}.br-faq-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px}.br-faq-grid .cv-faqs{margin:0;max-width:none}.cv-faqs summary{font-size:15px;padding:23px 40px 23px 0;line-height:1.8;font-weight:700}.cv-faqs details{border-color:#ccd5ca}.cv-faqs details p{font-size:14px;line-height:2;padding-right:30px}.cv-faqs details a{color:var(--gold);text-decoration:underline}.br-guide-links{display:flex;align-items:center;gap:30px;border-top:1px solid #d7ded4;margin-top:35px;padding-top:26px;font-size:12px;line-height:1.9}.br-guide-links>span{font-size:10px;color:var(--fg-3);flex-shrink:0}.br-guide-links>a:hover{color:var(--accent)}
.br-closing{background:#e4efd8;color:#17352e;padding:83px 0 70px;position:relative;overflow:hidden;border:0}.br-closing-top{display:grid;grid-template-columns:1.2fr 1fr;gap:18px 55px;align-items:end}.br-closing-top .cv-kicker{grid-column:1/-1;color:#395638;margin:0}.br-closing h2{font-size:clamp(30px,3.6vw,48px);line-height:1.5;text-wrap:initial;letter-spacing:-.05em}.br-closing-top>p:not(.cv-kicker){font-size:14px;line-height:2;color:#496047;margin:0;padding-bottom:7px}.br-close-options{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.br-close-options>div{padding-top:25px;border-top:1px solid #9fb797}.br-close-options>div>span{font-size:10px;color:#536c4d}.br-close-options h3{font-size:22px;line-height:1.6;margin:7px 0 13px}.br-close-options>div>p{font-size:12px;line-height:1.9;color:#496047;margin:0 0 19px}.br-close-options .cv-button{width:100%;max-width:430px;background:var(--accent);color:#fff;min-height:58px}.br-close-options>div+div .cv-button{background:#f7f9ef;color:#1e392e;border-color:#9eb294}.br-close-options small{display:block;font-size:10px;color:#536c4d;margin-top:12px}.site-foot{background:#17372f;color:#d1dfd2}.site-foot .brand .mk{color:#fff}.site-foot .brand .mk:after{color:#d1ed9e}.site-foot .brand .jp{color:#c2d7c7}.site-foot .cv-kicker{color:#cfe99e}.makeai-footer-links{padding-block:42px}.makeai-footer-links nav{font-size:12px;gap:10px 24px}.site-foot .small a{color:#e5f1da}.site-foot .eyebrow{color:#b4ccb9}.foot-top{padding-block:42px}.foot-bottom{border-color:#466356;color:#afc5b5}.foot-nav a{font-size:12px}.site-foot .mk-site-motion{padding-bottom:22px}.site-foot .mk-motion-toggle{color:#c7d7c9;border-color:#718d78}.mk-contact-dock{border-radius:6px;border-color:#aabbaa;background:#fff;box-shadow:0 10px 45px #13261e30}.mk-contact-dock .mk-dock-copy{color:#162f32}.mk-contact-dock a:last-child{background:#c4482d;color:#fff}.mk-contact-dock a:first-of-type{color:#162f32;border-color:#819d87}.is-locked .mk-contact-dock{display:none!important}
/* Shared commercial pages keep one visual language and useful reading structure. */
.makeai-breadcrumbs{padding-top:calc(var(--nav-h) + 22px);padding-bottom:20px;font-size:10px;background:#f5f6f1}.br-services-intro{padding:42px 0 55px;background:#f5f6f1}.br-service-title{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end}.br-service-title h1{font-size:clamp(46px,5.8vw,77px);line-height:1.32;letter-spacing:-.06em;font-weight:900}.br-service-title>div>p{font-size:17px;line-height:2;color:var(--fg-2)}.br-service-title .cv-actions{display:grid;grid-template-columns:1fr;max-width:380px}.br-service-title .cv-button{font-size:13px}.br-service-title .cv-hero-note{font-size:11px;margin-top:12px}.br-service-map{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border-top:1px solid #9bafa0;border-bottom:1px solid #9bafa0}.br-service-map>a{position:relative;padding:23px 40px 24px 0;display:block}.br-service-map>a+a{border-left:1px solid #bfcdc1;padding-left:24px}.br-service-map span{font:600 10px/1.6 Manrope,sans-serif;color:var(--gold);display:block;margin-bottom:10px}.br-service-map strong{display:block;font-size:15px;line-height:1.7}.br-service-map b{position:absolute;right:20px;top:44px;font-size:23px;font-weight:500}.br-service-hero{padding:30px 0 0;background:#f5f6f1}.br-service-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-bottom:40px}.br-service-hero h1{font-size:clamp(37px,4.3vw,57px);line-height:1.5;letter-spacing:-.05em;font-weight:900}.br-service-hero .cv-lead{font-size:14px;line-height:2;margin-top:24px}.br-service-hero .cv-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.br-service-hero .cv-button{font-size:12px;padding:14px;gap:10px}.br-service-hero .cv-hero-note{font-size:10px}.br-delivery-visual{background:#dce8dc;border-radius:7px;padding:24px;min-width:0;overflow:hidden}.br-visual-label{font-size:11px;font-weight:700;color:#3b5948;display:block;margin-bottom:25px;letter-spacing:.04em}.br-learning-sheet{background:#fff;padding:27px;border:1px solid #c5d3c2;border-radius:4px;transform:rotate(-2deg);box-shadow:7px 8px 0 #b8cbb6}.br-learning-sheet>small{font-size:9px;color:#6a7a69}.br-learning-sheet h2{font-size:32px;letter-spacing:-.035em;line-height:1.5;margin-top:13px;margin-bottom:23px}.br-learning-sheet ol{list-style:none;padding:0;margin:0}.br-learning-sheet li{border-top:1px solid #d8e0d2;padding:11px 0;font-size:12px;display:flex;gap:15px}.br-learning-sheet b{font:600 10px/1.9 Manrope,sans-serif;color:var(--gold)}.br-delivery-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:27px}.br-delivery-tags span{font-size:9px;background:#eff5e8;border:1px solid #bbcfb6;padding:7px 8px;border-radius:2px}.br-build-visual{padding:23px 23px 0;background:#e1e8e2}.br-build-visual>img{display:block;width:100%;border-radius:4px 4px 0 0}.br-build-caption{padding:25px;background:#193a32;color:white;margin:0 -23px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.br-build-caption h2{font-size:27px;line-height:1.5;letter-spacing:-.04em}.br-build-caption p{font-size:11px;line-height:2;color:#cbded0}.br-advisory-visual{background:#e9e4d9}.br-cycle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.br-cycle>div{background:#faf9f3;padding:23px 17px;border:1px solid #d4cec0;position:relative;border-radius:4px}.br-cycle b{font:600 11px/1 Manrope,sans-serif;color:var(--gold);display:block;margin-bottom:14px}.br-cycle strong{display:block;font-size:19px}.br-cycle span{font-size:10px;color:#666e5e;display:block;margin-top:9px}.br-advisory-visual>p{font-size:11px;margin-top:21px;line-height:1.9}.br-page-links{display:flex;gap:30px;border-top:1px solid #c5d2c5;padding-block:21px;font-size:12px;flex-wrap:wrap}.br-page-links a:after{content:'↓';padding-left:20px;color:var(--accent)}.seo-section,.sec,.cv-section{padding-block:76px}.seo-section:nth-of-type(even){background:#f4f6f0}.seo-editorial{grid-template-columns:minmax(230px,.8fr) minmax(0,1.65fr);gap:70px}.seo-editorial h2{font-size:31px;line-height:1.65;letter-spacing:-.04em}.seo-prose{font-size:15px;line-height:2.1}.seo-prose h3{font-size:23px}.seo-hero,.phero,.cv-page-hero:not(.br-service-hero):not(.br-services-intro){padding-top:35px;padding-bottom:52px;background:#f5f6f1}.seo-hero h1,.phero h1,.cv-page-hero:not(.br-service-hero):not(.br-services-intro) h1{font-size:clamp(33px,4.4vw,56px);line-height:1.55;letter-spacing:-.045em}.seo-table th{background:#e6eddf}.seo-table{font-size:13px;line-height:1.9}.seo-table td,.seo-table th{padding:18px}.seo-faq summary{font-size:15px}.br-inline-work{margin:0 0 30px;background:#e7ece3;padding:16px;border-radius:5px}.br-inline-work img{display:block;width:100%;height:auto}.br-inline-work figcaption{font-size:10px;padding-top:12px;color:#5a6f5e}.br-context-resource{border:1px solid #c4d1bd;padding:24px;background:#eaf0e1;margin-top:30px;border-radius:5px}.br-context-resource>span{font-size:10px;display:block;color:#607354}.br-context-resource strong{font-size:18px;display:block;margin:8px 0 12px}.br-context-resource>a{font-size:12px;color:#254530;text-decoration:underline;text-underline-offset:4px}.mk-decision{background:#ebf0e5;border-color:#c3d0b8;border-radius:5px}.mk-decision .cv-kicker{font-size:10px}.mk-decision h3{font-size:24px;line-height:1.6}.mk-decision .cv-button{font-size:13px;white-space:normal}.cv-section h2{font-size:36px}.cv-section-head{grid-template-columns:190px 1fr}.cv-capabilities article{padding:23px;background:#f3f5ef;border-radius:5px}.cv-contact{padding-block:38px 68px;background:#f5f6f1}.cv-contact-grid{gap:60px}.cv-contact h1{font-size:clamp(35px,3.3vw,42px);line-height:1.55;letter-spacing:-.04em}.cv-contact h1 em{font-style:normal;color:var(--accent)}.cv-contact-intro>p{font-size:14px;line-height:2}.cv-contact-points{background:#e9efdf;padding:24px;border:1px solid #c8d3bb;border-radius:5px}.cv-form-wrap{border:1px solid #cdd8c5;border-radius:7px;background:white;padding:32px}.cv-form-wrap>h2{font-size:22px}.cv-form-wrap label{font-size:12px}.cv-form-wrap input,.cv-form-wrap select,.cv-form-wrap textarea{background:#f8f9f4;border-radius:4px;border-color:#c3cfbd}.cv-form-wrap .btn--solid{background:#c4482d;color:#fff}.cv-contact-intro .cv-signature{border-top:1px solid #c8d3bb;padding-top:23px}.cv-form-wrap .makeai-consent{font-size:11px}.mk-flow-demo{max-width:900px;margin:30px auto}.mk-flow-demo .mk-motion-toggle{color:#e0ece2}
@media(min-width:1500px){.br-reel-image{height:295px}.br-reel-scene figcaption{min-height:188px}.br-reel-scene figcaption strong{font-size:31px}.br-resource{grid-template-columns:180px 1fr}}
@media(max-width:1150px){.nav{display:none}.burger{display:flex}.site-head .bar{gap:20px}.nav-actions{margin-left:auto}.br-hero-grid{gap:30px}.br-hero-copy h1{font-size:6.4vw}.br-hero-actions{grid-template-columns:1fr;max-width:350px}.br-hero-actions>div+div .br-cta-caption{display:none}.br-hero-description{font-size:14px}.br-promise-strip{grid-template-columns:1fr 1.2fr 1fr;font-size:10px}.br-promise-strip>a{display:none}.br-resource{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:22px}.br-resource-copy h3{font-size:18px}.br-resource-copy>.cv-button{font-size:10px;line-height:1.7}.br-service-hero-grid{gap:30px}.br-service-hero .cv-actions{grid-template-columns:1fr;max-width:350px}.br-service h3{font-size:19px}.br-service{padding:25px 21px}.br-service-top>b{font-size:39px}.br-process-layout,.br-partner-grid{gap:50px}.br-work-grid{gap:35px}.br-service-title{gap:40px}.br-service-map strong{font-size:13px}.br-guide-links{gap:20px}.seo-editorial{gap:45px}}
@media(max-width:800px){:root{--nav-h:72px;--pad-x:24px}.site-head .bar{gap:14px}.brand .mk{font-size:28px}.brand .jp{display:none}.nav-actions{display:none}.burger{margin-left:auto}.br-hero{padding-top:calc(var(--nav-h) + 35px)}.br-hero-grid{grid-template-columns:1fr;gap:35px;padding-bottom:30px}.br-hero-copy h1{font-size:clamp(49px,8.9vw,72px);line-height:1.3;letter-spacing:-.06em}.br-hero-copy .cv-kicker{font-size:10px;margin-bottom:22px}.br-hero-description{font-size:14px;margin-top:22px;line-height:1.95}.br-hero-description br:nth-child(2){display:none}.br-hero-actions{grid-template-columns:1fr 1fr;max-width:none;margin-top:24px}.br-hero-actions .cv-button{font-size:12px;padding:14px 12px;min-height:52px}.br-cta-caption{font-size:9px}.br-hero-actions>div+div .br-cta-caption{display:block}.br-hero-copy .cv-hero-note{font-size:10px}.br-reel{max-width:600px;width:100%;justify-self:center}.br-reel-image{height:290px}.br-reel-scene figcaption{min-height:152px}.br-reel-scene figcaption strong{font-size:26px}.br-reel-controls{padding:12px 20px}.br-promise-strip{grid-template-columns:1fr;gap:14px;padding-block:22px;font-size:11px}.br-promise-strip p{gap:14px}.br-heading{margin-bottom:31px}.br-heading h2{font-size:34px;line-height:1.5}.br-heading .cv-kicker{margin-bottom:18px;font-size:10px}.br-heading-desc{font-size:13px;line-height:1.95;margin-top:18px}.br-heading-desc br{display:none}.br-services,.br-works,.br-process-section,.br-partner,.br-materials,.br-faq-section{padding-block:60px}.br-service-grid{grid-template-columns:1fr;gap:17px}.br-service{padding:26px}.br-service-top{margin-bottom:24px}.br-service-top>b{font-size:45px}.br-service h3{font-size:25px;min-height:0}.br-service>p:not(.br-pain){font-size:14px;margin-top:14px}.br-service-output{min-height:0;padding-top:17px;margin-top:20px}.br-service-output>strong{font-size:12px}.br-service-link{margin-top:8px}.br-service>.cv-button{font-size:13px;min-height:47px}.br-service-foot{align-items:flex-start;flex-direction:column;gap:15px}.br-service-foot p{font-size:12px;line-height:1.8}.br-work-grid{grid-template-columns:1fr;gap:43px}.br-work-feature{position:static}.br-work-feature h3{font-size:29px}.br-work-side{grid-template-columns:1fr 1fr;gap:20px}.br-work-side h3{font-size:19px}.br-work-side article>p{font-size:12px}.br-work-feature>p{font-size:13px}.br-work-meta{font-size:9px;margin-top:15px}.br-work-bottom{align-items:flex-start;flex-direction:column;margin-top:35px;padding-top:23px}.br-work-bottom .cv-button{min-width:0;width:100%;max-width:420px}.br-process-layout,.br-partner-grid{grid-template-columns:1fr;gap:35px}.br-process-statement>p{font-size:14px}.br-process-statement>p br{display:none}.br-process h3{font-size:22px}.br-process-statement .br-consult-number{margin-top:25px}.br-partner-grid>div>p{font-size:13px}.br-partner-grid>div>p br{display:none}.br-person-card{min-height:280px}.br-person-name{margin-top:80px}.br-person-card>p{max-width:240px}.br-material-intro{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.br-materials .br-heading h2{font-size:34px}.br-free{font-size:10px}.br-resource-grid{grid-template-columns:1fr;gap:18px}.br-resource{grid-template-columns:150px minmax(0,1fr);padding:23px;gap:24px}.br-resource-copy h3{font-size:22px}.br-resource-copy>.cv-button{font-size:11px}.br-material-note{flex-direction:column;align-items:flex-start;gap:15px;font-size:11px}.br-faq-grid{grid-template-columns:1fr;gap:0}.br-faq-grid .br-heading h2 br{display:none}.cv-faqs summary{font-size:14px;padding-block:20px}.cv-faqs details p{font-size:13px;padding-right:10px}.br-guide-links{flex-direction:column;align-items:flex-start;gap:17px;margin-top:30px}.br-closing{padding:56px 0}.br-closing-top{grid-template-columns:1fr;gap:20px}.br-closing h2{font-size:32px;line-height:1.6}.br-closing-top>p:not(.cv-kicker){font-size:13px;line-height:1.9}.br-close-options{grid-template-columns:1fr;gap:30px;margin-top:29px}.br-close-options h3{font-size:21px}.br-close-options .cv-button{max-width:none;font-size:14px}.br-close-options>div>p{font-size:12px}.br-services-intro{padding-top:22px}.br-service-title{grid-template-columns:1fr;gap:24px}.br-service-title h1{font-size:clamp(42px,7.7vw,65px);line-height:1.4}.br-service-title h1 br{display:block}.br-service-title>div>p{font-size:14px}.br-service-title .cv-actions{max-width:none;grid-template-columns:1fr 1fr;margin-top:22px}.br-service-map{grid-template-columns:1fr;margin-top:35px}.br-service-map>a{padding:18px 40px 18px 0}.br-service-map>a+a{border-left:0;border-top:1px solid #becbbd;padding-left:0}.br-service-map strong{font-size:15px}.br-service-map span{font-size:9px;margin-bottom:6px}.br-service-map b{right:6px;top:27px}.br-service-hero{padding-top:22px}.br-service-hero-grid{grid-template-columns:1fr;gap:30px}.br-service-hero h1{font-size:clamp(35px,5.9vw,51px);line-height:1.5}.br-service-hero h1 br{display:block}.br-service-hero .cv-lead{font-size:13px;line-height:2;margin-top:19px}.br-service-hero .cv-lead br{display:none}.br-service-hero .cv-actions{grid-template-columns:1fr 1fr;max-width:none;margin-top:22px}.br-service-hero .cv-button{font-size:11px;padding:13px 11px}.br-delivery-visual{max-width:600px;width:100%;justify-self:center}.br-learning-sheet{padding:23px}.br-learning-sheet h2{font-size:30px}.br-build-caption{grid-template-columns:1fr 1fr}.br-page-links{gap:13px 20px;padding-block:18px;font-size:10px}.br-page-links a:after{padding-left:12px}.makeai-breadcrumbs{font-size:9px;padding-top:calc(var(--nav-h) + 18px);padding-bottom:17px}.seo-section,.sec,.cv-section{padding-block:50px}.seo-editorial{grid-template-columns:1fr;gap:24px}.seo-editorial>div:first-child{position:static}.seo-editorial h2{font-size:28px;line-height:1.6}.seo-prose{font-size:14px;line-height:2}.seo-prose h3{font-size:21px}.seo-table{font-size:12px}.seo-table td,.seo-table th{padding:15px}.seo-hero,.phero,.cv-page-hero:not(.br-service-hero):not(.br-services-intro){padding-block:24px 34px}.seo-hero h1,.phero h1,.cv-page-hero:not(.br-service-hero):not(.br-services-intro) h1{font-size:35px}.cv-section-head{grid-template-columns:1fr;gap:16px}.cv-section h2{font-size:29px}.mk-decision h3{font-size:23px}.br-inline-work{padding:12px;margin-bottom:23px}.cv-contact{padding-block:22px 44px}.cv-contact-grid{gap:30px}.cv-contact h1{font-size:35px}.cv-contact-intro>p{font-size:13px}.cv-form-wrap{padding:25px 20px}.cv-form-wrap>h2{font-size:20px}.cv-form-wrap input,.cv-form-wrap select,.cv-form-wrap textarea{font-size:16px}.makeai-footer-links{padding-block:30px}.makeai-footer-links nav{font-size:11px}.mk-contact-dock .mk-dock-copy{display:none}.mk-contact-dock.is-visible{max-width:none;border-radius:0;left:0;right:0;bottom:0;transform:none;padding:10px 18px}.mk-contact-dock a{font-size:12px;border-radius:4px}.site-foot:has(.mk-contact-dock){padding-bottom:66px}}
@media(max-width:480px){.br-hero-copy h1{font-size:clamp(42px,12.8vw,61px)}.br-hero-actions{grid-template-columns:1fr;gap:11px}.br-hero-actions .cv-button{font-size:14px;padding:14px 18px;min-height:52px}.br-hero-actions>div+div .br-cta-caption{display:none}.br-hero-actions>div:first-child .br-cta-caption{font-size:10px}.br-reel-image{height:192px;padding:15px 17px 0}.br-reel-video{padding:0}.br-reel-top{padding:15px 18px;font-size:8px}.br-reel-scene figcaption{padding:19px 20px 23px;min-height:157px}.br-reel-scene figcaption strong{font-size:25px}.br-reel-controls{padding:10px 12px}.br-reel-buttons{gap:5px}.br-reel-buttons button{font-size:9px;padding:7px}.br-reel-controls .mk-motion-toggle{font-size:8px;min-height:27px;padding:2px}.br-heading h2,.br-materials .br-heading h2{font-size:29px}.br-service{padding:24px 22px}.br-service h3{font-size:23px}.br-service-top>b{font-size:44px}.br-work-side{grid-template-columns:1fr;gap:37px}.br-work-feature h3{font-size:28px}.br-work-side h3{font-size:22px}.br-resource{grid-template-columns:92px minmax(0,1fr);gap:17px;padding:23px 17px;align-items:start}.br-paper-preview{padding:7px;margin-top:15px}.br-resource-copy h3{font-size:19px;line-height:1.7}.br-resource-copy>.cv-button{font-size:10px;padding:10px 8px;gap:7px}.br-resource-copy ul{font-size:10px}.br-resource-copy>p{font-size:11px}.br-resource-copy .cv-file-tag{font-size:8px}.br-material-note .cv-button{font-size:11px;min-height:45px}.br-service-title .cv-actions,.br-service-hero .cv-actions{grid-template-columns:1fr}.br-service-title .cv-button,.br-service-hero .cv-button{font-size:13px;padding:14px 18px}.br-service-hero h1{font-size:33px;letter-spacing:-.055em}.br-service-hero .cv-kicker{font-size:10px}.br-delivery-visual{padding:21px}.br-build-visual{padding-bottom:0}.br-build-caption{margin:0 -21px;padding:21px;gap:18px}.br-build-caption h2{font-size:25px}.br-build-caption p{font-size:10px}.br-cycle>div{padding:20px 12px}.br-cycle strong{font-size:18px}.br-cycle span{font-size:9px}.br-learning-sheet{padding:20px}.br-learning-sheet h2{font-size:28px}.br-learning-sheet li{font-size:10px;gap:12px}.br-visual-label{font-size:10px;margin-bottom:20px}.br-delivery-tags span{font-size:8px;padding:6px 7px}.br-closing h2{font-size:29px}.br-close-options h3{font-size:20px}.cv-contact h1{font-size:32px}.br-person-name strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.br-service,.cv-button,.br-work-image>img,.cv-button>span{transition:none!important}.br-service:hover,.cv-button:hover,.br-work-image:hover>img{transform:none}}
.mk-motion-off .br-service,.mk-motion-off .cv-button,.mk-motion-off .br-work-image>img{transition:none}.mk-motion-off .br-service:hover,.mk-motion-off .cv-button:hover{transform:none}
.br-hero-photo{margin:0;overflow:hidden;border-radius:7px;background:#193a32;min-width:0}.br-hero-photo-frame{position:relative;overflow:hidden;height:450px}.br-hero-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:37% 50%;transform-origin:38% 50%}.br-image-caption{position:absolute;right:11px;bottom:11px;background:#213b31ba;color:#fff;font-size:8px;padding:4px 7px;border-radius:2px;line-height:1.6}.br-hero-photo figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 24px;color:#f2f7e8}.br-hero-photo figcaption span{font:600 9px/1.5 Manrope,sans-serif;letter-spacing:.1em;color:#d4ebac;display:block;margin-bottom:7px}.br-hero-photo figcaption strong{font-size:17px;line-height:1.5;font-weight:700}.br-hero-photo .mk-motion-toggle{font-size:9px;background:transparent;border:1px solid #6f8c74;color:#e0eadb;padding:7px 9px;white-space:nowrap}.br-reel-intro{margin-top:24px}.br-reel-intro h3{font-size:28px;line-height:1.6}.br-reel-intro p{font-size:13px;line-height:2;margin-top:15px;color:#c9ddce}.br-reel-intro>.cv-button{background:transparent;color:#e6f4d7;border-color:#81a18a;font-size:12px;margin-top:24px;min-width:290px}.br-works .br-reel{border:1px solid #799780;box-shadow:none}.br-works .br-reel-image{height:320px}.br-works .br-reel-scene figcaption{min-height:190px}.br-works .br-reel-scene figcaption strong{font-size:30px}.br-works .br-reel-image img{transform:none;object-fit:contain;background:#e8ede7}.mk-motion-on .br-hero-photo-frame>img{animation:br-photo-drift 18s ease-in-out infinite alternate}.br-page-hidden .br-hero-photo-frame>img{animation-play-state:paused}.mk-motion-off .br-hero-photo-frame>img{animation:none}
@keyframes br-photo-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(min-width:1000px){.nav{display:flex;gap:18px}.burger{display:none}.site-head .bar{gap:22px}.nav-actions{margin-left:0}.nav a{font-size:11px}.nav-doc,.nav-cta{font-size:11px;padding:13px 16px}}
@media(min-width:1350px){.nav{gap:27px}.nav a{font-size:12px}.nav-doc,.nav-cta{font-size:12px;padding:14px 21px}.br-hero-photo-frame{height:470px}}
@media(max-width:1150px) and (min-width:801px){.br-hero-photo-frame{height:463px}.br-hero-photo figcaption{padding:18px}.br-hero-photo figcaption strong{font-size:14px}.br-hero-photo .mk-motion-toggle{font-size:8px;padding:6px}}
@media(max-width:800px){.br-hero-photo{max-width:650px;width:100%;justify-self:center}.br-hero-photo-frame{height:350px;object-position:40% 50%}.br-hero-photo figcaption{padding:19px 22px}.br-hero-photo figcaption strong{font-size:17px}.br-works .br-reel-image{height:300px}.br-works .br-reel-scene figcaption{min-height:178px}.br-reel-intro h3{font-size:25px}.br-hero-photo .mk-motion-toggle{font-size:9px}}
@media(max-width:480px){.br-hero-photo-frame{height:270px}.br-hero-photo-frame>img{object-position:35% 50%}.br-hero-photo figcaption{padding:17px;gap:12px}.br-hero-photo figcaption strong{font-size:13px}.br-hero-photo .mk-motion-toggle{font-size:8px;padding:6px}.br-works .br-reel-image{height:205px}.br-works .br-reel-scene figcaption{min-height:160px}.br-works .br-reel-scene figcaption strong{font-size:26px}.br-reel-intro h3{font-size:23px}.br-reel-intro>.cv-button{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.br-hero-photo-frame>img{animation:none!important}}
@media print{.br-reel-controls,.br-hero-actions,.br-closing,.mk-contact-dock,.nav-actions{display:none!important}.br-hero{padding-top:25px}.br-services,.br-works,.br-process-section,.br-partner,.br-materials{padding-block:25px}.br-works{background:#fff;color:#162f32}.br-works p,.br-works a,.br-work-meta{color:#162f32}.br-work-feature{position:static}.br-resource,.br-service{break-inside:avoid}}

@media(min-width:1200px){.nav a{font-size:13px}.nav-doc,.nav-cta{font-size:12px}.br-hero-actions .cv-button{font-size:14px;min-height:60px}}
.br-image-caption{font-size:10px}.br-reel-video video{background:#13271f}

/* v1.6: actual business work, with one focal point and an explicit scope. */
.br-closing.cv-closing .br-close-options p:not(.cv-kicker){color:#294637}
.br-business{padding:92px 0 76px}
.br-business-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:end;margin-bottom:43px}
.br-business-heading .cv-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:21px}
.br-business-heading h2{font-size:clamp(32px,3.7vw,50px);line-height:1.5;letter-spacing:-.05em;font-weight:700}
.br-business-heading>p{font-size:14px;line-height:2.1;color:#c6d6ca;padding-bottom:7px}
.br-business .br-reel{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
.br-business-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:26px}
.br-business-tabs button{display:flex;align-items:center;gap:16px;border:0;border-bottom:2px solid #638076;background:transparent;color:#b9cfc3;text-align:left;font-size:16px;font-weight:700;padding:17px 0;cursor:pointer;min-height:58px}
.br-business-tabs button>span{font:500 11px Manrope,sans-serif;color:#c3d1c6}
.br-business-tabs button>b{margin-left:auto;font-size:23px;font-weight:400}
.br-business-tabs button[aria-pressed=true]{color:#f0f5c7;border-color:#d8e9a7}
.br-business-tabs button:focus-visible,.br-business a:focus-visible{outline:2px solid #e9f3bb;outline-offset:5px}
.br-business .br-reel-scene:not([hidden]){display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:stretch}
.br-business-image{position:relative;min-width:0;display:flex;align-items:center;background:#102720;overflow:hidden;padding:22px}
.br-business-image img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;box-shadow:0 15px 35px #071b1a33}
.br-business-stamp{position:absolute;left:23px;bottom:13px;font:500 9px/1.5 Manrope,"Zen Kaku Gothic New",sans-serif;color:#bbcdbf;letter-spacing:.05em}
.br-business .br-reel-scene figcaption{position:static;min-height:445px;background:#f1f3e9;color:#193a32;padding:30px;display:flex;flex-direction:column}
.br-business-meta{display:flex;justify-content:space-between;gap:10px;font:600 8px/1.6 Manrope,sans-serif;letter-spacing:.06em;color:#5a7164;margin-bottom:22px}
.br-business .br-reel-scene h3{font-size:clamp(23px,2.3vw,31px);font-weight:700;letter-spacing:-.04em;line-height:1.65;margin:0 0 17px}
.br-business .br-reel-scene figcaption>p{font-size:13px;line-height:1.95;margin:0;color:#3d574c}
.br-business .br-reel-scene ul{list-style:none;padding:17px 0 0;margin:0;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#3d574c}
.br-business .br-reel-scene li{padding-left:12px;position:relative;line-height:1.7}
.br-business .br-reel-scene li:before{content:"";width:4px;height:4px;background:#6b8271;position:absolute;left:0;top:8px}
.br-business .br-reel-scene figcaption>.br-business-status{font-size:9px;letter-spacing:.03em;color:#536b5e;margin:20px 0 12px}
.br-business .br-reel-scene figcaption>.br-business-detail{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#193a32;border-top:1px solid #bbcbbb;padding-top:12px;margin-top:auto;font-size:12px;font-weight:700;text-decoration:none}
.br-business-detail>span{font-size:24px;line-height:1}
.br-business-control{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#b8cebf;font-size:10px;min-height:51px}
.br-business-control .mk-motion-toggle{background:transparent;color:#dce8d4;border:1px solid #729080;font-size:10px;min-height:32px;padding:5px 10px}
.br-business-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px;border-top:1px solid #5d7a6d;padding-top:33px}
.br-business-bottom h3{font-size:23px;line-height:1.65;letter-spacing:-.02em}
.br-business-bottom p{font-size:12px;color:#c6d6ca;line-height:1.9;margin-top:9px}
.br-business-bottom>div+div{min-width:285px}
.br-business-bottom .cv-button{width:100%;font-size:13px;min-height:53px}
.br-business-all{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#e5efd9;font-size:11px;padding-top:15px}
.br-business-all>span{font-size:22px}
.br-case-hero{background:#f4f5f0;padding:36px 0 58px}
.br-case-hero .cv-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:25px}
.br-case-hero h1{font-size:clamp(43px,5.3vw,72px);font-weight:900;letter-spacing:-.05em;line-height:1.4}
.br-case-hero>.wrap>p:not(.cv-kicker){font-size:15px;line-height:2.1;color:#4f665b;margin-top:25px}
.br-case-hero nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:44px}
.br-case-hero nav a{position:relative;border-top:1px solid #b7c6b6;padding:20px 28px 0 0;font-size:13px;line-height:1.85;font-weight:700}
.br-case-hero nav span{display:block;font-size:10px;font-weight:400;color:#5e7767;margin-bottom:6px}
.br-case-hero nav b{position:absolute;right:0;top:30px;font-size:20px}
.br-case-detail{padding:76px 0;background:#fff;scroll-margin-top:0}
.br-case-detail:nth-of-type(odd){background:#f4f5f0}
.br-case-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}
.br-case-title .cv-kicker{font-size:10px;margin-bottom:20px;letter-spacing:.1em}
.br-case-title h2{font-size:clamp(29px,3.4vw,43px);line-height:1.55;letter-spacing:-.04em}
.br-case-title>span{color:#5c7466;font-size:11px;line-height:1.9;white-space:nowrap;text-align:right}
.br-case-screen{margin:0;background:#14362d;padding:30px}
.br-case-screen img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}
.br-case-screen figcaption{font-size:10px;color:#b9d0bf;margin-top:15px;text-align:right}
.br-case-body{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:37px}
.br-case-lead{font-size:17px;line-height:2.1;font-weight:500;color:#264c3e}
.br-case-body dl{margin:0}
.br-case-body dl>div{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid #c8d4c6;padding:18px 0}
.br-case-body dt{font-size:11px;line-height:2;font-weight:700;color:#3c6150}
.br-case-body dd{font-size:13px;line-height:1.95;color:#405b4e;margin:0}
.br-case-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #c8d4c6;margin-top:30px;padding-top:25px}
.br-case-footer>p{font-size:11px;line-height:1.9;color:#607167;max-width:570px}
.br-case-footer .cv-button{font-size:12px;white-space:nowrap;min-width:290px}
.br-case-supplement{max-width:800px;margin:36px auto 0}
.br-case-supplement img{display:block;width:100%;height:auto;border:1px solid #d4ddcd}
.br-case-supplement figcaption{font-size:11px;color:#5f7567;margin-top:10px}
@media(max-width:1050px){
 .br-business .br-reel-scene:not([hidden]){grid-template-columns:1.3fr 1fr}
 .br-business .br-reel-scene figcaption{padding:25px;min-height:445px}
 .br-business-image{padding:16px}.br-business-stamp{left:17px;font-size:8px}
 .br-business .br-reel-scene h3{font-size:26px}
 .br-case-body{gap:30px}.br-case-body dl>div{grid-template-columns:96px 1fr;gap:12px}
}
@media(max-width:800px){
 .br-business{padding:56px 0}.br-business-heading{grid-template-columns:1fr;gap:23px;margin-bottom:26px}
 .br-business-heading .cv-kicker{margin-bottom:17px}.br-business-heading>p{font-size:13px;padding:0}
 .br-business-tabs{gap:18px;margin-bottom:20px}.br-business-tabs button{font-size:14px;gap:11px}.br-business-tabs button>b{font-size:20px}
 .br-business .br-reel-scene:not([hidden]){grid-template-columns:1fr}
 .br-business-image{padding:20px 18px 31px;min-height:0;height:clamp(190px,calc((100vw - 48px)/1.6),400px)}.br-business-image img{height:100%;max-height:100%;object-fit:contain}.br-business-stamp{bottom:9px}
 .br-business .br-reel-scene figcaption{padding:25px;min-height:343px}
 .br-business .br-reel-scene h3{font-size:28px;margin-bottom:15px;line-height:1.55}.br-business .br-reel-scene h3 br{display:none}
 .br-business-meta{margin-bottom:15px}.br-business .br-reel-scene figcaption>p{font-size:14px}
 .br-business-bottom{align-items:flex-start;gap:23px;flex-direction:column;margin-top:15px;padding-top:24px}
 .br-business-bottom>div+div{width:100%;min-width:0}.br-business-bottom h3{font-size:23px}
 .br-case-hero{padding:25px 0 38px}.br-case-hero h1{font-size:48px}.br-case-hero>.wrap>p:not(.cv-kicker){font-size:14px}
 .br-case-hero nav{grid-template-columns:1fr;gap:16px;margin-top:30px}.br-case-hero nav a{padding-top:13px}.br-case-hero nav b{top:18px}
 .br-case-detail{padding:47px 0}.br-case-title{display:block;margin-bottom:25px}.br-case-title>span{display:block;text-align:left;margin-top:16px;font-size:10px}
 .br-case-title>span br{display:initial}.br-case-title h2{font-size:29px}.br-case-title .cv-kicker{font-size:9px;margin-bottom:15px}
 .br-case-screen{padding:14px}.br-case-screen figcaption{font-size:9px;margin-top:10px}
 .br-case-body{grid-template-columns:1fr;gap:23px;margin-top:25px}.br-case-lead{font-size:16px;line-height:2}
 .br-case-footer{flex-direction:column;align-items:stretch;gap:19px;margin-top:20px;padding-top:20px}.br-case-footer .cv-button{min-width:0;white-space:normal;font-size:12px}
}
@media(max-width:480px){
 .br-business-heading h2{font-size:30px}.br-business-heading>p{font-size:12px}
 .br-business-tabs{gap:13px}.br-business-tabs button{font-size:12px;gap:7px;padding:11px 0;min-height:49px}
 .br-business-tabs button>span{font-size:9px}.br-business-tabs button>b{display:none}
 .br-business .br-reel-scene figcaption{padding:23px 21px;min-height:377px}
 .br-business .br-reel-scene h3{font-size:27px;line-height:1.6}.br-business .br-reel-scene h3 br{display:block}
 .br-business .br-reel-scene figcaption>p{font-size:13px;line-height:1.95}
 .br-business-meta{font-size:8px}.br-business .br-reel-scene ul{font-size:11px}
 .br-business-control{font-size:9px}.br-business-control .mk-motion-toggle{font-size:9px;padding:5px 8px}
 .br-business-bottom h3{font-size:21px}.br-business-bottom p{font-size:11px}
 .br-case-hero h1{font-size:43px}.br-case-hero>.wrap>p:not(.cv-kicker){font-size:13px}
 .br-case-hero>.wrap>p:not(.cv-kicker) br{display:none}.br-case-body dl>div{grid-template-columns:1fr;gap:7px}
 .br-case-title h2{font-size:27px}.br-case-title .cv-kicker{font-size:8px}
}
@media print{.br-business-tabs,.br-business-control,.br-business-bottom,.br-case-footer .cv-button{display:none!important}.br-business .br-reel-scene[hidden]{display:grid!important}.br-business-image{background:#fff}.br-case-detail{break-inside:avoid}.br-business .br-reel-scene{break-inside:avoid;margin-bottom:20px}}

}