@font-face{font-family:Gummy;src:url('assets/fonts/GummyTrailDisplay-ProofV7.ttf') format('truetype');font-display:swap}@font-face{font-family:Nunito;src:url('assets/fonts/NunitoSans-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Nunito;src:url('assets/fonts/NunitoSans-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--cream:#F6F1E7;--forest:#284D3B;--ink:#262421;--purple:#A886D8;--brown:#A96A3F;--orange:#E8A354;--deep:#102c21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.skip{position:fixed;top:-70px;left:14px;z-index:99;background:var(--cream);padding:10px}.skip:focus{top:14px}
.topbar{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 34px));height:62px;padding:8px 10px 8px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(246,241,231,.42);background:rgba(246,241,231,.88);backdrop-filter:blur(18px);border-radius:20px}.logo{width:88px}.topbar nav{display:flex;gap:30px}.topbar nav a{text-decoration:none;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em;font-weight:700}.lang{border:0;background:transparent;display:flex;gap:2px;font:700 .66rem Nunito}.lang span{padding:8px;border-radius:50%}.lang .active{background:var(--forest);color:var(--cream)}
.hero{height:max(780px,100svh);min-height:780px;background:url('assets/images/fantasy-forest-hero-v1.png') center/cover no-repeat;position:relative;color:var(--cream)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,20,.68),rgba(7,28,20,.08) 55%,transparent)}.hero-copy{position:absolute;z-index:3;left:max(6vw,36px);top:50%;transform:translateY(-43%);max-width:620px}.eyebrow{margin:0 0 18px;font-size:.68rem;letter-spacing:.18em;font-weight:700}.eyebrow.forest{color:var(--forest)}h1,h2,.gear-line{font-family:Gummy,Nunito,sans-serif;letter-spacing:-.04em}h1{font-size:clamp(4.5rem,8.2vw,8.6rem);line-height:.84;margin:0;text-shadow:0 5px 30px rgba(0,0,0,.3)}h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:1.05rem;margin:26px 0}.arrow-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-weight:700;border-bottom:2px solid currentColor;padding:8px 0}.arrow-link i{font-style:normal;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:.25s}.arrow-link:hover i{transform:rotate(45deg);background:var(--orange);color:var(--ink)}.arrow-link.light{color:var(--cream)}.edition{position:absolute;z-index:3;right:22px;bottom:20px;font-size:.57rem;letter-spacing:.12em}.scroll-mark{position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;text-decoration:none;color:var(--cream);font-size:.65rem}.scroll-mark span,.scroll-mark b{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(246,241,231,.65);border-radius:50%}.scroll-mark b{background:var(--cream);color:var(--ink);margin-left:-7px}
.story{min-height:690px;padding:140px max(6vw,30px);display:grid;grid-template-columns:90px minmax(420px,1.4fr) minmax(260px,.7fr);gap:40px;align-items:center;position:relative;overflow:hidden}.story-number{align-self:start;border-top:2px solid var(--ink);padding-top:8px;font-size:.7rem}.story h2,.film h2,.gear h2,.outro h2{font-size:clamp(4.5rem,8vw,8rem);line-height:.86;margin:0}.story-aside{max-width:380px;line-height:1.7}.story-aside strong{display:block;font-family:Gummy;font-size:2rem;line-height:.95;color:var(--brown);margin-top:50px;transform:rotate(-3deg)}.magic-seeds{position:absolute;right:4%;bottom:35px;display:flex;gap:18px}.magic-seeds i{display:block;width:18px;height:28px;border-radius:60% 10% 60% 10%;background:var(--purple);transform:rotate(25deg)}.magic-seeds i:nth-child(2n){background:var(--orange);transform:translateY(-15px) rotate(60deg)}
.crew-spread{position:relative;background:var(--deep);color:var(--cream);padding:0 0 90px;overflow:hidden}.crew-spread>img{width:100%;height:min(76vw,880px);object-fit:cover;object-position:center}.crew-caption{position:absolute;left:max(5vw,26px);top:8%;max-width:470px;padding:28px;background:rgba(16,44,33,.78);backdrop-filter:blur(12px);border-left:3px solid var(--purple)}.crew-caption h2{font-family:Gummy;font-size:clamp(3.2rem,5vw,5.5rem);line-height:.87;margin:0;color:var(--cream)}.crew-caption>p:last-child{line-height:1.6;max-width:390px}.crew-roster{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:55px auto 0;padding:0 28px}.crew-roster span{padding:18px 28px;border-left:1px solid rgba(246,241,231,.35)}.crew-roster b{font-family:Gummy;font-size:1.8rem;color:var(--orange)}.crew-roster small{display:block;letter-spacing:.1em;font-size:.6rem;margin-top:4px}
.film{min-height:900px;background:radial-gradient(circle at 73% 47%,rgba(168,134,216,.24),transparent 28%),var(--forest);color:var(--cream);padding:120px max(6vw,28px);display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.film-intro{max-width:480px}.film h2{font-size:clamp(3.7rem,6vw,6.6rem)}.film-intro>p:not(.eyebrow){line-height:1.7;margin:26px 0}.portal{position:relative;isolation:isolate;aspect-ratio:16/10}.portal video{position:absolute;z-index:2;inset:7%;width:86%;height:86%;object-fit:cover;border-radius:44% 56% 46% 54%/57% 45% 55% 43%;border:4px solid var(--cream);box-shadow:0 0 0 10px var(--purple),0 0 60px rgba(232,163,84,.75)}.portal-glow{position:absolute;z-index:1;inset:0;border-radius:50%;background:radial-gradient(circle,var(--orange),transparent 65%);filter:blur(35px);opacity:.55}.spark{position:absolute;z-index:3;color:var(--orange);font-size:3rem}.s1{top:3%;right:15%}.s2{bottom:3%;left:10%;color:var(--purple)}.s3{top:33%;left:1%;font-size:5rem}
.gear{padding:130px max(6vw,28px);position:relative}.gear-heading{display:flex;justify-content:space-between;align-items:flex-end}.gear h2{color:var(--forest)}.field-notes{margin-top:70px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr)}.field-notes article{padding:38px 28px 48px;min-height:240px}.field-notes article+article{border-left:1px solid var(--ink)}.field-notes span{font-size:.68rem}.field-notes h3{font-family:Gummy;font-size:2.3rem;line-height:.95;margin:55px 0 14px}.field-notes p{font-size:.85rem;line-height:1.55;max-width:270px}.field-notes article:nth-child(2){background:var(--forest);color:var(--cream)}.field-notes article:nth-child(3){background:var(--orange)}.gear-line{text-align:right;color:var(--brown);font-size:clamp(3.5rem,6vw,6.2rem);line-height:.9;margin:65px 0 0}
.outro{height:800px;background:linear-gradient(rgba(8,25,19,.3),rgba(8,25,19,.62)),url('assets/images/storybook-forest-night-v1.png') center/cover no-repeat;display:grid;place-items:center;text-align:center;color:var(--cream)}.outro-copy{padding:24px}.outro-copy img{width:155px;filter:brightness(0) invert(1);margin:0 auto 25px}.outro h2{font-size:clamp(3.5rem,7vw,7rem);text-shadow:0 4px 28px rgba(0,0,0,.5)}.outro .arrow-link{margin-top:35px}footer{background:var(--deep);color:var(--cream);padding:24px max(6vw,28px);display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.12em}
@media(max-width:900px){.topbar nav{display:none}.hero{background-position:58% center}.hero:after{background:linear-gradient(0deg,rgba(7,28,20,.84),rgba(7,28,20,.08) 78%)}.hero-copy{top:auto;bottom:10%;transform:none;left:25px;max-width:calc(100% - 50px)}.story{grid-template-columns:60px 1fr}.story-aside{grid-column:2}.crew-caption{position:relative;left:auto;top:auto;margin:-70px 24px 0;max-width:none}.crew-roster{grid-template-columns:1fr}.crew-roster span{border-left:0;border-top:1px solid rgba(246,241,231,.35)}.film{grid-template-columns:1fr;gap:55px}.gear-heading{display:block}.field-notes{grid-template-columns:1fr}.field-notes article+article{border-left:0;border-top:1px solid var(--ink)}.gear-line{text-align:left}}
@media(max-width:520px){.topbar{top:10px;height:56px;border-radius:16px}.logo{width:76px}.hero{min-height:820px;background-image:url('assets/images/fantasy-forest-hero-mobile-v1.png');background-position:center;background-size:cover}.hero:after{background:linear-gradient(0deg,rgba(7,28,20,.9) 0%,rgba(7,28,20,.18) 52%,transparent 76%)}.hero-copy{bottom:6%}h1{font-size:3.7rem}.edition{display:none}.scroll-mark{display:none}.story{display:block;padding:95px 22px 110px}.story-number{width:55px;margin-bottom:55px}.story h2,.gear h2{font-size:3.8rem}.story-aside{margin-top:30px}.crew-spread>img{height:540px;object-position:54% center}.crew-caption{margin:-45px 16px 0;padding:23px}.crew-caption h2{font-size:3.15rem}.crew-roster{padding:0 16px}.film{padding:95px 22px;min-height:850px}.film h2{font-size:3.55rem}.portal{margin:0 -14px}.gear{padding:100px 22px}.field-notes{margin-top:45px}.field-notes article{min-height:210px}.field-notes h3{margin-top:38px}.gear-line{font-size:3.6rem}.outro{height:650px}.outro h2{font-size:3.4rem}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}