:root{--brand-100:#fafcfd;--brand-200:#f5f9fc;--brand-300:#eaf3f9;--brand-400:#e0eef6;--brand-500:#d5e8f3;--brand-600:#cbe2f0;--brand-700:#a2b5c0;--brand-800:#7a8890;--brand-900:#3a4148;--brand-1000:#292d30;--gray-100:#f5f5f5;--gray-200:#e6e6e6;--gray-300:#d9d9d9;--gray-400:#b3b3b3;--gray-500:#757575;--gray-600:#444;--gray-700:#383838;--gray-800:#2c2c2c;--gray-900:#1e1e1e;--gray-1000:#111;--color-white:#fff;--color-text:var(--gray-900);--color-text-muted:var(--gray-600);--color-background:var(--brand-100);--color-surface:var(--color-white);--color-surface-muted:var(--gray-100);--color-border:var(--gray-300);--color-action:var(--brand-600);--color-action-hover:var(--brand-500);--color-control-background:var(--gray-100);--color-line-secondary:var(--gray-400);--color-focus:var(--brand-600);--font-family-body:Grandstander, "Trebuchet MS", sans-serif;--font-family-heading:var(--font-family-body);--font-size-2xs:8px;--font-size-xs:10px;--font-size-sm:11px;--font-size-caption:12px;--font-size-body:14px;--font-size-label:16px;--font-size-heading-mobile:22px;--font-size-heading:24px;--font-weight-regular:400;--font-weight-bold:700;--line-height-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-100:4px;--radius-200:8px;--radius-300:16px;--radius-400:24px;--radius-500:32px;--radius-600:40px;--radius-full:9999px;--control-height-medium:40px;--control-height-small:32px;--control-icon-size:16px}@font-face{font-family:Grandstander;src:url(/fonts/grandstander.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:var(--font-family-body);color:var(--color-text);background:var(--brand-100);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;width:100%;min-height:100%;margin:0}html,body,#root{width:100%;min-height:100%}html,body{overflow-x:clip}*{box-sizing:border-box}body{overscroll-behavior-x:none;background:url(/assets/background-DZ_JWdNe.webp) 50%/cover fixed;min-width:320px;margin:0}a{color:inherit;text-underline-offset:2px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px}h1,h2,p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pill-button{background:var(--color-action);border-radius:var(--radius-pill);height:var(--control-height-medium);padding:var(--space-3) var(--space-3);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);border:0;justify-content:center;align-items:center;gap:7px;line-height:1.2;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.pill-button:hover:not(:disabled){background:var(--color-action-hover);transform:translateY(-1px)}.pill-button:active:not(:disabled){transform:translateY(1px)}.site-footer{padding:16px var(--space-4) 16px;font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:7px;line-height:1.6;display:flex}@media (width<=600px){.pill-button{font-size:var(--font-size-body);height:var(--control-height-small);padding:var(--space-2) var(--space-3)}.site-footer{padding:26px var(--space-3) 30px;font-size:var(--font-size-2xs);gap:6px}}@media print{.home-link,.site-footer{display:none}}.home{flex:1;place-items:center;display:grid;position:relative}.home-composition{align-items:center;gap:var(--space-6);flex-direction:column;width:min(760px,58vw,81.778svh);display:flex;position:relative}.house-stage{aspect-ratio:2430/1842;perspective:1800px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;container-type:inline-size}.house-stage.is-dragging{cursor:grabbing}.house-camera{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 67%;transition:transform 1.1s cubic-bezier(.65,0,.35,1) 1s}.house-model{--depth:22cqw;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(-11cqw) rotateY(var(--turn));transition:transform .55s;position:relative}.is-dragging .house-model{transition:none}.house-front,.house-back{backface-visibility:hidden;position:absolute;inset:0}.house-front{transform:translateZ(11cqw)}.house-back{transform:rotateY(180deg)translateZ(11cqw)}.house-art,.house-back svg{width:100%;height:100%;display:block}.house-curtain{transform-origin:100% 0;width:22.75%;height:45.2%;transform:scaleX(var(--curtain-width,1));cursor:ew-resize;touch-action:pan-y;transition:transform .55s cubic-bezier(.2,.8,.3,1);position:absolute;top:45.1%;left:44.35%}.curtain-fabric{transform-origin:80% 40%;width:100%;height:100%;animation:5.6s ease-in-out infinite curtain-breeze;display:block}@keyframes curtain-breeze{0%,to{transform:skew(0)scaleX(1)}28%{transform:skew(-1.8deg)scaleX(.86)}62%{transform:skew(1.2deg)scaleX(1.045)}82%{transform:skew(-.6deg)scaleX(.95)}}.is-dragging .curtain-fabric{animation-play-state:paused}.is-entering .curtain-fabric{animation:none}.house-wall{width:var(--depth);background:var(--color-white);border:2px solid var(--color-text-muted);height:61.5%;box-shadow:inset 0 0 0 2px var(--color-white), inset 0 0 0 3px var(--color-line-secondary);backface-visibility:hidden;color:var(--brand-500);place-items:center;font-size:9cqw;display:grid;position:absolute;top:38.5%}.house-wall-left{left:calc(7.6% - 11cqw);transform:rotateY(-90deg)}.house-wall-right{left:calc(92.5% - 11cqw);transform:rotateY(90deg)}.house-roof{width:56.2cqw;height:var(--depth);transform-origin:0 0;background:var(--color-white);border:2px solid var(--color-text-muted);position:absolute;top:1.2%;left:50%}.house-roof-right{transform:translateZ(11cqw)rotate(31.2deg)rotateX(-90deg)}.house-roof-left{transform:translateZ(11cqw)rotate(148.8deg)rotateX(-90deg)}.rotation-help{font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:0;pointer-events:none;position:absolute;top:-25px}.home-composition:has(.house-stage:focus-visible) .rotation-help{opacity:1}.enter-button{white-space:nowrap}.home-intro{text-align:center;width:min(100%,520px);font-size:13px;line-height:1.5}.home-intro h1{margin:0 0 6px;font-size:20px}.home-intro p{margin:0 0 10px}.home-intro summary{cursor:pointer;text-decoration:underline}.home-intro details[open]{text-align:left}.home-intro details[open] summary{text-align:center;margin-bottom:12px}.home-intro h2{margin:16px 0 6px;font-size:15px}.home-intro ol{padding-left:22px}.is-entering .home-intro{visibility:hidden}.is-entering .house-curtain{transition-delay:.4s;transform:scaleX(.045)}.is-entering .house-camera{pointer-events:none;transform:scale(5.5)}.is-entering .enter-button{opacity:0;transition:opacity .25s}.is-entering{animation:2.2s forwards enter-house}@keyframes enter-house{0%,80%{opacity:1}to{opacity:0}}@media (width<=600px){.home{padding:80px var(--space-5) 26px}.home-composition{gap:25px;width:min(100%,400px)}}@media (height<=550px) and (width>=601px){.home{padding-top:28px}.home-composition{width:min(46vw,430px)}}@media (prefers-reduced-motion:reduce){.is-entering .house-camera{transform:none}}.house-wall{box-shadow:none;background:0 0;border:0}.house-wall img,.house-roof svg{pointer-events:none;width:100%;height:100%;display:block}.house-roof{background:var(--color-white);border:0}.curtain-touch{transform-origin:100% 0;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,1.5,.4,1)}@media (hover:hover){.house-curtain:hover .curtain-touch{transform:scaleX(.93)skew(-.8deg)}}.house-curtain.is-pulling{transition:none}.house-curtain.is-pulling .curtain-touch,.is-entering .curtain-touch{transform:none}.house-curtain.is-pulling .curtain-fabric{animation-play-state:paused}.house-soffit{width:96%;height:var(--depth);background:var(--color-white);pointer-events:none;position:absolute;top:calc(39.5% - 11cqw);left:2%;transform:rotateX(90deg)}.house-idle{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 100%;animation:7s ease-in-out infinite house-sway}@keyframes house-sway{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-3px)rotate(.25deg)}}.house-stage:hover .house-idle,.house-stage:focus-within .house-idle,.house-stage.is-dragging .house-idle{animation-play-state:paused}.is-entering .house-idle{animation:none;transform:none}.button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-action);border-radius:var(--radius-full);height:var(--control-height-medium);padding:var(--space-3);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);border:0;line-height:1.2;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button--primary{background:var(--brand-600);border:1px solid var(--brand-600)}.button--secondary{background:var(--brand-100);border:1px solid var(--brand-600)}.button:disabled{background:var(--gray-200);border:1px solid var(--gray-400);color:var(--gray-400);cursor:not-allowed}.button:hover:not(:disabled){background:var(--color-action-hover);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button svg{width:var(--control-icon-size);height:var(--control-icon-size);flex:none}@media (width<=600px){.button{font-size:var(--font-size-body);height:var(--control-height-small);padding:var(--space-2) var(--space-3)}}.site-footer{justify-content:center;align-items:baseline;gap:var(--space-2);padding:16px var(--space-4) 16px;font-size:var(--font-size-xs);flex-wrap:wrap;line-height:1.6;display:flex}.snack{text-underline-offset:2px;text-decoration:underline}@media (width<=600px){.site-footer{gap:var(--space-2);padding:26px var(--space-3) 30px;font-size:var(--font-size-2xs)}.mobile-fit-shell .site-footer{white-space:nowrap;flex:none;gap:5px;padding:9px 8px 30px;font-size:9px;line-height:1.35}}.app-shell{flex-direction:column;width:100%;max-width:100vw;min-height:100dvh;display:flex;overflow-x:clip}.inside-page{text-align:center;padding:160px var(--space-6) 80px;flex:1;position:relative}.inside-page h1{margin-bottom:var(--space-6)}@media (width<=600px){.inside-page{padding-top:108px}.mobile-fit-shell{height:100dvh;min-height:667px;overflow-x:clip}}.page-controls{top:var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-3);z-index:20;display:flex;position:absolute;left:4.3%;right:4.3%}.home-link[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.ambience-button{pointer-events:auto;min-width:132px;margin-left:auto}.ambience-button[aria-pressed=false]{background:var(--brand-100)}.ambience-button[aria-pressed=true]{background:var(--brand-600)}.music-error{top:calc(var(--space-10) + var(--control-height-medium) + var(--space-2));text-align:right;font-size:var(--font-size-caption);z-index:20;pointer-events:none;position:fixed;left:4.3%;right:4.3%}@media (width<=600px){.page-controls{top:var(--space-5);left:var(--space-4);right:var(--space-4);gap:var(--space-1)}.ambience-button{min-width:112px}.music-error{top:calc(var(--space-5) + var(--control-height-small) + var(--space-2))}}@media print{.page-controls,.music-error{display:none}}@media (hover:hover) and (pointer:fine){:root{--site-cursor:url(/cursors/blue-0.cur) 2 9;animation:1.33333s step-end infinite blue-cursor}body{cursor:var(--site-cursor), auto}a,button,summary{cursor:var(--site-cursor), pointer}.house-stage{cursor:var(--site-cursor), grab}.house-stage.is-dragging{cursor:var(--site-cursor), grabbing}.house-curtain{cursor:var(--site-cursor), ew-resize}input,textarea,[contenteditable=true]{cursor:text}button:disabled{cursor:not-allowed}}@keyframes blue-cursor{0%{--site-cursor:url(/cursors/blue-0.cur) 2 9}25%{--site-cursor:url(/cursors/blue-1.cur) 2 9}50%{--site-cursor:url(/cursors/blue-2.cur) 2 9}75%{--site-cursor:url(/cursors/blue-3.cur) 2 9}}@media (prefers-reduced-motion:reduce){:root{animation:none}}