/* Grok Deck kit — styles. No build. */
:root{
  --paper:#f6f3ec; --cell:#f1efe9; --card:#fff; --ink:#111; --soft:#555; --mute:#888; --line:#e6e4df;
  --teal:#2bb8a8; --orange:#f0783c; --purple:#8a6ad4; --blob:#0a0a0c;
  --f-display:"Clash Display","Satoshi",system-ui,sans-serif;
  --f-body:"Satoshi",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --pad-x:clamp(24px,5.5vw,104px); --pad-y:clamp(20px,6dvh,72px);
  --fs-display:clamp(2.4rem,min(7.4vw,13dvh),8.4rem);
  --fs-title:clamp(1.6rem,min(3.9vw,7dvh),4.4rem);
  --fs-statement:clamp(2rem,min(6vw,11dvh),6.6rem);
  --fs-lede:clamp(1rem,min(1.7vw,3dvh),1.75rem);
  --fs-body:clamp(.86rem,min(1.18vw,2.2dvh),1.3rem);
  --fs-small:clamp(.74rem,min(.95vw,1.8dvh),1.05rem);
  --fs-mono:clamp(.66rem,min(.82vw,1.6dvh),.92rem);
  --r:clamp(14px,1.6vw,26px);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%;overflow:hidden;background:var(--paper);color:var(--ink)}
body{font-family:var(--f-body);font-size:var(--fs-body);line-height:1.4;-webkit-font-smoothing:antialiased;transition:background .4s var(--ease)}
body.theme-dark{background:var(--blob)}
.defs{position:absolute;width:0;height:0;overflow:hidden}

/* fluid background */
#fluid{position:fixed;inset:0;width:100vw;height:100dvh;z-index:0;pointer-events:none;filter:blur(48px) saturate(1.1);opacity:.32;transition:opacity .5s}
body.theme-dark #fluid{opacity:.5}

/* deck + slides */
.deck{position:fixed;inset:0;z-index:1}
.slide{position:absolute;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;
  padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2.4dvh,28px);
  visibility:hidden;opacity:0;pointer-events:none;background:transparent;color:var(--ink)}
.slide.is-active{visibility:visible;opacity:1;pointer-events:auto}
.slide-cover,.slide-ink{background:var(--blob);color:var(--paper)}

/* parts */
.kicker{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);display:flex;align-items:center;gap:.7em}
.kicker::before{content:"";width:.7em;height:.7em;border-radius:50%;background:var(--orb,var(--teal));flex:none}
.slide-cover .kicker,.slide-ink .kicker{color:#bdb9b0}
.meta{font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--mute);letter-spacing:.04em}
.display{font-family:var(--f-display);font-weight:600;font-size:var(--fs-display);line-height:.92;letter-spacing:-.025em}
.page-title{font-family:var(--f-display);font-weight:600;font-size:var(--fs-title);line-height:1;letter-spacing:-.02em;max-width:22ch}
.lede{font-size:var(--fs-lede);color:var(--soft);max-width:44ch;line-height:1.35}
.slide-cover .lede,.slide-ink .lede{color:#cfcbc2}
h3{font-family:var(--f-display);font-weight:600;font-size:clamp(1.05rem,min(1.8vw,3.2dvh),1.9rem);line-height:1.05;letter-spacing:-.01em}
.hl-teal{color:var(--teal)} .hl-orange{color:var(--orange)} .hl-purple{color:var(--purple)}
code,.mono{font-family:var(--f-mono);font-size:.9em}

/* bot face — Grok Bot style goo blob: near-black body, solid oval eyes, colored orb accent */
.bot-face{--size:clamp(40px,min(4.6vw,8dvh),78px);width:var(--size);height:var(--size);flex:none;position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--size)*.16);
  background:var(--blob);color:var(--paper);border-radius:54% 46% 50% 50% / 56% 52% 48% 44%;
  box-shadow:0 0 0 calc(var(--size)*.07) color-mix(in srgb,var(--orb,var(--teal)) 30%,transparent),
             0 calc(var(--size)*.08) calc(var(--size)*.5) color-mix(in srgb,var(--orb,var(--teal)) 55%,transparent);
  animation:gooMorph 9s ease-in-out infinite;animation-delay:var(--d,0s)}
