.reference-design.reference-interior{isolation:isolate;background:#0a141c;position:relative}.interior-landscape{z-index:-1;pointer-events:none;transform:translate3d(0,var(--depth-y,0px),0);background:linear-gradient(110deg,#08121af7,#0a1821e0),url(/assets/croatian-road.png) 50%/cover;position:fixed;inset:-65px 0}.reference-interior .workspace,.reference-interior .app-main,.reference-interior .reference-public-content{background:0 0}.reference-interior .workspace{min-height:100svh}.reference-interior.light{background:#0a141c}.reference-interior.light .app-main,.reference-interior.light .reference-public-content{background:#f7f5eff0;border-radius:20px}.depth-block{translate:0 var(--depth-y,0px)}.reference-design .game-cover{border-radius:15px 15px 0 0;height:165px;margin:-24px -24px 24px;display:block;position:relative;overflow:hidden}.game-cover img,.lesson-cover img{object-fit:cover;transition:transform .35s}.game-card:hover .game-cover img{transform:scale(1.035)}.reference-design .game-card{overflow:hidden}.lesson-cover{aspect-ratio:16/9;background:#13242b;border-radius:12px;margin-bottom:18px;display:block;position:relative;overflow:hidden}.lesson-cover.compact{aspect-ratio:auto;flex-shrink:0;width:80px;height:62px;margin:0}.reference-design .lesson-grid-card{overflow:hidden}.reference-design .lesson-archipelago>.glass{background:linear-gradient(145deg,#10242c,#0b1720 70%);border-color:#d2aa7330}.reference-design .lesson-archipelago .lesson-island{isolation:isolate;width:190px;height:125px;transform-style:preserve-3d;border:0;overflow:visible;box-shadow:none!important;background:0 0!important}.lesson-island .island-art{object-fit:contain;z-index:-1;filter:drop-shadow(0 14px 10px #0008);border-radius:18px;width:210px;max-width:none;height:140px;transition:transform .3s,filter .3s;position:absolute;inset:-10px}.lesson-island:hover .island-art,.lesson-island:focus-visible .island-art{transform:translateY(-6px)rotate(-2deg)}.lesson-island[data-island-state=locked] .island-art{filter:grayscale(.85)brightness(.55)}.lesson-island>svg,.lesson-island>span{color:#f0d5aa;background:#091721dc;border-radius:8px;padding:5px;position:relative;top:20px}.lesson-island>svg{width:30px;height:30px}.lesson-island:focus-visible{outline-offset:6px;outline:2px solid #e3bf88}.reference-design .lesson-archipelago .animate-game-float{animation:none}.reference-design .discovery-goals{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.discovery-eyebrow{letter-spacing:.18em;color:var(--ref-accent);font-size:11px;font-weight:700}.reference-design .discovery-goals h2,.reference-design .discovery-faq h2{letter-spacing:-.04em;margin:22px 0;font-size:clamp(30px,3.5vw,44px);line-height:1.14}.discovery-goals p,.discovery-process p,.discovery-faq p{color:var(--ref-muted);max-width:48ch;font-size:16px;line-height:1.7}.goal-lines a{border-bottom:1px solid var(--ref-line);align-items:center;gap:20px;padding:26px 0;font-size:18px;display:flex}.goal-lines a span{flex:1}.goal-lines a>svg{color:var(--ref-accent);flex-shrink:0}.reference-design .discovery-photo{isolation:isolate;color:#f5f3ed;background:#12202a;align-items:center;min-height:560px;padding:80px max(6vw,24px);display:flex;position:relative;overflow:hidden}.discovery-photo .discovery-photo-plane{object-fit:cover;object-position:center 55%;transform:translate3d(0,var(--depth-y,0px),0) scale(1.16);z-index:-2}.discovery-photo:after{content:"";z-index:-1;background:linear-gradient(90deg,#06151aeb 0%,#0a192ba6 45%,#0a192b1a);position:absolute;inset:0}.discovery-photo-copy{max-width:580px}.reference-design .discovery-photo h2{letter-spacing:-.05em;margin:24px 0;font-size:clamp(38px,5vw,68px);line-height:1.06}.discovery-photo p{color:#d3dedf;max-width:39ch;margin-bottom:30px;font-size:17px;line-height:1.75}.discovery-process ol{grid-template-columns:repeat(3,1fr);gap:38px;margin-top:45px;padding:0;list-style:none;display:grid}.discovery-process li{border-top:1px solid var(--ref-line);padding-top:26px}.step-number{color:var(--ref-accent);letter-spacing:-.06em;font-size:48px;font-weight:400}.discovery-process h3{margin:26px 0 12px;font-size:21px}.reference-design .discovery-faq{grid-template-columns:1fr 1.3fr;gap:80px;padding-top:30px;display:grid}.discovery-faq details{border-bottom:1px solid var(--ref-line)}.discovery-faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:24px 0;font-size:18px;list-style:none;display:flex}.discovery-faq summary::-webkit-details-marker{display:none}.discovery-faq summary span{color:var(--ref-accent);font-size:24px}.discovery-faq details[open] summary span{rotate:45deg}.discovery-faq p{padding-bottom:24px}.reference-design .final-land{isolation:isolate;background:0 0;position:relative;overflow:hidden}.final-land:before{content:"";z-index:-1;transform:translate3d(0,var(--depth-y,0px),0);background:linear-gradient(#09192377,#091923d9),url(/assets/croatian-road.png) 50%/cover;position:absolute;inset:-60px 0}@media (max-width:700px){.reference-design .discovery-goals,.reference-design .discovery-faq,.discovery-process ol{grid-template-columns:1fr;gap:24px}.discovery-process li{grid-template-columns:48px 1fr;gap:0 22px;display:grid}.step-number{grid-row:span 2;font-size:34px}.discovery-process h3{margin:0 0 8px}.reference-design .discovery-photo{min-height:480px;padding:55px 24px}.discovery-photo:after{background:#06151aa8}.lesson-cover.compact{width:58px;height:52px}.reference-design .lesson-archipelago .lesson-island{width:145px;height:110px}.lesson-island .island-art{width:165px;height:125px}.reference-design .game-cover{height:150px}}@media (prefers-reduced-motion:reduce){.depth-block{translate:none!important}.interior-landscape,.discovery-photo .discovery-photo-plane,.final-land:before{transform:none}.lesson-island .island-art{transition:none!important}.lesson-island:hover .island-art{transform:none}}