@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800&display=swap');

/* Sunderfolk only. Shared page chrome and approved pages remain independent. */
body.sf-page {
 --sc-canvas:#101c20; --sc-surface:#192a2d; --sc-ink:#eef0e9;
 --sc-ink-soft:#bdcbc8; --sc-accent:#d2b06d; --sc-accent-ink:#142125;
 --sc-font-display:'Big Shoulders Display','Jost',sans-serif;
 --sc-font-text:'Jost',sans-serif;
 --sf-gutter:clamp(24px,6vw,104px); --sf-space:clamp(64px,7vw,112px);
 --sf-header:76px;
 background:var(--sc-canvas); color:var(--sc-ink); overflow-x:clip;
 font-family:var(--sc-font-text); font-size:17px; line-height:1.65;
}
.sf-page::before { display:none; }
.sf-page :is(h1,h2,h3,p,figure,blockquote) { margin:0; }
.sf-page h2 { font-family:var(--sc-font-display); font-size:clamp(46px,5.5vw,80px); font-weight:700; line-height:.98; letter-spacing:-.025em; text-transform:none; text-wrap:balance; }
.sf-page p { text-wrap:pretty; }
.sf-page a:focus-visible { outline:3px solid #d2b06d; outline-offset:6px; }
.sf-page .sf-light a:focus-visible { outline-color:#775416; }
.sf-page a:active { transform:translateY(1px); }
.sf-wrap { max-width:1480px; margin-inline:auto; padding-inline:var(--sf-gutter); }
.sf-light { background:#e3e5de; color:#213239; --sc-ink:#213239; --sc-ink-soft:#41535a; }
.sf-dark { background:#101c20; color:#eef0e9; }
.sf-sr,.sf-hero__mobile-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.sf-skip { position:fixed; top:12px; left:16px; z-index:200; padding:12px 20px; background:#e3e5de; color:#142125; transform:translateY(-200%); }
.sf-skip:focus { transform:none; }
.sf-header { position:fixed; inset:0 0 auto; background:linear-gradient(#0b151ae8,#0b151a85); box-shadow:none; backdrop-filter:blur(8px); }
.sf-header .nav-links a { color:#d2dcd9; }
.sf-header .site-nav { max-width:none; padding-inline:clamp(24px,4vw,64px); }
.sf-header .nav-logo { font-size:22px; }
.sf-header .nav-education { color:#eef0e9; border-color:#8eaaa4; }
.sf-hero { position:relative; overflow:hidden; background:#102126; }
.sf-hero__desktop { width:100%; height:auto; display:block; transform:translateY(var(--sf-hero-y,0px)); }
.sf-hero__mobile-art { display:none; }
.sf-edge { position:absolute; height:38px; inset:auto 0 -1px; background:#c8ac70; clip-path:polygon(0 0,72% 82%,100% 5%,100% 100%,0 100%); }
.sf-edge::after { content:''; position:absolute; inset:4px 0 -1px; background:#e3e5de; clip-path:polygon(0 0,72% 82%,100% 5%,100% 100%,0 100%); }
.sf-listen { position:relative; padding:clamp(44px,5vw,80px) 0 var(--sf-space); }
.sf-section-top { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:40px; }
.sf-section-top h2 { font-size:clamp(34px,3.7vw,54px); }
.sf-text-link { font-size:14px; letter-spacing:.06em; white-space:nowrap; border-bottom:1px solid currentColor; padding-block:6px; }
.sf-text-link span { display:inline-block; margin-left:12px; }
.sf-listen__grid { display:grid; grid-template-columns:1.22fr 1fr; gap:clamp(32px,5vw,80px); align-items:start; }
.sf-player iframe { height:660px; border:0; border-radius:12px; background:#234b59; }
.sf-album { max-width:510px; width:100%; justify-self:end; }
.sf-album__art { transform:translateY(var(--sf-album-y,0px)) rotate(var(--sf-album-r,0deg)); transform-origin:50% 90%; }
.sf-album__art img { width:100%; height:auto; filter:drop-shadow(0 15px 14px #182a3330); }
.sf-streams { display:grid; gap:12px; margin:24px auto 0; width:86%; }
.sf-streams a { display:flex; min-height:44px; align-items:center; transition:transform 160ms ease-out; }
.sf-streams img { width:100%; height:auto; }
.sf-press { border-top:1px solid #8b9d9c; margin-top:64px!important; padding:40px 0 0; }
.sf-press p { font-size:clamp(21px,2.05vw,29px); line-height:1.45; font-weight:500; max-width:1060px; }
.sf-page cite { display:block; font-style:normal; font-size:14px; letter-spacing:.02em; margin-top:24px; }
.sf-press cite a { text-decoration:underline; text-underline-offset:4px; }
.sf-press cite span { opacity:.85; }
.sf-story { padding:var(--sf-space) 0; position:relative; }
.sf-story__grid { display:grid; grid-template-columns:1fr 1fr; gap:56px 72px; align-items:start; }
.sf-prose h2 { margin-bottom:32px; }
.sf-prose p { max-width:65ch; }
.sf-prose p+p { margin-top:24px; }
.sf-studio { grid-column:2; grid-row:1 / span 2; position:sticky; top:calc(var(--sf-header) + 30px); overflow:hidden; }
.sf-studio img { width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; object-position:20% center; }
.sf-composer-quote { grid-column:1; padding-top:32px; border-top:1px solid #617776; }
.sf-composer-quote p:first-child { font-size:clamp(25px,2.4vw,36px); font-weight:500; line-height:1.35; color:#e4cc98; margin-bottom:24px; }
.sf-composer-quote p+p { color:#c0cecb; font-size:17px; }
.sf-composer-quote cite { color:#d4b779; }
.sf-voice-word { opacity:var(--sf-word-opacity,1); }
.sf-composer { padding:var(--sf-space) 0; position:relative; }
.sf-composer__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(40px,6vw,96px); align-items:center; }
.sf-portrait { overflow:hidden; }
.sf-portrait img { width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; object-position:5% center; }
.sf-game { position:relative; padding:var(--sf-space) 0 72px; }
.sf-game__world { position:absolute; inset:0 0 auto; height:900px; overflow:hidden; pointer-events:none; }
.sf-game__world img { width:100%; height:100%; object-fit:cover; object-position:center; mask-image:linear-gradient(to bottom,#000 30%,transparent 100%); opacity:.46; }
.sf-game__intro { position:relative; display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; align-items:start; margin-bottom:80px; padding:40px; background:#101c20f5; }
.sf-game__intro h2 { font-size:clamp(64px,7vw,100px); }
.sf-scenes { position:relative; padding-bottom:8px; }
.sf-scene { display:grid; grid-template-columns:1.6fr 1fr; position:relative; margin-bottom:80px!important; background:#192a2d; border-top:1px solid #a68e60; box-shadow:0 16px 44px #07101266; transform-origin:50% 0; }
.sf-scene:last-child { margin-bottom:0!important; }
.sf-scene__picture { overflow:hidden; align-self:stretch; background:#101c20; }
.sf-scene__picture img { width:100%; height:100%; min-height:360px; aspect-ratio:16/9; object-fit:contain; }
.sf-scene figcaption { display:flex; align-items:center; padding:40px; background:#192a2d; }
.sf-scene blockquote p { font-family:var(--sc-font-display); font-size:clamp(28px,3vw,44px); line-height:1.1; font-weight:700; text-wrap:balance; }
.sf-scene cite { color:#d4b779; }
.sf-motion .sf-scene { position:sticky; top:calc(var(--sf-header) + 28px); transform:scale(var(--sf-scene-scale,1)); }
.sf-motion .sf-scene__picture img { clip-path:polygon(var(--sf-cut,0%) 0,calc(100% - var(--sf-cut,0%)) 0,100% 50%,calc(100% - var(--sf-cut,0%)) 100%,var(--sf-cut,0%) 100%,0 50%); }
.sf-more { position:relative; padding:var(--sf-space) 0; background:#0d1518; }
.sf-projects { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.sf-projects a { display:block; }
.sf-projects img { width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; background:#101c20; }
.sf-projects a>span { display:flex; justify-content:space-between; gap:12px; font-size:18px; margin-top:18px; }
.sf-projects a>span span { color:#d4b779; }
.sf-page .site-footer { background:#0d1518; border-top:1px solid #33433f; }
.sf-page .footer-copy { color:#bac9c5; }
/* Text enters individually, keeping long sections paced to the reader. */
.sf-page.sf-enhanced [data-sf-text] {
 transition:opacity 800ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.22,1,.36,1);
}
.sf-page.sf-enhanced [data-sf-text]:not(.sc-in) { transform:translate3d(0,26px,0); }
.sf-page.sf-enhanced h2[data-sf-text] { transition-duration:950ms; }
.sf-page.sf-enhanced cite[data-sf-text] { transition-delay:100ms; }
@media(max-width:740px) {
 .sf-page.sf-enhanced [data-sf-text] { transition-duration:650ms; }
 .sf-page.sf-enhanced [data-sf-text]:not(.sc-in) { transform:translate3d(0,18px,0); }
}
/* The document remains fully readable if the engine or page script fails. */
.sf-page:not(.sf-enhanced) [data-sc-in],.sf-page:not(.sf-enhanced) [data-sc-stagger]>* { opacity:1; transform:none; }
@media(hover:hover) and (pointer:fine) {
 .sf-streams a:hover { transform:translateX(4px); }
 .sf-projects a:hover>span,.sf-text-link:hover { color:#d4b779; }
 .sf-light .sf-text-link:hover { color:#785b25; }
}
@media(min-width:1800px) { .sf-hero__desktop { max-height:100svh; object-fit:contain; } }
@media(max-width:1000px) {
 .sf-story__grid { gap:40px; }
 .sf-listen__grid { gap:32px; }
 .sf-player iframe { height:580px; }
 .sf-game__intro { gap:32px; padding:28px; }
 .sf-scene figcaption { padding:28px; }
 .sf-scene__picture img { min-height:320px; }
 .sf-projects { gap:24px; }
}
@media(max-width:740px) {
 body.sf-page { --sf-header:112px; --sf-gutter:24px; --sf-space:64px; font-size:16px; }
 .sf-header .site-nav { padding-inline:24px; }
 .sf-hero { padding-top:var(--sf-header); }
 .sf-hero__desktop { display:none; }
 .sf-hero__mobile-art { display:block; overflow:hidden; }
 .sf-hero__mobile-art img { width:100%; height:52svh; max-height:510px; min-height:300px; object-fit:cover; object-position:center; }
 .sf-hero__mobile-title { position:relative; width:auto; height:auto; margin:0; clip-path:none; white-space:normal; overflow:visible; padding:24px 28px 52px; text-align:center; background:#102126; }
 .sf-hero__mobile-title h1 img { width:100%; max-width:440px; height:auto; max-height:100px; margin:auto; }
 .sf-hero__mobile-title p { color:#b7dbd7; margin-top:12px; font-size:16px; }
 .sf-hero__mobile-title .sf-byline { margin-top:8px; color:#e6ece5; font-size:14px; }
 .sf-edge { height:20px; }
 .sf-section-top { align-items:start; flex-direction:column; gap:20px; margin-bottom:32px; }
 .sf-section-top h2 { font-size:40px; }
 .sf-listen__grid { display:flex; flex-direction:column; gap:32px; }
 .sf-player { width:100%; }
 .sf-player iframe { height:500px; }
 .sf-album { max-width:440px; margin-inline:auto; }
 .sf-streams { width:100%; max-width:360px; margin-top:20px; gap:12px; }
 .sf-press { margin-top:40px!important; padding-top:32px; }
 .sf-press p { font-size:22px; }
 .sf-story__grid { display:flex; flex-direction:column; gap:32px; }
 .sf-studio { position:relative; top:auto; width:100%; }
 .sf-studio img { aspect-ratio:4/3; object-position:center 40%; }
 .sf-composer-quote p:first-child { font-size:28px; }
 .sf-composer__grid { display:flex; flex-direction:column; gap:32px; }
 .sf-portrait { width:100%; }
 .sf-portrait img { aspect-ratio:4/5; }
 .sf-prose h2 { font-size:52px; }
 .sf-game { padding-bottom:48px; }
 .sf-game__world { height:680px; }
 .sf-game__intro { display:block; margin-bottom:40px; padding:24px; }
 .sf-game__intro h2 { font-size:64px; margin-bottom:32px; }
 .sf-scene,.sf-motion .sf-scene { position:relative; top:auto; display:block; transform:none; margin-bottom:32px!important; }
 .sf-scene__picture img { aspect-ratio:16/9; min-height:0; height:auto; }
 .sf-scene figcaption { padding:28px; }
 .sf-scene blockquote p { font-size:32px; }
 .sf-projects { grid-template-columns:1fr; gap:40px; }
 .sf-projects a { display:grid; grid-template-columns:42% 1fr; gap:24px; align-items:center; }
 .sf-projects a>span { display:block; font-size:22px; line-height:1.25; margin:0; }
 .sf-projects a>span span { display:block; margin-top:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .sf-hero__desktop,.sf-album__art { transform:none!important; }
 .sf-scene,.sf-motion .sf-scene { position:relative; top:auto; transform:none!important; }
 .sf-scene__picture img { clip-path:none!important; }
 .sf-voice-word { opacity:1!important; }
 .sf-page [data-sc-in],.sf-page [data-sc-stagger]>* { opacity:1!important; transform:none!important; transition:none!important; }
}

.sf-reduced .sf-hero__desktop,.sf-reduced .sf-album__art { transform:none!important; }
.sf-reduced .sf-scene { position:relative; top:auto; transform:none!important; }
.sf-reduced .sf-scene__picture img { clip-path:none!important; }
.sf-reduced .sf-voice-word { opacity:1!important; }
.sf-reduced [data-sc-in],.sf-reduced [data-sc-stagger]>* { opacity:1!important; transform:none!important; transition:none!important; }
.sf-page section[id] { scroll-margin-top:calc(var(--sf-header) + 20px); }
@media(max-width:740px) { .sf-page .footer-inner { gap:20px; flex-wrap:wrap; } .sf-studio img { object-position:20% center; } }