/* Reference: cropped vermilion studio wordmark on a framed paper canvas. */
:root[data-surface=public] {color-scheme:light;--bg:oklch(98.8% .003 80);--panel:oklch(98.8% .003 80);--text:oklch(23% .008 50);--muted:oklch(45% .015 50);--line:oklch(80% .009 60);--accent:oklch(51% .18 29);--accent-bg:oklch(94% .03 30);--red:oklch(48% .18 28);background:oklch(93.5% .004 70)}
.editorial-page {min-height:100dvh;padding:clamp(24px,7vw,110px) clamp(16px,5vw,80px);color:var(--text);background:oklch(93.5% .004 70)}
.editorial-sheet {background:oklch(98.8% .003 80);max-width:1320px;margin:auto;overflow:hidden}
.editorial-nav {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:30px 20px;font:12px 'DM Mono',monospace;text-transform:uppercase}
.editorial-nav a,.editorial-nav button {color:inherit;background:none;border:0;padding:7px 0;font:inherit;text-transform:inherit;cursor:pointer}
.editorial-nav a:hover,.editorial-nav button:hover {color:var(--accent)}
.editorial-stage {position:relative;height:clamp(290px,36vw,530px);overflow:hidden}
.vertical-caption {position:absolute;top:18px;left:32px;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--accent);font:12px 'DM Mono',monospace}
.studio-photo {position:absolute;width:20%;height:48%;top:8%;right:12%;margin:0;z-index:2}
.studio-photo img {width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block;background:oklch(86% .005 60)}
.studio-photo figcaption {font-size:10px;line-height:1.4;padding-top:8px;color:var(--muted)}
.verse-wordmark {position:absolute;bottom:-.19em;left:-.035em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(115px,24.5vw,350px);font-weight:400;letter-spacing:-.065em;line-height:1;white-space:nowrap;color:oklch(64% .22 29)}
.verse-wordmark span {font-size:1.07em}
.editorial-details {display:grid;grid-template-columns:1fr .42fr;gap:60px;padding:42px 36px 65px;position:relative;background:oklch(98.8% .003 80)}
.editorial-details h2 {font:400 clamp(20px,2.1vw,30px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.06em;color:var(--accent);margin:0 0 24px}
.editorial-details p {font-size:14px;line-height:1.7;max-width:33ch;color:var(--muted)}
.editorial-actions {display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.editorial-actions button {padding:0;border:0;background:none;color:var(--text);font:12px 'DM Mono',monospace;text-transform:uppercase;text-align:left;cursor:pointer;min-height:28px}
.editorial-actions button:hover {color:var(--accent)}
.editorial-actions button span {margin-left:8px}
.editorial-actions p {font:12px/1.8 'DM Mono',monospace;color:var(--accent);margin-top:12px}
.editorial-footer {display:flex;gap:24px;justify-content:space-between;padding:24px 36px;font:10px 'DM Mono',monospace}
.editorial-footer a {color:var(--muted)}
.editorial-page :is(a,button):focus-visible {outline:2px solid var(--accent);outline-offset:5px}
.editorial-page .auth-panel {background:oklch(20% .009 50 / .45)}
.editorial-page .auth-panel form {color:var(--text);background:var(--panel)}
.editorial-page .auth-panel .primary {background:var(--text);color:var(--bg);border-color:var(--text)}
@media(min-width:1600px) {.verse-wordmark {font-size:350px}}
@media(max-width:680px) {
 .editorial-nav {gap:16px;padding:20px 14px;font-size:11px}
 .editorial-nav a,.editorial-nav button {min-height:32px}
 .editorial-stage {height:320px}
 .vertical-caption {left:18px;top:12px;font-size:10px}
 .studio-photo {width:38%;height:44%;right:10%;top:14%}
 .studio-photo figcaption {font-size:9px}
 .verse-wordmark {font-size:26vw;bottom:-.12em}
 .editorial-details {grid-template-columns:1fr;gap:24px;padding:30px 22px 32px}
 .editorial-details h2 {font-size:25px;margin-bottom:16px}
 .editorial-actions button {min-height:36px}
 .editorial-footer {padding:20px 22px;flex-direction:column;font-size:9px;gap:12px}
}