.nav{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:50;color:#f3f1eb}
.nav .brand{padding:0;background:transparent;backdrop-filter:none;box-shadow:none}
.nav .brand-logo img{filter:brightness(0) invert(1);opacity:.96}
.nav .links{padding:9px 14px;background:rgba(19,24,22,.46);backdrop-filter:blur(14px)}
.nav .links a{opacity:.86}.nav .links a:hover{opacity:1}.nav .links .contact-link{border-bottom-color:#f1c75b}
.sim-hero{position:relative;min-height:100svh;padding:0;overflow:hidden;background:#27392f;color:#fff}
.sim-stage{position:absolute;inset:0;overflow:hidden;background:#27392f;--px:0;--py:0}
.sim-bg-picture{display:contents}
.sim-bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);transition:transform .25s ease-out}
.sim-bg,.sim-canvas,.sim-landmarks{transform:scale(1.02) translate(calc(var(--px) * -8px),calc(var(--py) * -5px));transform-origin:center}
.sim-open-day{position:absolute;z-index:1;left:61%;top:17%;width:clamp(190px,18vw,285px);transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 12px 14px rgba(28,43,34,.18))}
.sim-open-day img{display:block;width:100%;height:auto}.sim-open-day span{position:absolute;right:3%;bottom:1%;padding:6px 9px;background:rgba(248,243,233,.94);color:#0d5c4a;border:1px solid rgba(13,92,74,.18);font-size:.62rem;letter-spacing:.08em;white-space:nowrap}
.sim-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;image-rendering:auto;pointer-events:none}
.sim-landmarks{position:absolute;z-index:6;inset:0;pointer-events:none}
.sim-landmark{position:absolute;display:block;pointer-events:auto;border:0;outline:0}
.sim-landmark:before{content:"";position:absolute;inset:0;background:rgba(241,199,91,.03);clip-path:var(--landmark-clip);transition:background .2s ease,box-shadow .2s ease}
.sim-landmark:after{content:"";position:absolute;left:50%;bottom:8%;width:7px;height:7px;border-radius:50%;background:#f1c75b;box-shadow:0 0 0 5px rgba(241,199,91,.18);opacity:0;transform:translate(-50%,6px);transition:opacity .2s ease,transform .2s ease}
.sim-landmark>span{position:absolute;left:50%;bottom:calc(100% + 7px);min-width:190px;max-width:250px;padding:10px 12px;background:rgba(248,243,233,.96);color:#17251f;border:1px solid rgba(13,92,74,.22);box-shadow:5px 6px 0 rgba(13,92,74,.2);opacity:0;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.sim-landmark>span strong{display:block;font-size:.78rem;line-height:1.35;font-weight:700}
.sim-landmark>span small{display:block;margin-top:3px;color:#00896c;font-size:.65rem;letter-spacing:.06em}
.sim-landmark:hover:before,.sim-landmark:focus-visible:before,.sim-landmark.is-active:before{background:rgba(241,199,91,.22);box-shadow:inset 0 0 0 2px rgba(241,199,91,.8)}
.sim-landmark:hover:after,.sim-landmark:focus-visible:after,.sim-landmark.is-active:after{opacity:1;transform:translate(-50%,0)}
.sim-landmark:hover>span,.sim-landmark:focus-visible>span,.sim-landmark.is-active>span{opacity:1;transform:translate(-50%,0)}
.sim-landmark:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sim-tv-frame{position:absolute;left:24%;top:25%;width:52%;height:51%;border:2px solid rgba(255,255,255,.72);background:linear-gradient(135deg,#ed744b,#f1c75b 45%,#00896c);box-shadow:0 0 18px rgba(241,199,91,.45);animation:screenCycle 5.4s steps(1) infinite;pointer-events:none}
.sim-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(10,22,17,.79) 0%,rgba(10,22,17,.33) 37%,rgba(10,22,17,.06) 69%,rgba(10,22,17,.16) 100%),linear-gradient(0deg,rgba(12,20,16,.46),transparent 52%);pointer-events:none}
.sim-copy{position:relative;z-index:8;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-top:130px;padding-bottom:64px;pointer-events:none}
.sim-copy>*{pointer-events:auto}.sim-eyebrow{display:inline-flex;gap:12px;align-items:center;margin-bottom:22px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#f1c75b}.sim-eyebrow:before{content:"";width:42px;height:1px;background:currentColor}
.sim-copy h1{max-width:770px;margin:0;font-size:clamp(3.9rem,7.4vw,7.7rem);font-weight:500;line-height:.98;letter-spacing:-.075em;text-shadow:0 3px 30px rgba(8,17,13,.24)}
.sim-lead{max-width:540px;margin:24px 0 0;font-size:1.03rem;color:rgba(255,255,255,.82)}
.sim-enter{display:inline-flex;align-items:center;gap:22px;margin-top:30px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.74);font-size:.86rem;letter-spacing:.08em}
.sim-enter span{color:#f1c75b;font-size:1.25rem}.sim-status{position:absolute;z-index:9;right:28px;bottom:24px;display:flex;align-items:center;gap:9px;padding:8px 11px;background:rgba(243,241,235,.9);color:#183229;font-size:.7rem;letter-spacing:.08em;backdrop-filter:blur(10px)}
.sim-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#00896c;box-shadow:0 0 0 4px rgba(0,137,108,.13);animation:pulse 2.2s ease-in-out infinite}
.sim-speech{position:absolute;z-index:7;max-width:260px;padding:11px 14px;background:#f8f3e9;color:#17251f;border:1px solid rgba(13,92,74,.2);box-shadow:7px 8px 0 rgba(13,92,74,.22);font-size:.82rem;line-height:1.45;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.sim-speech.show{opacity:1}.sim-speech strong{display:block;margin-bottom:2px;color:#00896c;font-size:.68rem;letter-spacing:.1em}.sim-speech:after{content:"";position:absolute;left:18px;bottom:-9px;width:16px;height:16px;background:#f8f3e9;border-right:1px solid rgba(13,92,74,.2);border-bottom:1px solid rgba(13,92,74,.2);transform:rotate(45deg)}
.sim-hint{position:absolute;z-index:9;left:50%;bottom:22px;transform:translateX(-50%);font-size:.67rem;letter-spacing:.12em;color:rgba(255,255,255,.72)}
.case{display:block}.case:focus-visible,.index-row:focus-visible{outline:3px solid var(--y);outline-offset:4px}.index-row{transition:padding .25s ease,background .25s ease}.index-row:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.52)}
@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}
@keyframes screenCycle{0%,32%{background:linear-gradient(135deg,#ed744b,#f1c75b 45%,#00896c)}33%,65%{background:linear-gradient(135deg,#00896c,#52b9a1 47%,#f1c75b)}66%,100%{background:linear-gradient(135deg,#233b70,#e25532 52%,#f1c75b)}}
@media(max-width:900px){.nav .links{background:var(--paper);color:var(--ink);backdrop-filter:none}.sim-copy h1{max-width:650px}.sim-shade{background:linear-gradient(0deg,rgba(9,18,14,.84) 0%,rgba(9,18,14,.16) 69%,rgba(9,18,14,.28) 100%)}.sim-lead{max-width:510px}.sim-status{right:17px}.sim-hint{display:none}.sim-landmark>span{min-width:172px}}
@media(max-width:600px){.sim-hero{width:100vw;max-width:100vw}.sim-copy{width:calc(100vw - 34px);max-width:calc(100vw - 34px);margin-left:17px;margin-right:17px;justify-content:flex-end;padding-top:100px;padding-bottom:56px}.sim-copy h1{max-width:100%;font-size:clamp(2.5rem,11.6vw,3rem);line-height:1.02;letter-spacing:-.065em}.sim-lead{font-size:.94rem;max-width:94%}.sim-status{display:none}.sim-speech{max-width:205px;padding:9px 11px;font-size:.75rem;box-shadow:5px 6px 0 rgba(13,92,74,.22)}.sim-bg{object-position:center}.sim-open-day{left:70%;top:17%;width:150px}.sim-open-day span{display:none}.sim-tv-frame{left:31%;top:31%;width:40%;height:38%}.sim-landmark>span{min-width:150px;max-width:175px;padding:8px 9px}.sim-landmark>span strong{font-size:.72rem}.nav .brand{padding:0}.nav .brand-logo{width:72px;height:34px}.nav .brand-logo img{width:78px;height:78px;left:-3px;top:-22px}}
@media(prefers-reduced-motion:reduce){.sim-bg,.sim-canvas,.sim-landmarks{transform:none!important}.sim-status:before,.sim-tv-frame{animation:none}.sim-speech,.sim-landmark:before,.sim-landmark:after,.sim-landmark>span{transition:none}}
