/* Original open-layout themes. Studio only inherits the color tokens and previews. */
html[data-theme=gilded] { --bg:#fffefa; --soft:#f6f1e5; --ink:#302819; --muted:#77684d; --line:#d8c79f; --blue:#846018; --radius:0; background:var(--bg); color-scheme:light; }
html[data-theme=vermilion] { --bg:#fffdf8; --soft:#f9eae3; --ink:#302520; --muted:#7c584e; --line:#ddaca0; --blue:#c63126; --radius:0; background:var(--bg); color-scheme:light; }
.editorial-site { background:var(--bg); }
.editorial-site .shell { width:min(1280px,calc(100% - 96px)); }
.editorial-site :is(h1,h2,h3) { overflow-wrap:anywhere; }
.editorial-site :is(a,button,input,textarea,select):focus-visible { outline-color:var(--blue); }
.editorial-site .skip { color:var(--ink); background:var(--bg); }
.editorial-site .topbar { background:var(--bg); backdrop-filter:none; border-bottom:1px solid var(--line); }
.editorial-site .nav { height:80px; }
.editorial-site .brand { letter-spacing:-.055em; font-weight:700; }
.editorial-site .nav-links { gap:34px; }
.editorial-site .nav-links a[aria-current]::after { width:100%; left:0; bottom:2px; height:1px; border-radius:0; }
.editorial-site .nav-contact { border-radius:0; background:transparent; border-left:1px solid var(--line); padding-left:24px; }
.editorial-site .button { border-radius:0; background:var(--blue); box-shadow:none; padding:15px 22px; }
.editorial-site .button.secondary { background:var(--soft); color:var(--ink); }
.editorial-site .text-link { font-weight:550; }
.editorial-site .eyebrow { color:var(--muted); letter-spacing:.14em; }
.editorial-site .section { padding-block:92px; }
.editorial-site .section-heading { border-top:1px solid var(--line); padding-top:24px; margin-bottom:48px; }
.editorial-site .section-heading h2 { font-size:clamp(30px,3.1vw,46px); font-weight:550; letter-spacing:-.05em; }
.editorial-site #work-heading { scroll-margin-top:110px; }

/* Masthead, text and artwork share the same grid instead of a rounded hero card. */
.editorial-hero { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); position:relative; padding-top:28px; }
.editorial-masthead { grid-column:1/-1; display:flex; justify-content:space-between; gap:20px; padding-bottom:22px; font-size:10px; letter-spacing:.14em; color:var(--muted); }
.editorial-masthead p { margin:0; }
.editorial-masthead>span { white-space:nowrap; }
.editorial-hero-copy { grid-column:1/8; grid-row:2; padding:80px 0 65px; position:relative; z-index:1; align-self:center; min-width:0; }
.editorial-hero-copy>.eyebrow { margin-bottom:26px; font-size:10px; }
.editorial-hero h1 { font-size:clamp(42px,5.4vw,78px); line-height:1.25; letter-spacing:-.065em; font-weight:580; margin:0 0 44px; }
.editorial-hero h1 span { display:block; }
.editorial-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; }
.editorial-hero-art { grid-column:8/-1; grid-row:2; position:relative; min-height:570px; }
.editorial-hero-bottom { grid-column:1/-1; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:40px; padding:28px 0; }
.editorial-hero-bottom .hero-intro { margin:0; font-size:15px; max-width:580px; text-wrap:pretty; }
.editorial-hero-utilities { display:flex; align-items:center; gap:26px; flex-shrink:0; }
.editorial-scroll { display:inline-flex; align-items:center; gap:24px; min-height:44px; font-size:12px; }
.editorial-scroll span { font-size:21px; }
.editorial-motion-toggle { position:relative; z-index:2; padding:9px 11px; min-height:36px; border:1px solid currentColor; background:transparent; color:inherit; font-size:10px; cursor:pointer; }
.editorial-motion-toggle:disabled { opacity:.7; cursor:default; }
.editorial-motion-toggle:active { transform:scale(.97); }
.editorial-scene { position:absolute; inset:0; overflow:hidden; isolation:isolate; pointer-events:none; }

