@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

:root{--ink:#142d2a;--cream:#f2eee5;--rust:#d15d3b;--mint:#c9ddd5;--white:#fff;--line:#d8d4ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:.18em}.atom{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8daf9f;border-radius:50%;font-family:Georgia;font-size:24px;color:#d9ece3}.topbar nav{display:flex;gap:34px;font-size:14px}.topbar nav a:hover{color:#bdd7cc}.hero{min-height:650px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:70px max(7vw,30px) 100px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-10%;bottom:-60%;width:58vw;height:58vw;border-radius:50%;background:#173c38}.hero-copy{position:relative;z-index:2;max-width:850px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:#9bc1b3;margin:0 0 24px}.eyebrow.dark{color:#607b74}.hero h1{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(50px,7vw,92px);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:0}.hero h1 em{color:#e07553;font-style:italic}.intro{max-width:570px;font-size:18px;line-height:1.7;color:#c8d5d1;margin:34px 0}.primary{display:inline-flex;align-items:center;gap:24px;background:var(--rust);padding:16px 22px;font-weight:600}.primary:hover{background:#e06a47}.formula{position:absolute;right:6vw;top:120px;bottom:80px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;font-family:Georgia,serif;font-size:20px;color:#7aa195;opacity:.75}.orbit{position:absolute;border:1px solid rgba(180,215,202,.18);border-radius:50%;z-index:1}.orbit-one{width:450px;height:450px;right:5%;top:80px;transform:rotate(-28deg) scaleY(.36)}.orbit-two{width:540px;height:540px;right:1%;top:40px;transform:rotate(36deg) scaleY(.36)}.content{padding:96px max(5vw,28px);max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px}.section-heading h2,.about h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(38px,5vw,58px);font-weight:400;margin:0}.section-heading>p{color:#61706d;font-size:14px}.tools{display:flex;justify-content:space-between;gap:25px;margin:28px 0 36px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #c9c5bb;background:transparent;color:var(--ink);padding:9px 13px;border-radius:99px;font:600 12px "DM Sans";cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.search{min-width:260px;border-bottom:1px solid #9c9b94;display:flex;align-items:center;gap:8px}.search input{width:100%;border:0;background:transparent;outline:0;padding:10px 0;color:var(--ink);font:14px "DM Sans"}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:#faf8f2;border:1px solid #dedad0;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(20,45,42,.09)}.video{aspect-ratio:16/9;background:#0b1f1d}.video iframe{width:100%;height:100%;border:0}.card-body{padding:22px 23px 26px}.meta{display:flex;justify-content:space-between;align-items:center;color:#6c7a77;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.meta b{font-family:Georgia;font-size:18px;color:#b1aaa0}.card h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:25px;line-height:1.17;font-weight:400;margin:15px 0 11px}.card p{font-size:14px;line-height:1.6;color:#63706d;margin:0}.empty{text-align:center;padding:70px}.about{background:var(--rust);color:#fff;padding:100px max(12vw,30px);text-align:center}.about .eyebrow{color:#ffd2c2}.about h2{font-size:clamp(38px,5vw,64px)}.about>p:last-child{max-width:700px;margin:30px auto 0;line-height:1.8;color:#ffe4d9}footer{background:#0e2522;color:#b9cbc5;padding:38px max(5vw,28px);display:flex;align-items:center;justify-content:space-between;font-size:13px}footer .brand{color:#fff}footer a:hover{color:#fff}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.formula{display:none}.hero{min-height:570px}.tools{flex-direction:column}.search{max-width:420px}}
@media(max-width:650px){.topbar{height:68px}.topbar nav{gap:16px}.topbar nav a:last-child{display:none}.hero{min-height:540px;padding:60px 24px 80px}.hero h1{font-size:52px}.intro{font-size:16px}.content{padding:70px 18px}.section-heading{display:block}.section-heading>p{margin-top:16px}.grid{grid-template-columns:1fr}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filters button{white-space:nowrap}.search{min-width:0}.about{padding:75px 24px}footer{align-items:flex-start;gap:24px;flex-direction:column}}

.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.secondary{border-bottom:1px solid #8daf9f;padding:12px 2px;color:#d9ece3;font-weight:600}.secondary:hover{color:#fff;border-color:#fff}.archive{background:#163a36;color:#fff;padding:100px max(5vw,28px)}.archive-inner{max-width:1500px;margin:auto}.archive-heading{border-color:#42645e}.archive-heading>p{color:#aac1ba}.archive-lead{max-width:850px;color:#c7d7d2;line-height:1.8;margin:30px 0 48px}.manuscript-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.manuscript-group{border-top:2px solid #d15d3b;padding-top:20px}.manuscript-group h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:28px;font-weight:400;margin:0 0 18px}.manuscript-list{display:grid;gap:10px}.manuscript-link{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 16px;background:#1d4742;border:1px solid #41645e;transition:.2s}.manuscript-link:hover{background:#28554f;transform:translateX(3px)}.manuscript-link span{font-size:14px;line-height:1.35}.manuscript-link b{color:#e58b6d;font-size:16px}.anyons{background:#e4d9c7;color:var(--ink);padding:105px max(8vw,30px);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.anyons-copy{max-width:760px}.anyons h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(43px,6vw,78px);font-weight:400;line-height:1;margin:0 0 20px}.anyons-copy>p:not(.eyebrow):not(.citation){font-size:17px;line-height:1.8;color:#536763}.citation{font-size:13px;font-weight:700;letter-spacing:.04em;color:#8b4a35;margin:0 0 25px}.anyons-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.primary.light{color:#fff}.text-link{font-weight:700;border-bottom:1px solid #82928d;padding:10px 0}.quon{min-height:260px;border:1px solid #b8aa94;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Georgia,serif;color:#31544e;padding:35px}.quon span{font-size:clamp(25px,3vw,42px)}.quon small{font-size:24px;margin-top:30px;color:#b65a3d}
@media(max-width:1000px){.manuscript-groups{grid-template-columns:1fr 1fr}.anyons{grid-template-columns:1fr}.quon{min-height:210px}}
@media(max-width:650px){.topbar nav a:first-child,.topbar nav a:last-child{display:none}.topbar nav a{font-size:12px}.archive{padding:75px 18px}.manuscript-groups{grid-template-columns:1fr}.anyons{padding:75px 22px;gap:42px}.quon{min-height:170px}.quon span{font-size:24px}}
.youtube-only{display:block;width:100%;height:100%;position:relative;overflow:hidden;background:#0b1f1d}.youtube-only img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:.2s}.youtube-only:hover img{opacity:.65;transform:scale(1.02)}.youtube-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e62117;color:#fff;padding:12px 17px;border-radius:6px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 5px 18px rgba(0,0,0,.3)}
.manuscript-link{width:100%;color:#fff;text-align:left;font-family:inherit;cursor:pointer}.manuscript-link span{display:grid;gap:3px}.manuscript-link strong{font-size:14px}.manuscript-link small{color:#bdd0ca;font-size:12px}.manuscript-link b{white-space:nowrap;font-size:12px}.reader[hidden]{display:none}.reader{position:fixed;inset:0;z-index:100;background:rgba(5,20,18,.82);padding:24px;display:grid;place-items:center}.reader-dialog{width:min(1180px,100%);height:min(820px,94vh);background:#f7f4ec;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 28px 80px rgba(0,0,0,.35)}.reader-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#102e2a;color:#fff}.reader-dialog h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:28px;font-weight:400;margin:0}.reader-dialog .eyebrow{margin:0 0 6px}.reader-dialog>header button{width:44px;height:44px;border:1px solid #78958d;border-radius:50%;background:transparent;color:#fff;font-size:30px;cursor:pointer}.reader-dialog iframe{width:100%;height:100%;border:0;background:#fff}.reader-dialog>footer{padding:15px 22px;background:#e9e2d6;color:#415852;gap:20px}.reader-dialog>footer a{color:#9a432b;font-weight:700}.reader-open{overflow:hidden}.pageviews{margin:0;color:#b9cbc5}.pageviews strong{color:#fff}@media(max-width:650px){.reader{padding:0}.reader-dialog{height:100vh}.reader-dialog>header{padding:14px 16px}.reader-dialog h2{font-size:21px}.reader-dialog>footer{padding:12px 15px;display:block}.reader-dialog>footer p{margin:0 0 8px}.manuscript-link b{font-size:11px}}

/* Fizika za mališane */
.little-science{padding:96px max(5vw,28px);background:#dcebe4}.little-intro{max-width:760px;margin:0 auto 48px;text-align:center}.little-intro h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(42px,6vw,70px);font-weight:400;margin:0 0 18px;color:#173c38}.little-intro>p:last-child{font-size:17px;line-height:1.75;color:#4f6c65;margin:0}.little-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.little-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(20,45,42,.08);transition:.2s}.little-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(20,45,42,.14)}.little-card>a{display:block;height:100%}.little-video{aspect-ratio:16/9;background:#102e2a;position:relative;overflow:hidden}.little-video img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.little-card:hover img{transform:scale(1.04);opacity:.84}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#e75b3b;color:#fff;font-size:20px;box-shadow:0 5px 18px rgba(0,0,0,.25)}.little-body{padding:19px 20px 23px}.little-body small{font-size:10px;letter-spacing:.18em;font-weight:700;color:#7b958e}.little-body h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:24px;line-height:1.16;font-weight:400;margin:9px 0}.little-body p{font-size:13px;line-height:1.55;color:#61746f;margin:0 0 16px}.little-body b{font-size:12px;color:#bd4e31}.topbar nav{gap:26px}
@media(max-width:1100px){.little-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.little-grid{grid-template-columns:repeat(2,1fr)}.topbar nav a:nth-last-child(2){display:none}}
@media(max-width:650px){.little-science{padding:70px 18px}.little-intro{margin-bottom:34px}.little-grid{grid-template-columns:1fr}.topbar nav a{display:none}.topbar nav a:first-child,.topbar nav a:nth-child(2){display:block}.little-body h3{font-size:26px}}

/* Fizika za osnovnu školu */
.school-science{padding:100px max(5vw,28px);background:#173c38;color:#fff}.school-intro{max-width:850px;margin:0 auto 50px;text-align:center}.school-intro .eyebrow{color:#e58b6d}.school-intro h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(42px,6vw,70px);font-weight:400;margin:0 0 18px}.school-intro>p:last-child{font-size:17px;line-height:1.75;color:#c8dad4;margin:0}.school-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.school-card{background:#214b46;border:1px solid #41645e;transition:.2s}.school-card:hover{transform:translateY(-5px);background:#28554f;box-shadow:0 16px 34px rgba(0,0,0,.18)}.school-card>a{display:block;height:100%}.school-video{aspect-ratio:16/9;background:#0b1f1d;position:relative;overflow:hidden}.school-video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;transition:.25s}.school-card:hover img{transform:scale(1.04);opacity:.7}.school-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#e75b3b;color:#fff;font-size:20px;box-shadow:0 5px 18px rgba(0,0,0,.3)}.school-video small{position:absolute;left:14px;bottom:13px;background:rgba(10,31,29,.88);padding:7px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.school-body{padding:22px 23px 26px}.school-body>span{font-size:10px;letter-spacing:.18em;font-weight:700;color:#91b5aa}.school-body h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:26px;line-height:1.18;font-weight:400;margin:11px 0}.school-body p{font-size:13px;line-height:1.6;color:#bfd1cb;margin:0 0 18px}.school-body b{font-size:12px;color:#f09a7d}
@media(max-width:1000px){.school-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.school-science{padding:75px 18px}.school-intro{margin-bottom:36px}.school-grid{grid-template-columns:1fr}.school-body h3{font-size:27px}}