/* Coming soon (v2). Tokens only. */
.page-head.cs{min-height:calc(100svh - var(--nav-h));padding-bottom:clamp(64px,8vw,110px);overflow:hidden}
.cs-grid{display:grid;gap:clamp(48px,6vw,80px);align-items:center}
@media(min-width:960px){.cs-grid{grid-template-columns:1.15fr .85fr}}
.cs-label{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:1.4rem}
.cs-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 6px var(--tint-strong)}
.page-head.cs h1{font-size:clamp(3rem,1.6rem + 5.6vw,7rem);line-height:.95;letter-spacing:-.035em;max-width:12ch}
.cs .annot-circle .annot-svg{left:-24%;width:148%;max-width:none;top:-24%;height:150%}
.cs-lede{margin-top:1.6rem;font-size:var(--fs-lead);color:var(--text-muted);max-width:46ch;text-wrap:pretty}
.cs-note{margin-top:.9rem;color:var(--text);font-family:var(--font-display);font-style:italic;font-size:var(--fs-lead);max-width:44ch}
.cs .btn-row{margin-top:2rem}

.cs-visual{position:relative;width:min(100%,460px);aspect-ratio:4/5;justify-self:center}
.cs-ph{position:absolute;border-radius:24px;overflow:hidden;background:var(--bg3);border:6px solid var(--bg);box-shadow:var(--shadow)}
.cs-ph img{width:100%;height:100%;object-fit:cover}
.cs-ph1{left:8%;top:0;width:68%;aspect-ratio:3/4;rotate:-3deg;z-index:1}
.cs-ph1 img{object-position:center 15%}
.cs-ph2{right:0;top:38%;width:46%;aspect-ratio:4/5;rotate:5deg;z-index:2}
.cs-ph3{left:0;bottom:2%;width:58%;aspect-ratio:16/9;rotate:-1.5deg;z-index:3}
.cs-stamp{position:absolute;z-index:4;right:4%;top:2%;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--ink-bg);color:var(--ink-text);border:1px solid var(--ink-border);box-shadow:var(--shadow);transition:transform .8s var(--ease-settle)}
.cs-stamp svg{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.6s var(--ease-settle)}
.cs-stamp text{font-family:var(--font-text);font-size:9px;letter-spacing:.22em;text-transform:uppercase;fill:var(--ink-muted)}
.cs-stamp>span{font-family:var(--font-script);font-size:2rem;color:var(--ink-accent);rotate:-8deg}
.cs-visual:hover .cs-stamp svg{transform:rotate(140deg)}
@media(max-width:600px){.cs-stamp{width:90px;height:90px}.cs-stamp>span{font-size:1.6rem}}

.cs-cards{display:grid;gap:14px;margin-top:clamp(56px,7vw,96px)}
@media(min-width:720px){.cs-cards{grid-template-columns:repeat(3,1fr)}}
.cs-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px 24px 26px;border-radius:var(--radius-l);border:1.5px dashed var(--border-strong);background:var(--card);transition:transform .7s var(--ease-settle),border-color .4s}
@media(min-width:720px){.cs-card:nth-child(1){rotate:-1.2deg}.cs-card:nth-child(2){translate:0 14px}.cs-card:nth-child(3){rotate:1.2deg}}
.cs-card:hover{transform:translateY(-6px);border-style:solid}
.cs-card--accent{background:linear-gradient(160deg,var(--tint-strong),var(--card) 70%)}
.cs-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.cs-card small{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.cs-card-n{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.14em;color:var(--text-faint)}
.cs-card strong{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);line-height:1.05}
.cs-card>span:last-child{color:var(--text-muted);font-size:var(--fs-sm)}
[data-theme="light"] .cs-card{box-shadow:0 14px 34px -26px rgba(74,32,96,.45)}
.cs .annot{font-family:var(--font-text);font-style:normal;font-weight:500;font-size:.72em;letter-spacing:-.02em;margin:0 .3em 0 .28em;vertical-align:.08em}