:root{--ink:#241549;--deep:#241549;--cream:#faf5ff;--hot:#b9256c;--pink:#ff91c6;font-family:'DM Sans',sans-serif}body{background:radial-gradient(#baa9dc 1px,transparent 1px) 0 0/20px 20px #faf5ff}h1,h2,h3,.wordmark,.footer-brand{font-family:'DM Sans',sans-serif;letter-spacing:-.04em}.site-header{background:#fffaf4;border-bottom:3px solid var(--ink)}.button,.header-cta{border:2px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink)}.button-primary{background:#ffe16c;color:var(--ink)}.hero{background:transparent;grid-template-columns:44% 50%;gap:6%;padding:55px 5vw 65px;align-items:center;min-height:720px;max-height:none}.hero-copy{padding:20px 0;display:block}.hero h1{font-size:clamp(50px,5.5vw,86px);white-space:normal;line-height:1.02}.hero-intro,.section-kicker,.console-bar,.console-hint{font-family:'DM Sans',monospace;font-size:9px;line-height:1.9;letter-spacing:0}.hero-foot{margin-top:35px}.hero-scroll{display:none}.character-console{min-width:0;border:3px solid var(--ink);box-shadow:9px 9px 0 #ae8cff;background:white;transform:rotate(1deg)}.console-bar{background:#ffe16c;display:flex;justify-content:space-between;padding:15px;border-bottom:3px solid var(--ink)}.character-screen{height:430px;position:relative;overflow:hidden;background:var(--ink)}.character-screen>img{height:100%;object-fit:cover;object-position:50% 23%}.character-caption{position:absolute;bottom:0;inset-inline:0;padding:60px 24px 20px;background:linear-gradient(transparent,#160d35);color:white}.character-caption h2{font-size:32px;margin:8px 0}.character-caption a{text-decoration:underline}.screen-corner{position:absolute;right:15px;top:12px;color:#ffe16c;font-size:45px}.character-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;gap:8px;border-top:3px solid var(--ink)}.character-controls button{border:2px solid var(--ink);background:#eee5ff;color:var(--ink);min-width:36px;min-height:44px}.character-choices{display:flex;gap:9px}.character-choices button{padding:0;width:54px;height:58px}.character-choices img{height:100%;object-fit:cover}.character-choices button[aria-pressed=true]{outline:3px solid #b9256c;outline-offset:3px;transform:translateY(-3px)}.console-hint{text-align:center;font-size:7px;padding:0 10px 15px;margin:0}.section-heading h2,.atelier-copy h2,.commission-top h2,.shop-copy h2,.contact-intro h2{font-size:clamp(42px,5vw,72px);line-height:1.05}.work-section{background:#fffaf4;border-top:3px solid var(--ink)}.work-grid{gap:18px}.work-card{border:3px solid var(--ink);box-shadow:5px 5px 0 #ae8cff}.atelier-section{background:#d8c8ff;border-block:3px solid var(--ink)}.visual-stamp{border-radius:0;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#ffe16c;font-family:'DM Sans'}.commission-section{background:radial-gradient(#6f568d 1px,transparent 1px) 0 0/22px 22px #241549}.commission-list{border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.commission-list>div{display:flex;flex-direction:column;align-items:start;gap:20px;padding:26px;background:#faf5ff;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 #ae8cff}.commission-list p{color:#64547d}.commission-list h3{font-size:27px}.mission-button{margin-top:auto;background:#ffe16c;border:2px solid var(--ink);padding:12px;font-weight:700;min-height:44px;color:var(--ink)}.mission-button:hover{background:#ff97cc}.shop-section{background:#ffeaa6;border-bottom:3px solid var(--ink)}.contact-section{background:#d8c8ff}.contact-panel{background:#fffaf4}input,select,textarea{border:2px solid var(--ink);border-radius:0}.commission-section .section-kicker{color:#ff97cc}
@media(max-width:900px){.hero{gap:30px;grid-template-columns:1fr 1fr;padding-inline:25px}.hero h1{font-size:52px}.character-choices button{width:40px}.commission-list{grid-template-columns:1fr}}
@media(max-width:760px){.hero{display:flex;padding:38px 22px 60px;gap:25px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(44px,11vw,66px)}.hero-intro{font-size:8px}.character-console{width:100%;transform:none;box-shadow:6px 6px 0 #ae8cff}.character-screen{height:400px}.character-choices button{width:46px;height:54px}.console-bar{font-size:8px}.section-heading h2,.atelier-copy h2,.commission-top h2,.shop-copy h2,.contact-intro h2{font-size:43px}.section-wrap{padding-block:65px}.wordmark{font-size:24px}}