/* Ja gledam film — cinema edition; no external fonts or libraries. */
:root{color-scheme:dark;--bg:#121514;--surface:#1b201e;--raised:#252b28;--text:#f0eee6;--muted:#a7ada4;--line:#343d37;--accent:#e7bb62;--pair-color:#a7ada4;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#29352c66,transparent 55%),var(--bg);color:var(--text);font:16px var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}main.film{max-width:940px;margin:0 auto;padding:0 28px 60px}main.film:has(.hero){max-width:1200px}nav{display:flex;align-items:center;gap:28px;min-height:96px;border-bottom:1px solid var(--line);margin-bottom:45px;font-size:13px;font-weight:600}nav>a{text-decoration:none}nav>a:first-child{font-weight:800;font-size:16px}nav>a:hover{color:var(--accent)}.language-switch{display:flex;gap:3px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:7px}.language-switch a{display:block;padding:7px 10px;text-decoration:none;font-size:11px;color:var(--muted);border-radius:4px}.language-switch a[aria-current=true]{background:var(--accent);color:var(--bg);font-weight:800}
h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(46px,7vw,80px);line-height:1.02;margin:18px 0 25px;font-weight:800}h2{font-size:30px;line-height:1.15;margin:0 0 16px;font-weight:750}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--accent)}p{color:var(--muted);font-size:15px;line-height:1.8;margin:16px 0}p strong{color:var(--text)}main.film>p{max-width:740px}main.film>p+p{font-size:13px}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:72px;align-items:center;padding:5px 0 45px}.poster{display:block;width:100%;max-width:100%;height:auto;border-radius:6px}.hero>.poster{border:1px solid #ad9c7b;box-shadow:0 22px 70px #0008}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-style:italic;font-size:clamp(76px,8.4vw,114px);line-height:.94;letter-spacing:-.06em;margin:28px 0 30px}.hero p{font-size:15px}.hero .box{margin-top:30px;background:#e7bb62;color:#171e19;border:0;border-radius:9px;padding:28px 30px;box-shadow:none}.hero .box h2{color:#171e19}.hero .box p{color:#3a4034;font-size:14px}.hero .button{background:#18211b;color:#fff8e5}.hero .button:hover{background:#2c3b30}
.button,button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:6px;padding:15px 23px;background:var(--accent);color:#172018;font:750 14px var(--font);cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}.button:hover,button:hover{background:#f4ce80;transform:translateY(-1px)}.button:active,button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.box,fieldset{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px;margin:26px 0}fieldset{margin:32px 0;padding:25px 28px 28px}fieldset:focus-within{border-color:#7c8b79}legend{max-width:100%;padding:7px 12px;margin-left:-12px;font-size:17px;font-weight:700;line-height:1.6;letter-spacing:-.01em;color:var(--text);background:var(--surface);border-radius:5px}fieldset>p{font-size:12px;margin:7px 0 18px}#selection-count,.match-status{font-size:12px;font-weight:700;color:var(--accent);margin:18px 0 0;line-height:1.5}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.choices label{display:flex;align-items:center;gap:13px;min-height:59px;padding:14px 16px;border:1px solid #39443b;border-radius:6px;background:#202721;color:#d6dbd2;font-size:14px;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s}.choices label:hover{background:#2a342c;border-color:#778a70}.choices label:has(input:checked){background:#344331;border-color:#a7c295;box-shadow:inset 3px 0 0 #a7c295;color:#fff;font-weight:650}.choices label:has(input:disabled){opacity:.35;cursor:default}.choices input{flex:0 0 19px;width:19px;height:19px;margin:0;accent-color:#d9b96a;cursor:inherit}.choices label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
main.film>details{max-width:560px;border:1px solid var(--line);border-radius:7px;background:var(--surface);margin:28px 0 32px}summary{padding:16px 18px;cursor:pointer;font-size:13px;font-weight:650}details[open] summary{border-bottom:1px solid var(--line);margin-bottom:15px}main.film>details .poster{width:calc(100% - 30px);margin:0 15px 15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:9px;font-size:12px;font-weight:700;margin:0 0 24px}.field input{min-width:0;width:100%;min-height:52px;border:1px solid #435047;border-radius:6px;padding:13px 15px;background:#121a15;color:var(--text);font:15px var(--font)}form>.box{margin-top:42px;border-top:3px solid var(--accent)}form>.box>label{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.8;color:var(--muted)}form>.box>label input{flex-shrink:0;width:18px;height:18px;margin:2px 0;accent-color:var(--accent)}form>.box>p{margin-bottom:0;margin-top:24px}form>.box button{width:100%;min-height:54px}.alert{padding:18px 20px;background:#46291e;border:1px solid #a16b48;border-radius:6px;color:#f2d7c2}footer{padding-top:24px;margin-top:44px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.04em;color:var(--muted)}
.match-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,86px);margin-top:24px}.match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.match-column{min-width:0;display:grid;gap:20px;position:relative;z-index:2}.match-row{min-width:0;display:grid;gap:8px}.match-source,.match-target{display:block;width:100%;min-height:59px;background:#202721;color:var(--text);border:1px solid #495647;border-radius:6px;padding:13px 14px;text-align:left;font:650 13px/1.5 var(--font);touch-action:none;overflow-wrap:anywhere}.match-source:hover,.match-target:hover{background:#2a342c;transform:none}.match-source span{float:right;color:var(--accent)}.match-target span{color:var(--accent)}.match-source.selected{outline:3px solid var(--accent);outline-offset:3px}.match-source.connected,.match-target.connected{border-color:var(--pair-color);box-shadow:inset 0 0 0 1px var(--pair-color);background:#293229}.match-target{align-self:start}.match-directors{align-content:space-around}.match-select-label{display:grid;gap:5px;color:var(--muted);font-size:10px;line-height:1.5;min-width:0}.match-select-label select{min-width:0;max-width:100%;width:100%;padding:8px 6px;background:#151d17;color:#c0c9ba;border:1px solid #465242;border-radius:4px;font:11px var(--font)}
@media(max-width:800px){.hero{gap:36px}.hero h1{font-size:85px}nav{gap:18px}main.film{padding:0 22px 45px}}
@media(max-width:640px){nav{min-height:84px;flex-wrap:wrap;gap:12px 16px;padding:14px 0;margin-bottom:30px}nav>a{font-size:12px}nav>a:first-child{font-size:14px}.language-switch a{font-size:10px;padding:7px 8px}main.film{padding:0 16px 40px}.hero{grid-template-columns:1fr;gap:32px;padding-top:0}.hero>.poster{max-width:350px;margin:auto}.hero h1{font-size:92px}.hero .box{padding:24px}.eyebrow{font-size:10px;letter-spacing:.11em}h1{font-size:49px}h2{font-size:28px}.choices,.contact{grid-template-columns:1fr}.contact{gap:0}.choices label{min-height:54px;font-size:14px}fieldset{padding:18px 16px 22px;margin:27px 0}legend{font-size:15px;line-height:1.6;padding:7px 8px;margin-left:-8px}.box{padding:23px 18px}.match-board{gap:26px}.match-source,.match-target{font-size:12px;line-height:1.5;min-height:56px;padding:10px 8px}.match-column{gap:18px}.match-select-label{font-size:9px}.match-select-label select{font-size:10px;padding:7px 4px}.match-lines{opacity:.9}main.film>p{font-size:14px}main.film>p+p{font-size:12px}}
@media(max-width:360px){.language-switch{margin-left:0}.hero h1{font-size:80px}.match-board{gap:20px}.match-source,.match-target{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,button:hover{transform:none}}