:root{--bg:#f5f1e8;--bg-soft:#fbf9f3;--panel:rgba(255,252,246,.72);--line:rgba(16,20,24,.1);--ink:#121418;--muted:#5a616e;--charcoal:#1b1f25;--blue:#15356d;--green:#214f3c;--gold:#9b7a2f;--shadow:0 28px 80px rgba(14,18,24,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(21,53,109,.12),transparent 28%),radial-gradient(circle at 80% 10%,rgba(33,79,60,.12),transparent 26%),linear-gradient(180deg,#fcfaf4 0,var(--bg) 100%);color:var(--ink);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}a{color:inherit}.site-shell{position:relative;overflow:clip;width:min(1240px,calc(100% - 28px));margin:0 auto;padding:24px 0 72px}.ambient{position:absolute;border-radius:999px;filter:blur(48px);opacity:.55;pointer-events:none}.ambient-a{width:320px;height:320px;top:120px;right:-80px;background:rgba(21,53,109,.12)}.ambient-b{width:280px;height:280px;left:-120px;bottom:240px;background:rgba(33,79,60,.13)}.hero,.section-shell,.site-footer,.site-header{position:relative;z-index:1}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 26px}.site-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:var(--muted)}.site-nav a,.text-link{text-decoration:none;transition:color .16s ease,opacity .16s ease}.site-nav a:hover,.text-link:hover{color:var(--ink)}.wordmark{display:inline-flex;align-items:center;gap:12px}.wordmark-mark{display:inline-grid;grid-template-columns:repeat(3,10px);gap:4px;padding:4px}.wordmark-mark span{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--charcoal),#363e48)}.wordmark-mark span:nth-child(2){background:linear-gradient(135deg,var(--green),#4d8971)}.wordmark-mark span:nth-child(3){background:linear-gradient(135deg,var(--gold),#d7b76f)}.wordmark-copy{display:grid;grid-gap:2px;gap:2px}.wordmark-name{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:18px;letter-spacing:.18em;text-transform:uppercase}.wordmark-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.wordmark.is-compact .wordmark-tag{display:none}.hero,.section-shell,.site-footer{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.72);box-shadow:var(--shadow)}.hero{min-height:min(92vh,860px);border-radius:40px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);grid-gap:28px;gap:28px;padding:clamp(28px,5vw,52px);align-items:center}.section-shell{margin-top:28px;border-radius:34px;padding:clamp(28px,4vw,46px)}.section-head{display:grid;grid-gap:8px;gap:8px;margin-bottom:18px}.section-eyebrow{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-weight:600}h1{font-size:clamp(3.3rem,7.4vw,6.4rem);line-height:.92;max-width:8.3ch}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:.96;max-width:12ch}h3{font-size:clamp(1.7rem,2.2vw,2.25rem)}.closing-copy,.footer-brand p,.future-layout p,.hero-text,.project-copy p,.statement-copy{margin:0;color:var(--muted);line-height:1.7;font-size:clamp(1rem,1.6vw,1.08rem)}.hero-copy{display:grid;grid-gap:22px;gap:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--charcoal);color:#fff;box-shadow:0 16px 30px rgba(18,20,24,.18)}.button-secondary{background:hsla(0,0%,100%,.68);border:1px solid var(--line)}.hero-visual{position:relative;min-height:560px;border-radius:32px;overflow:hidden;background:linear-gradient(160deg,rgba(21,53,109,.16),transparent 45%),linear-gradient(340deg,rgba(33,79,60,.18),transparent 48%),linear-gradient(135deg,hsla(0,0%,100%,.72),hsla(40,46%,90%,.82));border:1px solid rgba(17,19,26,.08)}.hero-grid,.project-graphic-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(18,20,24,.05) 1px,transparent 0),linear-gradient(90deg,rgba(18,20,24,.05) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.hero-orbit{position:absolute;border-radius:999px;border:1px solid rgba(18,20,24,.12);animation:drift 14s ease-in-out infinite}.hero-orbit-a{inset:40px 110px 120px 40px}.hero-orbit-b{inset:88px 58px 68px 88px;animation-duration:18s}.hero-orbit-c{width:180px;height:180px;right:36px;top:54px;background:radial-gradient(circle,rgba(21,53,109,.16),transparent 68%);animation-duration:12s}.hero-signal{position:absolute;padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.72);border:1px solid rgba(17,19,26,.08);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero-signal-a{top:64px;left:56px}.hero-signal-b{top:130px;right:72px}.hero-signal-c{bottom:104px;left:84px}.hero-signal-d{bottom:72px;right:94px}.hero-stack{position:absolute;left:48px;right:48px;bottom:48px;display:grid;grid-gap:12px;gap:12px}.hero-stack span{display:block;width:-moz-fit-content;width:fit-content;padding:10px 14px;border-radius:14px;background:rgba(24,28,35,.9);color:#fff;font-size:clamp(1rem,2.2vw,1.3rem);letter-spacing:.04em}.statement-section{padding-top:clamp(34px,5vw,72px);padding-bottom:clamp(34px,5vw,72px)}.statement-copy{max-width:46rem;font-size:clamp(1.2rem,2vw,1.4rem)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.project-card{display:grid;grid-gap:20px;gap:20px;min-height:360px;padding:24px;border-radius:28px;background:hsla(0,0%,100%,.62);border:1px solid rgba(17,19,26,.08)}.project-card,.project-graphic{position:relative;overflow:hidden}.project-graphic{height:170px;border-radius:22px}.project-graphic-core,.project-graphic-ring{position:absolute;border-radius:999px}.project-graphic-core{width:96px;height:96px;left:24px;bottom:22px}.project-graphic-ring-a{inset:18px auto auto 18px;width:120px;height:120px;border:1px solid rgba(18,20,24,.12)}.project-graphic-ring-b{inset:auto 24px 22px auto;width:132px;height:132px;border:1px solid rgba(18,20,24,.12)}.tone-show .project-graphic{background:linear-gradient(135deg,rgba(155,122,47,.18),rgba(21,53,109,.1))}.tone-show .project-graphic-core{background:linear-gradient(135deg,var(--gold),#e0c687)}.tone-game .project-graphic{background:linear-gradient(135deg,rgba(21,53,109,.16),rgba(33,79,60,.12))}.tone-game .project-graphic-core{background:linear-gradient(135deg,var(--blue),#5c86d2)}.tone-studio .project-graphic{background:linear-gradient(135deg,rgba(33,79,60,.16),rgba(18,20,24,.08))}.tone-studio .project-graphic-core{background:linear-gradient(135deg,var(--green),#6ea38e)}.project-copy{display:grid;grid-gap:10px;gap:10px}.text-link{width:-moz-fit-content;width:fit-content;margin-top:auto;font-weight:600}.future-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);grid-gap:24px;gap:24px;align-items:start}.future-panel{display:grid;grid-gap:10px;gap:10px}.future-panel span{display:block;padding:16px 18px;border-radius:18px;background:hsla(0,0%,100%,.6);border:1px solid rgba(17,19,26,.08);color:var(--charcoal)}.site-footer{margin-top:28px;border-radius:32px;padding:24px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px}.footer-brand{display:grid;grid-gap:10px;gap:10px;max-width:320px}.footer-links{display:grid;grid-gap:10px 18px;gap:10px 18px;grid-template-columns:repeat(2,minmax(120px,auto));color:var(--muted)}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.015)}}@media (prefers-reduced-motion:no-preference){.button,.hero-signal,.project-card,.section-shell,.site-footer{transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.project-card:hover{transform:translateY(-3px)}}@media (max-width:980px){.future-layout,.hero,.projects-grid,.site-footer{grid-template-columns:1fr}.hero-visual{min-height:440px}}@media (max-width:720px){.site-shell{width:min(100%,calc(100% - 16px));padding-top:12px}.site-header{align-items:flex-start;flex-direction:column}.site-nav{gap:14px}.hero,.section-shell,.site-footer{border-radius:26px;padding:22px}.hero{min-height:auto}.hero-visual{min-height:360px}.hero-stack{left:24px;right:24px;bottom:24px}}