/* Gilded: luminous wire sculpture, quiet crosshairs and traveling highlights. */
.gilded-scene { color:#a8802f; background:#fffefa; }
.gilded-halo { position:absolute; inset:8% -10%; background:radial-gradient(ellipse,#ead6a24d,transparent 64%); }
.gilded-ribbon { position:absolute; width:118%; max-width:none; height:108%; left:-9%; top:-4%; transform-origin:50% 50%; }
.gilded-orbit { position:absolute; border:1px solid #c8a05288; border-radius:50%; inset:10% 5%; transform:rotate(-22deg); }
.gilded-orbit-a::before,.gilded-orbit-b::before { content:""; position:absolute; width:9px; height:9px; border-radius:50%; left:50%; top:-5px; background:#b59143; box-shadow:0 0 16px #d2b265; }
.gilded-orbit-b { inset:25% -15%; transform:rotate(36deg); border-color:#dfcc9e; }
.gilded-orbit-b::before { width:5px; height:5px; top:-3px; background:#e0c578; }
.gilded-glint { position:absolute; width:20px; height:20px; background:linear-gradient(transparent 44%,#ac873c 49%,#fffbe8 50%,#ac873c 51%,transparent 56%); }
.gilded-glint::before { content:""; position:absolute; inset:0; background:inherit; transform:rotate(90deg); }
.gilded-glint-a { left:17%; top:28%; }
.gilded-glint-b { right:17%; bottom:22%; width:27px; height:27px; }
.gilded-glint-c { right:30%; top:14%; width:13px; height:13px; }
.scene-axis { position:absolute; background:#d4bd873d; }
.scene-axis-x { height:1px; left:0; right:0; top:50%; }
.scene-axis-y { width:1px; top:4%; bottom:4%; left:50%; }
.scene-coordinate { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); font-size:8px; letter-spacing:.19em; white-space:nowrap; color:#826731; }
.theme-gilded.editorial-site .editorial-hero h1 span:last-child { color:#96742d; }
.theme-gilded.editorial-site .editorial-hero-art::before { content:""; position:absolute; top:0; bottom:0; left:0; width:1px; background:linear-gradient(transparent,var(--line),transparent); }
.theme-gilded.editorial-site .editorial-hero-copy { padding-right:28px; }
.theme-gilded.editorial-site .button { background:linear-gradient(110deg,#78591e,#9b7732); }
.theme-gilded.editorial-site .button.secondary { background:var(--soft); }

/* Vermilion: a printed diptych, with a kinetic line dial in the open white half. */
.theme-vermilion.editorial-site .topbar { border-bottom:3px solid var(--blue); }
.theme-vermilion.editorial-site .brand-dot { color:var(--blue); }
.theme-vermilion.editorial-site .editorial-hero { padding-top:20px; }
.theme-vermilion.editorial-site .editorial-masthead { color:var(--blue); border-bottom:1px solid var(--blue); padding-bottom:18px; margin-bottom:26px; font-weight:650; }
.theme-vermilion.editorial-site .editorial-hero-copy { grid-column:1/8; align-self:stretch; background:var(--blue); color:#fffdf8; padding:65px 38px 55px; display:flex; flex-direction:column; justify-content:center; }
.theme-vermilion.editorial-site .editorial-hero-copy::after { content:""; position:absolute; right:18px; top:18px; width:34px; height:34px; border-top:1px solid #fffdf8; border-right:1px solid #fffdf8; pointer-events:none; }
.theme-vermilion.editorial-site .editorial-hero-copy>.eyebrow { color:#fff0e8; }
.theme-vermilion.editorial-site .editorial-hero h1 { font-weight:800; font-size:clamp(41px,5.1vw,73px); line-height:1.23; letter-spacing:-.065em; }
.theme-vermilion.editorial-site .editorial-hero-actions .button { background:#fffdf8; color:#b72c23; }
.theme-vermilion.editorial-site .editorial-hero-actions .text-link { color:#fffdf8; }
.theme-vermilion.editorial-site .editorial-hero-art { border-block:1px solid var(--blue); min-height:540px; }
.theme-vermilion.editorial-site .editorial-hero-bottom { margin-top:26px; border-color:var(--blue); }
.vermilion-scene { background:#fffdf8; color:#c63126; }
.vermilion-stripes { position:absolute; left:0; top:0; width:100%; height:19%; background:repeating-linear-gradient(90deg,#c63126 0 2px,transparent 2px 15px); transform:skewY(-15deg) translateY(-39%); transform-origin:0 0; }
.vermilion-dial { position:absolute; width:85%; aspect-ratio:1; left:8%; top:22%; }
.vermilion-dial>span { position:absolute; inset:0; border:1px solid #c63126; border-radius:50%; }
.vermilion-dial>span:nth-child(2) { inset:5%; }
.vermilion-dial>span:nth-child(3) { inset:10%; }
.vermilion-dial>span:nth-child(4) { inset:15%; }
.vermilion-dial>span:nth-child(5) { inset:20%; }
.vermilion-dial>span:nth-child(6) { inset:25%; }
.vermilion-dial::after { content:""; position:absolute; inset:0 50% 0 0; background:#fffdf8; border-right:1px solid #c63126; transform:rotate(-35deg); transform-origin:100% 50%; }
.vermilion-disc { position:absolute; width:48%; aspect-ratio:1; left:27%; top:38%; background:#c63126; color:#fffdf8; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:3px; font-size:clamp(36px,4.8vw,70px); font-weight:800; transform:rotate(-12deg); }
.vermilion-disc>span:last-child { align-self:center; padding-top:38px; }
.vermilion-cross { position:absolute; width:16%; aspect-ratio:1; right:9%; top:17%; transform:rotate(15deg); }
.vermilion-cross::before,.vermilion-cross::after { content:""; position:absolute; left:40%; width:20%; height:100%; background:#c63126; }
.vermilion-cross::after { transform:rotate(90deg); }
.vermilion-orbit { position:absolute; width:81%; aspect-ratio:1; left:9%; top:24%; border-radius:50%; transform:rotate(-35deg); }
.vermilion-orbit::after { content:""; position:absolute; width:21px; height:21px; border:5px solid #fffdf8; background:#c63126; border-radius:50%; top:0; left:39%; }
.vermilion-caption { position:absolute; left:9%; bottom:7%; font-size:10px; font-weight:650; letter-spacing:.13em; }
.vermilion-corner { position:absolute; right:7%; bottom:4%; font-size:50px; font-weight:300; line-height:1; }

/* Artwork is still by default; the script opts into bounded, pauseable motion. */
html[data-editorial-motion] .gilded-ribbon { animation:gilded-turn 22s ease-in-out infinite alternate; }
html[data-editorial-motion] .gilded-orbit-a { animation:editorial-orbit 28s linear infinite; }
html[data-editorial-motion] .gilded-orbit-b { animation:editorial-orbit 36s linear infinite reverse; }
html[data-editorial-motion] .gilded-glint { animation:gilded-sparkle 4s ease-in-out infinite alternate; }
html[data-editorial-motion] .gilded-glint-b { animation-delay:-2.4s; }
html[data-editorial-motion] .gilded-glint-c { animation-delay:-1.2s; }
html[data-editorial-motion] .vermilion-dial { animation:editorial-orbit 36s linear infinite; }
html[data-editorial-motion] .vermilion-orbit { animation:editorial-orbit 18s linear infinite reverse; }
html[data-editorial-motion] .vermilion-cross { animation:vermilion-cross-turn 12s ease-in-out infinite; }
html[data-editorial-motion-suspended] .editorial-scene *,html[data-editorial-motion=paused] .editorial-scene *,.editorial-scene[data-offscreen] * { animation-play-state:paused!important; }
@keyframes gilded-turn { from { transform:rotate(-7deg) scale(.95); } to { transform:rotate(8deg) scale(1.025); } }
@keyframes editorial-orbit { to { transform:rotate(360deg); } }
@keyframes gilded-sparkle { from { opacity:.25; transform:scale(.7) rotate(0); } to { opacity:1; transform:scale(1.25) rotate(45deg); } }
@keyframes vermilion-cross-turn { 0%,30% { transform:rotate(15deg); } 65%,100% { transform:rotate(105deg); } }

/* Open exhibition rows retain their real title, cover and summary. */
.editorial-site .work-grid { display:block; counter-reset:work; }
.editorial-site .work-card,.editorial-site .work-grid>.work-card:only-child { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:60px; padding:38px 0; border:0; border-bottom:1px solid var(--line); background:transparent; border-radius:0; overflow:visible; counter-increment:work; }
.editorial-site .work-card:first-child { padding-top:0; }
.editorial-site .work-visual,.editorial-site .work-grid>.work-card:only-child .work-visual { height:auto; min-height:290px; aspect-ratio:1.5; border-radius:0; order:2; padding:24px; transition:none; }
.editorial-site .work-info,.editorial-site .work-grid>.work-card:only-child .work-info { padding:8px 0 30px; align-self:center; order:1; position:relative; }
.editorial-site .work-info::before { content:counter(work,decimal-leading-zero) " /"; display:block; margin-bottom:27px; color:var(--blue); font-size:13px; font-variant-numeric:tabular-nums; letter-spacing:.1em; }
.editorial-site .work-info h3 { font-size:clamp(26px,3vw,42px); font-weight:550; line-height:1.3; margin-bottom:16px; }
.editorial-site .work-info>p:last-child { font-size:15px; line-height:1.9; }
.editorial-site .visual-label { background:var(--bg); color:var(--ink); border:1px solid var(--line); border-radius:0; font-size:10px; }
.editorial-site .round-arrow { border-radius:0; color:var(--blue); border:1px solid var(--blue); background:var(--bg); bottom:20px; right:20px; }
.editorial-site .work-card:nth-child(even) .work-visual { order:0; }
.editorial-site .work-card:nth-child(even) { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.editorial-site .work-cover { transition:transform .25s var(--ease); }
.theme-gilded.editorial-site .work-visual { background:#f5efdF; }
.theme-gilded.editorial-site .work-visual::after { content:""; position:absolute; inset:10px; border:1px solid #b5964b50; pointer-events:none; }
.theme-vermilion.editorial-site .section-heading { border-top:3px solid var(--blue); }
.theme-vermilion.editorial-site .section-heading h2 { font-weight:750; }
.theme-vermilion.editorial-site .work-card { border-bottom:2px solid var(--blue); gap:42px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.theme-vermilion.editorial-site .work-visual { order:0; background:var(--soft); }
.theme-vermilion.editorial-site .work-info,.theme-vermilion.editorial-site .work-grid>.work-card:only-child .work-info { border-left:1px solid var(--blue); padding-left:34px; }
.theme-vermilion.editorial-site .work-info::before { font-size:38px; line-height:1; font-weight:750; margin-bottom:24px; letter-spacing:-.04em; }
.theme-vermilion.editorial-site .work-info h3 { font-weight:750; }
.theme-vermilion.editorial-site .work-card:nth-child(even) .work-visual { order:2; }
.theme-vermilion.editorial-site .work-card:nth-child(even) { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); }
.editorial-site .empty-panel { border-radius:0; background:transparent; border-block:1px solid var(--line); padding:40px 0; }

/* Notes are a printed index; secondary pages keep the same line-based language. */
.editorial-site .notes-section { background:var(--soft); border-block:1px solid var(--line); }
.editorial-site .notes-section .section-heading { border-top:0; padding-top:0; }
.editorial-site .note-row { padding:30px 0; border-color:var(--line); grid-template-columns:150px minmax(0,1fr) 40px; gap:36px; }
.editorial-site .note-cover { border-radius:0; width:150px; height:100px; }
.editorial-site .note-row h3 { font-size:26px; font-weight:550; }
.editorial-site .note-arrow { color:var(--blue); font-size:30px; }
.theme-vermilion.editorial-site .notes-section { --muted:#ffe0d7; --line:#ffffff59; --blue:#fffdf8; --ink:#fffdf8; color:var(--ink); background:#c63126; }
.theme-vermilion.editorial-site .notes-section .note-row h3 { font-weight:750; }
.theme-vermilion.editorial-site .notes-section .note-cover { border:1px solid #fffdf850; }
.editorial-site .about-teaser { text-align:left; position:relative; padding-block:95px 110px; overflow:hidden; }
.editorial-site .about-teaser h2 { font-size:clamp(39px,5.8vw,76px); font-weight:550; max-width:850px; }
.editorial-site .about-teaser h2 span { color:var(--blue); }
.editorial-site .about-teaser>p:not(.eyebrow) { max-width:620px; }
.editorial-site .about-teaser::after { content:"✳"; position:absolute; right:5%; top:30%; font-size:210px; line-height:1; color:var(--blue); opacity:.13; pointer-events:none; }
.theme-vermilion.editorial-site .about-teaser h2 { font-weight:800; }
.theme-vermilion.editorial-site .about-teaser::after { content:"↗"; font-size:250px; color:var(--blue); opacity:1; }
.editorial-site .footer { border-color:var(--line); padding-block:30px 36px; }
.theme-vermilion.editorial-site .footer { border-top:3px solid var(--blue); }
.editorial-site .page-head { padding:64px 0 38px; border-bottom:1px solid var(--line); margin-bottom:44px; position:relative; }
.editorial-site .page-head h1 { font-size:clamp(40px,5.5vw,74px); font-weight:550; letter-spacing:-.06em; }
.theme-vermilion.editorial-site .page-head { border-top:10px solid var(--blue); padding-top:44px; margin-top:30px; }
.theme-vermilion.editorial-site .page-head h1 { color:var(--blue); font-weight:800; }
.editorial-site .search-form { border:0; border-bottom:1px solid var(--blue); border-radius:0; background:transparent; max-width:100%; }
.editorial-site .search-form input { padding-left:0; }
.editorial-site .search-form:focus-within { outline-color:var(--blue); }
.editorial-site .tag-links a { border-radius:0; border:0; border-bottom:1px solid var(--line); padding-inline:8px; }
.editorial-site .tag-links a[aria-current] { border-color:var(--blue); background:transparent; color:var(--blue); }
.editorial-site .article { max-width:1000px; padding-top:48px; }
.editorial-site .article-head { padding-block:30px 36px; border-block:1px solid var(--line); }
.editorial-site .article h1 { font-size:clamp(38px,5vw,66px); line-height:1.3; font-weight:550; max-width:900px; }
.editorial-site .article>.prose { max-width:760px; margin-inline:auto; }
.editorial-site .article-cover { border-radius:0; margin-bottom:44px; max-height:640px; object-fit:cover; }
.editorial-site .prose { color:var(--ink); }
.editorial-site .prose h2 { letter-spacing:-.035em; }
.editorial-site .article-toc { border:0; border-block:1px solid var(--line); border-radius:0; padding-inline:0; }
.editorial-site :is(.project-overview,.repo-panel,.downloads,.feedback-compose) { border-radius:0; border:0; border-block:1px solid var(--line); background:transparent; padding:26px 0; }
.editorial-site :is(.feedback-card,.message-card) { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; padding:28px 0; margin:0; }
.editorial-site :is(.prose img,.screenshot-gallery img,.table-scroll,.prose pre) { border-radius:0; }
.editorial-site .related-grid a { border-radius:0; border-top:1px solid var(--line); background:transparent; padding:20px 0; }
.editorial-site .series-list>a,.editorial-site .series-list>span { border-radius:0; border-bottom:1px solid var(--line); background:transparent; padding-inline:0; }
.theme-vermilion.editorial-site .article-head { border-top:5px solid var(--blue); }
.theme-vermilion.editorial-site .article h1 { color:var(--blue); font-weight:800; }
.theme-vermilion.editorial-site .project-facts { border-left:4px solid var(--blue); padding-left:24px; }
.editorial-site .about-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:70px; }
.editorial-site .about-intro { border-right:1px solid var(--line); padding-right:36px; }
.editorial-site .about-intro h1 { font-size:clamp(45px,5.5vw,78px); line-height:1.14; overflow-wrap:anywhere; }
.editorial-site .about-body { padding-top:12px; }
.editorial-site .contact-panel { background:transparent; border-radius:0; border-top:1px solid var(--line); padding:30px 0 0; }
.theme-vermilion.editorial-site .about-layout { gap:50px; }
.theme-vermilion.editorial-site .about-intro { background:var(--blue); color:var(--bg); padding:42px 35px; border:0; align-self:start; }
.theme-vermilion.editorial-site .about-intro :is(.eyebrow,.brand-dot,.about-signature),.theme-vermilion.editorial-site .about-intro>p:not(.eyebrow) { color:var(--bg); }
.theme-vermilion.editorial-site .about-intro h1 { font-weight:800; }
.editorial-site .guestbook-layout { gap:70px; }
.editorial-site .guest-form-card { border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; padding:28px 0; }
.editorial-site .guest-wall { border-left:1px solid var(--line); padding-left:40px; }
.editorial-site .quiet-empty { border:0; border-bottom:1px solid var(--line); border-radius:0; padding-inline:0; }
.editorial-site .field input:not([type=checkbox]),.editorial-site .field textarea,.editorial-site .field select { border-radius:0; background:var(--bg); border-color:var(--line); }
.theme-vermilion.editorial-site .guest-form-card { border-top:5px solid var(--blue); }
.theme-vermilion.editorial-site .message-card>p::before { content:"“"; display:block; color:var(--blue); font-size:48px; line-height:1; font-weight:800; }
.editorial-site .archive-list { max-width:1000px; }
.editorial-site .archive-list>section { display:grid; grid-template-columns:190px 1fr; column-gap:40px; }
.editorial-site .archive-list h2 { grid-column:1; grid-row:1/99; padding-top:18px; color:var(--blue); font-weight:550; }
.editorial-site .archive-list section>a { grid-column:2; }

/* Both optional themes can be inspected in the normal studio. */
.theme-preview-editorial { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; border-radius:0; }
.theme-preview-editorial>.editorial-preview-art { position:relative; padding:0; min-height:275px; overflow:hidden; }
.theme-preview-editorial>div:last-child { align-self:center; }
.theme-preview-gilded { background:#fffefa; color:#302819; border-color:#d8c79f; }
.theme-preview-vermilion { background:#fffdf8; color:#302520; border-color:#ddaca0; }
.theme-preview-editorial p { color:#77684d; }
.theme-preview-vermilion p { color:#7c584e; }
.theme-preview-editorial .theme-motion-note { margin-top:12px; }
.theme-preview-editorial .editorial-preview-word { position:absolute; left:24px; top:22px; font-size:36px; letter-spacing:-.065em; font-weight:650; }
.theme-preview-vermilion .editorial-preview-word { color:#c63126; }
.editorial-preview-art .editorial-scene { left:18%; }
.editorial-preview-art .editorial-motion-toggle { position:absolute; left:18px; bottom:18px; background:#fffdf8e6; color:#77684d; }
.editorial-preview-art .vermilion-disc { font-size:36px; }
.editorial-preview-art .vermilion-caption { display:none; }
.editorial-preview-art .scene-coordinate { font-size:6px; }

@media(hover:hover) and (pointer:fine) {
  .editorial-site .work-card:hover .work-visual { transform:none; }
  .editorial-site .work-card:hover .work-cover { transform:scale(1.025); }
  .editorial-site .work-card:hover h3 { color:var(--blue); }
  .editorial-site .note-row:hover h3 { text-decoration:underline; text-underline-offset:7px; }
  .editorial-motion-toggle:hover { background:var(--soft,#f6f1e5); }
  .editorial-site .round-arrow { transition:transform .18s var(--ease); }
  .editorial-site .work-card:hover .round-arrow { transform:translate(2px,-2px); }
}
@media(min-width:1600px) { .editorial-hero-copy { padding-block:100px; } }
@media(max-width:1000px) {
  .editorial-site .shell { width:calc(100% - 64px); }
  .editorial-site .nav { gap:18px; }
  .editorial-site .nav-links { gap:24px; }
  .editorial-hero-copy { padding-block:48px; }
  .editorial-hero h1 { font-size:clamp(40px,5.5vw,60px); }
  .editorial-hero-art { min-height:470px; }
  .theme-vermilion.editorial-site .editorial-hero-art { min-height:470px; }
  .theme-vermilion.editorial-site .editorial-hero-copy { padding:48px 25px; }
  .theme-vermilion.editorial-site .editorial-hero h1 { font-size:clamp(39px,5.5vw,59px); }
  .editorial-hero-bottom { gap:25px; }
  .editorial-hero-utilities { gap:16px; }
  .editorial-site .work-card,.editorial-site .work-grid>.work-card:only-child { gap:32px; }
  .editorial-site .work-visual,.editorial-site .work-grid>.work-card:only-child .work-visual { min-height:220px; }
  .editorial-site .about-teaser::after { right:0; font-size:160px; }
  .theme-vermilion.editorial-site .about-teaser::after { font-size:180px; opacity:.2; }
  .editorial-site .about-layout,.editorial-site .guestbook-layout { gap:36px; }
  .editorial-site .guest-wall { padding-left:28px; }
}
@media(max-width:700px) {
  .editorial-site .shell { width:calc(100% - 40px); }
  .editorial-site .nav { height:auto; min-height:74px; padding-block:15px 10px; gap:8px; }
  .editorial-site .nav-links { gap:10px; }
  .editorial-site .nav-links a { font-size:12px; }
  .editorial-masthead { font-size:8px; letter-spacing:.09em; gap:12px; padding-bottom:10px; }
  .editorial-masthead p { max-width:65%; }
  .editorial-hero-copy { grid-column:1/-1; grid-row:2; padding:36px 0 24px; }
  .editorial-hero h1 { font-size:clamp(38px,8.4vw,60px); margin-bottom:28px; letter-spacing:-.055em; }
  .editorial-hero-copy>.eyebrow { font-size:8px; margin-bottom:21px; }
  .editorial-hero-art { grid-column:1/-1; grid-row:3; min-height:0; height:350px; margin-top:16px; }
  .editorial-hero-art .gilded-ribbon { left:0; width:100%; }
  .editorial-hero-art .gilded-orbit-a { inset:9% 18%; }
  .editorial-hero-art .gilded-orbit-b { inset:22% 5%; }
  .editorial-hero-bottom { grid-row:4; align-items:flex-start; flex-direction:column; gap:16px; padding-block:22px; }
  .editorial-hero-bottom .hero-intro { max-width:none; font-size:14px; }
  .editorial-hero-utilities { width:100%; justify-content:space-between; }
  .editorial-hero-actions { gap:16px; }
  .editorial-hero-actions .button { padding:13px 17px; gap:12px; }
  .theme-gilded.editorial-site .editorial-hero-art::before { display:none; }
  .theme-vermilion.editorial-site .editorial-masthead { margin-bottom:20px; }
  .theme-vermilion.editorial-site .editorial-hero-copy { grid-column:1/-1; padding:34px 23px 30px; }
  .theme-vermilion.editorial-site .editorial-hero h1 { font-size:clamp(35px,8vw,56px); }
  .theme-vermilion.editorial-site .editorial-hero-art { border:1px solid var(--blue); border-top:0; min-height:0; height:310px; margin-top:0; }
  .theme-vermilion.editorial-site .editorial-hero-bottom { margin-top:20px; }
  .editorial-hero-art .vermilion-dial { width:66%; top:9%; left:18%; }
  .editorial-hero-art .vermilion-disc { width:38%; left:33%; top:24%; font-size:55px; }
  .editorial-hero-art .vermilion-orbit { width:65%; top:10%; left:19%; }
  .editorial-hero-art .vermilion-cross { width:12%; right:12%; top:10%; }
  .editorial-hero-art .vermilion-stripes { width:29%; height:100%; transform:skewY(-15deg) translateX(-45%); }
  .editorial-site .section { padding-block:57px; }
  .editorial-site .section-heading { margin-bottom:30px; padding-top:20px; align-items:flex-start; flex-direction:column; gap:10px; }
  .editorial-site .section-heading h2 { font-size:32px; }
  .editorial-site .section-heading>.text-link { font-size:13px; }
  .editorial-site .work-card,.editorial-site .work-grid>.work-card:only-child,.editorial-site .work-card:nth-child(even),.theme-vermilion.editorial-site .work-card,.theme-vermilion.editorial-site .work-card:nth-child(even) { grid-template-columns:minmax(0,1fr); gap:24px; padding:28px 0; }
  .editorial-site .work-card:first-child { padding-top:0; }
  .editorial-site .work-visual,.editorial-site .work-grid>.work-card:only-child .work-visual,.theme-vermilion.editorial-site .work-card:nth-child(even) .work-visual { order:0; min-height:0; aspect-ratio:1.5; }
  .editorial-site .work-info,.editorial-site .work-grid>.work-card:only-child .work-info { padding:0 0 4px; }
  .editorial-site .work-info::before { margin-bottom:16px; font-size:12px; }
  .editorial-site .work-info h3 { font-size:29px; margin-bottom:12px; }
  .editorial-site .work-info>p:last-child { font-size:14px; }
  .theme-vermilion.editorial-site .work-info,.theme-vermilion.editorial-site .work-grid>.work-card:only-child .work-info { padding-left:20px; }
  .theme-vermilion.editorial-site .work-info::before { font-size:28px; }
  .editorial-site .note-row { grid-template-columns:minmax(0,1fr) 24px; gap:16px; padding-block:24px; }
  .editorial-site .note-meta { grid-column:1/-1; }
  .editorial-site .note-cover { width:96px; height:64px; }
  .editorial-site .note-row h3 { font-size:23px; }
  .editorial-site .note-arrow { font-size:24px; }
  .editorial-site .about-teaser h2 { font-size:clamp(38px,8.5vw,60px); }
  .editorial-site .about-teaser::after,.theme-vermilion.editorial-site .about-teaser::after { font-size:115px; top:auto; bottom:44px; opacity:.14; }
  .editorial-site .page-head { padding-top:38px; margin-bottom:30px; }
  .editorial-site .page-head h1 { font-size:40px; }
  .editorial-site .page-head>p:not(.eyebrow) { font-size:15px; }
  .theme-vermilion.editorial-site .page-head { margin-top:22px; border-top-width:6px; padding-top:28px; }
  .editorial-site .article { padding-top:32px; }
  .editorial-site .article-head { margin-top:25px; padding-block:20px 24px; }
  .editorial-site .article h1 { font-size:36px; }
  .editorial-site .article-head>p:last-child { font-size:17px; }
  .editorial-site .article-cover { margin-bottom:30px; }
  .editorial-site .about-layout,.theme-vermilion.editorial-site .about-layout { grid-template-columns:minmax(0,1fr); gap:34px; padding-block:45px 65px; }
  .editorial-site .about-intro { padding:0 0 30px; border:0; border-bottom:1px solid var(--line); }
  .editorial-site .about-intro h1 { font-size:clamp(42px,10vw,65px); }
  .editorial-site .about-signature { margin-top:36px; }
  .theme-vermilion.editorial-site .about-intro { padding:30px 25px; }
  .editorial-site .guestbook-layout { gap:36px; }
  .editorial-site .guest-wall { border-left:0; padding-left:0; }
  .editorial-site .archive-list>section { display:block; }
  .editorial-site .archive-list h2 { margin-bottom:10px; }
  .theme-preview-editorial { display:block; }
  .theme-preview-editorial>.editorial-preview-art { min-height:250px; }
}
@media(prefers-reduced-motion:reduce) {
  .editorial-scene * { animation:none!important; }
  .editorial-site .work-cover,.editorial-site .round-arrow,.editorial-motion-toggle { transition:none; }
  .editorial-site .work-card:hover .work-cover,.editorial-site .work-card:hover .round-arrow,.editorial-motion-toggle:active { transform:none; }
}
@media(prefers-contrast:more) {
  html[data-theme=gilded] { --blue:#6b4910; --muted:#594623; --line:#94702c; }
  html[data-theme=vermilion] { --blue:#a8231a; --muted:#694035; --line:#a8231a; }
  .theme-vermilion.editorial-site .notes-section { --muted:#fffdf8; --line:#fffdf8; }
}
@media print {
  .editorial-scene,.editorial-motion-toggle,.editorial-hero-art { display:none; }
  .editorial-hero-copy { grid-column:1/-1; }
  .editorial-site .topbar { position:static; }
}
@media(hover:hover) and (pointer:fine) {
  .editorial-preview-art .editorial-motion-toggle:hover { background:#f6f1e5; }
}