@font-face{font-family:Cinzel;src:url('assets/cinzel-latin.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:Raleway;src:url('assets/raleway-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#101d1b;--deep:#0b1413;--ivory:#f1efdc;--copper:#bd765a;--line:rgba(241,239,220,.22);--space:clamp(24px,4.45vw,80px);color-scheme:dark;font-family:Raleway,sans-serif;font-size:16px;color:var(--ivory);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--copper);outline-offset:6px}button{border:0}p{line-height:1.65;margin:0}h1,h2,h3{font-family:Cinzel,serif;font-weight:500;line-height:1.04;margin:0;letter-spacing:-.045em}em{font-style:normal;color:var(--copper)}img{max-width:100%;display:block}section{position:relative;isolation:isolate;scroll-margin-top:0}.skip{position:fixed;top:8px;left:8px;padding:14px;background:var(--ivory);color:var(--ink);z-index:100;transform:translateY(-200%)}.skip:focus{transform:none}
.masthead{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px var(--space);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand span{font-family:Cinzel,serif;font-weight:600;font-size:20px;letter-spacing:.015em;line-height:1.05}.brand small{display:block;font:10px Raleway,sans-serif;text-transform:uppercase;letter-spacing:.35em;margin-top:7px}.masthead nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:600}.masthead nav>a{position:relative}.masthead nav>a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--copper);transition:right .2s}.masthead nav>a:hover:after{right:0}.menu-toggle{width:44px;height:44px;background:transparent;border:1px solid var(--line);display:grid;align-content:center;justify-content:center;gap:6px}.menu-toggle span{height:1px;width:19px;background:var(--ivory)}.menu{width:min(800px,calc(100% - 32px));max-height:90svh;padding:36px;background:var(--ink);color:var(--ivory);border:1px solid var(--copper)}.menu::backdrop{background:#06100eeb;backdrop-filter:blur(8px)}.menu-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.menu-close{background:none;min-height:44px}.menu nav{display:grid;gap:0;margin:32px 0}.menu nav a{font-family:Cinzel,serif;font-size:clamp(24px,4vw,48px);padding:18px 0;display:flex;justify-content:space-between}.menu nav span{font:14px Raleway,sans-serif;color:var(--copper)}.menu p{font-size:14px;color:#b1bab2}
.intro{min-height:100svh;padding:122px var(--space) 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,#25413a88,transparent 55%),var(--ink)}.thread-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:var(--copper);stroke-width:.65;opacity:.3}.field-orbit{stroke:var(--ivory);stroke-width:.7;opacity:.4}.intro-meta,.section-label,.wordmark-caption,.next-bottom,.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.intro-meta{color:#b5bdb4}.intro-content{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding:32px 0}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:22px}.eyebrow:before{content:'';display:inline-block;width:28px;height:1px;background:var(--copper);margin-right:12px;vertical-align:middle}h1{font-size:clamp(40px,4.8vw,82px)}.intro-copy{font-size:17px;max-width:470px;margin-top:26px;color:#c5cdc3}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:28px;font-size:14px;font-weight:600}.link-line{width:48px;height:1px;background:var(--copper);transition:width .2s}.text-link:hover .link-line{width:72px}.hero-mark{justify-self:center;position:relative;width:clamp(180px,25vw,380px)}.hero-mark>img{width:100%;height:auto;filter:none}.mark-caption{font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;position:absolute;bottom:0;right:-40px;color:#b5bdb4}.wordmark>span{font-family:Cinzel,serif;text-transform:uppercase;font-size:clamp(64px,13.1vw,230px);font-weight:400;letter-spacing:-.065em;line-height:.86;display:block;text-align:center}.wordmark-caption{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.wordmark-caption span:first-child{letter-spacing:.5em}
.sunsteel{min-height:100svh;padding:32px var(--space);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.game-scene,.scene-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:65% 50%}.scene-shade{z-index:-1;background:linear-gradient(90deg,#061310ed 0%,#071410b8 33%,#07141012 72%),linear-gradient(0deg,#071410ed,transparent 45%)}.section-label{gap:20px;line-height:1.5}.game-copy{padding:32px 0;max-width:590px}.sunsteel-logo{width:190px;height:auto;margin-bottom:28px}h2{font-size:clamp(40px,5.2vw,84px)}.game-copy h2 em{color:var(--ivory)}.game-copy p{font-size:17px;max-width:430px;margin-top:22px;color:#e0e5d9}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;min-height:48px;background:var(--ivory);color:var(--ink);font-size:14px;font-weight:700;margin-top:28px;transition:background .2s,transform .2s}.button:hover{background:var(--copper);transform:translateY(-2px)}.game-bottom{border-top:1px solid #ffffff50;padding-top:20px;display:flex;gap:48px;align-items:end}.game-bottom p{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.game-bottom strong{font-size:14px;font-weight:600;display:block;letter-spacing:0;margin-top:7px}.game-bottom>span{margin-left:auto;font-size:12px}
.next-game{min-height:100svh;padding:36px var(--space);background:var(--deep);display:flex;flex-direction:column;justify-content:space-between}.next-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:center;margin:42px 0}.deception-art{min-height:440px;position:relative;overflow:hidden;background:#162522;display:grid;place-items:center;border:1px solid #759a8633}.veil-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9.9%,#101d1b 9.9% 10%),linear-gradient(125deg,#c0834a22,transparent 40%);z-index:2;mix-blend-mode:multiply}.split-mark{width:65%;position:relative}.split-mark img{width:100%;height:auto}.split-mark img:first-child{opacity:.13}.split-mark img:nth-child(2){position:absolute;inset:0;clip-path:polygon(0 0,44% 0,44% 100%,0 100%);transform:translateX(-12px);opacity:.8}.redacted{position:absolute;bottom:30px;left:30px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:4px solid var(--copper);padding-bottom:9px;z-index:3}.next-copy p:not(.eyebrow){font-size:17px;max-width:440px;margin-top:24px}.next-copy .quiet{font-size:14px!important;color:#aab8ae}.disclosure{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;background:none;border-top:1px solid var(--line);padding:18px 0;margin-top:28px;min-height:48px;font-size:14px}.disclosure span{font-size:24px;color:var(--copper)}#next-detail p{font-size:15px;margin:0;max-width:440px}.next-bottom{border-top:1px solid var(--line);padding-top:20px;color:#aab8ae}
.studio{min-height:100svh;padding:36px var(--space) 64px;background:var(--ivory);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.studio-lead{padding:56px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px 7vw}.studio-lead .eyebrow{grid-column:1/-1;margin:0}.studio-lead h2{font-size:clamp(40px,4.8vw,76px)}.studio-lead p:last-child{font-size:20px;max-width:450px;align-self:center}.studio em{color:#87513c}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #101d1b40;gap:5vw}.principles article{padding-top:25px}.principles article>span{font-size:12px;color:#87513c}.principles h3{font-size:26px;letter-spacing:-.04em;margin:26px 0 18px}.principles p{font-size:16px;max-width:340px;color:#3c4944}footer{padding:50px var(--space) 28px;background:var(--deep)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:36px}.footer-top>p{font-family:Cinzel,serif;font-size:28px;line-height:1.25}.footer-top nav{display:grid;gap:8px;font-size:14px}.footer-top nav a{min-height:32px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:54px;color:#aab8ae}
@media(max-width:900px){.intro-content{gap:2vw}.intro{padding-top:115px}.mark-caption{right:0;bottom:-30px}.game-copy{max-width:490px}.sunsteel-logo{width:140px}.game-bottom{gap:24px}.game-bottom>span{display:none}.next-layout{gap:5vw}.deception-art{min-height:350px}.studio-lead p:last-child{font-size:17px}.principles{gap:28px}.principles h3{font-size:22px}.footer-top>p{font-size:23px}}
@media(max-width:600px){html{scroll-padding-top:0}.masthead{padding:18px 24px}.masthead nav>a{display:none}.brand span{font-size:18px}.intro{min-height:100svh;padding:108px 24px 24px}.intro-meta span:last-child{display:none}.intro-content{display:block;padding:32px 0 0}.eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:39px;line-height:1.12;letter-spacing:-.05em}.intro-copy{font-size:16px;max-width:320px;margin-top:24px}.text-link{margin-top:18px}.hero-mark{width:130px;margin:18px 0 28px auto}.mark-caption{bottom:22px;right:150px;white-space:nowrap;font-size:10px}.thread-field{width:180%;left:-70%;opacity:.25}.wordmark>span{font-size:13vw;letter-spacing:-.065em}.wordmark-caption{font-size:10px;letter-spacing:0;gap:8px}.wordmark-caption span:first-child{letter-spacing:.25em}.wordmark-caption span:nth-child(2){display:none}.sunsteel{min-height:100svh;padding:28px 24px}.section-label{font-size:11px;align-items:start;max-width:100%;gap:22px}.section-label>span:last-child{text-align:right;max-width:140px}.game-copy{padding:64px 0 48px}.game-scene{object-position:58% center}.scene-shade{background:linear-gradient(90deg,#061310dd,#06131050),linear-gradient(0deg,#061310,transparent 90%)}.sunsteel-logo{width:148px;margin-bottom:32px}h2{font-size:42px}.game-copy p{font-size:16px;max-width:330px}.game-bottom{gap:28px;align-items:start}.game-bottom p{font-size:10px}.game-bottom strong{font-size:12px}.next-game{padding:28px 24px}.next-layout{grid-template-columns:1fr;margin:34px 0;gap:36px}.deception-art{min-height:270px}.split-mark{width:180px}.redacted{left:20px;bottom:22px;font-size:10px}.next-copy h2{font-size:54px}.next-copy p:not(.eyebrow){font-size:16px}.next-bottom{font-size:10px;gap:20px;line-height:1.5}.next-bottom span:last-child{white-space:nowrap}.studio{padding:28px 24px 48px}.studio-lead{grid-template-columns:1fr;padding:48px 0;gap:24px}.studio-lead h2{font-size:38px;line-height:1.12}.studio-lead p:last-child{font-size:17px}.principles{grid-template-columns:1fr;gap:28px}.principles article{border-bottom:1px solid #101d1b30;padding:8px 0 28px}.principles article:first-child{padding-top:28px}.principles h3{margin-top:15px;font-size:26px}.principles p{max-width:none}.footer-top{flex-wrap:wrap}.footer-top>p{display:none}.footer-bottom{font-size:10px;gap:20px;line-height:1.5}footer{padding:36px 24px 24px}}
@media(max-height:740px) and (min-width:901px){.intro{padding-top:110px}.intro-content{padding:22px 0}h1{font-size:4vw}.intro-copy{margin-top:18px}.hero-mark{width:21vw}.wordmark>span{font-size:11.8vw}.wordmark-caption{margin-top:16px;padding-top:12px}.sunsteel-logo{width:120px;margin-bottom:18px}.game-copy{padding:20px 0}.game-copy h2{font-size:4.6vw}.game-copy p{margin-top:14px}.button{margin-top:18px}.next-layout{margin:24px 0}.deception-art{min-height:330px}.studio-lead{padding:32px 0}.principles h3{margin:18px 0 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.thread-field{transform:none!important}}
.thread-field{pointer-events:none}.hero-mark{transition:transform .3s ease-out}.next-copy h2{font-size:clamp(44px,4.3vw,72px)}.footer-top nav a{display:flex;align-items:center;min-height:44px}.studio .principles h3{max-width:100%}
html{scroll-padding-top:0}.split-mark img:nth-child(2){transition:clip-path .65s ease,transform .65s ease}.deception-art:hover .split-mark img:nth-child(2){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0)}
@media(max-width:600px){.game-bottom strong{font-size:14px}.next-copy h2{font-size:48px}.studio .section-label>span:last-child{max-width:125px}}
@media(max-width:900px) and (min-width:601px){.intro{min-height:100svh}.intro-content{padding:48px 0}.hero-mark{width:25vw}.intro-copy{max-width:390px}}
@media(max-height:480px) and (max-width:900px){.intro{min-height:560px}.hero-mark{display:none}.intro-content{padding:28px 0}.intro-copy{max-width:480px}}
@media(max-width:600px) and (max-height:740px){.intro-content{padding-top:24px}.intro h1{font-size:35px}.intro .eyebrow{margin-bottom:14px}.intro-copy{margin-top:16px}.intro .text-link{margin-top:12px}.hero-mark{width:76px;margin:8px 0 16px auto}.mark-caption{right:92px;bottom:8px}.wordmark-caption{margin-top:14px;padding-top:12px}}
@media(max-width:600px) and (max-height:740px){.intro{padding-bottom:12px}}