:root{--bg:#0a1719;--surface:#132d2f;--line:#294649;--fg:#f6f7f3;--muted:#afc4c3;--accent:#10ddcc;--gold:#f4b96d;--well:#0c1e20;--ink:#062629;--accent-soft:#10ddcc18;--header-bg:#0a1719f5;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--fg);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}p{font-size:18px;line-height:1.6;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.02;letter-spacing:-3px;margin-bottom:28px}h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-1.6px;margin-bottom:24px}h3{font-size:25px;line-height:1.2;margin-bottom:16px}.skip{position:fixed;left:10px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(5vw,24px);border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;text-decoration:none;letter-spacing:1px;white-space:nowrap}.brand img{border-radius:12px}.brand span{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;padding-left:8px;border-left:1px solid var(--line)}nav{display:flex;align-items:center;gap:25px}nav>a{font-size:14px;text-decoration:none}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 24px;border:1px solid transparent;border-radius:7px;color:var(--ink);background:var(--accent);text-decoration:none;font-size:16px;font-weight:700;min-height:54px}.button:hover{box-shadow:0 0 0 4px var(--accent-soft);filter:brightness(1.08)}.button.small{padding:11px 16px;min-height:44px;font-size:13px}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:23px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:90px 5vw 64px}.hero .intro{max-width:570px;font-size:20px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:32px 0 20px}.text-link{font-size:14px;text-underline-offset:5px;line-height:1.5}.meta{font-size:13px;line-height:1.7;margin:20px 0 0}.hero-image{background:linear-gradient(0deg,rgba(7,20,21,.6),transparent 65%),url('assets/studio-woman-barearms.png') 72% center/cover no-repeat;position:relative}.photo-caption{position:absolute;bottom:30px;left:30px;font-size:15px;padding:11px 15px;border:1px solid #c6e8e750;background:#0a171980;backdrop-filter:blur(8px)}section:not(.hero){padding:88px 5vw;border-top:1px solid var(--line)}.commands{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.commands>div>p{max-width:520px}.phrase-board{background:var(--surface);padding:30px;border-radius:12px}.mini-label{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.phrase-buttons{display:flex;gap:8px;flex-wrap:wrap}.phrase,.studio-tabs button{background:transparent;border:1px solid var(--line);color:var(--fg);padding:11px 14px;border-radius:5px;font-size:13px;min-height:42px}.phrase.active,.studio-tabs .selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}blockquote{margin:34px 0 20px;font-size:32px;line-height:1.25;letter-spacing:-.7px}.phrase-board #phrase-note{font-size:16px;min-height:76px}.fine{font-size:12px;line-height:1.6}.studio-view{background:var(--well)}.studio-tabs{display:flex;gap:10px;margin:36px 0 24px;flex-wrap:wrap}.studio-tabs button{font-size:16px;min-width:125px}.workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.workspace>div>p{font-size:17px}.workspace-diagram{border:1px solid var(--line);background:var(--well);border-radius:8px;min-width:0}.diagram-top{padding:15px;font-size:12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.usage{margin-left:auto;color:var(--accent)}.history{padding:20px;display:grid;gap:16px;min-height:135px;font-size:14px;line-height:1.5}.reply{color:var(--muted)}.composer{margin:12px;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.composer span{color:var(--accent);white-space:nowrap}.section-head{max-width:740px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:42px 0}.route-grid article{padding:28px 0;border-top:1px solid var(--line)}.number{display:block;color:var(--accent);margin-bottom:25px;font-size:13px}.tag{display:inline-block;font-size:11px;font-weight:700;color:var(--accent);border:1px solid var(--line);padding:6px 9px;border-radius:4px}.planned{color:var(--gold);border-color:#826741;margin-left:8px}.route-grid p{font-size:17px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}summary{font-size:20px;font-weight:700;cursor:pointer;min-height:35px}summary span{float:right;color:var(--muted);font-size:12px;font-weight:400}.provider-details>p{margin:22px 0;font-size:15px}.provider-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.provider-list article{padding:20px;background:var(--surface);border-radius:7px}.provider-list h3{font-size:19px}.provider-list p{font-size:14px;margin-bottom:12px}.provider-list small{display:block;color:var(--gold);font-size:12px;margin:12px 0}.provider-list a{font-size:12px;text-underline-offset:4px}.usage-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.economics{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.economics strong{font-size:17px}.economics p{font-size:15px;margin-top:18px}.economics .fine{font-size:12px}.calculator{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}label{display:grid;gap:10px;font-size:13px;color:var(--muted)}select,input{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--well);color:var(--fg);min-height:48px;padding:12px}.token-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.cost-result{display:grid;gap:10px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.cost-result span{font-size:12px;color:var(--muted)}.cost-result strong{font-size:40px;letter-spacing:-1.3px;color:var(--accent);font-variant-numeric:tabular-nums}.cost-result .secondary-cost{font-size:25px;color:var(--fg);letter-spacing:-.3px}.prompt-tips{max-width:none}.tip-row{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.tip-row span{padding:10px 18px;border:1px solid var(--line);border-radius:30px;font-size:14px;color:var(--accent)}.good-prompt{font-size:29px;line-height:1.4;color:var(--fg);max-width:900px;letter-spacing:-.5px}.prompt-tips>p:last-child{max-width:800px}.download{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;background:var(--surface)}.download>div>p{max-width:590px}.install-note{border-left:1px solid var(--line);padding-left:40px}ol{padding-left:20px;font-size:16px;line-height:1.65;color:var(--muted)}li{margin-bottom:13px}.install-note>p:last-child{font-size:14px;color:var(--fg)}footer{padding:44px 5vw;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer img{display:block;width:auto;height:40px;max-width:110px;object-fit:contain;object-position:left center}footer>div:last-child{text-align:right}footer a{display:inline-block;margin:0 0 12px 24px;font-size:13px;text-underline-offset:4px}footer p{font-size:12px;margin:10px 0 0}@media(max-width:950px){nav>a:not(.button){display:none}.brand span{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-top:65px}h1{letter-spacing:-2px}.commands,.usage-section{gap:40px}.workspace{gap:25px;padding:25px}.workspace .usage{display:none}.route-grid{gap:20px}.route-grid article{padding:24px 0}.download{gap:40px}}@media(max-width:700px){.nav{padding:16px 22px}.brand{font-size:21px}.brand img{width:32px;height:32px}.button.small{font-size:12px;padding:10px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 24px 42px}.hero-image{min-height:340px;background-position:68% center}.hero .intro{font-size:18px}.hero .actions{gap:20px}.hero .button{width:100%}section:not(.hero){padding:60px 24px}.commands,.usage-section,.download,.workspace{grid-template-columns:1fr;gap:32px}.phrase-board{padding:22px}blockquote{font-size:28px}.workspace{padding:22px}.route-grid{grid-template-columns:1fr;gap:6px}.route-grid article{padding:24px 0}.number{margin-bottom:16px}.provider-list{grid-template-columns:1fr}summary span{float:none;display:block;margin-top:12px;font-size:12px}.calculator{padding:24px}.token-inputs{gap:12px}.cost-result strong{font-size:36px}.good-prompt{font-size:25px}.studio-tabs{gap:8px}.studio-tabs button{min-width:0;flex:1;font-size:14px;padding:11px 10px}.install-note{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}footer{padding:32px 24px;display:block}footer>div:last-child{text-align:left;margin-top:28px}footer a{margin:0 22px 14px 0}.photo-caption{left:24px;bottom:24px}html{scroll-behavior:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.analyzer-section{background:var(--well)}.analyzer-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:40px 0 60px}.analyzer-flow article{border-top:1px solid var(--line);padding:25px 0}.analyzer-flow p{font-size:16px}.au-guidance{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;scroll-margin-top:30px}.au-guidance p{font-size:16px}.au-guidance code{display:block;overflow-wrap:anywhere;font-size:13px;padding:10px 12px;margin:12px 0;border:1px solid var(--line);color:var(--fg)}.au-guidance strong{color:var(--fg)}.au-limits{border-left:1px solid var(--line);padding-left:32px}.au-guidance a{color:var(--accent);text-underline-offset:4px}@media(max-width:700px){.analyzer-flow,.au-guidance{grid-template-columns:1fr;gap:24px}.au-limits{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.analyzer-section .actions .button{width:100%}}

/* Persistent navigation and focused, linkable sections. */
:root{--header-height:134px}
body{padding-top:var(--header-height)}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:block;padding:0 max(5vw,24px);background:var(--header-bg);backdrop-filter:blur(16px)}
.nav-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}
.section-nav{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-height:57px;align-items:stretch}
.section-nav a{display:flex;align-items:center;white-space:nowrap;padding:0 18px;border-bottom:3px solid transparent;color:var(--muted);min-height:54px;font-size:14px;font-weight:700}
.section-nav a:hover{background:#ffffff08;color:var(--fg)}
.section-nav a[aria-selected=true]{border-color:var(--accent);color:var(--accent)}
.section-nav>a:not(.button){display:flex}
.page-panel[hidden]{display:none}
.page-panel{min-height:55vh}
.page-panel:focus{outline:none}
.overview-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.overview-links a{padding:28px 5vw;background:var(--bg);text-decoration:none;display:grid;gap:14px}
.overview-links a:hover{background:var(--surface)}
.overview-links span{font-size:11px;letter-spacing:1.2px;color:var(--accent)}
.overview-links strong{font-size:17px;line-height:1.45}
.command-scope{margin:28px 0 -16px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.3px}
.copy-command{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:5px;padding:12px 16px;min-height:46px;font-size:14px}
.copy-command:hover{border-color:var(--accent);color:var(--accent)}
.phrase-board #phrase-note{min-height:100px}
.setup-details{margin-top:32px;scroll-margin-top:calc(var(--header-height) + 20px)}
.setup-details[open] .au-guidance{margin-top:32px}
.page-panel>section:first-child{border-top:0}
@media(max-width:950px){.section-nav{gap:0}.section-nav a{padding:0 15px}.hero{min-height:570px}.hero-copy{padding-top:62px}.commands{grid-template-columns:1fr}.commands>div>p{max-width:650px}.phrase-buttons{gap:8px}.phrase-board #phrase-note{min-height:0}.brand span{display:inline}}
@media(max-width:700px){
 :root{--header-height:124px}
 .nav{padding:0 18px}.nav-top{min-height:68px}.brand span{display:none}.nav .button.small{min-height:42px;font-size:12px;padding:10px 13px;gap:16px}
 .section-nav{margin:0 -18px;padding:0 10px;min-height:55px;scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav a{font-size:13px;min-height:55px;padding:0 13px}
 .hero{min-height:0}.hero-copy{padding:38px 22px 30px}.hero h1{font-size:clamp(42px,10.5vw,64px);letter-spacing:-1.9px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}
 .hero .intro{font-size:17px;line-height:1.55}.actions{margin:24px 0 16px;gap:16px}.hero .actions{gap:18px}.hero-image{min-height:210px;max-height:260px;background-position:65% 55%}.photo-caption{font-size:12px;left:22px;bottom:20px;padding:9px 12px}
 section:not(.hero){padding:34px 22px 42px}h2{font-size:34px;letter-spacing:-1.2px;margin-bottom:18px}h3{font-size:23px}p{font-size:16px;line-height:1.6}.meta{font-size:12px}
 .overview-links{grid-template-columns:1fr}.overview-links a{padding:20px 22px;gap:8px}.overview-links strong{font-size:16px}
 .commands{gap:22px}.phrase-board{padding:20px 16px}.phrase-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phrase{padding:10px 8px;font-size:12px;min-height:46px;line-height:1.3}.command-scope{margin-top:23px}blockquote{font-size:25px;margin:28px 0 18px;letter-spacing:-.4px}.phrase-board #phrase-note{font-size:15px;line-height:1.6}.copy-command{width:100%}
 .studio-tabs{flex-wrap:nowrap;overflow-x:auto;margin:24px 0 18px;padding-bottom:5px}.studio-tabs button{flex:0 0 auto;min-height:44px;padding:11px 14px}.workspace{gap:18px;padding:18px}.workspace>div>p{font-size:15px}.diagram-top{padding:12px}.history{padding:14px;font-size:13px;min-height:110px}.composer{margin:9px;padding:10px;font-size:11px}
 .route-grid{margin:24px 0}.route-grid h3{margin-bottom:12px}.route-grid p{font-size:16px}.provider-details summary,.setup-details summary{font-size:18px;line-height:1.4}.token-inputs{gap:10px}.calculator{padding:20px}.good-prompt{font-size:23px}.analyzer-flow{margin:28px 0 20px}.analyzer-flow article{padding:20px 0}.analyzer-flow p,.au-guidance p{font-size:15px}.setup-details summary span{font-size:12px}.au-guidance ol{font-size:15px;line-height:1.65}.download .button{width:100%}.brand{letter-spacing:.5px}.fine{font-size:12px}
 footer{padding:28px 22px}body{overflow-wrap:break-word}
}
@media(max-width:360px){.nav{padding:0 14px}.brand{font-size:19px}.brand img{width:28px;height:28px}.nav .button.small{gap:10px;padding:10px}.hero-copy{padding-left:18px;padding-right:18px}section:not(.hero){padding-left:18px;padding-right:18px}.hero h1{font-size:40px}}

/* Host-inspired website themes. Brand art and semantic status colours stay intact. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nav-actions{display:flex;align-items:center;gap:24px}
.theme-picker{display:flex;align-items:center;gap:10px}
.theme-picker label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;letter-spacing:.3px}
.theme-swatch{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--accent)}
.theme-picker select{width:185px;min-height:44px;padding:9px 28px 9px 10px;font-size:12px;border-color:var(--line);background:var(--well);cursor:pointer}
@media(max-width:950px) and (min-width:701px){.theme-picker label{font-size:0;gap:0}.theme-picker select{width:165px}.nav-actions{gap:14px}}
@media(max-width:700px){
 :root{--header-height:174px}
 .nav-top{position:relative;min-height:118px;padding-bottom:50px}
 .nav-actions{gap:0}
 .theme-picker{position:absolute;left:0;right:0;bottom:5px;justify-content:space-between}
 .theme-picker select{width:190px;max-width:65%;min-height:40px}
 .theme-picker label{font-size:11px}
}

.app-showcase{background:var(--well)}
.showcase-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:6vw;margin-bottom:30px}
.showcase-heading h2{margin-bottom:0}.showcase-heading>p{max-width:520px;margin-bottom:5px}
.app-showcase figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.app-showcase figure a{display:block}.app-showcase img{display:block;width:100%;height:auto}
.app-showcase figcaption{padding:16px 20px;font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:700px){.showcase-heading{grid-template-columns:1fr;gap:18px}.showcase-heading>p{font-size:15px}.app-showcase figcaption{padding:14px}}

/* Illustrative studio photography, spread through the musical workflow. */
.studio-photo{margin:32px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--well)}
.studio-photo img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.studio-photo figcaption{padding:14px 18px;color:var(--muted);font-size:13px;line-height:1.5}
.studio-photo-wide{max-width:1000px}
.studio-photo-listening{max-width:1100px}
.download>div:first-child{min-width:0}
@media(max-width:700px){.studio-photo{margin-top:26px}.studio-photo figcaption{padding:12px 14px;font-size:12px}}

/* One photograph per section, beside its copy; natural reading order on small screens. */
.editorial-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;align-items:center}
.editorial-split>div{min-width:0}.editorial-split .studio-photo{margin:0;max-width:none;width:100%}
.editorial-split .section-head{max-width:none}.editorial-split h2{font-size:clamp(34px,3.5vw,58px)}
.commands{display:block}.commands>.editorial-split>div>p{max-width:600px}
.command-examples{background:var(--well)}.command-examples .phrase-board{min-width:0}
.editorial-image-first>.studio-photo{order:0}
.download{display:block}.download .install-note{border-left:0;border-top:1px solid var(--line);padding:40px 0 0;margin:48px 0 0;max-width:1000px}
.download .install-note>p{max-width:78ch}
@media(max-width:950px){.editorial-split{gap:28px}.editorial-split .actions{gap:16px}}
@media(max-width:700px){.editorial-split{grid-template-columns:1fr;gap:26px}.editorial-split>.studio-photo{order:1}.editorial-split>div{order:0}.editorial-split h2{font-size:34px}.download .install-note{margin-top:34px;padding-top:28px}}

/* Match every desktop photograph to the height of the adjacent copy.
   The positioned image cannot impose its intrinsic height on the grid row. */
@media(min-width:701px){
 .editorial-split{align-items:stretch}
 .editorial-split>.studio-photo{position:relative;min-height:280px;align-self:stretch}
 .editorial-split>.studio-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
 .editorial-split>.studio-photo figcaption{position:absolute;inset:auto 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}
 .editorial-split>.plugin-interface{background:#101722}
 .editorial-split>.plugin-interface img{object-fit:contain;padding:16px 16px 72px}
}
.phrase-board{border:1px solid var(--line)}
.phrase-buttons{gap:8px}
@media(max-width:700px){.plugin-interface img{aspect-ratio:auto;object-fit:contain;background:#101722}}

/* coπ identity and clearly labelled development direction. */
.brand{font-size:28px;letter-spacing:0}.copi-direction{background:var(--well)}.copi-lead{max-width:970px}.copi-domains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:40px 0}.copi-domains article{border-top:1px solid var(--line);padding-top:24px}.copi-domains article>span{display:block;font-size:32px;color:var(--accent);margin-bottom:18px}.copi-domains p{font-size:16px}.copi-roadmap{max-width:1000px;border-left:3px solid var(--accent);padding-left:26px}.copi-roadmap a{color:var(--fg);text-underline-offset:4px}footer p a{margin:0;font-size:inherit}@media(max-width:950px){.copi-domains{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.copi-domains{grid-template-columns:1fr}}

.copi-mark{color:var(--accent);flex:none;border-radius:12px}

.presentation-note{padding:28px 5%;background:var(--well);border-bottom:1px solid var(--line)}.presentation-note p{max-width:1000px;margin:0;font-size:15px;line-height:1.65}.presentation-note .eyebrow{margin-bottom:8px;font-size:12px}.presentation-note a{color:var(--accent);text-underline-offset:4px}@media(max-width:700px){.presentation-note{padding:24px 18px}}

/* Discreet developer attribution; product identity remains Breakin Bread. */
footer .developer-credit{font-size:11px;line-height:1.5;margin-top:18px;color:var(--muted)}

/* Breakin Bread Dark uses neutral surfaces and white accents throughout the interface. */
html[data-theme="bb-dark"]{--fg:#ffffff;--gold:#cccccc}
html[data-theme="bb-dark"] .planned{border-color:var(--line)}
html[data-theme="bb-dark"] .plugin-interface,html[data-theme="bb-dark"] .plugin-interface img{background:var(--well)}
html[data-theme="bb-dark"] .photo-caption{border-color:#ffffff50;background:#12121280}
html[data-theme="bb-dark"] .hero-image{background-image:linear-gradient(0deg,rgba(0,0,0,.6),transparent 65%),url("assets/studio-woman-barearms.png")}

/* Every creative workspace has a visible, linkable page. */
.section-nav{flex-wrap:wrap;overflow:visible;gap:0;min-height:48px;padding-bottom:4px}
.section-nav a{padding:0 13px;min-height:44px;font-size:13px}
.section-nav a:nth-child(-n+4){font-size:16px;color:var(--fg)}
.domain-intro{background:var(--well)}.domain-intro h1{max-width:1000px}.domain-lead{font-size:22px;max-width:850px}.domain-status{font-size:13px;max-width:900px;border-left:2px solid var(--accent);padding:12px 18px;margin:28px 0 42px;background:var(--surface)}.domain-status strong{color:var(--fg)}
.domain-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.domain-detail p{max-width:650px}.domain-steps{list-style:none;padding:0;margin:0;counter-reset:step}.domain-steps li{counter-increment:step;border-top:1px solid var(--line);padding:20px 0 20px 38px;position:relative;margin:0}.domain-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:22px;font-size:11px;color:var(--muted)}.domain-steps strong{display:block;color:var(--fg);font-size:18px;margin-bottom:7px}.domain-steps span{display:block;font-size:16px;line-height:1.6;color:var(--muted)}
.film-concept{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.film-concept>div{aspect-ratio:4/3;background:var(--surface);border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:22px}.film-concept span,.game-concept span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.film-concept b{font-size:clamp(19px,2.8vw,38px);line-height:1.1;letter-spacing:-.7px}.scene-concept{max-width:1000px;background:var(--surface)}.scene-concept svg{display:block;width:100%;height:auto;color:var(--fg)}.game-concept{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.game-concept>div{min-width:0}.game-concept b{display:block;font-size:clamp(26px,3.8vw,48px);margin:26px 0 12px;letter-spacing:-1px}.game-concept p{font-size:15px;margin:0}.domain-next{background:var(--surface)}.domain-next p{max-width:800px}.domain-next h2{max-width:1000px}.domain-intro>.fine{margin:18px 0 0}.copi-domains h3 a{text-decoration:none}.copi-domains h3 a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){:root{--header-height:260px}.section-nav{margin:0;padding:0 0 5px;gap:0}.section-nav a{font-size:12px;min-height:42px;padding:0 10px}.section-nav a:nth-child(-n+4){font-size:15px}.domain-lead{font-size:18px}.domain-status{margin-bottom:28px}.domain-detail{grid-template-columns:1fr;gap:36px}.film-concept{grid-template-columns:1fr 1fr;gap:8px}.film-concept>div{padding:15px}.film-concept b{font-size:24px}.game-concept{gap:12px;grid-template-columns:1fr;padding:22px 0}.game-concept>span{transform:rotate(90deg);justify-self:start}.game-concept b{font-size:30px;margin:12px 0}.domain-intro h1{font-size:clamp(40px,9vw,64px);letter-spacing:-1.8px}}