/* goo bump: same ink as the body, so it reads as one soft silhouette */
.bot-face::before{content:"";position:absolute;width:38%;height:38%;border-radius:50%;background:inherit;
  top:-9%;left:var(--bx,8%);animation:bump 6s ease-in-out infinite;animation-delay:var(--d,0s)}
/* orb accent dot (antenna) */
.bot-face::after{content:"";position:absolute;width:20%;height:20%;border-radius:50%;background:var(--orb,var(--teal));
  top:-14%;right:var(--ax,10%);box-shadow:0 0 calc(var(--size)*.18) var(--orb,var(--teal))}
.bot-face.sm{--size:clamp(22px,min(2.2vw,4dvh),36px)}
.bot-face.lg{--size:clamp(60px,min(7vw,12dvh),120px)}
.bot-face .eye{width:calc(var(--size)*.13);height:calc(var(--size)*.22);border-radius:50%;background:currentColor;position:relative;z-index:1;
  margin-top:calc(var(--size)*.04);translate:var(--ex,0px) var(--ey,0px);transition:translate .12s linear;
  animation:blink 5.5s infinite;animation-delay:var(--bd,0s)}
.bot-face[data-v="1"]{border-radius:46% 54% 44% 56% / 52% 46% 54% 48%;--bx:52%;--ax:auto}
.bot-face[data-v="1"]::after{right:auto;left:12%}
.bot-face[data-v="2"]{border-radius:52% 48% 60% 40% / 44% 56% 46% 54%;--bx:30%}
.bot-face[data-v="3"]{border-radius:50% 50% 42% 58% / 58% 42% 58% 42%;--bx:56%}
.bot-face[data-v="3"]::after{right:auto;left:8%;top:-10%}
.slide-cover .bot-face,.slide-ink .bot-face{background:var(--paper);color:var(--blob)}
@keyframes gooMorph{0%,100%{border-radius:54% 46% 50% 50% / 56% 52% 48% 44%}
  33%{border-radius:46% 54% 56% 44% / 50% 58% 42% 50%}66%{border-radius:50% 50% 44% 56% / 46% 50% 54% 50%}}
@keyframes bump{50%{transform:translate(6%,8%) scale(.9)}}
@keyframes blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}

/* goo bot (cover) */
.goo-bot{width:clamp(160px,min(30vw,52dvh),520px);height:auto;overflow:visible;flex:none}
.goo-bot .body circle{fill:var(--paper)}
.goo-bot .eyes ellipse,.goo-bot .eyes circle{fill:var(--blob)}
.goo-bot .eyes ellipse{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}
.goo-bot .g2{animation:bob 5s ease-in-out infinite}
.goo-bot .g3{animation:bob 6.5s ease-in-out infinite reverse}
@keyframes bob{50%{transform:translate(6px,-8px)}}

/* COVER */
.slide-cover{flex-direction:row;align-items:center;justify-content:space-between;gap:4vw}
.cover-text{display:flex;flex-direction:column;gap:clamp(12px,2.6dvh,30px);min-width:0}
.cover-text .meta{color:#9a968e}

/* STATEMENT */
.slide-statement{align-items:flex-start}
.statement{font-family:var(--f-display);font-weight:600;font-size:var(--fs-statement);line-height:.95;letter-spacing:-.03em;max-width:14ch}
.statement em{font-style:normal;color:var(--teal)}

/* INDEX */
.index-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 4vw;margin-top:1dvh;counter-reset:ix}
.index-list li{display:flex;align-items:baseline;gap:1.1em;padding:clamp(8px,1.8dvh,20px) 0;border-top:1px solid var(--line);font-family:var(--f-display);font-weight:500;font-size:clamp(1.05rem,min(2.1vw,3.8dvh),2.2rem);letter-spacing:-.01em}
.index-list li::before{counter-increment:ix;content:counter(ix,decimal-leading-zero);font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--mute);font-weight:400}
.index-list li small{display:block;font-family:var(--f-body);font-size:var(--fs-small);color:var(--soft);font-weight:400;margin-top:.2em;letter-spacing:0}

