:root{--canvas:#0a0a09;--canvas-soft:#11100e;--surface:#171411;--surface-raised:#1d1915;--paper:#dedbd4;--paper-soft:#d3d0c9;--paper-ink:#11110f;--ink:#f2ecdf;--ink-soft:#c8beb0;--ink-muted:#8f877c;--rule:rgba(242,236,223,.16);--rule-strong:rgba(242,236,223,.3);--accent:#e43b2f;--accent-hover:#f04b3d;--accent-soft:rgba(228,59,47,.14);--system-signal:#e43b2f;--system-signal-soft:rgba(228,59,47,.14)}
.global-masthead nav button.active:after{background:var(--accent)!important}.masthead-companion:hover,.masthead-companion:focus-visible{border-color:var(--accent)!important;background:var(--accent-soft)!important}.global-masthead{background:rgba(10,10,9,.96)}
.studio-home{background:var(--canvas);color:var(--ink)}.studio-home .home-film{position:relative;margin:0!important;border:0!important;border-radius:0!important;min-height:calc(100dvh - 64px);background:#050505!important}.studio-home .home-film-media{min-height:calc(100dvh - 64px);aspect-ratio:auto!important}.studio-home .home-film video{width:100%;height:100%;min-height:calc(100dvh - 64px);object-fit:cover}.studio-home .film-idle-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important;background:linear-gradient(90deg,rgba(4,4,3,.88) 0%,rgba(4,4,3,.5) 52%,rgba(4,4,3,.08) 84%)!important;border:0!important}.studio-home .film-copy{display:none!important}.studio-hero-thesis{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:min(1050px,82vw);padding:clamp(42px,7vw,112px);text-align:left}.studio-hero-thesis:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(242,236,223,.055) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(242,236,223,.055) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(242,236,223,.055) 75%,transparent calc(75% + 1px));opacity:.7}.studio-hero-thesis small{position:relative;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--accent)}.studio-hero-thesis strong{position:relative;display:block;margin-top:18px;font-size:clamp(3.65rem,7.2vw,8.4rem);font-weight:650;line-height:.84;letter-spacing:-.055em;color:var(--ink);max-width:10.8ch}.studio-hero-thesis strong span{color:var(--accent)}.studio-hero-thesis em{position:relative;display:block;max-width:48ch;margin-top:26px;padding:16px 18px;border-left:3px solid var(--accent);background:rgba(5,5,4,.75);color:var(--ink-soft);font-size:14px;font-style:normal;line-height:1.55}.studio-home .film-play-mark{position:absolute!important;right:clamp(28px,5vw,80px)!important;bottom:clamp(28px,5vw,70px)!important;background:var(--accent)!important;color:var(--ink)!important;border-color:transparent!important}.studio-home .home-film.is-playing .studio-hero-thesis{opacity:.08;transition:opacity .22s ease}.studio-home .home-film.is-playing .studio-hero-thesis:before,.studio-home .home-film.is-playing .studio-hero-thesis em{opacity:0}.studio-home .home-film-caption{display:none!important}.studio-home .film-controls{border-radius:5px!important}.studio-home .film-controls button:focus-visible{outline-color:var(--accent)!important}
.studio-selected{background:var(--paper);color:var(--paper-ink);padding:clamp(68px,8vw,132px) clamp(22px,5vw,92px) clamp(88px,10vw,160px)}.studio-selected>header{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;align-items:end;max-width:1680px;margin:0 auto clamp(48px,6vw,92px);padding-top:18px;border-top:1px solid rgba(17,17,15,.34)}.studio-selected>header>span{align-self:start;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--accent)}.studio-selected>header h2{margin:0;font-size:clamp(2.8rem,5vw,6.8rem);font-weight:650;line-height:.88;letter-spacing:-.05em}.studio-selected>header h2 em{font-style:normal;color:var(--accent)}.studio-mosaic{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);grid-template-rows:auto auto auto;gap:1px;max-width:1680px;margin:auto;background:rgba(17,17,15,.24);border:1px solid rgba(17,17,15,.24)}.studio-project{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--paper);min-width:0}.studio-project.is-kagurabachi{grid-row:1/3}.studio-project.is-kagurabachi-detail{grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-template-rows:1fr}.studio-project-media{display:block;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:#111;overflow:hidden;cursor:pointer}.studio-project.is-kagurabachi .studio-project-media{aspect-ratio:1.24/1}.studio-project.is-brochad .studio-project-media,.studio-project.is-onegoal .studio-project-media{aspect-ratio:1.6/1}.studio-project.is-kagurabachi-detail .studio-project-media{aspect-ratio:2.2/1}.studio-project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease,filter .2s ease}.studio-project:hover .studio-project-media img,.studio-project:focus-within .studio-project-media img{transform:scale(1.012);filter:contrast(1.03)}.studio-project-caption{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;padding:18px 20px 22px;border-top:1px solid rgba(17,17,15,.18);background:var(--paper)}.studio-project-caption>span{font-size:12px;font-weight:650;color:var(--accent)}.studio-project-caption small{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5f5a53}.studio-project-caption h3{margin:5px 0 8px;font-size:clamp(1.55rem,2.3vw,3.1rem);font-weight:600;line-height:.95;letter-spacing:-.035em;color:var(--paper-ink)}.studio-project-caption p{max-width:58ch;margin:0;color:#4f4b45;font-size:14px;line-height:1.45}.studio-project-caption>em{font-size:11px;font-style:normal;color:#69645d}.studio-project-caption button{border:0;background:transparent;text-align:left;cursor:pointer}.studio-project-ask{position:absolute;right:18px;bottom:16px!important;padding:8px 10px!important;border:1px solid rgba(17,17,15,.28)!important;border-radius:5px!important;background:var(--paper)!important;color:var(--paper-ink)!important;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.studio-project:hover .studio-project-ask,.studio-project:focus-within .studio-project-ask{opacity:1;transform:none}.studio-project:focus-within{outline:2px solid var(--accent);outline-offset:-2px}
.studio-method{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.6fr);gap:clamp(40px,8vw,150px);padding:clamp(84px,10vw,160px) clamp(22px,5vw,92px);background:var(--canvas);color:var(--ink)}.studio-method>header>span{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--accent)}.studio-method h2{margin:18px 0 0;font-size:clamp(2.6rem,4.4vw,6rem);font-weight:650;line-height:.88;letter-spacing:-.045em}.studio-method>div{border-top:1px solid var(--rule-strong)}.studio-method>div>button{display:grid;grid-template-columns:52px minmax(180px,.8fr) minmax(260px,1.2fr);gap:20px;width:100%;padding:22px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.studio-method button span{color:var(--accent);font-weight:650}.studio-method button b{font-size:15px;letter-spacing:.04em}.studio-method button p{margin:0;color:var(--ink-soft);line-height:1.5}.studio-method button:hover,.studio-method button:focus-visible{background:linear-gradient(90deg,var(--accent-soft),transparent)}.studio-closing{padding:clamp(76px,9vw,148px) clamp(22px,5vw,92px);border-top:1px solid var(--rule-strong);background:var(--canvas);color:var(--ink)}.studio-closing span{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--accent)}.studio-closing h2{margin:22px 0 38px;font-size:clamp(3rem,6vw,7.4rem);font-weight:650;line-height:.86;letter-spacing:-.05em}.studio-closing button{padding:10px 0;border:0;border-bottom:2px solid var(--accent);background:transparent;color:var(--ink);cursor:pointer}
.studio-sidecar-header{position:relative!important;isolation:isolate;min-height:112px!important;grid-template-columns:minmax(0,1fr) 34px 34px!important;padding:16px 16px 14px 18px!important;overflow:hidden;background:#0d0c0b!important}.studio-sidecar-header>img{position:absolute;z-index:-2;inset:0;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;object-fit:cover!important;filter:saturate(.84) contrast(1.06)}.studio-sidecar-header:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.96) 0%,rgba(8,8,7,.82) 48%,rgba(8,8,7,.22) 100%)}.studio-sidecar-header>div{grid-column:1;align-self:end}.studio-sidecar-header>div small{color:var(--accent)!important}.studio-sidecar-header>div b{font-size:18px!important;color:var(--ink)}.studio-sidecar-header>div em{color:var(--ink-soft)!important}.studio-sidecar-header>button{align-self:start;background:rgba(10,10,9,.62)!important;border-color:var(--rule-strong)!important}.studio-sidecar-header>button[data-companion-reset]{grid-column:2}.studio-sidecar-header>button[data-companion-close]{grid-column:3}
.public-shell.companion-open .companion-sidecar>.composer{left:16px!important;right:16px!important;bottom:16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 56px!important;padding:0!important;overflow:hidden;background:#151310!important;border:1px solid rgba(242,236,223,.22)!important;border-radius:8px!important;box-shadow:0 16px 40px rgba(0,0,0,.3)!important}.public-shell.companion-open .companion-sidecar>.composer:hover{border-color:rgba(242,236,223,.36)!important}.public-shell.companion-open .companion-sidecar>.composer:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 1px rgba(228,59,47,.28),0 16px 40px rgba(0,0,0,.34)!important}.public-shell.companion-open .composer-context-preview{grid-column:1/-1!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 28px!important;gap:10px!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--rule)!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important}.public-shell.companion-open .composer-context-preview>*{background:transparent!important;color:var(--ink)!important}.public-shell.companion-open .composer-context-preview small{color:var(--ink-muted)!important}.public-shell.companion-open .composer textarea{grid-column:1!important;min-height:56px!important;max-height:160px!important;padding:17px 14px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--ink)!important;caret-color:var(--accent)!important;resize:none}.public-shell.companion-open .composer textarea::placeholder{color:#8f877c!important}.public-shell.companion-open .composer .send-button{grid-column:2!important;align-self:end!important;width:40px!important;height:40px!important;margin:8px 10px 10px 6px!important;border:0!important;border-radius:6px!important;background:var(--accent)!important;color:var(--ink)!important}.public-shell.companion-open .composer .send-button:disabled{opacity:.4}.public-shell.companion-open .composer .stop-generation{background:#2a2520!important;border:1px solid var(--accent)!important}.public-shell.companion-open .composer *:focus-visible{outline:0!important}.public-shell.companion-open .thread{padding-bottom:158px!important}
.public-shell.companion-open .assistant-content p+p{margin-top:.9em!important}.public-shell.companion-open .assistant-content h2,.public-shell.companion-open .assistant-content h3{margin:1.3em 0 .55em!important;line-height:1.15!important}.public-shell.companion-open .assistant-content h2:first-child,.public-shell.companion-open .assistant-content h3:first-child{margin-top:0!important}.public-shell.companion-open .assistant-content ul,.public-shell.companion-open .assistant-content ol{margin:.7em 0 1em!important;padding-left:1.25em!important}.public-shell.companion-open .assistant-content li+li{margin-top:.42em!important}.public-shell.companion-open .assistant-content blockquote{margin:1em 0!important;padding-left:1em!important;border-left:2px solid var(--accent)!important;color:var(--ink-soft)!important}
button:focus-visible,a:focus-visible{outline-color:var(--accent)!important}.live-editorial-copy>[data-stream-status],.live-header-viewers,.sidecar-header em i,.pane-header em{color:var(--system-signal)!important}.pane-divider:hover,.pane-divider:focus-visible{background:var(--accent)!important}
@media(max-width:1100px){.studio-home .home-film,.studio-home .home-film-media,.studio-home .home-film video{min-height:min(760px,calc(100dvh - 118px))}.studio-mosaic{grid-template-columns:1fr 1fr}.studio-project.is-kagurabachi{grid-column:1/-1;grid-row:auto}.studio-project.is-kagurabachi-detail{grid-column:1/-1}.studio-method{grid-template-columns:1fr}.studio-sidecar-header{min-height:98px!important}}
@media(max-width:760px){.studio-home .home-film,.studio-home .home-film-media,.studio-home .home-film video{min-height:min(680px,calc(100dvh - 112px))}.studio-hero-thesis{width:auto;padding:32px 20px 86px}.studio-hero-thesis strong{font-size:clamp(3rem,14vw,5rem)}.studio-hero-thesis em{font-size:12px;max-width:34ch}.studio-selected{padding-left:16px;padding-right:16px}.studio-selected>header{grid-template-columns:1fr}.studio-mosaic{grid-template-columns:1fr}.studio-project.is-kagurabachi-detail{display:grid;grid-template-columns:1fr}.studio-project-caption{grid-template-columns:38px minmax(0,1fr)}.studio-project-caption>em{grid-column:2}.studio-project-ask{position:static!important;grid-column:2;opacity:1;transform:none;justify-self:start;margin-top:10px}.studio-method{padding-left:20px;padding-right:20px}.studio-method>div>button{grid-template-columns:42px minmax(0,1fr)}.studio-method button p{grid-column:2}.studio-sidecar-header{min-height:88px!important}.public-shell.companion-open .companion-sidecar>.composer{bottom:max(10px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.studio-project-media img,.studio-project-ask,.studio-hero-thesis{transition:none!important}}
.public-shell.companion-open .composer-context-preview{display:none!important}

/* V0.17 global editorial system. These tokens intentionally shadow every
   earlier prototype generation so shared primitives resolve consistently. */
:root{
  --canvas:#0a0a09;--canvas-soft:#11100e;--surface:#171411;--surface-raised:#1d1915;
  --paper:#dedbd4;--paper-soft:#d3d0c9;--paper-ink:#11110f;
  --ink:#f2ecdf;--ink-soft:#c8beb0;--ink-muted:#8f877c;
  --rule:rgba(242,236,223,.16);--rule-strong:rgba(242,236,223,.3);
  --accent:#e43b2f;--accent-hover:#f04b3d;--accent-soft:rgba(228,59,47,.14);
  --signal:var(--accent);--signal-soft:var(--accent-soft);--system-signal:var(--accent);
  --editorial-accent:var(--accent);--atelier-accent:var(--accent);--acid:var(--accent);--blue:var(--accent);
  --type-display:clamp(3.4rem,7vw,8rem);--type-route:clamp(2.7rem,4.8vw,5.7rem);
  --type-section:clamp(2rem,3.3vw,4rem);--type-object:clamp(1.35rem,2.1vw,2.5rem);
  --type-body:clamp(1rem,1.05vw,1.125rem);--type-ui:.875rem;--type-meta:.6875rem;
}
html,body,#app{background:var(--canvas);color:var(--ink)}
body{font-weight:460}.public-shell{isolation:isolate;transition:none!important}
button,a,input,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.global-masthead{position:relative;height:64px;box-sizing:border-box;background:var(--canvas);border-bottom:1px solid var(--rule-strong);backdrop-filter:none}
.global-masthead nav button.active:after{background:var(--accent)}
.global-masthead button:hover{color:var(--ink)}
.masthead-companion:hover,.masthead-companion:focus-visible{border-color:var(--accent)!important;background:var(--accent-soft)!important}
.site-pane{grid-template-rows:64px minmax(0,1fr)}
.site-scroll{scroll-padding-top:24px}

/* Hero geometry and a clean directional reading field. */
.studio-home .home-film{min-height:0;aspect-ratio:1920/800;max-height:calc(100dvh - 64px)}
.studio-home .home-film-media,.studio-home .home-film video{width:100%;height:100%;min-height:0;aspect-ratio:1920/800;object-fit:cover}
.studio-home .film-idle-overlay{background:linear-gradient(90deg,rgba(4,4,3,.9) 0%,rgba(4,4,3,.68) 30%,rgba(4,4,3,.2) 58%,transparent 78%)!important}
.studio-hero-thesis{padding:clamp(34px,5.5vw,92px);width:min(960px,74vw)}
.studio-hero-thesis strong{font-size:var(--type-display);font-weight:600;line-height:.86;letter-spacing:-.052em}
.studio-home .home-film.is-playing .studio-hero-thesis{opacity:0;pointer-events:none}
.studio-home .home-film:not(.is-playing) .studio-hero-thesis{opacity:1}

/* The work mosaic gives every representative project equal visual weight. */
.studio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto)}
.studio-project.is-my-daily-opportunities{grid-column:1;grid-row:1}
.studio-project.is-kagurabachi{grid-column:2;grid-row:1}
.studio-project.is-brochad{grid-column:1;grid-row:2}
.studio-home .studio-project.is-brochad .studio-project-media{display:flex;align-items:center;justify-content:center;background:#fff}
.studio-home .studio-project.is-brochad .studio-project-media img{width:22%;height:auto;max-height:62%;object-fit:contain;transform:none;filter:none}
.studio-home .studio-project.is-brochad:hover .studio-project-media img,.studio-home .studio-project.is-brochad:focus-within .studio-project-media img{transform:none;filter:none}
.studio-project.is-onegoal{grid-column:2;grid-row:2}
.studio-mosaic .studio-project .studio-project-media{aspect-ratio:1.8/1}
.mdo-capture-gallery{display:grid;gap:1px;width:calc(100% - clamp(48px,10vw,184px));max-width:1600px;margin:clamp(34px,5vw,72px) auto;background:var(--rule-strong);border:1px solid var(--rule-strong)}
.mdo-capture-gallery figure{margin:0;background:#090908}
.mdo-capture-gallery img{display:block;width:100%;height:auto}
.mdo-capture-gallery figcaption{padding:10px 14px;color:var(--ink-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.studio-project-caption{align-items:start;grid-template-columns:42px minmax(0,1fr) minmax(86px,auto)}
.studio-project-caption h3{font-size:var(--type-object);font-weight:600}

/* Shared route typography and chapter rhythm. */
.live-editorial-header h1,.projects-intro h1,.project-preview-heading h1,.about-editorial h1{font-size:var(--type-route)!important;font-weight:600!important;line-height:.94!important;letter-spacing:-.04em!important}
.studio-selected>header h2,.studio-method h2,.session-ledger h2,.about-editorial h2{font-size:var(--type-section);font-weight:600;line-height:1.02;letter-spacing:-.03em}
.live-editorial-header p,.projects-intro p,.project-preview p,.about-editorial p,.session-ledger p{font-size:var(--type-body);line-height:1.58}
.route-eyebrow,.live-editorial-copy>span:first-child,.projects-intro>span,.about-editorial header>span,.session-ledger span,.project-preview span{font-size:var(--type-meta)!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--accent)!important}

/* Companion is one dark editorial margin, including its composer. */
.public-shell.companion-open{grid-template-columns:minmax(420px,calc(100% - var(--sidecar-width) - 9px)) 9px var(--sidecar-width)}
.public-shell>.pane-divider{width:9px!important;margin:0!important;background:var(--canvas)!important;cursor:col-resize}
.public-shell>.pane-divider i{display:block;width:1px;height:100%;margin:auto;background:var(--rule-strong)!important;transition:background .16s ease,width .16s ease}
.public-shell>.pane-divider:hover i,.public-shell>.pane-divider:focus-visible i,.is-resizing-sidecar .public-shell>.pane-divider i{width:2px;background:var(--accent)!important}
.is-resizing-sidecar{user-select:none;cursor:col-resize}.is-resizing-sidecar iframe,.is-resizing-sidecar video{pointer-events:none}
.studio-sidecar-header>div small,.sidecar-header small,.sidecar-signal,.context-stage-identity small,.context-stage-meta>span,.message-meta{color:var(--accent)!important}
.companion-sidecar>.context-stage{border-color:var(--rule)!important;background:var(--surface)!important}
.public-shell.companion-open .companion-sidecar .context-stage-copy{background:linear-gradient(90deg,var(--surface) 78%,rgba(23,20,17,.48))!important}
.public-shell.companion-open .companion-sidecar .context-stage-copy h2,.public-shell.companion-open .companion-sidecar .context-stage-copy p,.public-shell.companion-open .companion-sidecar .context-stage-copy small{color:var(--ink)!important}
.context-stage-meta button,.starter-prompts button:hover,.response-suggestions button:hover{color:var(--accent)!important;border-color:var(--accent)!important}
.context-media-marker{background:var(--surface)!important;border-color:var(--rule)!important;color:var(--accent)!important;background-image:none!important}
.public-shell.companion-open .companion-sidecar>.composer{background:#151310!important;border:1px solid var(--rule-strong)!important;box-shadow:0 16px 40px rgba(0,0,0,.3)!important}
.public-shell.companion-open .companion-sidecar>.composer:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 1px rgba(228,59,47,.24),0 16px 40px rgba(0,0,0,.34)!important}
.public-shell.companion-open .composer-context-preview{margin:0!important;background:transparent!important;border-bottom:1px solid var(--rule)!important}
.public-shell.companion-open .composer textarea{background:transparent!important;border:0!important;box-shadow:none!important}
.public-shell.companion-open .composer .send-button,.public-shell.companion-open .composer .stop-generation{background:var(--accent)!important;border:0!important;color:var(--ink)!important}
.streaming-cursor,.assistant-content.is-streaming:after,.thinking i{background:var(--accent)!important}
.assistant-content a{color:var(--accent)!important}
.conversation-empty>span,.composer-context-preview>div{background:var(--surface-raised)!important;color:var(--accent)!important;border-color:var(--rule)!important}

/* Live uses the same hierarchy while keeping media and public chat dominant. */
.live-studio-page{padding-top:clamp(42px,5vw,80px)}
.live-editorial-header{align-items:end;border-top:1px solid var(--rule-strong);padding-top:18px;margin-bottom:34px}
.live-editorial-copy>[data-stream-status]{color:var(--accent)!important}
.live-editorial-copy>[data-stream-status] i{background:var(--accent)!important}
.live-header-viewers,.live-theater footer span,.public-chat-panel header span,.live-chat header span{color:var(--ink-soft)!important}
.live-theater{background:#10100f!important;border-color:var(--rule-strong)!important}
.public-chat-panel,.live-chat{background:var(--surface)!important;border-color:var(--rule)!important;color:var(--ink)!important}
.public-chat-panel header,.live-chat header,.public-chat-panel form,.live-chat form{background:var(--surface-raised)!important;border-color:var(--rule)!important}
.public-chat-panel small,.live-chat small,.public-chat-panel p,.live-chat p{color:var(--ink-soft)!important}
.live-view-switch,.stream-state-overlay,.chat-feed,.live-chat-form input,.public-chat-panel input{background:var(--surface)!important;border-color:var(--rule)!important;color:var(--ink)!important}
.live-view-switch button.active{background:var(--accent)!important;color:var(--ink)!important}.live-view-switch button:not(.active){color:var(--ink-soft)!important}
.live-editorial-header>button,.session-ledger button,.live-chat-form button{color:var(--ink)!important;border-color:var(--rule-strong)!important}
.live-editorial-header>button:hover,.session-ledger button:hover,.live-chat-form button:hover{color:var(--accent)!important;border-color:var(--accent)!important}

.live-chat-form{grid-template-columns:68px minmax(0,1fr) 36px;align-items:end}
.live-chat-form .chat-message-wrap{position:relative;min-width:0}
.live-chat-form textarea{display:block;width:100%;min-height:40px;max-height:88px;resize:none;overflow-y:auto;border:1px solid #FFFFFF14;border-radius:7px;background:#11100e;color:#E8ECEE;padding:10px 58px 10px 8px;font:inherit;line-height:1.45;outline:0}
.live-chat-form textarea::placeholder{color:#77838D}
.live-chat-form textarea:focus{border-color:var(--accent)}
.live-chat-form textarea[aria-invalid="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.live-chat-form [data-chat-count]{position:absolute;right:8px;bottom:7px;color:#929aa1;font-size:9px;line-height:1;white-space:nowrap;pointer-events:none}
.live-chat-form [data-chat-count][data-state="warning"]{color:#e0b4ab}
.live-chat-form [data-chat-count][data-state="invalid"]{color:#ff6b61;font-weight:650}
.live-chat-form [data-chat-count][data-state="invalid"]::before{content:"Limit reached ";position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.live-chat-form>[data-chat-feedback]{position:static;grid-column:2/-1;min-height:12px;padding:2px 2px 0;color:#ff8a81!important;font-size:10px!important}
.live-chat-form .chat-keyboard-help{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@container (max-width:620px){.live-chat-form{grid-template-columns:62px minmax(0,1fr) 36px}.live-chat-form textarea{padding-right:54px}}
.session-ledger{margin-top:58px;border-top:1px solid var(--rule-strong)!important}

/* Projects: screenshots remain untouched, captions carry the narrative. */
.projects-exhibition{background:var(--canvas)!important;color:var(--ink)!important}
.projects-intro>div>span,.projects-intro small,.projects-library>header span,.projects-exhibition i{color:var(--accent)!important}
.projects-intro aside{border-color:var(--rule)!important;background:var(--surface)!important}
.project-filters button.active,.projects-filters button.active{color:var(--accent)!important;background:var(--accent-soft)!important}
.project-filter button.active,.project-filter button:hover,.project-filter button:focus-visible,.projects-filters button.active,.projects-filters button:hover{color:var(--accent)!important;border-color:var(--accent)!important;background:transparent!important}
.exhibition-actions button:last-child{color:var(--ink-soft)!important}.exhibition-actions button:last-child:hover{color:var(--accent)!important}
.exhibition-card{display:grid!important;grid-template-rows:auto auto!important;background:var(--surface)!important;border-color:var(--rule)!important}
.exhibition-media{grid-row:1!important;min-height:0!important}
.exhibition-card-copy{position:static!important;grid-row:2!important;padding:18px 18px 20px!important;background:var(--surface)!important;color:var(--ink)!important}
.exhibition-card-copy h2,.exhibition-card-copy h3{font-size:var(--type-object)!important;color:var(--ink)!important}
.exhibition-card-copy p{color:var(--ink-soft)!important}
.exhibition-card-copy span,.exhibition-card-copy em{color:var(--ink-muted)!important}
.exhibition-actions button:first-child,.project-preview [data-project-preview]{padding:6px 0!important;border:0!important;border-bottom:1px solid var(--rule-strong)!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
.exhibition-actions button:first-child:hover,.exhibition-actions button:first-child:focus-visible{border-bottom-color:var(--accent)!important;color:var(--accent)!important}
.project-preview-notice{border-left-color:var(--accent)!important}

/* About and shared indexed structures. */
.about-editorial{padding-top:clamp(48px,6vw,92px)}
.about-editorial header,.about-editorial section,.about-editorial footer{border-color:var(--rule)!important}
.about-statement>span,.about-principles li span,.about-editorial footer>span{color:var(--accent)!important}

@media(max-width:899px){
  .public-shell.companion-open{grid-template-columns:minmax(0,1fr) 1px minmax(360px,42vw)}
  .public-shell>.pane-divider{cursor:default}
  .studio-home .home-film{aspect-ratio:auto;min-height:min(680px,calc(100dvh - 118px))}
  .studio-home .home-film-media,.studio-home .home-film video{aspect-ratio:auto;min-height:inherit}
}
@media(max-width:760px){
  .site-pane{grid-template-rows:58px minmax(0,1fr)}
  .global-masthead{height:58px}
  .studio-hero-thesis{width:auto;padding:30px 20px 82px}
  .studio-hero-thesis strong{font-size:clamp(2.75rem,13.5vw,4.8rem)}
  .studio-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:auto}
  .studio-project.is-my-daily-opportunities,.studio-project.is-kagurabachi,.studio-project.is-brochad,.studio-project.is-onegoal{grid-column:auto;grid-row:auto}
}

/* V0.18 layered editorial system. Shared primitives are expressed as utility
   classes and mapped to the existing route structures to keep behavior stable. */
.editorial-grid-field,.projects-intro,.about-editorial,.live-editorial-header,.project-preview-heading,.project-preview-notes{
  --editorial-grid-size:clamp(72px,8vw,150px);
  background-image:linear-gradient(to right,rgba(17,17,15,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,15,.07) 1px,transparent 1px);
  background-size:var(--editorial-grid-size) var(--editorial-grid-size)
}
.dark-section,.projects-exhibition,.live-studio-page{background-color:var(--canvas);color:var(--ink)}
.dark-section.editorial-grid-field,.about-editorial{background-image:linear-gradient(to right,rgba(242,236,223,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(242,236,223,.035) 1px,transparent 1px)}
.paper-section,.projects-intro,.project-preview-heading,.project-preview-notes{background-color:var(--paper);color:var(--paper-ink)}
.indexed-label,.route-eyebrow,.projects-intro>div>span,.about-editorial header>span,.project-preview-heading>div>span{font-size:var(--type-meta);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.editorial-rule{border-top:1px solid var(--rule-strong)}
.solid-copy-block,.projects-intro aside,.about-editorial>header>p,.live-editorial-copy>p,.project-preview-heading>div>p{background:var(--canvas);color:var(--ink-soft);padding:clamp(18px,2.4vw,34px);border:0;border-left:3px solid var(--accent)}
.media-frame,.live-theater,.preview-stage-wrap{overflow:hidden;border:1px solid var(--rule);border-radius:6px}
.caption-band,.live-theater>footer,.preview-thumbnails{border-top:1px solid var(--rule);background:var(--surface);color:var(--ink-soft)}
.metric-index-rail,.project-filter-sticky,.about-principles ol{border-top:1px solid currentColor}
.red-statement{color:var(--accent)}

/* The masthead owns its row. Hero sizing is driven by site-pane width. */
.site-pane{--masthead-height:64px;container-type:inline-size;grid-template-rows:var(--masthead-height) minmax(0,1fr)!important}
.global-masthead{height:var(--masthead-height)!important;min-height:var(--masthead-height);position:relative!important}
.studio-home .home-film{height:max(620px,calc(100dvh - var(--masthead-height)));max-height:none;min-height:0;aspect-ratio:auto;contain:layout paint}
.studio-home .home-film-media,.studio-home .home-film video{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center}
.studio-hero-thesis{box-sizing:border-box;width:min(980px,76cqw);max-width:100%;padding:clamp(32px,5.2cqw,92px);padding-bottom:clamp(84px,8cqw,132px)}
.studio-hero-thesis strong{font-size:clamp(3.25rem,7.1cqw,8rem);max-width:10.8ch}
.studio-home .film-idle-overlay{background:linear-gradient(90deg,rgba(4,4,3,.94) 0%,rgba(4,4,3,.72) 34%,rgba(4,4,3,.23) 61%,rgba(4,4,3,.02) 82%)!important}

/* Live opens on paper, then drops into one dark broadcast object. */
.live-studio-page{max-width:none!important;padding:0 0 clamp(72px,8vw,128px)!important}
.live-editorial-header{grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:clamp(32px,6vw,110px);align-items:end;margin:0!important;padding:clamp(56px,7vw,110px) clamp(24px,5vw,92px)!important;background-color:var(--paper);color:var(--paper-ink)}
.live-editorial-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
.live-editorial-copy .route-eyebrow{grid-column:1}.live-editorial-copy>[data-stream-status]{grid-column:2;grid-row:1;color:var(--accent)!important}
.live-editorial-copy h1{grid-column:1/-1;color:var(--paper-ink)!important;margin-top:18px!important}
.live-editorial-copy>p{grid-column:1/-1;max-width:52ch;margin-top:22px!important}
.live-editorial-header>.live-header-viewers,.live-editorial-header>button{grid-column:2;justify-self:start}
.live-editorial-header>button{align-self:end;background:transparent!important;color:var(--paper-ink)!important;border:0!important;border-bottom:2px solid var(--accent)!important;border-radius:0!important;padding:8px 0!important}
.live-theater{width:calc(100% - clamp(48px,10vw,184px));max-width:1680px;margin:clamp(42px,5vw,76px) auto 0;border-radius:6px!important}
.live-studio-page>.paper-section{margin-top:clamp(56px,7vw,112px);padding:clamp(50px,6vw,94px) clamp(24px,5vw,92px)}
.live-studio-page>.session-ledger{margin-top:clamp(56px,7vw,112px)!important;padding:clamp(50px,6vw,94px) clamp(24px,5vw,92px)!important;background-color:var(--paper)!important;background-image:linear-gradient(to right,rgba(17,17,15,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,15,.07) 1px,transparent 1px)!important;background-size:clamp(72px,8vw,150px) clamp(72px,8vw,150px)!important;color:var(--paper-ink)!important;border-color:rgba(17,17,15,.32)!important}.session-ledger *{border-color:rgba(17,17,15,.2)!important}.session-ledger h2,.session-ledger p,.session-ledger b{color:var(--paper-ink)!important}.session-ledger span{color:var(--accent)!important}

/* Projects and details move from paper orientation to dark exhibition. */
.projects-intro{max-width:none!important;margin:0!important;padding:clamp(58px,7vw,112px) clamp(24px,5vw,92px)!important;color:var(--paper-ink);border:0!important}
.projects-intro h1{color:var(--paper-ink)!important;text-transform:uppercase}
.projects-intro>div>p{color:#4e4943!important}.projects-intro aside{align-self:end;color:var(--ink)!important}
.project-filter-sticky{padding:18px clamp(24px,5vw,92px)!important;background:var(--canvas)!important;border-bottom:1px solid var(--rule)!important}
.project-filter-sticky button{border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink-muted)!important}.project-filter-sticky button.active,.project-filter-sticky button:hover{color:var(--accent)!important}
.projects-exhibition>.featured-exhibition,.projects-exhibition>.projects-empty{margin-top:clamp(36px,4vw,68px)}
.project-preview{padding:0!important}.project-preview-top{padding:18px clamp(24px,5vw,92px)!important;background:var(--canvas)}
.project-preview-heading{padding:clamp(52px,7vw,108px) clamp(24px,5vw,92px)!important;background-color:var(--paper)!important;color:var(--paper-ink)!important}
.project-preview-heading h1{color:var(--paper-ink)!important}.project-preview-heading .exhibition-actions{align-self:end}
.project-preview-heading .exhibition-actions button{border:0!important;border-bottom:1px solid rgba(17,17,15,.38)!important;border-radius:0!important;background:transparent!important;color:var(--paper-ink)!important;padding:8px 0!important}.project-preview-heading .exhibition-actions button:hover,.project-preview-heading .exhibition-actions button:focus-visible{border-bottom-color:var(--accent)!important;color:var(--accent)!important}
.preview-stage-wrap{width:calc(100% - clamp(48px,10vw,184px));max-width:1600px;margin:clamp(44px,5vw,72px) auto 0}
.project-case-study-stage{aspect-ratio:16/9;overflow:hidden;border:1px solid var(--rule-strong);background:#000}
.project-case-study-player{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.project-stream-player{border:0}
.is-project-film .project-preview-notice,.is-kagurabachi-film .project-preview-notice{margin-top:clamp(24px,3vw,38px)!important}
.preview-thumbnails{width:calc(100% - clamp(48px,10vw,184px));max-width:1600px;margin:0 auto!important}
.project-preview-notice{width:calc(100% - clamp(48px,10vw,184px));max-width:1600px;margin:34px auto!important}
.project-preview-notes{margin-top:clamp(54px,7vw,112px)!important;padding:clamp(50px,6vw,92px) clamp(24px,5vw,92px)!important;background-color:var(--paper)!important;color:var(--paper-ink)!important}
.project-preview-notes h2,.project-preview-notes p{color:var(--paper-ink)!important}.project-preview-notes span{color:var(--accent)!important}

/* About becomes a composed publication spread without new biography copy. */
.about-editorial{max-width:none!important;padding:0!important;background-color:var(--canvas);color:var(--ink)}
.about-editorial>header{min-height:min(680px,calc(100dvh - var(--masthead-height)));display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);grid-template-rows:auto 1fr;gap:28px;align-items:end;padding:clamp(58px,7vw,112px) clamp(24px,5vw,92px)!important;border:0!important}
.about-editorial>header>span{grid-column:1/-1;align-self:start}
.about-editorial>header h1{
  --about-title-pad-x:clamp(28px,3.2cqw,54px);
  --about-title-pad-y:clamp(26px,3cqw,48px);
  align-self:end;
  justify-self:start;
  box-sizing:border-box;
  width:min(calc(var(--grid-x) * 6),100%);
  max-width:100%;
  margin:0;
  padding:var(--about-title-pad-y) var(--about-title-pad-x);
  background:var(--accent)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border:0;
  border-radius:0;
  box-shadow:none!important;
}
.about-editorial>header h1>span{display:block;color:inherit;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.about-editorial>header>p{align-self:end;margin:0!important}
.about-editorial>.about-statement{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:40px;padding:clamp(54px,7vw,110px) clamp(24px,5vw,92px)!important;background:var(--paper)!important;color:var(--paper-ink)!important}
.about-statement p{max-width:54ch!important;color:var(--paper-ink)!important;font-size:clamp(1.55rem,2.6vw,3.2rem)!important;line-height:1.13!important}
.about-editorial>.about-principles{padding:clamp(62px,8vw,130px) clamp(24px,5vw,92px)!important;background:var(--canvas)!important}
.about-principles ol{margin-top:46px!important}.about-principles li{border-color:var(--rule)!important;padding-block:22px!important}.about-editorial>footer{padding:clamp(44px,6vw,90px) clamp(24px,5vw,92px)!important;background:var(--paper)!important;color:var(--paper-ink)!important}

/* One continuous, full-height resize boundary. */
.public-shell{height:100dvh!important;min-height:0;overflow:hidden}
.public-shell.companion-open{grid-template-columns:minmax(420px,calc(100% - var(--sidecar-width) - 11px)) 11px var(--sidecar-width)!important}
.public-shell>.pane-divider{align-self:stretch;position:relative;z-index:80;width:11px!important;height:100dvh!important;min-height:100%;margin:0!important;padding:0!important;border:0!important;background:var(--canvas)!important;cursor:col-resize!important;overflow:visible}
.public-shell>.pane-divider:before{content:"";position:absolute;inset:0 5px;background:var(--rule-strong);transition:background-color .16s ease,width .16s ease}
.public-shell>.pane-divider i{display:none!important}
.public-shell>.pane-divider:hover:before,.public-shell>.pane-divider:focus-visible:before,.is-resizing-sidecar .public-shell>.pane-divider:before{inset-inline:4px;background:var(--accent)}

/* Header is the sole persistent context stage. */
.companion-sidecar{position:relative!important;grid-template-rows:auto minmax(0,1fr)!important}
.companion-sidecar>.context-stage{display:none!important}
.studio-sidecar-header{min-height:116px!important}.studio-sidecar-header>div small{letter-spacing:.13em!important}.studio-sidecar-header>div b{max-width:24ch}
.companion-sidecar>.thread{grid-row:2;overflow:auto!important;padding:26px clamp(20px,3.2vw,42px) 174px!important}

/* Companion contrast and calm editorial message hierarchy. */
.companion-sidecar .message{color:var(--ink)!important}.companion-sidecar .message.assistant{max-width:64ch;margin-inline:auto;padding-right:0!important}
.companion-sidecar .assistant-content,.companion-sidecar .assistant-content p,.companion-sidecar .message.assistant p{color:var(--ink)!important;opacity:1!important;font-size:16px;line-height:1.65}
.companion-sidecar .assistant-content h1,.companion-sidecar .assistant-content h2,.companion-sidecar .assistant-content h3,.companion-sidecar .assistant-content strong{color:var(--ink)!important}
.companion-sidecar .assistant-content blockquote{color:var(--ink-soft)!important;border-left-color:var(--accent)!important}
.companion-sidecar .assistant-content code{background:#2a2520!important;color:var(--ink)!important}.companion-sidecar .assistant-content a{color:var(--accent)!important}
.message-provenance{margin-top:18px;padding-top:10px;border-top:1px solid var(--rule);color:var(--ink-muted);font-size:11px;line-height:1.5;letter-spacing:.02em}.message-provenance small{display:block;margin-bottom:4px;color:var(--accent);font-size:9px;font-weight:650;letter-spacing:.13em}.message-provenance b{color:var(--ink-soft);font-weight:500}
.message-provenance{display:grid;gap:6px;margin-top:22px;padding-top:10px;color:rgba(143,135,124,.9);font-size:10px;line-height:1.45;letter-spacing:0}.message-provenance>div{display:flex;flex-wrap:wrap;gap:4px 7px}.message-provenance small{display:inline;margin:0;color:var(--ink-muted);font-size:10px;font-weight:500;letter-spacing:0;text-transform:none}.message-provenance span{font-weight:400}.message-provenance a{color:inherit;text-decoration:underline;text-underline-offset:2px}.message-provenance a:hover,.message-provenance a:focus-visible{color:var(--accent)}
.message-provenance details{display:grid;gap:6px}.message-provenance summary{width:max-content;cursor:pointer;color:var(--ink-muted);font-size:10px;list-style-position:inside}.message-provenance details[open] summary{margin-bottom:6px}.message-provenance details>div{display:flex;flex-wrap:wrap;gap:4px 7px}
.companion-sidecar .message.user{width:max-content;max-width:min(84%,620px);margin-left:auto;margin-right:0;padding:11px 14px!important;background:#211d19!important;border:1px solid rgba(242,236,223,.12)!important;color:var(--ink)!important;border-radius:7px!important}
.companion-sidecar .message.user p{color:var(--ink)!important;opacity:1!important;line-height:1.58}
.companion-sidecar .message-meta,.companion-sidecar .system-event,.companion-sidecar .system-event small{color:var(--ink-muted)!important}
.companion-sidecar .conversation-empty h2{color:var(--ink)!important}.companion-sidecar .conversation-empty p{color:var(--ink-soft)!important}
.companion-sidecar .starter-prompts button,.companion-sidecar .response-suggestions button{color:var(--ink-soft)!important;border-color:var(--rule-strong)!important}.companion-sidecar .starter-prompts button:hover,.companion-sidecar .response-suggestions button:hover{color:var(--ink)!important;border-color:var(--accent)!important}

/* Native media controls and every custom range resolve to the editorial red. */
input[type="range"],video{accent-color:var(--accent)!important}
input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(var(--accent),var(--accent)) 0/var(--range-progress,0%) 100% no-repeat,var(--surface-raised)!important}

/* Editorial Markdown rhythm for completed and streaming companion answers. */
.companion-sidecar .assistant-content{max-width:62ch!important;overflow-wrap:anywhere}
.companion-sidecar .assistant-content p{margin:0 0 1em!important}
.companion-sidecar .assistant-content h2{margin:1.75em 0 .55em!important;padding-top:.9em;border-top:1px solid rgba(242,236,223,.11);font-size:17px!important;line-height:1.25!important;letter-spacing:-.01em}
.companion-sidecar .assistant-content h2:first-child{margin-top:0!important;padding-top:0;border-top:0}
.companion-sidecar .assistant-content h3,.companion-sidecar .assistant-content h4{margin:1.35em 0 .45em!important;font-size:15px!important;line-height:1.3!important}
.companion-sidecar .assistant-content ul,.companion-sidecar .assistant-content ol{margin:.55em 0 1.15em!important;padding-left:1.3em!important}
.companion-sidecar .assistant-content li{margin:.38em 0!important;padding-left:.15em}
.companion-sidecar .assistant-content li::marker{color:var(--accent)}
.companion-sidecar .assistant-content hr{margin:1.55em 0!important;background:rgba(242,236,223,.12)!important}
@container (max-width:520px){.companion-sidecar .assistant-content{max-width:100%!important}.companion-sidecar .assistant-content h2{font-size:16px!important}.companion-sidecar .assistant-content ul,.companion-sidecar .assistant-content ol{padding-left:1.15em!important}}
input[type="range"]::-webkit-slider-thumb{border-color:var(--accent)!important;background:var(--accent)!important}
input[type="range"]::-moz-range-track{background:var(--surface-raised)!important}
input[type="range"]::-moz-range-progress{background:var(--accent)!important}
input[type="range"]::-moz-range-thumb{border-color:var(--accent)!important;background:var(--accent)!important}
.film-controls button,.theater-controls button{color:var(--ink)!important}.film-controls button:hover,.theater-controls button:hover{color:var(--accent)!important}

@container (max-width:1120px){
  .studio-hero-thesis{width:min(760px,82cqw);padding:42px clamp(28px,5cqw,58px) 110px}.studio-hero-thesis strong{font-size:clamp(3rem,8.5cqw,6.2rem);max-width:11ch}.studio-hero-thesis em{max-width:40ch}
  .live-editorial-header{grid-template-columns:1fr}.live-editorial-header>.live-header-viewers,.live-editorial-header>button{grid-column:1}
}
@container (max-width:820px){
  .studio-hero-thesis{width:92cqw;padding:32px 26px 104px}.studio-hero-thesis strong{font-size:clamp(2.8rem,10.5cqw,5rem);max-width:10ch}.studio-hero-thesis em{font-size:12px;max-width:34ch;margin-top:18px}
  .projects-intro,.project-preview-heading,.about-editorial>header{grid-template-columns:1fr!important}.solid-copy-block,.projects-intro aside{max-width:48ch}
  .about-editorial>header h1{width:min(calc(var(--grid-x) * 6),100%);font-size:clamp(2.7rem,8.5cqw,4.6rem)!important;padding:clamp(24px,4cqw,36px)}
  .about-statement{grid-template-columns:1fr}
}
@container (max-width:600px){
  .studio-hero-thesis{padding:24px 18px 90px}.studio-hero-thesis strong{font-size:clamp(2.45rem,12cqw,3.75rem);line-height:.9}.studio-hero-thesis em{max-width:28ch;padding:11px 12px}
  .about-editorial>header{min-height:auto;padding-block:clamp(34px,9cqw,54px)!important;gap:24px}
  .about-editorial>header h1{width:100%;font-size:clamp(2.35rem,11.5cqw,3.5rem)!important;line-height:.92!important;padding:clamp(20px,6cqw,30px)}
  .studio-home .film-play-mark{right:18px!important;bottom:18px!important}.live-theater,.preview-stage-wrap,.preview-thumbnails,.project-preview-notice{width:calc(100% - 28px)}
}
@media(max-width:899px) and (min-width:761px){.public-shell.companion-open{grid-template-columns:minmax(0,1fr) 1px minmax(360px,42vw)!important}.public-shell>.pane-divider{width:1px!important;cursor:default!important}}
@media(max-width:760px){.site-pane{--masthead-height:58px}.public-shell>.pane-divider{display:none!important}.studio-home .home-film{height:max(560px,calc(100dvh - var(--masthead-height)))}}
@media(prefers-reduced-motion:reduce){.public-shell>.pane-divider:before,.studio-hero-thesis{transition:none!important}}

/* V3 film is composed in 16:9 and carries its own editorial typography. */
.studio-home .home-film{
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:16/9;
  background:#050505!important;
}
.studio-home .home-film-media{
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:16/9!important;
  border-radius:0;
  box-shadow:none;
  background:#050505;
}
.studio-home .home-film video{
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:16/9!important;
  object-fit:contain;
  object-position:center;
  background:#050505;
}
.studio-home .film-idle-overlay{
  align-items:flex-end!important;
  justify-content:flex-end!important;
  padding:clamp(18px,3.2cqw,46px)!important;
  background:transparent!important;
}
.studio-home .film-play-mark{
  position:static!important;
  width:clamp(42px,4cqw,56px);
  height:clamp(42px,4cqw,56px);
}

/* JLORESCO masthead lockup. The compact source removes only the subtitle at narrow widths. */
.global-masthead{background:#000!important}
.global-wordmark{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  justify-self:start;
  width:clamp(154px,9vw,174px);
  height:100%;
  padding:0!important;
  overflow:visible;
}
.global-wordmark picture{display:block;width:100%}
.global-wordmark img{display:block;width:100%;height:auto;object-fit:contain;border:0}
@media(max-width:1100px) and (min-width:701px){.global-wordmark{width:clamp(148px,15vw,164px)}}
@media(max-width:700px){.global-wordmark{width:clamp(118px,31vw,140px)}}

/* V0.19 final layered-grid polish. The module pattern is deterministic so it
   remains stable through hydration, route changes, and reloads. */
:root{
  --paper-deep:#c8c2b8;--paper-cool:#d6d3cc;--clay:#aa7568;--clay-muted:#8d665d;
  --brown:#4a352d;--grid-x:clamp(72px,8vw,150px);--grid-y:clamp(72px,8vw,150px);
  --grid-paper-line:rgba(17,17,15,.07);--grid-paper-shade:rgba(17,17,15,.025);
  --grid-paper-warm:rgba(116,79,58,.035);--grid-paper-red:rgba(228,59,47,.025);
  --grid-dark-line:rgba(242,236,223,.035);--grid-dark-shade:rgba(242,236,223,.018);
  --grid-dark-warm:rgba(116,79,58,.08);--grid-dark-red:rgba(228,59,47,.018)
}
.editorial-grid-field,.studio-selected,.live-editorial-header,.live-studio-page>.session-ledger,.projects-intro,.project-preview-heading,.project-preview-notes,.about-editorial,.about-editorial>.about-statement,.about-editorial>footer{
  position:relative;
  isolation:isolate;
  background-color:var(--paper)!important;
  background-image:
    linear-gradient(to right,var(--grid-paper-line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--grid-paper-line) 1px,transparent 1px);
  background-size:var(--grid-x) var(--grid-y);
  background-position:0 0;
  background-origin:padding-box;
  background-repeat:repeat
}
.editorial-grid-field--dark,.dark-section.editorial-grid-field,.about-editorial>.about-principles,.studio-method,.projects-exhibition{
  background-color:var(--canvas)!important;
  background-image:
    linear-gradient(to right,var(--grid-dark-line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--grid-dark-line) 1px,transparent 1px);
  background-size:var(--grid-x) var(--grid-y);
  background-position:0 0;
  background-origin:padding-box;
  background-repeat:repeat
}

.editorial-grid-shading{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,var(--grid-x));
  grid-auto-rows:var(--grid-y);
  overflow:hidden;
  pointer-events:none
}
.editorial-grid-field>:not(.editorial-grid-shading){position:relative;z-index:1}
.grid-shade{display:block!important;min-width:0;min-height:0;margin:0!important;padding:0!important;border:0!important;background:var(--grid-paper-shade)}
.grid-shade.is-grid-clipped{visibility:hidden}
.grid-shade--01{grid-column:2/span 1;grid-row:2/span 1;background:var(--grid-paper-shade)}
.grid-shade--02{grid-column:5/span 2;grid-row:1/span 1;background:var(--grid-paper-warm)}
.grid-shade--03{grid-column:9/span 1;grid-row:3/span 2;background:var(--grid-paper-red)}
.grid-shade--04{grid-column:12/span 1;grid-row:1/span 1;background:var(--grid-paper-shade)}
.grid-shade--05{grid-column:3/span 1;grid-row:6/span 2;background:var(--grid-paper-red)}
.grid-shade--06{grid-column:7/span 2;grid-row:5/span 1;background:var(--grid-paper-shade)}
.grid-shade--07{grid-column:11/span 1;grid-row:8/span 1;background:var(--grid-paper-warm)}
.grid-shade--08{grid-column:1/span 2;grid-row:10/span 1;background:var(--grid-paper-shade)}
.grid-shade--09{grid-column:14;grid-row:2;background:var(--grid-paper-shade)}
.grid-shade--10{grid-column:4/span 2;grid-row:4;background:var(--grid-paper-warm)}
.grid-shade--11{grid-column:9;grid-row:7;background:var(--grid-paper-red)}
.grid-shade--12{grid-column:13/span 2;grid-row:11;background:var(--grid-paper-shade)}
[data-grid-variant="2"] .grid-shade--01{grid-column:1/span 2;grid-row:3}
[data-grid-variant="2"] .grid-shade--02{grid-column:6/span 1;grid-row:1/span 2}
[data-grid-variant="2"] .grid-shade--03{grid-column:10/span 2;grid-row:4}
[data-grid-variant="2"] .grid-shade--04{grid-column:4;grid-row:6/span 2}
[data-grid-variant="2"] .grid-shade--05{grid-column:8/span 2;grid-row:8}
[data-grid-variant="2"] .grid-shade--09{grid-column:13;grid-row:2}
[data-grid-variant="2"] .grid-shade--10{grid-column:3/span 2;grid-row:5}
[data-grid-variant="2"] .grid-shade--11{grid-column:11;grid-row:7}
[data-grid-variant="2"] .grid-shade--12{grid-column:6/span 2;grid-row:10}
[data-grid-variant="3"] .grid-shade--01{grid-column:3;grid-row:1/span 2}
[data-grid-variant="3"] .grid-shade--02{grid-column:7/span 2;grid-row:3}
[data-grid-variant="3"] .grid-shade--03{grid-column:11;grid-row:2}
[data-grid-variant="3"] .grid-shade--04{grid-column:1/span 2;grid-row:6}
[data-grid-variant="3"] .grid-shade--05{grid-column:5;grid-row:8/span 2}
[data-grid-variant="3"] .grid-shade--09{grid-column:13/span 2;grid-row:1}
[data-grid-variant="3"] .grid-shade--10{grid-column:4;grid-row:4}
[data-grid-variant="3"] .grid-shade--11{grid-column:9/span 2;grid-row:6}
[data-grid-variant="3"] .grid-shade--12{grid-column:2;grid-row:11}
.editorial-grid-field--dark .grid-shade{background:var(--grid-dark-shade)}
.editorial-grid-field--dark .grid-shade--02,.editorial-grid-field--dark .grid-shade--07,.editorial-grid-field--dark .grid-shade--10{background:var(--grid-dark-warm)}
.editorial-grid-field--dark .grid-shade--03,.editorial-grid-field--dark .grid-shade--05,.editorial-grid-field--dark .grid-shade--11{background:var(--grid-dark-red)}
.about-editorial{background-image:none!important}
.about-editorial>header.editorial-grid-field,
.about-editorial>.about-statement.editorial-grid-field,
.about-editorial>footer.editorial-grid-field{
  background-color:var(--paper)!important;
  background-image:linear-gradient(to right,var(--grid-paper-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-paper-line) 1px,transparent 1px)!important;
  background-size:var(--grid-x) var(--grid-y)!important;
  background-position:0 0!important;
  background-origin:padding-box;
  background-repeat:repeat!important
}
.about-editorial>.about-principles.editorial-grid-field{
  background-color:var(--canvas)!important;
  background-image:linear-gradient(to right,var(--grid-dark-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-dark-line) 1px,transparent 1px)!important;
  background-size:var(--grid-x) var(--grid-y)!important;
  background-position:0 0!important;
  background-origin:padding-box;
  background-repeat:repeat!important
}
.studio-method.editorial-grid-field,
.projects-exhibition.editorial-grid-field{
  background-color:var(--canvas)!important;
  background-image:linear-gradient(to right,var(--grid-dark-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-dark-line) 1px,transparent 1px)!important;
  background-size:var(--grid-x) var(--grid-y)!important;
  background-position:0 0!important;
  background-origin:padding-box;
  background-repeat:repeat!important
}

@container (max-width:700px){
  .grid-shade--01{grid-column:1;grid-row:2}
  .grid-shade--02{grid-column:3;grid-row:1/span 2}
  .grid-shade--03{grid-column:2/span 2;grid-row:4}
  .grid-shade--04{grid-column:1;grid-row:6/span 2}
  .grid-shade--05{grid-column:3;grid-row:8}
  .grid-shade--06{grid-column:2;grid-row:10}
  .grid-shade--07,.grid-shade--08,.grid-shade--09,.grid-shade--10,.grid-shade--11,.grid-shade--12{display:none!important}
}

/* Solid editorial planes always sit above, never inside, the grid texture. */
.studio-project-caption,.exhibition-card-copy,.solid-copy-block,.projects-intro aside,.live-editorial-copy>p,.project-preview-heading>div>p,.project-preview-notes article,.about-statement>p,.about-principles>header,.about-principles ol,.about-editorial>footer>button,.session-ledger-grid article,.ledger-related{
  background-image:none!important
}
.studio-project-caption{background:var(--paper-soft)!important;border-top-color:rgba(17,17,15,.28)!important}
.studio-project-caption>span{align-self:start;color:var(--accent)!important;font-size:11px!important;letter-spacing:.08em}
.studio-project-caption h3{margin-top:0!important;text-transform:uppercase;font-weight:650!important}
.studio-project-caption>em{color:#665f56!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.06em}
.studio-project-caption p{color:#403c37!important}
.studio-mosaic{box-shadow:0 0 0 1px rgba(17,17,15,.2)}

/* Preview-only taxonomy is visually removed while clickthrough metadata stays. */
.project-preview-card .exhibition-meta{justify-content:flex-end;margin-bottom:9px}
.project-preview-card .exhibition-meta span{display:none!important}
.project-preview-card .exhibition-card-copy h2{text-transform:uppercase;font-weight:650!important;letter-spacing:-.025em!important}
.project-preview-card .exhibition-card-copy{background:var(--surface)!important;border-top:1px solid var(--rule)!important}

/* Live introduction uses three discrete status planes on the paper field. */
.live-editorial-copy>[data-stream-status]{justify-self:start;width:max-content;padding:11px 14px!important;background:var(--accent)!important;color:var(--ink)!important;border:1px solid var(--accent)!important;border-radius:2px!important;font-size:11px!important;letter-spacing:.08em!important}
.live-editorial-copy>[data-stream-status] i{background:var(--ink)!important;box-shadow:none!important}
.live-editorial-header>.live-header-viewers{display:flex;align-items:baseline;gap:7px;min-width:150px;padding:16px 18px!important;background:var(--clay)!important;color:var(--paper-ink)!important;border:1px solid rgba(17,17,15,.16);border-radius:2px}
.live-editorial-header>.live-header-viewers b,.live-editorial-header>.live-header-viewers span{color:var(--paper-ink)!important}
.live-editorial-header>button{min-width:190px;padding:16px 18px!important;background:var(--canvas)!important;color:var(--ink)!important;border:1px solid var(--canvas)!important;border-radius:2px!important;text-align:left}
.live-editorial-header>button i{float:right;color:var(--accent)}
.live-editorial-header>button:hover,.live-editorial-header>button:focus-visible{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--accent)!important}

/* Session ledger planes are unequal in tone but remain one indexed system. */
.live-studio-page>.session-ledger{border:0!important}
.session-ledger>header{border-top:1px solid rgba(17,17,15,.28);border-bottom:1px solid rgba(17,17,15,.28)}
.session-ledger-grid{gap:1px;border:1px solid rgba(17,17,15,.26)!important;background:rgba(17,17,15,.26)}
.session-ledger-grid article{border:0!important;border-radius:0!important}
.session-ledger-grid .ledger-objective{background:var(--canvas)!important;color:var(--ink)!important}
.session-ledger-grid .ledger-objective h2,.session-ledger-grid .ledger-objective p,.session-ledger-grid .ledger-objective span{color:var(--ink)!important}
.session-ledger-grid .ledger-objective span{color:var(--accent)!important}
.session-ledger-grid .ledger-objective button{color:var(--ink)!important;border-color:var(--accent)!important}
.session-ledger-grid .ledger-note:nth-child(2){background:var(--paper-deep)!important;color:var(--paper-ink)!important}
.session-ledger-grid .ledger-note:nth-child(3){background:var(--clay-muted)!important;color:var(--ink)!important}
.session-ledger-grid .ledger-note:nth-child(3) h3,.session-ledger-grid .ledger-note:nth-child(3) p,.session-ledger-grid .ledger-note:nth-child(3) span{color:var(--ink)!important}
.session-ledger-grid .ledger-note:nth-child(4){background:#b88b7e!important;color:var(--paper-ink)!important}
.ledger-related{margin-top:1px;padding:20px!important;background:var(--brown)!important;color:var(--ink)!important;border:0!important}
.ledger-related b,.ledger-related p,.ledger-related span{color:var(--ink)!important}.ledger-related span{color:#e6b4a8!important}
.ledger-related button{color:var(--ink)!important;border-color:var(--accent)!important}
.session-ledger-top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:1px;margin-top:28px;padding:1px;background:rgba(17,17,15,.24)}.session-ledger-top>article{min-width:0;padding:clamp(24px,3.5vw,48px);background:var(--canvas)}.session-ledger-top .ledger-objective h2{max-width:24ch;margin:16px 0 24px;color:var(--ink);font-size:clamp(1.65rem,3.4vw,3.8rem);line-height:1.02;letter-spacing:-.035em}.session-ledger-top .ledger-summary{background:var(--paper-deep);color:var(--paper-ink)}.ledger-summary b{display:block;margin:14px 0 18px;color:var(--accent);font-size:clamp(1.1rem,1.8vw,1.7rem)}.ledger-summary p{margin:0;color:var(--paper-ink)!important}.session-ledger-top button{padding:8px 0;border:0;border-bottom:1px solid var(--accent);border-radius:0;background:transparent;color:var(--ink)}
.session-ledger-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;margin-top:1px}.session-ledger-grid .ledger-note{min-height:0!important;padding:clamp(20px,2.5vw,32px)!important}.ledger-note>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ledger-note>header span{color:inherit!important}.ledger-note>header em{font-style:normal;font-size:11px;opacity:.68}.ledger-list{display:grid;gap:1px;background:currentColor}.ledger-published-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;width:100%;padding:13px 0!important;border:0!important;border-bottom:1px solid rgba(17,17,15,.18)!important;border-radius:0!important;background:inherit!important;text-align:left}.ledger-published-item b{font-size:13px;line-height:1.45}.ledger-published-item small{font-size:10px;opacity:.7;white-space:nowrap}.ledger-empty{margin:0!important;font-size:13px!important;opacity:.72}.ledger-expand{margin-top:14px;padding:5px 0!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;background:transparent!important;font-size:11px!important}.ledger-related{position:relative;z-index:2}
.ledger-current-activity{position:relative;z-index:2;margin-top:1px;padding:18px clamp(20px,2.5vw,32px);border-left:2px solid var(--accent);background:var(--surface);color:var(--ink)}.ledger-current-activity>span{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.08em}.ledger-current-activity>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.ledger-current-activity b{font-size:13px;line-height:1.45}.ledger-current-activity small{flex:none;color:var(--ink-muted);font-size:10px;text-transform:capitalize}
@container (max-width:760px){.session-ledger-top{grid-template-columns:1fr}.session-ledger-grid{grid-template-columns:1fr!important}.ledger-current-activity>div{align-items:flex-start;flex-direction:column;gap:5px}}@container (max-width:480px){.session-ledger-top>article,.session-ledger-grid .ledger-note{padding:20px!important}.ledger-published-item{grid-template-columns:1fr}.ledger-published-item small{white-space:normal}}

/* About uses paper grids as scaffolding and solid copy planes as content. */
.about-editorial>.about-statement{align-items:start}
.about-editorial>.about-statement>span{padding-top:14px}
.about-editorial>.about-statement>div{max-width:58ch;padding:clamp(28px,4vw,58px)!important;background:var(--canvas)!important;color:var(--ink)!important;border-left:3px solid var(--accent)}
.about-editorial>.about-statement>div p{margin:0;color:var(--ink)!important;font-size:clamp(1.15rem,1.75vw,1.75rem)!important;line-height:1.4!important}
.about-editorial>.about-statement>div p+p{margin-top:1.35em;color:var(--ink-soft)!important;font-size:clamp(1rem,1.25vw,1.2rem)!important;line-height:1.55!important}

/* One ambient water field sits beneath the site. Opaque editorial planes mask it. */
.ambient-koi-layer{position:fixed;inset:0;z-index:0;width:100vw;height:100dvh;pointer-events:none;background:transparent;contain:strict;opacity:1}
#app{position:relative;z-index:1;background:transparent}
.public-shell,.site-pane,.site-scroll,.site-content,.public-shell .site-scroll,.public-shell .site-content{background-color:transparent!important}
.studio-home,.about-editorial{background-color:transparent!important}
.global-masthead,.companion-sidecar,.sidecar-header,.companion-sidecar>.thread,.companion-sidecar>.composer{background-color:var(--canvas)!important}
.studio-method.editorial-grid-field.editorial-grid-field--dark,
.projects-exhibition.editorial-grid-field.editorial-grid-field--dark,
.about-editorial>.about-principles.editorial-grid-field.editorial-grid-field--dark,
.studio-closing,.project-preview,.live-studio-page{background-color:transparent!important}
.home-film,.home-film-media,.film-preview,.live-theater,.public-chat,.exhibition-card,.exhibition-card-copy,.project-preview-heading,.project-preview-notes,.preview-stage-wrap,.preview-thumbnails,.project-preview-notice,.solid-copy-block,.session-ledger,.studio-selected,.about-statement,.about-proof,.about-editorial>footer{position:relative;z-index:2}
.studio-method>header,.studio-method>div>button,.studio-closing>*,.about-principles>header,.about-principles ol,.project-library>header,.project-library-grid,.featured-exhibition{position:relative;z-index:2}
.studio-method>header,.studio-method>div,.about-principles>header,.about-principles ol{background:transparent}
.studio-closing>span,.studio-closing h2,.studio-closing>button{background:transparent}

@media(prefers-reduced-motion:reduce){.ambient-koi-layer{display:none!important}}

/* Real-user navigation and companion scroll affordances. */
.global-masthead .masthead-companion{min-width:clamp(184px,15vw,220px)}
.project-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--paper-ink);font-size:12px;letter-spacing:.04em}.project-breadcrumb button{padding:8px 0;color:var(--paper-ink);border-bottom:1px solid var(--accent);cursor:pointer}.project-breadcrumb span{color:var(--accent)}.project-breadcrumb b{font-weight:500;color:#544f48}
.project-preview-top .project-breadcrumb{color:var(--ink-soft)}.project-preview-top .project-breadcrumb button,.project-preview-top .project-breadcrumb a,.project-preview-top .project-breadcrumb a:visited{color:var(--ink-soft)}.project-preview-top .project-breadcrumb b,.project-preview-top .project-breadcrumb [aria-current="page"]{color:var(--ink);font-weight:600}.project-preview-top .project-breadcrumb>span{color:var(--accent)!important}.project-preview-top .project-breadcrumb button:hover,.project-preview-top .project-breadcrumb a:hover{color:var(--ink);border-bottom-color:var(--accent-hover)}.project-preview-top .project-breadcrumb button:active,.project-preview-top .project-breadcrumb a:active{color:var(--accent-hover)}.project-preview-top .project-breadcrumb button:focus-visible,.project-preview-top .project-breadcrumb a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-preview-top .project-breadcrumb::selection,.project-preview-top .project-breadcrumb *::selection{background:var(--accent);color:#fff}
.project-preview-heading{position:relative;padding-top:38px}.project-heading-back{position:absolute!important;left:clamp(24px,5vw,92px);top:32px;padding:0 0 5px;border:0;border-bottom:1px solid rgba(17,17,15,.3);border-radius:0;background:transparent;color:var(--paper-ink);font-size:12px;cursor:pointer;z-index:4}.project-preview-heading .exhibition-actions{min-width:min(240px,100%)}.project-heading-back:hover,.project-heading-back:focus-visible{color:var(--accent);border-color:var(--accent)}
.project-preview>.project-completion{position:relative;z-index:5;margin-top:clamp(36px,5vw,72px);padding:clamp(22px,3vw,34px);border:1px solid var(--rule-strong);background:var(--surface)!important;opacity:1!important;transform:none!important;clip-path:none!important}.project-completion button{border-radius:0!important;background:transparent!important;color:var(--ink)!important;border-bottom:1px solid var(--rule-strong)!important}.project-completion button:first-child{border-bottom-color:var(--accent)!important}.project-completion button:hover,.project-completion button:focus-visible{color:var(--accent-hover)!important;border-color:var(--accent)!important}
.jump-latest{position:absolute;z-index:8;right:18px;bottom:128px;padding:8px 11px;border:1px solid var(--accent);border-radius:3px;background:var(--surface-raised);color:var(--ink);font-size:11px;box-shadow:0 8px 24px rgba(0,0,0,.24);cursor:pointer}.jump-latest:hover,.jump-latest:focus-visible{background:var(--accent);outline:2px solid var(--ink);outline-offset:2px}
@container (max-width:520px){.project-preview-heading{padding-top:44px}.project-breadcrumb{max-width:100%;flex-wrap:wrap}.global-masthead .masthead-companion{min-width:0}}
@container (max-width:720px){.project-preview-top{align-items:flex-start;gap:14px}.project-breadcrumb{min-width:0;flex:1;flex-wrap:nowrap}.project-breadcrumb button,.project-heading-back,.project-completion button{white-space:nowrap;writing-mode:horizontal-tb;word-break:normal}.project-breadcrumb b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-preview-heading{grid-template-columns:1fr}.project-preview-heading .exhibition-actions{width:100%;display:flex;flex-wrap:wrap;gap:10px}.project-preview-heading .exhibition-actions button{flex:1 1 180px;white-space:normal}.project-completion{display:flex!important;flex-wrap:wrap;gap:14px}.project-completion button{flex:1 1 190px;min-width:min(100%,190px)}}
@container (max-width:720px){.project-preview-heading{padding-inline:clamp(20px,5cqw,40px)!important}.project-preview-heading .exhibition-actions{align-self:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-preview-heading .exhibition-actions button{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:space-between;text-align:left;white-space:normal;overflow-wrap:anywhere}.project-heading-back{left:clamp(20px,5cqw,40px)}}
@container (max-width:430px){.project-preview-heading .exhibition-actions{grid-template-columns:1fr}}
.about-proof{padding:clamp(54px,7vw,110px) clamp(24px,5vw,92px);background:var(--paper);color:var(--paper-ink)}
.about-proof>header{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:40px;align-items:start}.about-proof>header span{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em}.about-proof>header h2{max-width:26ch;margin:0;font-size:clamp(1.5rem,2.4vw,2.75rem);line-height:1.08}
.about-proof ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:42px 0 0;padding:0;list-style:none;background:rgba(17,17,15,.16)}.about-proof li{display:flex;flex-direction:column;gap:12px;min-height:170px;padding:24px;background:var(--paper-soft)}.about-proof li b{color:var(--accent);font-size:clamp(1.65rem,2.8vw,3.2rem);line-height:1}.about-proof li span{font-size:.9rem;line-height:1.45}
.about-principles li div{display:grid;gap:8px}.about-principles li p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.5}
@container (max-width:760px){.about-proof>header{grid-template-columns:1fr}.about-proof ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:460px){.about-proof ol{grid-template-columns:1fr}.about-proof li{min-height:0}}

/* Quiet living-ember treatment for the global companion capability. */
@property --companion-ember-angle{syntax:"<angle>";inherits:false;initial-value:18deg}
.global-masthead .masthead-companion{
  --companion-ember-angle:18deg;
  position:relative;
  isolation:isolate;
  overflow:visible;
  min-width:0;
  border:1px solid var(--accent)!important;
  background:#0d0c0b!important;
  color:var(--ink)!important;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 0 8px rgba(228,59,47,.13),0 0 13px rgba(228,59,47,.07);
  animation:companion-ember-breathe 7.2s cubic-bezier(.45,0,.35,1) infinite;
  transition:border-color 150ms ease,background-color 150ms ease,box-shadow 150ms ease,color 150ms ease;
}
.global-masthead .masthead-companion::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:-2px;
  border:2px solid transparent;
  border-radius:7px;
  pointer-events:none;
  background:conic-gradient(from var(--companion-ember-angle),transparent 0 67%,rgba(255,104,61,.12) 73%,rgba(240,75,61,.62) 79%,rgba(228,59,47,.16) 86%,transparent 92%) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.62;
  animation:companion-ember-travel 12.8s linear infinite;
  transition:opacity 150ms ease;
}
.global-masthead .masthead-companion::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-5px;
  border-radius:10px;
  pointer-events:none;
  box-shadow:0 0 11px rgba(228,59,47,.12);
  opacity:.72;
  transition:inset 150ms ease,box-shadow 150ms ease,opacity 150ms ease;
}
.global-masthead .masthead-companion>span{display:inline-block;margin-left:5px;transition:transform 150ms ease}
.global-masthead .masthead-companion:hover,.global-masthead .masthead-companion:focus-visible{
  border-color:var(--accent-hover)!important;
  background:#0d0c0b!important;
  box-shadow:0 0 10px rgba(228,59,47,.2),0 0 16px rgba(228,59,47,.1)!important;
}
.global-masthead .masthead-companion:hover::before,.global-masthead .masthead-companion:focus-visible::before{opacity:.92}
.global-masthead .masthead-companion:hover::after,.global-masthead .masthead-companion:focus-visible::after{inset:-7px;box-shadow:0 0 14px rgba(228,59,47,.2);opacity:.9}
.global-masthead .masthead-companion:hover>span,.global-masthead .masthead-companion:focus-visible>span{transform:translate(2px,-2px)}
.global-masthead .masthead-companion:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px}
.global-masthead .masthead-companion:active{border-color:var(--accent-hover)!important;box-shadow:inset 0 0 8px rgba(228,59,47,.2),0 0 5px rgba(228,59,47,.16)!important;transition-duration:110ms}
.global-masthead .masthead-companion:active::after{inset:-2px;box-shadow:0 0 5px rgba(228,59,47,.16);transition-duration:110ms}
.public-shell.companion-open .global-masthead .masthead-companion{
  animation:none;
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
.public-shell.companion-open .global-masthead .masthead-companion::before{animation:none;opacity:0}
.public-shell.companion-open .global-masthead .masthead-companion::after{box-shadow:none;opacity:0}
@keyframes companion-ember-travel{
  0%{--companion-ember-angle:18deg}
  24%{--companion-ember-angle:101deg}
  51%{--companion-ember-angle:203deg}
  73%{--companion-ember-angle:278deg}
  100%{--companion-ember-angle:378deg}
}
@keyframes companion-ember-breathe{
  0%,58%,100%{box-shadow:0 0 8px rgba(228,59,47,.13),0 0 13px rgba(228,59,47,.07)}
  68%{box-shadow:0 0 10px rgba(228,59,47,.18),0 0 16px rgba(228,59,47,.09)}
  76%{box-shadow:0 0 8px rgba(228,59,47,.14),0 0 13px rgba(228,59,47,.07)}
  83%{box-shadow:0 0 9px rgba(228,59,47,.16),0 0 14px rgba(228,59,47,.08)}
}
@media(prefers-reduced-motion:reduce){
  .global-masthead .masthead-companion,.global-masthead .masthead-companion::before{animation:none!important}
  .global-masthead .masthead-companion::before{opacity:0!important}
  .global-masthead .masthead-companion::after{opacity:.72}
  .global-masthead .masthead-companion>span{transition:none}
}

/* About career edition */
.about-expanded{overflow:hidden}.about-expanded>.about-hero{position:relative;min-height:min(820px,calc(100dvh - var(--masthead-height)))!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:auto 1fr!important;gap:clamp(24px,3vw,48px)!important;align-items:end!important;padding:clamp(40px,5vw,78px) clamp(24px,5vw,92px) 0!important;background-color:transparent!important;color:var(--ink)!important;border:0!important;isolation:isolate}.about-hero-eyebrow{grid-column:1/-1;align-self:start;position:relative;z-index:4;color:var(--accent)!important;font-size:var(--type-meta);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.about-hero-copy{grid-column:1/8;grid-row:2;align-self:center;position:relative;z-index:4;padding-bottom:clamp(44px,6vw,96px)}.about-hero-copy h1{width:auto!important;margin:0!important;padding:0!important;background:transparent!important;color:var(--ink)!important;font-size:clamp(3.6rem,6.6cqw,7.5rem)!important;font-family:var(--font-display)!important;font-weight:600!important;line-height:.87!important;letter-spacing:-.055em!important;text-transform:uppercase}.about-hero-copy h1 span{display:block!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;white-space:nowrap}.about-hero-copy h1 i{color:var(--accent);font:inherit}.about-hero-summary{width:min(620px,90%);margin-top:clamp(28px,4vw,54px);padding:clamp(22px,2.8vw,38px);background:var(--canvas);border-left:3px solid var(--accent)}.about-hero-summary p{margin:0;color:var(--ink)!important;font-size:clamp(1rem,1.35vw,1.3rem)!important;line-height:1.52!important}.about-hero-summary small{display:block;margin-top:16px;padding-top:16px;border-top:1px solid var(--rule);color:var(--ink-soft);font-size:.9rem;line-height:1.5}.about-portrait{grid-column:8/-1;grid-row:2;align-self:end;justify-self:end;position:relative;z-index:3;width:min(100%,560px);height:clamp(560px,69vh,760px);margin:0;overflow:hidden;background:#000}.about-portrait>i{position:absolute;z-index:-1;left:-8%;bottom:8%;width:58%;height:72%;background:var(--accent)}.about-portrait img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;object-position:center 17%}
.about-career{position:relative;padding:clamp(68px,8vw,132px) clamp(24px,5vw,92px)!important;color:var(--paper-ink)!important;background-color:var(--paper)!important}.about-career>header{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,.72fr);gap:clamp(24px,5vw,80px);align-items:start;margin-bottom:clamp(44px,6vw,88px)}.about-career>header span,.about-throughline>header span,.about-resume>span{color:var(--accent);font-size:var(--type-meta);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.about-career>header h2,.about-throughline>header h2,.about-resume h2{margin:0;font-family:var(--font-display);font-size:clamp(2.7rem,5.5vw,6.4rem);font-weight:600;line-height:.91;letter-spacing:-.045em;text-transform:uppercase}.career-thread{position:relative;display:grid;gap:2px;padding-left:clamp(18px,2.2vw,34px)}.career-thread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.career-thread::after{content:"";position:absolute;left:-3px;top:0;width:9px;height:clamp(42px,5vw,72px);background:var(--accent);animation:career-thread-marker 9s cubic-bezier(.45,0,.2,1) infinite alternate}@keyframes career-thread-marker{0%,8%{top:0}92%,100%{top:calc(100% - 72px)}}.career-thread>article{display:grid;grid-template-columns:64px minmax(120px,.28fr) minmax(0,.72fr);gap:clamp(16px,3vw,48px);align-items:start;padding:clamp(26px,3.5vw,52px);background:var(--canvas);color:var(--ink);border:1px solid rgba(17,17,15,.2)}.career-thread>article:nth-child(even){background:var(--paper-soft);color:var(--paper-ink)}.career-index{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em}.career-thread time{color:inherit;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.68}.career-thread h3{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.6vw,4.25rem);line-height:.92;letter-spacing:-.035em}.career-thread b{display:block;margin-top:10px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.career-thread p{max-width:61ch;margin:20px 0 0;color:inherit!important;font-size:clamp(.98rem,1.15vw,1.12rem)!important;line-height:1.58!important;opacity:.82}.about-proof-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,5vw,72px);border:1px solid rgba(17,17,15,.25)}.about-proof-band article{min-height:190px;padding:clamp(22px,2.8vw,38px);background:var(--paper-soft);border-right:1px solid rgba(17,17,15,.22)}.about-proof-band article:last-child{border-right:0}.about-proof-band b{display:block;color:var(--accent);font-family:var(--font-display);font-size:clamp(2.4rem,4vw,5rem);line-height:.9;letter-spacing:-.04em}.about-proof-band span{display:block;margin-top:22px;color:var(--paper-ink);font-size:.84rem;line-height:1.45}
.about-throughline{position:relative;padding:clamp(74px,9vw,146px) clamp(24px,5vw,92px)!important;background-color:transparent!important;color:var(--ink)!important}.about-throughline>header{display:grid;grid-template-columns:minmax(160px,.28fr) minmax(0,.72fr);gap:clamp(24px,5vw,80px)}.throughline-copy{max-width:62ch;margin:clamp(48px,7vw,94px) 0 0 auto;padding:clamp(28px,4vw,58px);background:var(--surface);border-left:3px solid var(--accent);color:var(--ink)!important;font-size:clamp(1.2rem,2vw,1.85rem)!important;line-height:1.5!important}.about-throughline ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:clamp(46px,6vw,84px) 0 0;padding:0;background:var(--rule);list-style:none}.about-throughline li{display:grid;grid-template-columns:42px 1fr;gap:15px;min-height:240px;padding:clamp(24px,3vw,42px);background:var(--canvas)}.about-throughline li>span{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.12em}.about-throughline h3{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,2.7rem);line-height:.96;letter-spacing:-.025em}.about-throughline li p{margin:18px 0 0;color:var(--ink-soft)!important;font-size:1rem!important;line-height:1.55!important}
.about-resume{position:relative;display:grid;grid-template-columns:minmax(130px,.22fr) minmax(260px,.43fr) minmax(260px,.35fr);gap:clamp(24px,4vw,70px);align-items:start;padding:clamp(68px,8vw,126px) clamp(24px,5vw,92px)!important;background-color:var(--paper)!important;color:var(--paper-ink)!important}.about-resume h2{font-size:clamp(2.4rem,4.4vw,5.1rem)}.about-resume p{max-width:44ch;margin:24px 0 0;color:var(--paper-ink)!important;font-size:1.06rem!important;line-height:1.55!important}.about-resume-actions{display:grid;gap:1px;background:rgba(17,17,15,.22)}.about-resume-actions a,.about-resume-actions button{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:18px 22px;background:var(--canvas);border:0;color:var(--ink);font:600 .76rem/1.25 var(--font-ui);letter-spacing:.08em;text-align:left;text-decoration:none;cursor:pointer}.about-resume-actions a:hover,.about-resume-actions a:focus-visible,.about-resume-actions button:hover,.about-resume-actions button:focus-visible{background:var(--accent);color:var(--ink);outline:2px solid var(--paper-ink);outline-offset:2px}.about-resume-actions .resume-docx{background:var(--paper-soft);color:var(--paper-ink)}.stage-media-portrait{background:#000!important}.stage-media-portrait img{object-fit:cover!important;object-position:center 16%!important}.stage-media-portrait .stage-coordinate-grid,.stage-media-portrait .stage-media-frame,.stage-media-portrait .stage-media-trace{display:none}
@container (max-width:1050px){.about-expanded>.about-hero{min-height:auto!important}.about-hero-copy{grid-column:1/8}.about-portrait{grid-column:8/-1;height:clamp(500px,62cqw,690px)}.about-hero-copy h1{font-size:clamp(3rem,7.3cqw,5.4rem)!important}.about-proof-band{grid-template-columns:repeat(2,1fr)}.about-proof-band article:nth-child(2){border-right:0}.about-proof-band article:nth-child(-n+2){border-bottom:1px solid rgba(17,17,15,.22)}.about-resume{grid-template-columns:1fr 2fr}.about-resume-actions{grid-column:2}}
@container (max-width:760px){.about-expanded>.about-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:32px 20px 0!important;gap:24px!important}.about-hero-eyebrow{order:0}.about-hero-copy{order:1;padding:16px 0 0}.about-hero-copy h1{font-size:clamp(2.7rem,12.5cqw,4.25rem)!important}.about-hero-copy h1 span{white-space:normal}.about-hero-summary{width:100%;margin-top:28px}.about-portrait{order:2;width:min(100%,460px);height:min(62vh,570px);margin:0 -20px 0 auto}.about-portrait>i{left:-6%;height:58%}.about-career>header,.about-throughline>header{grid-template-columns:1fr}.career-thread>article{grid-template-columns:44px 1fr}.career-thread>article>div{grid-column:1/-1;padding-left:60px}.career-thread h3{font-size:clamp(2rem,10cqw,3.35rem)}.about-throughline ol{grid-template-columns:1fr}.about-throughline li{min-height:0}.about-resume{grid-template-columns:1fr}.about-resume-actions{grid-column:auto}}
@media (max-width:540px){.about-proof-band{grid-template-columns:1fr}.about-proof-band article{min-height:0;border-right:0;border-bottom:1px solid rgba(17,17,15,.22)!important}.about-proof-band article:last-child{border-bottom:0!important}.about-portrait{height:500px}.career-thread>article{padding:24px 20px}}
@media (prefers-reduced-motion:reduce){.career-thread::after{animation:none;top:0}.about-portrait{transform:none!important}}

/* Retire the former red headline plane without changing other About sections. */
.about-editorial>.about-hero.editorial-grid-field{background-color:var(--canvas)!important;background-image:linear-gradient(to right,rgba(242,236,223,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(242,236,223,.035) 1px,transparent 1px)!important;color:var(--ink)!important}
.about-editorial>.about-hero .editorial-grid-shading{display:none}
.about-editorial>.about-hero::before{content:"";position:absolute;inset:0;z-index:0;background-color:var(--canvas);background-image:linear-gradient(to right,rgba(242,236,223,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(242,236,223,.035) 1px,transparent 1px);background-size:var(--grid-x) var(--grid-y);pointer-events:none}
.about-editorial>.about-hero .about-hero-copy h1{width:auto!important;padding:0 0 .12em!important;background:transparent!important;background-image:none!important;font-size:clamp(3.1rem,4.4cqw,5.35rem)!important;line-height:.94!important}
.about-editorial>.about-hero .about-hero-copy h1>span{color:var(--ink)!important;text-transform:uppercase!important}
.about-editorial>.about-hero .about-portrait{padding-left:clamp(14px,1.8vw,28px);background:transparent}
.about-editorial>.about-hero .about-portrait>i{z-index:0;left:0;bottom:7%;width:44%;height:78%}
.about-editorial>.about-hero .about-portrait img{width:calc(100% - clamp(14px,1.8vw,28px));margin-left:clamp(14px,1.8vw,28px);background:#000}
.about-editorial>.about-career::before,.about-editorial>.about-resume::before{content:"";position:absolute;inset:0;z-index:0;background-color:var(--paper);background-image:linear-gradient(to right,rgba(17,17,15,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,15,.07) 1px,transparent 1px);background-size:var(--grid-x) var(--grid-y);pointer-events:none}.about-editorial>.about-career>*:not(.editorial-grid-shading),.about-editorial>.about-resume>*:not(.editorial-grid-shading){position:relative;z-index:1}.about-editorial>.about-career>header h2,.about-editorial>.about-resume h2{color:var(--paper-ink)!important}
@container (max-width:1050px){.about-editorial>.about-hero .about-hero-copy h1{font-size:clamp(2.25rem,4.2cqw,3.65rem)!important}}
@container (max-width:760px){.about-editorial>.about-hero .about-hero-copy h1{font-size:clamp(2.55rem,11cqw,3.9rem)!important}}

/* Layered atmosphere: a stable foreground control over three moving aura fields. */
.global-masthead{overflow:hidden!important}
.global-masthead .masthead-companion{
  position:relative;
  isolation:isolate;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
}
.global-masthead .masthead-companion::before,.global-masthead .masthead-companion::after{display:none!important}
.companion-cta-face{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  box-sizing:border-box;
  min-height:38px;
  padding:10px 14px;
  border:1px solid var(--accent);
  border-radius:6px;
  background:#0d0c0b;
  color:var(--ink);
  letter-spacing:.055em;
  white-space:nowrap;
  transition:border-color 150ms ease,background-color 150ms ease,color 150ms ease,box-shadow 150ms ease;
}
.companion-cta-face>i{font-style:normal;transition:transform 150ms ease}
.companion-cta-aura{
  position:absolute;
  z-index:1;
  inset:-11px -20px;
  overflow:visible;
  pointer-events:none;
  opacity:1;
  filter:saturate(1.28);
  transition:opacity 180ms ease,transform 180ms ease;
}
.companion-cta-aura>i{position:absolute;display:block;pointer-events:none;will-change:transform,opacity;border-radius:48% 57% 44% 61%}
.companion-cta-aura>i:nth-child(1){
  left:5%;right:7%;top:27%;bottom:13%;
  background:rgba(228,59,47,.86);
  box-shadow:0 0 12px rgba(228,59,47,.62),0 -4px 10px rgba(255,78,42,.38);
  filter:blur(7px);
  transform-origin:46% 72%;
  animation:companion-aura-rise 6.2s cubic-bezier(.44,.05,.33,.96) infinite alternate;
}
.companion-cta-aura>i:nth-child(2){
  left:19%;right:1%;top:13%;bottom:29%;
  background:rgba(190,42,25,.72);
  box-shadow:5px 0 14px rgba(210,46,29,.5);
  filter:blur(9px);
  transform-origin:74% 62%;
  animation:companion-aura-wander 8.7s cubic-bezier(.37,.08,.28,.98) -2.4s infinite alternate;
}
.companion-cta-aura>i:nth-child(3){
  left:1%;right:32%;top:39%;bottom:2%;
  background:rgba(255,91,45,.68);
  box-shadow:-4px 1px 11px rgba(255,74,38,.5);
  filter:blur(6px);
  transform-origin:27% 38%;
  animation:companion-aura-flicker 4.9s cubic-bezier(.42,0,.4,1) -1.1s infinite alternate;
}
.global-masthead .masthead-companion:hover .companion-cta-aura,.global-masthead .masthead-companion:focus-visible .companion-cta-aura{opacity:1;transform:translateY(-2px) scale(1.08)}
.global-masthead .masthead-companion:hover .companion-cta-face,.global-masthead .masthead-companion:focus-visible .companion-cta-face{border-color:var(--accent-hover);background:#0d0c0b;box-shadow:0 0 0 1px rgba(228,59,47,.16)}
.global-masthead .masthead-companion:hover .companion-cta-face>i,.global-masthead .masthead-companion:focus-visible .companion-cta-face>i{transform:translate(2px,-2px)}
.global-masthead .masthead-companion:focus-visible{outline:2px solid var(--accent)!important;outline-offset:5px}
.global-masthead .masthead-companion:active .companion-cta-aura{transform:scale(.9);opacity:.72;transition-duration:110ms}
.global-masthead .masthead-companion:active .companion-cta-face{border-color:var(--accent-hover);box-shadow:inset 0 0 7px rgba(228,59,47,.22);transition-duration:110ms}
.public-shell.companion-open .global-masthead .masthead-companion{background:transparent!important}
.public-shell.companion-open .global-masthead .masthead-companion .companion-cta-face{border-color:var(--accent);background:var(--accent);color:var(--ink);box-shadow:none}
.public-shell.companion-open .global-masthead .masthead-companion .companion-cta-aura{transform:scale(.72);opacity:0}
.public-shell.companion-open .global-masthead .masthead-companion .companion-cta-aura>i{animation-play-state:paused}
@keyframes companion-aura-rise{
  0%{transform:translate3d(-2px,4px,0) scale(.94,.88);opacity:.58;border-radius:52% 43% 61% 47%}
  38%{transform:translate3d(3px,-1px,0) scale(1.03,.98);opacity:.78;border-radius:43% 62% 45% 58%}
  72%{transform:translate3d(-1px,-5px,0) scale(.98,1.12);opacity:.68;border-radius:59% 42% 56% 46%}
  100%{transform:translate3d(4px,-2px,0) scale(1.07,1.02);opacity:.84;border-radius:47% 58% 41% 63%}
}
@keyframes companion-aura-wander{
  0%{transform:translate3d(7px,2px,0) scale(.9,1.03);opacity:.48;border-radius:61% 42% 52% 48%}
  31%{transform:translate3d(-3px,-4px,0) scale(1.05,.93);opacity:.7;border-radius:46% 63% 43% 57%}
  67%{transform:translate3d(5px,-1px,0) scale(.96,1.1);opacity:.57;border-radius:57% 45% 62% 41%}
  100%{transform:translate3d(-6px,-5px,0) scale(1.09,.97);opacity:.75;border-radius:42% 59% 48% 64%}
}
@keyframes companion-aura-flicker{
  0%{transform:translate3d(-4px,2px,0) scale(.92);opacity:.38}
  46%{transform:translate3d(2px,-4px,0) scale(1.08,.97);opacity:.68}
  71%{transform:translate3d(5px,-1px,0) scale(.99,1.1);opacity:.5}
  100%{transform:translate3d(0,-5px,0) scale(1.11,1.03);opacity:.72}
}
@media(prefers-reduced-motion:reduce){
  .companion-cta-aura{transform:none!important;opacity:.88!important}
  .companion-cta-aura>i{animation:none!important;transform:none!important}
  .global-masthead .masthead-companion:hover .companion-cta-face>i,.global-masthead .masthead-companion:focus-visible .companion-cta-face>i{transform:none}
  .public-shell.companion-open .global-masthead .masthead-companion .companion-cta-aura{opacity:0!important}
}
.about-editorial>.about-principles>header{padding:clamp(24px,3vw,42px);background:var(--surface)!important;border-left:3px solid var(--accent)}
.about-editorial>.about-principles ol{padding:8px 22px;background:var(--surface-raised)!important}
.about-editorial>.about-principles li{border-color:var(--rule)!important}.about-editorial>.about-principles li b{color:var(--ink)!important}
.about-editorial>footer{display:grid!important;grid-template-columns:minmax(120px,.3fr) minmax(280px,.7fr);align-items:center!important;gap:30px}
.about-editorial>footer>button{justify-self:stretch;padding:26px 30px!important;background:var(--canvas)!important;color:var(--ink)!important;border:1px solid var(--canvas)!important;border-left:3px solid var(--accent)!important;text-align:left}
.about-editorial>footer>button:hover,.about-editorial>footer>button:focus-visible{background:var(--surface)!important;border-color:var(--accent)!important}

/* Project-detail paper fields keep copy on opaque surfaces. */
.project-preview-heading>div>p{background:var(--canvas)!important;color:var(--ink)!important}
.project-preview-notes{gap:1px!important;background-color:var(--paper)!important}
.project-preview-notes article{border:0!important;border-radius:0!important;background:var(--paper-soft)!important;color:var(--paper-ink)!important}
.project-preview-notes article:nth-child(2){background:var(--paper-deep)!important}.project-preview-notes article:nth-child(3){background:var(--canvas)!important;color:var(--ink)!important}
.project-preview-notes article:nth-child(3) h2,.project-preview-notes article:nth-child(3) p{color:var(--ink)!important}

@container (max-width:820px){
  .live-editorial-header>.live-header-viewers,.live-editorial-header>button{min-width:0;width:100%}
  .about-editorial>footer{grid-template-columns:1fr}.about-editorial>footer>button{width:100%}
}

/* Legacy exhibition fallbacks now follow the single red brand accent. */
.site-pane:has(.projects-exhibition,.project-preview) .site-nav button.active::after{background:var(--accent)}
.exhibition-meta span,.exhibition-actions i{color:var(--accent)}
.exhibition-actions button:hover{border-color:var(--accent)}
.exhibition-media{--media-accent:var(--accent)}
.exhibition-shape{border-color:rgba(228,59,47,.22);background:rgba(35,25,22,.82)}
.media-signal-field,.media-context-orbit{background:linear-gradient(150deg,#211915,#2b201c)}
.media-archive{background:radial-gradient(circle at 76% 18%,rgba(228,59,47,.18),transparent 34%),linear-gradient(145deg,#241a17,#201b21 58%,#11100f)}

/* Projects index only: official Kagurabachi cinematic masthead. */
.projects-exhibition .kagurabachi-project-banner{background:#070606;isolation:isolate}
.projects-exhibition .is-kagurabachi-banner{grid-template-rows:80px minmax(0,1fr)!important}
.projects-exhibition .is-kagurabachi-banner>.kagurabachi-project-banner{position:relative!important;inset:auto!important;height:80px!important;min-height:80px!important;grid-row:1!important}
.projects-exhibition .is-kagurabachi-banner>.exhibition-card-copy{min-height:0;padding:12px 18px 14px!important;overflow:hidden}
.projects-exhibition .is-kagurabachi-banner .exhibition-meta{margin-bottom:4px}
.projects-exhibition .is-kagurabachi-banner .exhibition-card-copy h2{margin-bottom:4px;font-size:clamp(20px,2.4cqw,25px)!important}
.projects-exhibition .is-kagurabachi-banner .exhibition-card-copy p{line-height:1.34}
.projects-exhibition .is-kagurabachi-banner .privacy-marker{margin-top:3px}
.projects-exhibition .is-kagurabachi-banner .exhibition-actions{margin-top:8px}
.projects-exhibition .is-kagurabachi-banner .exhibition-actions button{min-height:30px}
.projects-exhibition .kagurabachi-banner-art{position:absolute;inset:0 0 0 23%;overflow:hidden}
.projects-exhibition .kagurabachi-banner-keyart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:24% 23%;filter:saturate(.96) contrast(1.03)}
.projects-exhibition .kagurabachi-banner-logo-field{position:absolute;z-index:2;inset:0 auto 0 0;width:43%;display:flex;align-items:center;padding:clamp(18px,3.4cqw,34px);background:linear-gradient(90deg,#070606 0%,rgba(7,6,6,.98) 54%,rgba(7,6,6,.72) 76%,transparent 100%)}
.projects-exhibition .kagurabachi-banner-logo{display:block;width:min(84%,280px);height:auto;object-fit:contain}
.projects-exhibition .brochad-project-banner{background:#faf9f6;isolation:isolate}
.projects-exhibition .brochad-project-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#faf9f6}
.projects-exhibition .is-brochad-banner{grid-template-rows:140px minmax(0,1fr)!important}
.projects-exhibition .is-brochad-banner>.brochad-project-banner{position:relative!important;inset:auto!important;height:140px!important;min-height:140px!important;grid-row:1!important}
@container (max-width:800px){
  .projects-exhibition .kagurabachi-banner-art{left:28%}
  .projects-exhibition .kagurabachi-banner-keyart{object-position:27% 23%}
  .projects-exhibition .kagurabachi-banner-logo-field{width:49%;padding:22px}
}
@container (max-width:520px){
  .projects-exhibition .kagurabachi-banner-art{left:31%}
  .projects-exhibition .kagurabachi-banner-keyart{object-position:30% 22%}
  .projects-exhibition .kagurabachi-banner-logo-field{width:54%;padding:18px}
  .projects-exhibition .kagurabachi-banner-logo{width:88%}
}

/* BroChad-derived site reveal grammar. Content is visible by default and is
   concealed only after the site-scoped enhancer successfully initializes. */
.site-content.site-motion-ready .site-reveal{
  transition-delay:var(--site-reveal-delay,0ms);
  backface-visibility:hidden;
  transform-origin:50% 100%;
  will-change:opacity,transform,clip-path
}
.site-content.site-motion-ready .site-reveal--label{
  opacity:0;
  transform:translate3d(0,6px,0);
  transition-property:opacity,transform;
  transition-duration:.42s,.58s;
  transition-timing-function:ease,cubic-bezier(.22,1,.36,1)
}
.site-content.site-motion-ready .site-reveal--heading{
  opacity:0;
  transform:translate3d(0,24px,0);
  clip-path:inset(0 0 100% 0);
  transition-property:opacity,transform,clip-path;
  transition-duration:.55s,.85s,.9s;
  transition-timing-function:ease,cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1)
}
.site-content.site-motion-ready .site-reveal--copy{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition-property:opacity,transform;
  transition-duration:.5s,.7s;
  transition-timing-function:ease,cubic-bezier(.22,1,.36,1)
}
.site-content.site-motion-ready .site-reveal--media{
  opacity:.42;
  transform:translate3d(0,18px,0) scale(.992);
  clip-path:inset(0 0 12% 0);
  transition-property:opacity,transform,clip-path;
  transition-duration:.68s,.9s,.9s;
  transition-timing-function:cubic-bezier(.22,1,.36,1)
}
.site-content.site-motion-ready .site-reveal--object{
  opacity:.42;
  transform:translate3d(0,18px,0) scale(.992);
  transition-property:opacity,transform;
  transition-duration:.68s,.86s;
  transition-timing-function:cubic-bezier(.22,1,.36,1)
}
.site-content.site-motion-ready .site-reveal--action{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition-property:opacity,transform;
  transition-duration:.45s,.62s;
  transition-timing-function:ease,cubic-bezier(.22,1,.36,1)
}
.site-content.site-motion-ready .site-reveal-group.is-revealed .site-reveal,
.site-content.site-motion-ready .site-reveal-group.site-reveal.is-revealed{
  opacity:1;
  transform:none;
  clip-path:inset(0)
}
.site-content.site-motion-ready .site-reveal-group.is-revealed .site-reveal--heading,
.site-content.site-motion-ready .site-reveal-group.is-revealed .site-reveal--media,
.site-content.site-motion-ready .site-reveal-group.site-reveal--heading.is-revealed,
.site-content.site-motion-ready .site-reveal-group.site-reveal--media.is-revealed{
  clip-path:inset(0)
}
.site-content.site-motion-ready .site-reveal-group.is-revealed .site-reveal,
.site-content.site-motion-ready .site-reveal-group.site-reveal.is-revealed{will-change:auto}

@container (max-width:700px){
  .site-content.site-motion-ready .site-reveal--heading{transform:translate3d(0,18px,0)}
  .site-content.site-motion-ready .site-reveal--copy,
  .site-content.site-motion-ready .site-reveal--object,
  .site-content.site-motion-ready .site-reveal--media{transform:translate3d(0,12px,0);clip-path:inset(0 0 8% 0)}
}
@media(prefers-reduced-motion:reduce){
  .site-content .site-reveal{
    opacity:1!important;
    transform:none!important;
    clip-path:none!important;
    transition:none!important;
    will-change:auto!important
  }
}

/* Premium action surfaces. Editorial links and navigation remain deliberately flat. */
:root{
  --button-rim:rgba(228,59,47,.92);
  --button-rim-bright:rgba(255,92,74,.96);
  --button-top-light:rgba(255,255,255,.13);
  --button-dark-top:#181513;
  --button-dark-bottom:#090807;
  --button-red-top:#ee4639;
  --button-red-bottom:#b92620;
  --button-depth-dark:0 2px 0 #050404,0 7px 14px rgba(0,0,0,.32);
  --button-depth-red:0 2px 0 #781711,0 7px 14px rgba(0,0,0,.3);
  --button-focus-ring:0 0 0 2px var(--canvas),0 0 0 4px var(--accent-hover)
}

.companion-cta-face{
  gap:10px;
  border-color:var(--button-rim);
  background:linear-gradient(180deg,var(--button-dark-top) 0%,#100e0d 48%,var(--button-dark-bottom) 100%);
  box-shadow:inset 0 1px 0 var(--button-top-light),inset 0 -2px 0 rgba(0,0,0,.72),var(--button-depth-dark);
  text-shadow:none;
  transform:translateY(0);
  transition:border-color 150ms ease,background-color 150ms ease,color 150ms ease,box-shadow 150ms ease,transform 150ms ease
}
.companion-cta-face>span{line-height:1;letter-spacing:.06em}
.companion-cta-face>i{display:inline-grid;place-items:center;flex:0 0 auto;line-height:1;font-size:.94em}
.global-masthead .masthead-companion:hover .companion-cta-face,.global-masthead .masthead-companion:focus-visible .companion-cta-face{
  border-color:var(--button-rim-bright);
  background:linear-gradient(180deg,#201a17 0%,#120f0e 50%,#090807 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.76),0 3px 0 #050404,0 9px 18px rgba(0,0,0,.38),0 0 0 1px rgba(228,59,47,.18);
  transform:translateY(-1px)
}
.global-masthead .masthead-companion:focus-visible{outline:0!important;box-shadow:var(--button-focus-ring)!important;border-radius:8px}
.global-masthead .masthead-companion:active .companion-cta-face{
  transform:translateY(1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 2px 4px rgba(0,0,0,.72),0 1px 0 #050404!important
}

.public-shell.companion-open .global-masthead .masthead-companion .companion-cta-face{
  min-height:36px;
  padding:9px 12px;
  border-color:#f05145;
  background:linear-gradient(180deg,#d43b31 0%,#bd2d25 52%,#8f1d18 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(91,14,10,.42),var(--button-depth-red);
  font-size:11px;
  font-weight:650;
  letter-spacing:.065em
}
.public-shell.companion-open .global-masthead .masthead-companion:hover .companion-cta-face,.public-shell.companion-open .global-masthead .masthead-companion:focus-visible .companion-cta-face{
  border-color:#ff6b5e;
  background:linear-gradient(180deg,#e8493d 0%,#cd332a 52%,#a8221c 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(91,14,10,.42),0 3px 0 #781711,0 8px 16px rgba(0,0,0,.34)
}
.public-shell.companion-open .global-masthead .masthead-companion:active .companion-cta-face{
  box-shadow:inset 0 2px 5px rgba(84,11,8,.55),0 1px 0 #781711!important
}

.studio-home .film-play-mark{
  box-sizing:border-box;
  padding-left:2px;
  border:1px solid rgba(255,113,98,.96)!important;
  background:linear-gradient(180deg,var(--button-red-top) 0%,#d7352c 52%,var(--button-red-bottom) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(91,14,10,.4),0 0 0 2px rgba(9,8,7,.58),0 3px 0 #781711,0 9px 22px rgba(0,0,0,.48)!important;
  transition:transform 150ms ease,box-shadow 150ms ease,filter 150ms ease
}
.studio-home .film-play-mark::after{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:inherit;
  pointer-events:none
}
.studio-home .film-idle-overlay:hover .film-play-mark,.studio-home .film-idle-overlay:focus-visible .film-play-mark{
  transform:translateY(-1px) scale(1.025);
  filter:brightness(1.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -3px 0 rgba(91,14,10,.38),0 0 0 2px rgba(9,8,7,.68),0 4px 0 #781711,0 12px 26px rgba(0,0,0,.52)!important
}
.studio-home .film-idle-overlay:active .film-play-mark{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(84,11,8,.52),0 0 0 2px rgba(9,8,7,.68),0 1px 0 #781711,0 5px 12px rgba(0,0,0,.4)!important}
.studio-home .film-idle-overlay:focus-visible{outline:0!important}.studio-home .film-idle-overlay:focus-visible .film-play-mark{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(91,14,10,.4),0 0 0 2px var(--canvas),0 0 0 4px var(--accent-hover),0 4px 0 #781711,0 12px 26px rgba(0,0,0,.52)!important}

.public-shell.companion-open .composer .send-button,.public-shell.companion-open .composer .stop-generation{
  position:relative;
  border:1px solid rgba(255,105,90,.92)!important;
  background:linear-gradient(180deg,var(--button-red-top) 0%,#d7352c 52%,var(--button-red-bottom) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -2px 0 rgba(91,14,10,.42),0 2px 0 #781711,0 6px 12px rgba(0,0,0,.3)!important;
  line-height:1;
  transform:translateY(0);
  transition:transform 140ms ease,box-shadow 140ms ease,filter 140ms ease
}
.public-shell.companion-open .composer .send-button:hover,.public-shell.companion-open .composer .send-button:focus-visible{filter:brightness(1.07);transform:translateY(-1px)}
.public-shell.companion-open .composer .send-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(84,11,8,.52),0 1px 0 #781711!important}
.public-shell.companion-open .composer .send-button:focus-visible{outline:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -2px 0 rgba(91,14,10,.42),0 2px 0 #781711,var(--button-focus-ring)!important}
.public-shell.companion-open .composer .send-button:disabled{filter:saturate(.55);opacity:.5;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #681712!important;transform:none}

.studio-sidecar-header>button{
  border-color:rgba(242,236,223,.28)!important;
  background:linear-gradient(180deg,rgba(34,30,27,.9),rgba(10,9,8,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.64),0 2px 5px rgba(0,0,0,.24)!important;
  transition:border-color 140ms ease,transform 140ms ease,box-shadow 140ms ease
}
.studio-sidecar-header>button:hover,.studio-sidecar-header>button:focus-visible{border-color:var(--accent)!important;transform:translateY(-1px)}
.studio-sidecar-header>button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.62)!important}

@media(prefers-reduced-motion:reduce){
  .companion-cta-face,.studio-home .film-play-mark,.public-shell.companion-open .composer .send-button,.public-shell.companion-open .composer .stop-generation,.studio-sidecar-header>button{transition:none!important;transform:none!important}
}