@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;--lime:#d7e5a4}
*{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;z-index:100;top:-80px;left:16px;background:var(--cream);padding:10px}.skip:focus{top:16px}
.nav-shell{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 34px));height:66px;background:rgba(246,241,231,.9);border:1px solid rgba(40,77,59,.25);border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px 9px 22px;backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(20,33,24,.16)}
.brand{width:94px}.nav-shell nav{display:flex;gap:30px}.nav-shell nav a{text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.1em}.nav-shell nav a:hover{color:var(--brown)}.lang{border:0;background:var(--forest);color:white;border-radius:99px;padding:5px;display:flex;font:700 .7rem Nunito;cursor:pointer}.lang span{padding:8px 9px;border-radius:99px}.lang .active{background:var(--purple);color:var(--ink)}
.hero{height:max(780px,100svh);min-height:780px;position:relative;color:var(--cream);background:url('assets/images/storybook-forest-day-v1.png') center/cover no-repeat;overflow:hidden}.hero-shade,.outro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,32,23,.78) 0%,rgba(13,32,23,.42) 44%,rgba(13,32,23,.05) 74%),linear-gradient(0deg,rgba(16,37,27,.5),transparent 45%)}.hero-copy{position:absolute;z-index:3;left:max(6vw,40px);bottom:10%;width:min(620px,47vw)}.kicker{margin:0 0 18px;font-size:.7rem;font-weight:700;letter-spacing:.18em}.kicker.green{color:var(--forest)}h1,h2,.crew-line,.collection-line,.stamp{font-family:Gummy,Nunito,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(4.2rem,8vw,8.8rem);line-height:.84;margin:0;text-shadow:0 3px 24px rgba(0,0,0,.25)}h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.kicker){font-size:1.05rem;margin:28px 0;max-width:390px}.button{display:inline-flex;align-items:center;gap:18px;border:2px solid var(--ink);border-radius:999px;padding:9px 10px 9px 20px;text-decoration:none;font-weight:700;box-shadow:5px 5px 0 var(--ink)}.button b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--cream)}.button.cream{background:var(--cream);color:var(--ink)}.button.orange{background:var(--orange)}
.hero-crew{position:absolute;z-index:2;right:2%;bottom:-2%;width:min(690px,49vw);filter:drop-shadow(0 22px 22px rgba(17,30,23,.35))}.trail-note{position:absolute;z-index:3;right:5%;top:15%;display:flex;align-items:center;gap:12px}.trail-note span{width:46px;height:46px;display:grid;place-items:center;background:var(--purple);color:var(--ink);border:2px solid var(--ink);border-radius:50%;font-weight:700}.trail-note p{font-size:.7rem;line-height:1.4;letter-spacing:.1em;font-weight:700}.review-tag{position:absolute;z-index:3;right:25px;bottom:22px;font-size:.6rem;letter-spacing:.12em}
.manifesto{min-height:680px;padding:130px max(6vw,30px) 80px;display:grid;grid-template-columns:90px 1.5fr 1fr;gap:45px;position:relative;overflow:hidden}.manifesto-index{font-size:.7rem;font-weight:700;letter-spacing:.1em;border-top:2px solid var(--ink);padding-top:10px}.manifesto h2,.section-heading h2,.cinema h2,.collection h2,.outro h2{margin:0;font-size:clamp(4rem,8vw,8rem);line-height:.85}.manifesto-side{align-self:center;max-width:380px}.manifesto-side>p:first-child{font-size:1.05rem;line-height:1.65}.stamp{display:grid;place-items:center;text-align:center;width:165px;height:165px;border-radius:50%;background:var(--purple);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font-size:1.25rem;line-height:.9;transform:rotate(7deg);margin:48px 0 0 auto}.wander-line{position:absolute;left:0;right:0;bottom:-10px;width:100%;height:180px}.wander-line path{fill:none;stroke:var(--brown);stroke-width:7;stroke-linecap:round;stroke-dasharray:2 22}.wander-line circle{fill:var(--orange);stroke:var(--ink);stroke-width:3}
.crew{background:var(--forest);color:var(--cream);padding:110px max(6vw,30px) 70px;min-height:1000px;position:relative;overflow:hidden}.crew:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(246,241,231,.15);border-radius:50%;right:-180px;top:40px}.section-heading{position:relative;z-index:2}.section-heading h2{max-width:850px}.crew-stage{position:relative;z-index:2;max-width:1080px;margin:20px auto 0;height:560px}.crew-stage>img{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:min(850px,90%)}.label{position:absolute;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:10px 16px;display:flex;gap:9px;align-items:baseline;box-shadow:4px 4px 0 var(--ink)}.label b{font-family:Gummy;font-size:1.2rem}.label span{font-size:.58rem;letter-spacing:.1em;font-weight:700}.label.gumbo{left:5%;top:38%}.label.dobbo{left:38%;bottom:3%}.label.mimo{right:3%;top:26%}.crew-line{text-align:center;font-size:clamp(2.4rem,5vw,5rem);color:var(--orange);line-height:.9;margin:20px 0 0}
.cinema{background:#152a21;color:var(--cream);padding:120px max(5vw,28px);display:grid;grid-template-columns:minmax(300px,.75fr) minmax(540px,1.35fr);gap:70px;align-items:center}.cinema-copy p:not(.kicker){line-height:1.65;max-width:430px;margin:28px 0}.cinema h2{font-size:clamp(3.6rem,6vw,6.3rem)}.screen-wrap{border:2px solid var(--cream);background:var(--ink);padding:12px;border-radius:28px;box-shadow:16px 18px 0 var(--purple)}.screen-top,.screen-caption{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 12px;font-size:.6rem;letter-spacing:.12em;font-weight:700}.screen-wrap video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;background:#06100c}.screen-caption{padding:12px 6px 3px}.screen-caption i{width:90px;height:4px;background:var(--orange);border-radius:99px}
.collection{padding:120px max(5vw,28px);background:var(--cream)}.collection-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:65px}.collection h2{color:var(--forest)}.collection-head>p{max-width:380px;line-height:1.65}.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gear{min-height:490px;border:2px solid var(--ink);border-radius:30px;padding:25px;position:relative;box-shadow:7px 8px 0 var(--ink);overflow:hidden}.gear>span{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);border-radius:50%;font-weight:700;font-size:.72rem}.gear.tee{background:#fffaf0}.gear.cap{background:var(--forest);color:var(--cream)}.gear.bandana{background:var(--orange)}.gear h3{font-family:Gummy;font-size:2rem;line-height:.95;margin:28px 0 12px}.gear p{font-size:.85rem;line-height:1.55;max-width:280px}.gear-shape{height:245px;margin:10px auto;position:relative}.shirt:before{content:"";position:absolute;inset:38px 22% 0;background:var(--cream);border:3px solid var(--ink);border-radius:28px 28px 15px 15px;clip-path:polygon(20% 0,37% 12%,63% 12%,80% 0,100% 16%,83% 40%,77% 30%,77% 100%,23% 100%,23% 30%,17% 40%,0 16%)}.hat:before{content:"";position:absolute;width:150px;height:110px;background:var(--forest);border:3px solid var(--cream);border-radius:70px 70px 24px 24px;left:50%;top:55px;transform:translateX(-50%)}.hat:after{content:"";position:absolute;width:110px;height:34px;background:var(--orange);border:3px solid var(--cream);border-radius:50%;left:55%;top:145px}.scarf:before{content:"";position:absolute;width:180px;height:180px;background:var(--cream);border:3px solid var(--ink);left:50%;top:34px;transform:translateX(-50%) rotate(45deg);border-radius:15px}.scarf:after{content:"↝";position:absolute;color:var(--purple);font:4rem Gummy;left:50%;top:88px;transform:translateX(-50%) rotate(-12deg)}.collection-line{text-align:right;color:var(--brown);font-size:clamp(3rem,6vw,6rem);line-height:.9;margin:65px 0 0}
.outro{height:820px;position:relative;background:url('assets/images/storybook-forest-night-v1.png') center/cover no-repeat;color:var(--cream);display:grid;place-items:center;text-align:center}.outro-shade{background:rgba(9,26,20,.48)}.outro-copy{position:relative;z-index:2}.outro-copy img{width:160px;filter:brightness(0) invert(1);margin:0 auto 25px}.outro h2{font-size:clamp(3.5rem,7vw,7.2rem);text-shadow:0 3px 25px rgba(0,0,0,.45)}.outro .button{margin-top:35px}footer{background:var(--forest);color:var(--cream);padding:25px max(5vw,28px);display:flex;justify-content:space-between;font-size:.64rem;letter-spacing:.1em}
@media(max-width:900px){.nav-shell nav{display:none}.hero{min-height:820px}.hero-shade{background:linear-gradient(0deg,rgba(13,32,23,.88) 0%,rgba(13,32,23,.28) 72%)}.hero-copy{left:24px;bottom:8%;width:calc(100% - 48px)}h1{font-size:4.5rem}.hero-crew{width:520px;right:-45px;bottom:27%}.trail-note{top:15%;right:20px}.review-tag{display:none}.manifesto{grid-template-columns:55px 1fr;padding-top:100px}.manifesto-side{grid-column:2}.stamp{margin-left:0}.crew{min-height:920px}.crew-stage{height:490px}.label.gumbo{left:0}.label.mimo{right:0}.cinema{grid-template-columns:1fr;gap:45px}.collection-head{display:block}.collection-head>p{margin-top:25px}.gear-grid{grid-template-columns:1fr}.gear{min-height:400px}.gear-shape{height:210px}.collection-line{text-align:left}.outro{height:700px}}
@media(max-width:520px){.nav-shell{height:57px;top:10px}.brand{width:78px}.hero{min-height:760px;background-position:57% center}.hero-copy{bottom:6%}h1{font-size:3.65rem}.hero-crew{width:390px;right:-12px;bottom:34%}.trail-note{top:13%;right:14px}.trail-note p{display:none}.manifesto{display:block;padding:90px 22px 130px}.manifesto-index{width:60px;margin-bottom:55px}.manifesto h2,.section-heading h2,.collection h2{font-size:3.7rem}.manifesto-side{margin-top:30px}.crew{min-height:800px;padding:90px 22px 60px}.crew-stage{height:390px;margin-top:30px}.crew-stage>img{width:115%;max-width:none}.label{padding:7px 10px}.label span{display:none}.label.gumbo{top:24%}.label.mimo{top:18%}.label.dobbo{left:34%;bottom:1%}.crew-line{font-size:2.8rem}.cinema{padding:90px 22px}.cinema h2{font-size:3.55rem}.screen-wrap{padding:8px;border-radius:20px;box-shadow:9px 10px 0 var(--purple)}.collection{padding:90px 22px}.gear{min-height:390px}.collection-line{font-size:3.5rem}.outro{height:650px}.outro h2{font-size:3.4rem}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