/* CARDS */
.cards{display:grid;gap:clamp(10px,1.4vw,22px);grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-items:stretch;min-height:0}
.cards.c2{--cols:2}.cards.c3{--cols:3}.cards.c4{--cols:4}
.info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(14px,1.8vw,30px);display:flex;flex-direction:column;gap:clamp(6px,1.2dvh,14px);min-width:0}
.info-card p{color:var(--soft);font-size:var(--fs-body)}
.info-card .meta{color:var(--mute)}
.info-card.tint-teal{border-top:4px solid var(--teal)}.info-card.tint-orange{border-top:4px solid var(--orange)}.info-card.tint-purple{border-top:4px solid var(--purple)}
.bot-list{list-style:none;display:flex;flex-direction:column;gap:clamp(5px,1.1dvh,12px)}
.bot-list li{display:flex;align-items:center;gap:.8em;font-size:var(--fs-body);color:var(--soft);line-height:1.25}
.bot-list li b{color:var(--ink);font-weight:700;margin-right:.15em}
.plain-list{list-style:none;display:flex;flex-direction:column;gap:clamp(4px,.9dvh,10px)}
.plain-list li{position:relative;padding-left:1.1em;color:var(--soft);font-size:var(--fs-body);line-height:1.3}
.plain-list li::before{content:"";position:absolute;left:0;top:.5em;width:.45em;height:.45em;border-radius:50%;background:var(--orb,var(--teal))}

/* SPLIT */
.slide-split{flex-direction:row;align-items:center;gap:clamp(20px,4.5vw,80px)}
.split-text{flex:1 1 50%;display:flex;flex-direction:column;gap:clamp(10px,2.2dvh,24px);min-width:0}
.visual-card{flex:1 1 46%;background:var(--cell);border:1px solid var(--line);border-radius:calc(var(--r)*1.3);padding:clamp(16px,2.2vw,36px);min-width:0;max-height:100%;display:flex;flex-direction:column;gap:clamp(8px,1.4dvh,16px);overflow:hidden}
.visual-card img{width:100%;border-radius:var(--r)}
.tree{font-family:var(--f-mono);font-size:var(--fs-mono);line-height:1.9;color:var(--soft);background:var(--card);border-radius:var(--r);padding:clamp(12px,1.6vw,24px);border:1px solid var(--line)}
.tree b{color:var(--ink);font-weight:500}.tree .pin{color:var(--orange)}
.chat{display:flex;flex-direction:column;gap:clamp(8px,1.4dvh,14px)}
.msg{display:flex;align-items:flex-start;gap:.7em}
.msg .bubble{background:var(--card);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:.55em .9em;font-size:var(--fs-small);color:var(--ink);max-width:34ch}
.msg .who{font-family:var(--f-mono);font-size:calc(var(--fs-mono)*.9);color:var(--mute);display:block;margin-bottom:.15em}
.msg.react .bubble{font-size:1.4em;padding:.2em .6em;background:transparent;border-color:transparent}
.snippet{font-family:var(--f-mono);font-size:var(--fs-mono);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(12px,1.6vw,24px);line-height:1.75;color:var(--soft);white-space:pre-wrap}
.snippet .ph{color:var(--purple);background:#f0ebfa;border-radius:4px;padding:0 .2em}
.snippet .h{color:var(--ink);font-weight:500}
.steps{list-style:none;counter-reset:st;display:flex;flex-direction:column;gap:clamp(6px,1.3dvh,14px)}
.steps li{counter-increment:st;display:flex;gap:.9em;align-items:baseline;color:var(--soft)}
.steps li::before{content:counter(st);font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--paper);background:var(--ink);border-radius:50%;width:1.9em;height:1.9em;display:inline-grid;place-items:center;flex:none}
.steps li b{color:var(--ink)}

