*{box-sizing:border-box} :root{color-scheme:light;--cream:#f4eddf;--ink:#111;--red:#92272b}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%}.site-header{position:relative;z-index:4;min-height:66px;border-block:2px solid #111;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:5px 2.6%;background:#faf1e3}.brand{width:clamp(150px,18vw,260px);flex-shrink:0}.brand img{width:100%;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:clamp(18px,3.2vw,54px)}nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:4px 0;text-decoration:none}nav a img{height:31px;width:auto;max-width:124px;object-fit:contain;mix-blend-mode:multiply}nav a:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:3px;background:var(--red);transform:scaleX(0);transition:transform .16s}nav a:hover:after,nav a[aria-current=page]:after{transform:scaleX(1)}.home{position:relative;min-height:calc(100svh - 66px);background:#f3ebdd}.stage{position:relative;width:100%;aspect-ratio:1586/922;overflow:hidden}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.mobile-logo{display:none}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.motion-controls{position:absolute;bottom:14px;right:22px;display:flex;gap:9px}.motion-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #18151035;border-radius:50%;background:#fff8ecb0;color:#28221a;font-size:21px;line-height:1}.motion-controls button:hover{background:#fffaf0}.motion-controls button:disabled{opacity:.35;cursor:default}.loading{position:absolute;left:35%;top:72%;font-weight:bold;letter-spacing:.02em;opacity:.6}.loading[hidden]{display:none}.page-art img{width:100%;height:auto}.back-home{display:inline-flex;margin:22px 3%;padding:12px 0;text-decoration:none;font-weight:bold}.contact-link{display:inline-flex;margin:18px 3%;background:#0b2148;color:#fff;padding:15px 24px;text-decoration:none;font-weight:bold;border-radius:5px}.about{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:8vw;padding:65px 7%}.about>img{width:220px;max-height:320px;object-fit:contain}.about h1{font-size:clamp(38px,6vw,80px);line-height:1;margin:0 0 24px;font-style:italic;letter-spacing:-.04em}.about p{max-width:350px;font-size:20px;line-height:1.5}.about a{display:inline-block;margin-top:15px;font-weight:bold}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:12px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}
@media(min-width:1590px){.stage{max-width:1800px;margin:auto}.home{display:grid;align-content:center}}
@media(max-width:700px){.site-header{padding:10px 18px 9px;flex-wrap:wrap;justify-content:center;gap:6px;min-height:108px}.brand{width:174px}nav{width:100%;justify-content:space-between;gap:12px}nav a{min-height:37px}nav a img{height:23px;max-width:85px}.home{min-height:calc(100svh - 108px)}.stage{height:calc(100svh - 108px);min-height:510px;aspect-ratio:auto;background:linear-gradient(155deg,#fff8ec 5%,#ede0cb 52%,#f8eddb 76%,#e8d7bd 100%)}.scene{display:none}.stage:before{content:"";position:absolute;inset:0 auto 0 0;width:12%;background:linear-gradient(90deg,#eee3d1,#f8eedf);box-shadow:8px 0 10px #513d2620;z-index:0}.stage:after{content:"";position:absolute;right:0;top:0;width:9px;height:76%;background:#822e2e;box-shadow:-3px 0 8px #1d130d15}.mobile-logo{display:block;position:absolute;top:32%;left:21%;width:75%;height:auto;filter:drop-shadow(2px 5px 2px #35251618)}.motion-controls{bottom:18px;right:18px}.page-art{overflow-x:auto}.page-art img{max-width:none;width:100%;min-width:700px}.about{min-height:70vh;flex-direction:column;gap:35px;padding:42px 26px}.about>img{height:210px;width:auto}.about h1{font-size:44px}.loading{left:25%;top:60%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}