/* Private studio entrance. All fonts and assets are served by this studio. */
.studio-entry { --cream:#f1eadb; --ink:#101512; --orange:#ff7149; display:grid;grid-template-columns:minmax(0,1.24fr) minmax(380px,.76fr);min-height:100svh;background:#111613;color:var(--cream);font-family:Montserrat,Arial,sans-serif; }
.entry-story { position:relative;overflow:hidden;padding:48px clamp(36px,5.5vw,100px) 28px;background:radial-gradient(ellipse at 90% 68%,#2d3c2b 0,transparent 55%),#171e19;display:flex;flex-direction:column; }
.entry-story::before { content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#f4f0de05 1px,transparent 1px),linear-gradient(90deg,#f4f0de05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000); }
.entry-brand { display:flex;align-items:center;gap:14px;font-size:16px;letter-spacing:2px;font-weight:750;color:var(--cream)!important;width:fit-content;position:relative; }
.brand-glyph { background:var(--orange);color:#111613;border-radius:10px;width:47px;height:47px;display:flex;align-items:center;justify-content:center;font-size:34px;letter-spacing:-5px;padding-right:5px;font-weight:850; }
.brand-glyph>span { font-size:28px; }
.entry-brand small { display:block;font-size:8px;letter-spacing:2.6px;color:#b6c4b4;font-weight:500;margin-top:5px; }
.entry-copy { margin-top:clamp(40px,7vh,85px);position:relative; }
.eyebrow { display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2.6px;color:#a6ba9b;font-weight:600;margin-bottom:24px; }
.eyebrow>span { width:6px;height:6px;border-radius:50%;background:#b7cf91;box-shadow:0 0 0 4px #b7cf9115; }
.entry-copy h1 { color:var(--cream);font-size:clamp(44px,4.5vw,76px);line-height:1.12;letter-spacing:-3.8px;font-weight:650;margin:0 0 23px; }
.entry-copy h1 em { color:#b9cf91;font-family:Georgia,serif;font-weight:400; }
.entry-copy>p:last-child { font-size:13px;line-height:1.9;color:#aab4a6;letter-spacing:0; }
.story-preview { position:relative;margin-top:30px;max-width:560px;transform:rotate(-2deg);background:#232c24;border:1px solid #53614b;border-radius:13px;padding:15px;box-shadow:0 24px 65px #0003; }
.preview-top { display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;font-weight:600;color:#b9c3b1;margin:1px 0 13px; }
.preview-top i { display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:6px; }
.preview-scenes { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.scene-card { height:clamp(160px,19vh,225px);border-radius:6px;position:relative;overflow:hidden; }
.scene-card.first { background:#e8bd81; }
.scene-card.second { background:#809a79; }
.scene-number { position:absolute;top:12px;left:13px;font-size:7px;letter-spacing:1.1px;font-weight:700;color:#243326;z-index:3; }
.scene-card strong { position:absolute;bottom:15px;left:15px;font-size:clamp(14px,1.35vw,23px);line-height:1.12;letter-spacing:-.4px;color:#192419;font-weight:850;z-index:2; }
.first strong { color:#fff2d8;text-shadow:1px 2px #263c27; }
.sun { position:absolute;right:26px;top:39px;width:44px;height:44px;border-radius:50%;background:#f9de9b; }
.hills { position:absolute;bottom:-40%;left:-25%;width:160%;height:105%;border-radius:50%;background:#6f8660;transform:rotate(-20deg); }
.draw-person { position:absolute;top:38%;left:65%;transform:rotate(6deg);width:22px;height:50px;z-index:2; }
.draw-person i { position:absolute;left:0;top:-19px;width:23px;height:23px;border-radius:50%;background:#efc69a;border:2px solid #253729; }
.draw-person b { position:absolute;left:2px;top:2px;width:20px;height:30px;background:var(--orange);border:2px solid #253729;border-radius:8px; }
.draw-person span { position:absolute;left:4px;top:29px;width:5px;height:25px;background:#253729;box-shadow:10px 1px #253729; }
.bunker { position:absolute;top:37%;left:20%;width:64%;height:36%;border:8px solid #4c6052;background:#b7c19b;box-shadow:0 -12px #3a5141; }
.bunker i { position:absolute;left:12%;top:20%;width:24%;height:60%;background:#6c7f73;border:3px solid #3a5141; }
.bunker b { position:absolute;right:8%;bottom:7%;width:33%;height:28%;background:#d8a86d;box-shadow:0 -9px #d8a86d; }
.bunker span { position:absolute;left:48%;top:0;width:15%;height:18%;border-radius:0 0 50% 50%;background:#ffe1a0; }
.preview-timeline { margin-top:12px;display:flex;align-items:center;gap:5px;font-size:8px;color:#a7b69f; }
.timeline-play { margin-right:8px;color:#edf1e8; }
.timeline-block { height:14px;border-radius:2px;flex:1;position:relative;background-image:repeating-linear-gradient(90deg,transparent 0 8px,#fff1 8px 9px)!important; }
.timeline-block.orange { background-color:#b06a48; }.timeline-block.green { background-color:#627c5d; }.timeline-block.purple { background-color:#776781; }
.preview-timeline>span:last-child { margin-left:7px; }
.entry-footer { position:relative;margin-top:auto;padding-top:35px;display:flex;justify-content:space-between;font-size:8px;color:#8c9b88;letter-spacing:.3px; }
.entry-access { display:flex;flex-direction:column;justify-content:center;position:relative;background:#f4f0e6;color:var(--ink);padding:65px clamp(34px,4.2vw,78px); }
.access-inner { width:100%;max-width:355px;margin:auto; }
.private-label { font-size:8px;letter-spacing:2px;font-weight:650;color:#65705e;display:flex;align-items:center;gap:8px;margin-bottom:30px; }
.private-label>span { display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbd0c0;border-radius:50%;font-size:15px; }
.entry-access h2 { font-size:clamp(38px,3.4vw,57px);line-height:1.09;letter-spacing:-2.9px;font-weight:650;color:#20291f;margin-bottom:20px; }
.access-intro { color:#7a8070;font-size:11px;line-height:1.9;margin-bottom:35px; }
#login label { color:#424c3b;font-size:10px;letter-spacing:.2px;font-weight:650;display:block;margin-bottom:10px; }
.password-field { display:flex;border:1px solid #d4d6c9;border-radius:8px;background:#fffcf6;overflow:hidden;transition:border-color .15s,box-shadow .15s; }
.password-field:focus-within { border-color:#748969;box-shadow:0 0 0 3px #758f631c; }
.password-field input { background:none!important;border:0;outline:0;color:#263321!important;min-width:0;width:100%;height:51px;padding:15px;font-size:11px;box-shadow:none!important; }
.password-field input::placeholder { color:#a4a897; }.password-field button { color:#65715b;background:none;border:0;padding:0 14px;font-size:9px;font-weight:600; }
.entry-submit { display:flex;align-items:center;justify-content:space-between;margin-top:18px;width:100%;height:51px;background:#243725;border:1px solid #243725;border-radius:8px;color:#f4f0e6;font-size:11px;font-weight:600;letter-spacing:.2px;padding:0 19px;transition:background .15s,transform .15s; }
.entry-submit:hover { background:#385238; }.entry-submit:active { transform:translateY(1px); }.entry-submit:disabled { opacity:.6;cursor:wait; }.entry-submit span:last-child { font-size:22px; }
.entry-submit:focus-visible,.password-field button:focus-visible { outline:3px solid #e68b55;outline-offset:3px; }
.login-message { min-height:29px;color:#a23b28;font-size:10px;line-height:1.6;margin-top:12px; }
.caps-note { margin:8px 0 0;color:#9b5a20;font-size:10px; }
.access-trust { display:flex;gap:12px;border-top:1px solid #dddfd1;padding-top:23px;margin-top:19px;align-items:flex-start; }
.access-trust>span { font-size:20px;color:#748663; }.access-trust p { font-size:9px;line-height:1.9;color:#89907c;margin:0; }.access-trust b { color:#4d5c40;font-weight:600; }
.access-help { color:#9b9e8e;font-size:8px;line-height:1.8;margin:22px 0 0; }.access-bottom { margin-top:60px;text-align:center;font-size:7px;letter-spacing:1.7px;color:#939b86; }.access-bottom span { padding:0 5px; }
.device-code { display:block;font-size:27px;letter-spacing:3px;padding:15px;color:#e9d19b; }
#loginWrap .entry-access h2 { color:#20291f!important; }
#loginWrap .entry-access .access-intro { color:#66715c!important; }
#loginWrap .entry-access .access-trust p { color:#66715c!important; }
#loginWrap .entry-access .access-help { color:#767e68!important; }
#loginWrap .entry-copy>p:last-child { color:#aab4a6!important; }
#loginWrap .entry-access .caps-note { color:#9b5a20!important; }
.entry-access,.access-inner { min-width:0; }
@media(min-width:1600px) { .entry-story { padding-left:max(70px,calc((100vw - 1400px)/2)); }.entry-access { padding-right:max(70px,calc((100vw - 1400px)/2)); } }
@media(max-width:1000px) { .studio-entry { grid-template-columns:1fr 1fr; }.entry-story { padding:35px; }.entry-copy h1 { font-size:44px;letter-spacing:-2.5px; }.entry-footer>span:last-child { display:none; }.scene-card { height:170px; }.story-preview { padding:10px; }.preview-top { font-size:6px; }.entry-access { padding:50px 30px; } }
@media(max-width:700px) { .studio-entry { grid-template-columns:1fr; }.entry-story { padding:25px 28px 30px; }.entry-brand { font-size:12px; }.brand-glyph { width:36px;height:36px;font-size:27px; }.entry-copy { margin-top:30px; }.entry-copy h1 { font-size:42px; }.entry-copy>p:last-child { font-size:11px; }.eyebrow { font-size:7px;margin-bottom:18px; }.story-preview { display:none; }.entry-footer { padding-top:15px; }.entry-access { padding:38px 28px 25px; }.access-inner { max-width:420px; }.entry-access h2 { font-size:38px;letter-spacing:-1.8px; }.entry-access h2 br { display:none; }.private-label { margin-bottom:20px; }.access-intro { margin-bottom:24px; }.access-bottom { margin-top:32px; } }
@media(prefers-reduced-motion:reduce) { .entry-submit,.password-field { transition:none; } }
@media(max-width:700px) { #loginWrap { grid-template-columns:minmax(0,1fr); } #loginWrap .entry-access h2 br { display:block; } }