/* STACK */
.stack{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.stack-row{display:grid;grid-template-columns:clamp(36px,4vw,64px) minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(10px,2vw,32px);align-items:center;padding:clamp(8px,1.8dvh,20px) 0;border-bottom:1px solid var(--line)}
.stack-row .n{font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--mute)}
.stack-row h3{font-size:clamp(1rem,min(1.75vw,3.2dvh),1.8rem)}
.stack-row p{color:var(--soft)}

/* AGENDA / TIMELINE */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(var(--steps,5),minmax(0,1fr));gap:clamp(8px,1.2vw,20px);position:relative;margin-top:2dvh}
.timeline::before{content:"";position:absolute;left:2%;right:2%;top:calc(clamp(40px,min(4.6vw,8dvh),78px)/2);height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 16px);opacity:.25}
.timeline li{display:flex;flex-direction:column;gap:clamp(6px,1.2dvh,14px);position:relative}
.timeline li .when{font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--mute);letter-spacing:.08em;text-transform:uppercase}
.timeline li p{color:var(--soft);font-size:var(--fs-small)}

/* QUOTE */
.slide-quote{align-items:flex-start}
.quote-text{font-family:var(--f-display);font-weight:500;font-size:clamp(1.8rem,min(4.8vw,9dvh),5.4rem);line-height:1.02;letter-spacing:-.025em;max-width:20ch;position:relative}
.quote-text::before{content:"\201C";position:absolute;left:-.55em;top:-.12em;color:var(--orange)}
.quote-by{font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--mute);letter-spacing:.06em}

