/* The House of Otto: chrome, pearl, sapphire and a trace of gazino gold. */
:root{--bg:#070b12;--panel:#101723;--ink:#e9edf3;--text:#e9edf3;--muted:#8a99ac;--gold:#c5af89;--border:#253244;--line:#263245;--blue:#8dceff;--pearl:#e9e8e3;--chrome:#9aadc3}
::selection{background:#8acbff;color:#08101a}button,a,input,textarea,select{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9bd8ff;outline-offset:4px}button:disabled{box-shadow:none!important}.house-page{background:radial-gradient(ellipse at 50% 28%,#132c4c48,transparent 58%),#070b12;color:#e9edf3}.house-page header{height:94px;background:#070b12db;border-bottom:1px solid #8ca6c51f;backdrop-filter:blur(28px);padding:20px 4.5%}.house-page .brand{font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:2.2px;color:#e8e4dc}.house-page .brand small{font:8px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:2.6px;color:#71849e;margin-top:9px}.house-page nav{gap:7px}.house-page nav button,.house-page nav a{font-size:12px;padding:10px 15px;color:#9aabc1;letter-spacing:.2px}.house-page nav button.active{color:#d6ecff}.house-page nav a{border-color:#2d3b4e;background:linear-gradient(130deg,#91b6df0b,#101724)}.house-page nav a:hover{color:#d6ecff;border-color:#749dc8}.house-page .status{border-color:#536b863f;color:#8fa1b7;font:9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.7px}.house-page .status.on{color:#9ed8c9;border-color:#8abdb155}.house-page main{max-width:1600px;padding-left:5%;padding-right:5%}.house-page .intro{padding-top:53px;padding-bottom:0}.house-page .eyebrow{font-size:9px;letter-spacing:2.7px;color:#9bb5cf}.house-page h1,.house-page h2,.house-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.house-page .intro h1{font-size:clamp(53px,6.7vw,100px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0 19px;background:linear-gradient(110deg,#9daabe 15%,#fbf4e8 48%,#91aac7 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.house-page .intro p{font-size:14px;line-height:1.8;color:#8799b0;letter-spacing:.2px}.house-page .architecture{position:relative;isolation:isolate;height:490px;margin:-15px -5.6% 0;perspective:1000px;background:radial-gradient(ellipse at 50% 44%,#19477460 0,#10264328 38%,transparent 69%);overflow:hidden}.sapphire-halo{position:absolute;left:calc(50% - 280px);top:20px;width:560px;height:330px;border-radius:50%;border:1px solid #a4d9ff14;box-shadow:0 0 80px #3195ee0c,inset 0 0 80px #4ba5e51c;transform:rotateX(48deg);z-index:-1}.sapphire-halo:before,.sapphire-halo:after{content:'';position:absolute;border:1px solid #a7c9ef15;border-radius:50%;inset:24px}.sapphire-halo:after{inset:-28px;border-color:#a7c9ef0a}.light-beam{position:absolute;top:30px;left:calc(50% - 280px);width:300px;height:440px;background:linear-gradient(180deg,#9adfff1f,transparent 85%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(10px);transform:rotate(26deg);pointer-events:none;z-index:2;opacity:.65}.beam-two{left:50%;transform:rotate(-26deg);opacity:.45}.spatial-coordinate{position:absolute;left:8%;right:8%;bottom:20px;display:flex;justify-content:space-between;color:#526b87;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:3px}.house-page .house3d{width:78%;max-width:1060px;height:350px;margin:55px auto 0;animation:ottoPresence 14s ease-in-out infinite alternate;transform-style:preserve-3d}.house-page .proscenium{inset:4% 24% 1%;border:1px solid #9fbed16b;border-radius:200px 200px 8px 8px;background:radial-gradient(ellipse at 50% 0,#4b8acb24,#0a0d17 70%);box-shadow:0 0 0 7px #1a2636,0 0 0 8px #a7c4dd24,0 0 0 18px #0a111c,0 0 0 19px #a7c4dd1a,0 0 70px #539de52b,inset 0 0 90px #08101b;overflow:hidden}.house-page .inscription{top:40px;font:9px Georgia;letter-spacing:3px;color:#d3c5ad;z-index:4}.house-page .curtain{top:85px;bottom:14%;width:51%;background:repeating-linear-gradient(90deg,#130a18 0,#34162b 9%,#542234 14%,#170f1e 23%);filter:saturate(.7);box-shadow:inset 0 15px 30px #000c;opacity:.8}.house-page .curtain.a{transform:translateX(-29%)}.house-page .curtain.b{transform:translateX(29%)}.house-page .proscenium:hover .curtain.a{transform:translateX(-55%)}.house-page .proscenium:hover .curtain.b{transform:translateX(55%)}.house-page .light{background:radial-gradient(ellipse at 50% 80%,#aecbdf15,transparent 62%)}.house-page .enter{top:65%;padding:16px 22px;font-size:12px;border:1px solid #d8e5ed80;border-radius:100px;background:linear-gradient(130deg,#d3e2ed,#aebdcc);color:#0f1d2b;box-shadow:0 8px 35px #0008,0 0 35px #b2dfff16;backdrop-filter:blur(18px);z-index:6}.house-page .enter span{color:#213f5c}.house-page .enter:hover{background:#e3edf2;box-shadow:0 0 45px #8abfff40}.house-page .wall{top:10%;height:80%;width:24%;border-color:#a3c6df25;background:repeating-linear-gradient(0deg,#0a111b 0 66px,#97bad566 67px,#26344a 69px,#0c1420 72px);box-shadow:inset 0 0 70px #0008}.house-page .wall.left{transform:rotateY(38deg);border-radius:100% 0 0 10%}.house-page .wall.right{transform:rotateY(-38deg);border-radius:0 100% 10% 0}.house-page .wall:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,#b9d9eb28 40px,transparent 42px)}.house-page .ceiling{top:-24px;left:10%;right:10%;height:135px;border-color:#b8cce539;box-shadow:0 3px 1px #cbd8e51f,0 15px 70px #59acff1a}.house-page .floor{bottom:-95px;height:175px;background:linear-gradient(0deg,#040810,#17304b45),repeating-linear-gradient(90deg,#0b141f 0 45px,#7da1bd22 46px,#0b141f 47px);border-top:1px solid #7b9bb24a;box-shadow:0 -15px 80px #71bfff15}.house-page .rail{width:22%;height:2px;background:linear-gradient(90deg,transparent,#bac3caab,#bac3ca22);box-shadow:0 0 12px #80caff33;top:46%;left:0;transform:rotate(8deg)}.house-page .r2{left:auto;right:0;transform:rotate(-8deg)}.pearl{position:absolute;top:70px;left:15%;width:5px;height:5px;border-radius:50%;background:#ffefcf;box-shadow:0 0 15px #ffebce8a;z-index:4}.pearl.p2{top:162px;left:10%}.pearl.p3{left:auto;right:15%}.pearl.p4{top:162px;left:auto;right:10%}.house-page .doors{max-width:720px;border-color:#6886a33a}.house-page .doors button{padding:23px;background:linear-gradient(90deg,transparent,#4b79ac0b,transparent)}.house-page .doors b{font:24px Georgia;letter-spacing:.3px;margin:5px 0;color:#d4e4f2}.house-page .doors button:hover{background:linear-gradient(90deg,transparent,#4b79ac24,transparent)}.house-page .disclaimer{font-size:10px;color:#63758b;letter-spacing:.1px}.house-page .sectionhead{padding:35px 0 26px}.house-page .sectionhead h2{letter-spacing:-1px}.house-page .stageframe{border-top:1px solid #9db4c160;border-bottom:1px solid #729fc35c;background:radial-gradient(ellipse at 50% 100%,#193751,#05080d 70%);padding:40px 7% 45px;box-shadow:0 -10px 80px #4c92c30d}.house-page .velvet{width:6%;background:repeating-linear-gradient(90deg,#180e1c,#482034 32%,#160d1a 65%);filter:saturate(.7)}.house-page #screen{background:radial-gradient(ellipse,#162842,#080d16);box-shadow:0 0 0 1px #d5e3f00d,0 15px 70px #0007}.house-page #screen h2{color:#e2e7eb}.house-page .stageframe:fullscreen{width:100vw;height:100vh;padding:0;background:#000;display:grid;place-items:center}.house-page .stageframe:fullscreen #screen{width:100%;height:100%;aspect-ratio:auto}.house-page .stageframe:fullscreen .velvet,.house-page .stageframe:fullscreen .stagefloor{display:none}.house-page .panel{background:linear-gradient(145deg,#172130b3,#0c121ded);border-color:#2a3a4d;border-radius:12px;box-shadow:0 10px 40px #0002}.house-page .panel .eyebrow{color:#7aaad2}.house-page .panel h3{font-family:inherit;font-size:22px;letter-spacing:-.6px}.house-page input,.house-page textarea,.house-page select{background:#080f19;border-color:#2c4056;color:#e2e9f0}.house-page input:focus,.house-page textarea:focus,.house-page select:focus{border-color:#83b4de}.house-page .primary{background:linear-gradient(120deg,#e6e5df,#a9c4dc);color:#142031;border-color:#ccdeec}.house-page .primary:hover{background:#edf2f5}.house-page button:not(.enter):hover{border-color:#7c9ebb}.house-page .log{padding:12px;border-radius:6px;background:#07101a;color:#84a7c9}.house-page .hint{font-size:11px;line-height:1.8;color:#8295ad}.house-page footer{border-color:#607a982b;color:#5f748c;font-size:9px;letter-spacing:1.5px}.house-page .audiencebar{color:#8cabc5;font-size:12px}.house-page #toast{background:#c3d9e9;color:#122334}.access-page{min-height:100vh;background:radial-gradient(ellipse at 50% 30%,#24588a40,transparent 60%),#070b12}.access-page .login-card{position:relative;margin-top:12vh;padding:42px;border-radius:160px 160px 16px 16px;padding-top:105px;max-width:460px;box-shadow:0 0 0 8px #a0c6ed07,0 0 0 9px #a0c6ed10,0 25px 100px #0008}.access-page .login-card h1{font-size:48px;letter-spacing:-1.5px}.access-page .login-card p{font-size:13px}.access-page .login-card .eyebrow{font-size:8px;letter-spacing:2px}
/* Atelier: the same identity, without stage lighting over the work. */
.atelier-page{background:radial-gradient(ellipse at 80% 0,#1a35571f,transparent 48%),#090e15;color:#e6edf4}.atelier-page .sidebar{background:linear-gradient(180deg,#101824,#080d15 70%);border-right-color:#6f90b32b}.atelier-page .wordmark{color:#e3ddcf;font-family:Georgia,serif;letter-spacing:2.2px;font-size:25px}.atelier-page .wordmark span{font-size:7px;color:#7796b4;letter-spacing:1.8px}.atelier-page .nav-label{color:#5b7898;font-size:8px;letter-spacing:1.8px}.atelier-page nav button{border-radius:7px;color:#8095ad;font-size:12px;padding:13px 12px}.atelier-page nav button.active{background:linear-gradient(90deg,#274a6d77,#1a2d4244);border-color:#6e9ac943;color:#d2e8fa;box-shadow:inset 2px 0 #a7cce7}.atelier-page nav button span{color:#6b91b4;font-size:9px}.atelier-page .sidebar-bottom a{color:#a5b7cb;font-size:11px}.atelier-page .sidebar-bottom small{color:#57708a;font-size:9px}.atelier-page header{background:#0d1520ab;border-bottom-color:#6486a029;height:85px}.atelier-page .breadcrumb{color:#536e8b;font-size:9px}.atelier-page .breadcrumb b{color:#a4bfd8}.atelier-page .project-switch select{background:#111d2b;color:#b9cfe2;border-color:#304862;font-size:11px}.atelier-page h1{font-weight:400;font-size:clamp(35px,4.1vw,61px);letter-spacing:-2.2px;color:#e6ebef}.atelier-page .kicker{font-size:9px;letter-spacing:2px;color:#8abbdf}.atelier-page .lead{font-size:14px;line-height:1.85;color:#8299b1;max-width:650px;margin-bottom:36px}.atelier-page .panel{background:linear-gradient(145deg,#141e2c,#0e1722);border-color:#33496166;border-radius:12px;box-shadow:0 7px 40px #0000001a}.atelier-page .panel.focus{background:radial-gradient(ellipse at 100% 0,#2c679b38,transparent 75%),linear-gradient(145deg,#182738,#0d1723);border-color:#52789e70}.atelier-page .focus h2{font-family:Georgia,serif;font-size:32px;line-height:1.2;color:#dce7ee}.atelier-page h2{font-size:21px;letter-spacing:-.5px}.atelier-page h3{font-size:17px}.atelier-page .primary{background:linear-gradient(120deg,#e6e6df,#a8c8e4);color:#102131;border-color:#cbdce9;box-shadow:0 5px 15px #0002}.atelier-page button{font-size:12px;border-color:#38516b8c}.atelier-page .primary:hover{background:#e3edf4;border-color:#edf7ff}.atelier-page label{font-size:11px;color:#91a7bd;letter-spacing:.15px}.atelier-page input,.atelier-page textarea,.atelier-page select{background:#080f18;border-color:#293d52;color:#d8e5f1;line-height:1.65}.atelier-page input::placeholder,.atelier-page textarea::placeholder{color:#4e647b;font-size:12px}.atelier-page input:focus,.atelier-page textarea:focus,.atelier-page select:focus{border-color:#7eacd3;box-shadow:0 0 0 3px #4d8ab610}.atelier-page .story{background:linear-gradient(135deg,#162333,#0c1521);border-color:#38516a75;border-radius:10px}.atelier-page .story p{color:#a1b4c9}.atelier-page .badge{border-color:#5977946b;background:#27476522;color:#a9c9e3;font:9px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.6px}.atelier-page .meta{color:#6985a0;font-size:10px}.atelier-page .rhythm span{color:#7797b4;border-color:#b49c744f;font-size:10px}.atelier-page .hint{font-size:11px;line-height:1.8;color:#718ba5}.atelier-page .empty{font-size:12px;color:#708aa3}.atelier-page .entry{border-color:#6e91b429}.atelier-page details{border-color:#6988a229}.atelier-page summary{font-size:11px;color:#849db5}.atelier-page .project-tickets{background:#0a121dee;border-color:#547ca12f;backdrop-filter:blur(20px);padding-top:12px;padding-bottom:12px}.atelier-page .ticket-label{font-size:8px;color:#6c89a6;letter-spacing:1.8px}.atelier-page .project-ticket{background:linear-gradient(120deg,#111c29,#0a121d);border-color:#2f4861;border-radius:8px;padding:11px 15px}.atelier-page .project-ticket.selected{border-color:#8cabc48a;background:linear-gradient(120deg,#21374c,#101e2d);box-shadow:inset 0 1px #d9e6f41a,0 6px 20px #0002}.atelier-page .project-ticket b{color:#e0e7ec;letter-spacing:.1px}.atelier-page .ticket-code{color:#a99677;font-size:8px}.atelier-page .ticket-description{color:#728fa8}.atelier-page .ticket-state{color:#7690a9;font-size:8px}.atelier-page .selected .ticket-state{color:#bad8ec}.atelier-page .jamsteps button.active{background:#28496666;color:#d5ebfb;border-color:#80a6c7}.atelier-page footer{border-color:#6486a029;color:#526e8b;font-size:10px}.atelier-page .toast{background:linear-gradient(120deg,#e8e5dc,#b4d4ec);color:#122334;border-radius:8px;box-shadow:0 10px 45px #0006}
@keyframes ottoPresence{from{transform:rotateX(2deg) translateZ(0)}to{transform:rotateX(0deg) translateZ(14px)}}
@media(max-width:850px){.house-page header{height:auto;min-height:95px}.house-page .house3d{width:92%}.house-page .proscenium{left:21%;right:21%}.house-page .intro h1{letter-spacing:-2px}.house-page .spatial-coordinate{left:6%;right:6%}.house-page .architecture{height:445px}.house-page .house3d{height:310px}.house-page .inscription{top:35px;font-size:8px;letter-spacing:1.8px}.house-page .enter{font-size:11px;padding:15px 18px}}
@media(max-width:600px){.house-page .intro{padding-top:38px}.house-page .intro h1{font-size:54px}.house-page .intro p{font-size:12px}.house-page .intro .eyebrow{font-size:7px;letter-spacing:2px}.house-page .architecture{height:360px;margin-top:0}.house-page .house3d{height:250px;margin-top:40px}.house-page .proscenium{inset:4% 16% 1%}.house-page .wall{width:18%}.house-page .ceiling{top:-15px;height:80px}.house-page .curtain{top:68px}.house-page .inscription{top:27px;font-size:7px;letter-spacing:1.4px}.house-page .enter{top:65%;font-size:10px;padding:13px 14px}.house-page .enter span{margin-left:10px}.house-page .pearl{top:60px;left:8%;width:4px;height:4px}.house-page .pearl.p2{top:130px;left:4%}.house-page .pearl.p3{right:8%;left:auto}.house-page .pearl.p4{right:4%;left:auto;top:130px}.house-page .doors b{font-size:22px}.house-page .doors button{padding:18px}.house-page header .brand{font-size:19px}.house-page nav button,.house-page nav a{font-size:11px;padding:8px 10px}.house-page .stageframe{padding:23px 6%}.house-page #screen h2{font-size:28px}.house-page #screen p{font-size:11px}.house-page .sectionhead h2{font-size:32px}.access-page .login-card{padding:32px;padding-top:90px;margin-top:8vh}.access-page .login-card h1{font-size:42px}.atelier-page .wordmark{font-size:21px}.atelier-page .sidebar{padding:24px 20px}.atelier-page .wordmark span{font-size:7px}.atelier-page header{height:auto}.atelier-page h1{font-size:38px;letter-spacing:-1.5px}.atelier-page .focus h2{font-size:28px}.atelier-page .lead{font-size:13px}.atelier-page .panel{padding:22px}.atelier-page .project-tickets{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.house-page .house3d,.atelier-page .ticket-rail.moving{animation:none}*{transition:none!important}}

/* Theatre mode works even when device fullscreen is unavailable. */
.exit-stage{display:none}.exit-stage[hidden]{display:none!important}body.stage-immersive{overflow:hidden}body.stage-immersive>header,body.stage-immersive>footer{display:none}body.stage-immersive main{padding:0;margin:0;max-width:none}body.stage-immersive #stage{display:block}body.stage-immersive #foyer,body.stage-immersive #control,body.stage-immersive #stage>.sectionhead,body.stage-immersive .audiencebar{display:none!important}body.stage-immersive .stageframe{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;padding:0;margin:0;border:0;border-radius:0;background:#030609;z-index:1000;display:grid;place-items:center;box-shadow:none}body.stage-immersive #screen{width:100%;height:100%;aspect-ratio:auto;border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 45%,#112238,#030609 80%)}body.stage-immersive .velvet,body.stage-immersive .stagefloor{display:none}body.stage-immersive .exit-stage,.stageframe:fullscreen .exit-stage{display:block;position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:1002;padding:10px 16px;color:#dce7f2;background:#0e1925bf;border:1px solid #7894ad50;border-radius:100px;backdrop-filter:blur(14px);font-size:11px;letter-spacing:.3px}.house-page #foyer .intro{padding-top:48px}.house-page #foyer .intro h1{margin-top:14px}.house-page #foyer .intro p{margin-bottom:0}.house-page .spatial-coordinate{display:none}.house-page .pearl{opacity:.65}.house-page .sapphire-halo:after{display:none}.house-page .house3d{animation:none}.house-page #foyer .doors{margin-top:0}.house-page footer{padding-top:24px;padding-bottom:24px}.atelier-page .project-ticket{min-width:250px}.atelier-page .ticket-rail.moving{animation:none}.atelier-page .project-tickets{scrollbar-width:thin}

/* Digital baroque: a gilded proscenium, crimson velvet and electric light. */
:root{--gold:#f4cc60;--blue:#237dff;--muted:#a8b2c4}
.house-page{background:radial-gradient(ellipse at 50% 42%,#0044d52a,transparent 62%),#060910}
.house-page .brand{color:#f8e7b3}.house-page .brand small{color:#aeb8c9}
.house-page .intro h1{background:linear-gradient(115deg,#d9a83c,#fff0b5 48%,#f0c44f);background-clip:text;-webkit-background-clip:text;color:transparent}
.house-page .intro p{color:#b0bacb}.house-page .architecture{background:radial-gradient(ellipse at 50% 45%,#005cff40,transparent 67%)}
.house-page .house3d,.house-page .house3d *,.light-beam,.sapphire-halo{pointer-events:none!important}
.house-page .proscenium{border-color:#e8be61;border-radius:190px 190px 8px 8px;box-shadow:0 0 0 5px #513d23,0 0 0 7px #efcd7966,0 0 0 15px #080d19,0 0 0 16px #b7954b88,0 0 70px #005cff55,inset 0 0 80px #00143b}
.house-page .proscenium:before{content:'✦';position:absolute;top:9px;left:0;right:0;text-align:center;color:#f4cc60;font-size:21px;z-index:8}
.house-page .inscription{color:#ffe6a0}.house-page .curtain,.house-page .velvet{background:repeating-linear-gradient(90deg,#370009 0%,#8e0016 9%,#cb102b 14%,#65000f 22%,#270007 28%);filter:none;opacity:1}
.house-page .curtain.a{animation:curtainLeft 1.8s cubic-bezier(.2,.7,.2,1) both}.house-page .curtain.b{animation:curtainRight 1.8s cubic-bezier(.2,.7,.2,1) both}
@keyframes curtainLeft{from{transform:translateX(0)}to{transform:translateX(-48%)}}@keyframes curtainRight{from{transform:translateX(0)}to{transform:translateX(48%)}}
.house-page .light-beam{background:linear-gradient(#167cff88,transparent 85%)}.house-page .sapphire-halo{border-color:#237dff77;box-shadow:0 0 75px #005cff35,inset 0 0 60px #005cff33}
.house-page .wall{border-color:#ba974b66;background:repeating-linear-gradient(0deg,#080e1a 0 66px,#d1ad5b88 67px,#133d8277 69px,#0a1325 72px)}
.house-page .rail{background:linear-gradient(90deg,transparent,#f1cd78aa,transparent);box-shadow:0 0 14px #167cff77}
.house-page .architecture>.enter{position:absolute;left:50%;top:285px;transform:translate(-50%,-50%);z-index:30;min-height:54px;min-width:202px;display:flex;align-items:center;justify-content:center;padding:16px 24px;background:#f4cc60;color:#201707;border:1px solid #ffeba5;box-shadow:0 7px 35px #0008,0 0 35px #f4cc6024;font-size:14px;font-weight:600;pointer-events:auto}
.house-page .architecture>.enter:hover{background:#ffe59b}.house-page .enter span{color:#3e2a08}
.house-page .doors>a{display:block;width:100%;text-align:center;min-height:68px;padding:17px;border:0}.house-page .doors b{color:#f4cc60;margin:5px}.house-page .doors{border-color:#c49d4b55}.house-page .doors>a:hover{background:#f4cc600d}
.house-page .eyebrow,.house-page #screen h2{color:#f8df97}.house-page #screen p{color:#b0bdd0}.house-page nav a{color:#c7d4e8;min-height:44px;display:flex;align-items:center}.house-page nav a:hover{border-color:#237dff}
.house-page .primary,.atelier-page .primary{background:#f4cc60;color:#211806;border-color:#ffe49a}.house-page .hint,.atelier-page .hint{color:#a1b0c5}.atelier-page .kicker{color:#72adff}.atelier-page .project-ticket.selected{border-color:#237dff}.atelier-page .ticket-code{color:#f4cc60}
.house-page .room{animation:none}.exit-stage[hidden]{display:block!important}
body:has(#stage:target){overflow:hidden}body:has(#stage:target)>header,body:has(#stage:target)>footer,body:has(#stage:target) #foyer,body:has(#stage:target) #stage>.sectionhead,body:has(#stage:target) .audiencebar{display:none!important}
body:has(#stage:target) #stage{display:block}body:has(#stage:target) main{padding:0;margin:0;max-width:none}
body:has(#stage:target) .stageframe{position:fixed;inset:0;width:100%;height:100dvh;z-index:1000;padding:0;border:0;background:#030609;display:grid;place-items:center}
body:has(#stage:target) #screen{width:100%;height:100%;aspect-ratio:auto}body:has(#stage:target) .velvet,body:has(#stage:target) .stagefloor{display:none}
body:has(#stage:target) .exit-stage{display:block;position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:1002;background:#0b1424e8;color:#ffe49a;border:1px solid #c9a75577;border-radius:30px;padding:13px 18px;min-height:44px;font-size:13px}
@media(max-width:700px){.house-page header{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 20px 18px;min-height:0}.house-page header .brand{text-align:center;font-size:21px}.house-page nav{display:flex;justify-content:center;width:100%;gap:10px}.house-page nav a{border-radius:30px;padding:12px 18px;font-size:12px}.house-page main{padding:0 20px}.house-page #foyer .intro{padding:32px 0 0}.house-page .intro h1{font-size:clamp(42px,10.8vw,65px);letter-spacing:-1.8px;line-height:1.08}.house-page .intro p{font-size:13px}.house-page .architecture{height:365px;margin:0 -20px}.house-page .house3d{width:100%;height:270px;margin:48px auto 0}.house-page .proscenium{inset:0 13% 1%}.house-page .architecture>.enter{top:240px;min-width:202px;font-size:14px;padding:16px 23px}.house-page .wall{width:16%}.house-page .inscription{top:43px;font-size:8px}.house-page .curtain{top:75px}.house-page .ceiling{left:3%;right:3%;height:90px}.house-page .doors>a{padding:19px 12px;min-height:72px}.house-page .doors b{font-size:24px}.house-page footer{margin-top:30px;padding:24px 20px max(24px,env(safe-area-inset-bottom));justify-content:center}.house-page input,.house-page textarea,.house-page select,.atelier-page input,.atelier-page textarea,.atelier-page select{font-size:16px}.atelier-page nav{gap:7px;padding-bottom:8px;scroll-snap-type:x proximity}.atelier-page nav button{min-height:44px;border:1px solid #304666;border-radius:24px;scroll-snap-align:start}.atelier-page .project-ticket{min-width:230px}.atelier-page .shell header{gap:12px}.atelier-page button{min-height:44px}.atelier-page main{padding:28px 18px}.atelier-page .panel{padding:20px}.atelier-page h1{font-size:36px;line-height:1.15}.atelier-page .actions>*{flex:1;text-align:center}.house-page .desk,.house-page .sourcegrid{min-width:0}.house-page .panel{min-width:0}.house-page .row>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){.house-page .curtain{animation:none!important}.house-page .curtain.a{transform:translateX(-48%)}.house-page .curtain.b{transform:translateX(48%)}}

html:has(.house-page),body.house-page{overflow-x:clip}.house-page .stageframe:fullscreen{height:100dvh}