/* INK */
.slide-ink .steps li{color:#cfcbc2;font-size:var(--fs-lede)}
.slide-ink .steps li b{color:var(--paper)}
.slide-ink .steps li::before{background:var(--teal);color:var(--blob)}
.slide-ink .page-title{color:var(--paper)}
.slide-ink code{color:var(--orange)}

/* THANKS lockup */
.slide-thanks{align-items:center;justify-content:center;text-align:center}
.thanks-lockup{position:relative;width:clamp(240px,min(40vw,64dvh),620px);aspect-ratio:1;display:grid;place-items:center}
.thanks-lockup .blob{position:absolute;inset:0;border-radius:50%;background:var(--blob)}
.thanks-lockup .orb{position:absolute;border-radius:50%}
.thanks-lockup .o1{width:26%;aspect-ratio:1;background:var(--teal);right:-4%;top:6%}
.thanks-lockup .o2{width:17%;aspect-ratio:1;background:var(--orange);left:-2%;bottom:14%}
.thanks-lockup .o3{width:11%;aspect-ratio:1;background:var(--purple);right:12%;bottom:-2%}
.thanks-lockup .word{position:relative;color:var(--paper);font-family:var(--f-display);font-weight:600;font-size:clamp(2.2rem,min(7vw,11dvh),7rem);letter-spacing:-.03em;line-height:.9}
.thanks-lockup .word small{display:block;font-family:var(--f-mono);font-weight:400;font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:#bdb9b0;margin-top:1.4em}

/* CLOSE */
.slide-close{align-items:center;justify-content:center;text-align:center}
.slide-close .page-title,.slide-close .lede{max-width:none}
.crew{display:grid;grid-template-columns:repeat(9,auto);gap:clamp(8px,1.6dvh,18px) clamp(10px,1.6vw,28px);justify-content:center;margin:1dvh 0}
.crew figure{display:flex;flex-direction:column;align-items:center;gap:.4em}
.crew figcaption{font-family:var(--f-mono);font-size:calc(var(--fs-mono)*.92);color:var(--soft);white-space:nowrap}
.footer-note{font-family:var(--f-mono);font-size:calc(var(--fs-mono)*.85);color:var(--mute);position:absolute;bottom:clamp(14px,3dvh,32px);left:0;right:0;text-align:center}

/* assemble + fragments + images */
.slide.is-active .asm{animation:assemble .62s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
@keyframes assemble{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
.slide.is-active img.asm{animation:assemble .62s var(--ease) both,irisIn .9s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
@keyframes irisIn{from{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}
[data-fragment]{opacity:0;transform:scale(.92) translateY(10px);transition:opacity .35s var(--ease),transform .45s cubic-bezier(.3,1.6,.5,1)}
[data-fragment].is-visible{opacity:1;transform:none}

/* chrome */
#progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--teal);z-index:20;transition:width .45s var(--ease)}
#navDots{position:fixed;right:clamp(10px,1.4vw,22px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:20}
#navDots button{width:8px;height:8px;border-radius:50%;border:0;background:var(--ink);opacity:.2;cursor:pointer;padding:0;transition:opacity .2s,transform .2s}
#navDots button:hover{opacity:.5}
#navDots button[aria-current="true"]{opacity:1;transform:scale(1.4);background:var(--orange)}
body.theme-dark #navDots button{background:var(--paper)}
body.theme-dark #navDots button[aria-current="true"]{background:var(--orange)}
.counter{position:fixed;left:clamp(12px,1.6vw,26px);bottom:clamp(10px,1.6dvh,20px);font-family:var(--f-mono);font-size:calc(var(--fs-mono)*.9);color:var(--mute);z-index:20}

#cursorGoo{position:fixed;left:0;top:0;width:56px;height:56px;margin:-28px 0 0 -28px;pointer-events:none;z-index:60;color:var(--ink);opacity:0;transition:opacity .3s,color .3s}
#cursorGoo.on{opacity:.92}
#cursorGoo svg{width:100%;height:100%;overflow:visible;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
#cursorGoo.press svg{transform:scale(1.3,.72)}
#cursorGoo .eyes circle{fill:var(--paper)}
body.theme-dark #cursorGoo{color:var(--paper)}
body.theme-dark #cursorGoo .eyes circle{fill:var(--blob)}

#wipe{position:fixed;inset:0;width:100vw;height:100dvh;z-index:50;pointer-events:none;display:none}
#wipe.run{display:block}
#wipe circle{fill:var(--blob)}

.overlay{position:fixed;inset:0;z-index:40;display:none}
.overlay.open{display:block}
#overview{background:rgba(246,243,236,.97);overflow:auto;padding:clamp(16px,3vw,48px)}
#overview .ov-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,22px)}
.ov-tile{position:relative;aspect-ratio:var(--ar,16/10);border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--paper);cursor:pointer;transition:transform .2s,box-shadow .2s}
.ov-tile:hover,.ov-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.12);outline:none}
.ov-tile.current{outline:3px solid var(--orange);outline-offset:2px}
.ov-tile .slide{visibility:visible;opacity:1;transform-origin:0 0;pointer-events:none}
.ov-tile .slide *{animation:none!important;transition:none!important}
.ov-tile [data-fragment]{opacity:1;transform:none}
.ov-tile .num{position:absolute;left:8px;bottom:6px;font-family:var(--f-mono);font-size:11px;color:var(--mute);z-index:2;background:rgba(255,255,255,.85);padding:1px 6px;border-radius:6px}
#help{background:rgba(10,10,12,.55);display:none;place-items:center}
#help.open{display:grid}
#help .panel{background:var(--card);border-radius:var(--r);padding:clamp(18px,2.4vw,36px);max-width:520px;width:90vw;font-size:var(--fs-small)}
#help h3{margin-bottom:.8em}
#help dl{display:grid;grid-template-columns:auto 1fr;gap:.5em 1.2em}
#help dt{font-family:var(--f-mono);font-size:var(--fs-mono);background:var(--cell);border:1px solid var(--line);border-radius:6px;padding:.1em .5em;justify-self:start}
#help dd{color:var(--soft)}
#notes{top:auto;height:auto;max-height:34dvh;background:var(--ink);color:var(--paper);padding:clamp(14px,2vw,28px) clamp(18px,3vw,48px);font-size:var(--fs-small);overflow:auto;border-top:3px solid var(--teal)}
#notes .meta{color:#9a968e;margin-bottom:.5em}

/* responsive */
@media (max-aspect-ratio:1/1){
  .slide-split,.slide-cover{flex-direction:column;align-items:flex-start;justify-content:center}
  .cards.c3,.cards.c4{--cols:2}
  .timeline{grid-template-columns:1fr;--steps:1}.timeline::before{display:none}
  .crew{grid-template-columns:repeat(6,auto)}
  .goo-bot{width:min(40vw,26dvh)}
  .index-list{grid-template-columns:1fr}
}
@media (pointer:coarse){#cursorGoo{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  #cursorGoo{display:none}
  [data-fragment]{transform:none}
}
body.motion-paused .eye,body.motion-paused .goo-bot circle,body.motion-paused .goo-bot ellipse,body.motion-paused .bot-face,body.motion-paused .bot-face::before{animation-play-state:paused}
body.motion-paused #cursorGoo{display:none}

/* print: one landscape page per slide, chrome hidden */
@media print{
  @page{size:1280px 800px;margin:0}
  html,body{overflow:visible;height:auto;background:#fff}
  #fluid,#navDots,#progress,#cursorGoo,#wipe,.overlay,.counter{display:none!important}
  .deck{position:static}
  .slide{position:relative;visibility:visible!important;opacity:1!important;width:1280px;height:800px;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .slide *{animation:none!important;transition:none!important}
  [data-fragment]{opacity:1!important;transform:none!important}
}

/* COS deck additions */
.msg.me{flex-direction:row-reverse}
.msg.me .bubble{background:var(--ink);color:var(--paper);border-color:var(--ink);border-radius:16px 16px 4px 16px}
.msg.me .who{color:#9a968e}
.msg .bubble b{font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:.45em}
.chips code{font-size:var(--fs-mono);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.2em .75em;color:var(--ink)}
.brief-mock{display:flex;flex-direction:column;gap:clamp(8px,1.3dvh,14px)}
.brief-mock .callout{background:var(--blob);color:var(--paper);border-radius:var(--r);padding:clamp(10px,1.4vw,18px) clamp(12px,1.6vw,22px);font-size:var(--fs-small)}
.brief-mock .callout .meta{color:#9a968e;display:block;margin-bottom:.2em}
.brief-mock .callout b{color:var(--orange);font-family:var(--f-mono);font-weight:500;font-size:var(--fs-mono);letter-spacing:.1em;margin-right:.5em}
.brief-mock .panels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,14px)}
.brief-mock .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(10px,1.2vw,18px);display:flex;flex-direction:column;gap:.5em;font-size:var(--fs-small);color:var(--soft);line-height:1.3}
.brief-mock .panel h4{font-family:var(--f-mono);font-weight:500;font-size:var(--fs-mono);letter-spacing:.12em;color:var(--ink);display:flex;align-items:center;gap:.5em}
.brief-mock .panel h4::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--orb,var(--teal))}
.brief-mock .panel i{font-style:normal;font-family:var(--f-mono);font-size:calc(var(--fs-mono)*.9);color:var(--mute);display:block;letter-spacing:.06em}
.cards.c3.two-rows .info-card{flex-direction:row;align-items:flex-start;gap:clamp(10px,1.2vw,18px)}
.cards.c3.two-rows .info-card > div{display:flex;flex-direction:column;gap:.35em;min-width:0}
.info-card .lvl{font-family:var(--f-display);font-weight:600;font-size:clamp(2rem,min(4vw,7dvh),4rem);line-height:1}
.slide-ink .slide-foot{color:#9a968e}
.thanks-lockup .word small.contact{text-transform:none;letter-spacing:.04em;margin-top:.8em}