:root{--ink:#211c18;--paper:#fff8ee;--cream:#fff0df;--sand:#d99a5d;--brown:#9b6233;--muted:#6f5c4b;--line:#dec5a6;--night:#171418;--night2:#2b2530}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,4vw,66px);background:linear-gradient(180deg,rgba(255,248,238,.9),rgba(255,248,238,.44) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand{display:block;line-height:0}.brand img{display:block;width:188px;max-width:42vw;height:auto;filter:drop-shadow(0 1px 1px rgba(255,255,255,.65))}.main-nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:700}.main-nav a{position:relative;padding:8px 0}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--ink);transition:right .2s ease}.main-nav a:hover::after{right:0}.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;position:relative}.menu-toggle span{position:absolute;left:8px;right:8px;height:2px;background:var(--ink);transition:.2s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#c88f5a}.hero-photo{position:absolute;inset:0;background:url('assets/floki-hero.png') center center/cover no-repeat;transform:scale(1.001)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,238,.94) 0%,rgba(255,248,238,.82) 22%,rgba(255,248,238,.38) 43%,rgba(255,248,238,.05) 61%,rgba(255,248,238,0) 78%),linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(23,14,8,.22) 100%)}.hero-copy{position:absolute;z-index:3;left:clamp(32px,6.2vw,108px);top:51%;transform:translateY(-40%);max-width:470px}.eyebrow,.section-kicker,.tiny-kicker{font-size:12px;letter-spacing:.24em;font-weight:900}.hero h1{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:clamp(64px,6.1vw,106px);line-height:.83;letter-spacing:-.065em;margin:14px 0 22px}.hero-sub{font-size:clamp(18px,1.28vw,22px);line-height:1.38;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;min-height:46px;border-radius:999px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:#fff7ed;box-shadow:0 10px 26px rgba(33,28,24,.15)}.btn-light{background:rgba(255,255,255,.78);border:1px solid rgba(75,51,31,.18);backdrop-filter:blur(7px)}.hero-motto{position:absolute;z-index:3;right:8vw;top:23%;margin:0;color:#9f6333;font:italic clamp(26px,2.35vw,40px)/1.05 Georgia,serif;transform:rotate(-3deg);text-shadow:0 1px 8px rgba(255,255,255,.4)}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;color:#fff;text-shadow:0 1px 12px #000}.scroll-cue span{display:inline-block;margin-left:8px}.section{padding:108px clamp(22px,8vw,124px)}.about{text-align:center;background:#fff9f2}.section-kicker,.tiny-kicker{color:#a66f3d;margin-bottom:20px}.section h2{font-family:"Trebuchet MS",Arial,sans-serif;font-size:clamp(46px,6vw,88px);line-height:.96;letter-spacing:-.055em;margin:0}.section h2 em{font-family:Georgia,serif;font-weight:400;color:#a36b3c}.lead{max-width:850px;margin:30px auto 0;font-size:20px;line-height:1.72;color:var(--muted)}.trait-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px}.trait-row span{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:white}.adventure{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center;background:#efe0cb}.adventure-photo{position:relative;overflow:hidden;border-radius:34px;box-shadow:0 28px 80px rgba(69,40,17,.16);background:#d8a36f}.adventure-photo img{display:block;width:100%;height:620px;object-fit:cover;object-position:54% 48%}.episode-badge{position:absolute;left:20px;bottom:20px;padding:10px 13px;border-radius:999px;background:rgba(32,27,23,.9);color:#fff1df;font-size:11px;letter-spacing:.19em}.adventure-copy p,.world-copy>p,.next>p{font-size:19px;line-height:1.72;color:var(--muted)}.adventure-copy .micro{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a623f;font-weight:800}.story-teaser{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 4px}.story-teaser span{border:1px solid #d1af89;border-radius:999px;padding:9px 12px;font-size:12px;background:#fff7eb;color:#6d5139}.underline-link{display:inline-block;margin-top:16px;font-weight:900;border-bottom:2px solid #986236;padding-bottom:4px}.world{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center;background:radial-gradient(circle at 82% 24%,#453b4c 0%,#2a242d 32%,#171417 75%);color:#fff1df;overflow:hidden}.world .warm{color:#d5a06e}.world h2 em{color:#e6b27f}.world-copy>p{color:#d7c5b4;max-width:760px}.world-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.world-cards article{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:22px;padding:25px}.world-cards .icon{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:20px}.world-cards h3{font-size:20px;margin:16px 0 8px}.world-cards p{font-size:15px;line-height:1.55;color:#cbb8a6;margin:0}.space-art{position:relative;min-height:530px}.moon{position:absolute;right:12%;top:16%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff6d8,#e8cf96 45%,#bd955f 71%,#72573d);box-shadow:0 0 85px rgba(246,208,148,.28)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.orbit-a{width:430px;height:220px;right:3%;top:25%;transform:rotate(-18deg)}.orbit-b{width:500px;height:260px;right:0;top:21%;transform:rotate(18deg)}.rocket{position:absolute;right:12%;bottom:13%;font-size:54px;transform:rotate(-13deg)}.pawprint{position:absolute;right:34%;bottom:20%;font-size:62px;transform:rotate(-15deg);filter:grayscale(1) brightness(2);opacity:.65}.star{position:absolute;color:#f3d6a6}.s1{top:6%;right:4%;font-size:54px}.s2{top:13%;left:10%;font-size:30px}.s3{bottom:16%;left:6%;font-size:34px}.s4{top:50%;left:16%;font-size:70px}.manifesto{text-align:center;background:linear-gradient(180deg,#f7eadb,#fff8ee)}.manifesto blockquote{max-width:920px;margin:0 auto;font:italic clamp(32px,4vw,60px)/1.25 Georgia,serif;color:#6e4e34}.signature{display:block;margin-top:22px;color:#9a6b44}.next{text-align:center;background:#fff9f2}.next>p{max-width:720px;margin:25px auto}.next-mark{display:grid;place-items:center;width:76px;height:76px;margin:30px auto 0;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:32px;transform:rotate(-8deg);box-shadow:0 14px 35px rgba(86,56,31,.08)}.domain{display:inline-block;margin-top:28px;font-weight:900;letter-spacing:.09em}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:38px clamp(22px,6vw,90px);background:var(--ink);color:#f7ead9}.footer-brand strong{display:block;letter-spacing:.08em}.footer-brand span{display:block;color:#cf9d6f;margin-top:6px}.footer-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.footer-links button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#f8ead7;border-radius:999px;padding:12px 17px;cursor:pointer}.site-footer>p{text-align:right;color:#bca998;font-size:12px}.modal{width:min(500px,calc(100% - 34px));padding:44px 34px 34px;border:1px solid #dfbb8e;border-radius:22px;background:#fff4e5;color:var(--ink);box-shadow:0 24px 100px #0008}.modal::backdrop{background:#19140ed9;backdrop-filter:blur(7px)}.modal h2{font-size:36px;margin:18px 0}.modal p{line-height:1.65}.modal a{display:inline-block;padding:12px 18px;background:var(--ink);color:#fff4e5;border-radius:10px;margin-top:8px}.modal a[hidden]{display:none}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:920px){.brand img{width:168px}.main-nav{display:none;position:absolute;right:18px;top:70px;flex-direction:column;align-items:flex-start;min-width:190px;padding:18px;background:rgba(255,248,238,.98);border:1px solid #ead4b8;border-radius:16px;box-shadow:0 15px 50px #0002}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-photo{background-position:64% center;background-size:cover}.hero-shade{background:linear-gradient(180deg,rgba(255,245,232,.38) 0%,rgba(255,245,232,.04) 38%,rgba(24,18,14,.68) 100%)}.hero-copy{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:auto;bottom:max(64px,calc(48px + env(safe-area-inset-bottom)));transform:none;max-width:none;color:white;text-shadow:0 2px 18px rgba(0,0,0,.38)}.hero h1{font-size:clamp(66px,18vw,104px);margin:10px 0 18px}.hero-sub{font-size:18px}.btn-light{background:rgba(255,255,255,.92);color:var(--ink);text-shadow:none}.btn-dark{text-shadow:none}.hero-motto{display:none}.adventure,.world{grid-template-columns:1fr}.adventure-photo img{height:500px}.world-cards{grid-template-columns:1fr}.space-art{min-height:390px}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer>p{text-align:center}}
@media(max-width:560px){.site-header{padding:8px 12px}.brand img{width:150px;max-width:70vw}.hero{min-height:100svh}.hero-photo{background-position:78% center;background-size:auto 100%}.hero-copy{bottom:max(28px,calc(22px + env(safe-area-inset-bottom)))}.hero h1{font-size:clamp(54px,17vw,78px);line-height:.83}.hero-sub{font-size:16px;line-height:1.34;max-width:290px}.hero-actions{margin-top:17px;gap:8px}.btn{padding:10px 13px;font-size:13px;min-height:44px}.scroll-cue{display:none}.section{padding:78px 20px}.lead{font-size:18px}.adventure-photo{border-radius:24px}.adventure-photo img{height:390px;object-position:56% center}.moon{width:210px;height:210px}.orbit-a{width:310px;height:160px}.orbit-b{width:360px;height:190px}.space-art{min-height:330px}.footer-links{flex-direction:column;align-items:center}}
@media(max-width:390px){.hero-copy{bottom:max(22px,calc(16px + env(safe-area-inset-bottom)))}.hero-photo{background-position:79% center;background-size:auto 100%}.hero h1{font-size:56px}.hero-sub{font-size:15px;max-width:270px}.hero-actions{margin-top:12px}.btn{font-size:12px;padding:9px 11px}.eyebrow{font-size:10px}}
@media(min-width:921px) and (max-height:760px){.hero-copy{top:54%}.hero h1{font-size:clamp(58px,5.8vw,94px);margin:10px 0 18px}.hero-sub{font-size:18px}.hero-actions{margin-top:18px}.hero-motto{top:22%;font-size:31px}.scroll-cue{bottom:10px}.brand img{width:176px}}
@supports(padding:max(0px)){.site-header{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(clamp(18px,4vw,66px),env(safe-area-inset-left));padding-right:max(clamp(18px,4vw,66px),env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}


/* V7 — Floki's Little World Tour */
.story-page{background:#fff8ee}.story-header{background:linear-gradient(180deg,rgba(255,248,238,.96),rgba(255,248,238,.64) 72%,transparent)}
.tour-hero{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(135deg,#fff7ec,#f1dcc4);border-bottom:1px solid #ead1b4}.tour-hero>img{position:absolute;inset:0 0 0 auto;width:58%;height:100%;object-fit:cover;object-position:center 48%;box-shadow:-30px 0 70px rgba(88,53,28,.08)}.tour-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,238,1) 0%,rgba(255,248,238,.98) 37%,rgba(255,248,238,.64) 49%,rgba(255,248,238,0) 63%)}.tour-hero-copy{position:absolute;z-index:3;left:clamp(26px,6vw,104px);top:52%;transform:translateY(-42%);color:var(--ink);max-width:560px}.tour-stop{font-size:13px;letter-spacing:.19em;font-weight:900;color:#a36838}.tour-hero h1{font-family:"Trebuchet MS",Arial,sans-serif;font-size:clamp(72px,9vw,138px);line-height:.83;letter-spacing:-.065em;margin:10px 0 20px}.tour-hero-copy>p:last-child{font:italic clamp(23px,2.2vw,34px)/1.3 Georgia,serif;color:#7d5b40}.passport-stamp{position:absolute;z-index:4;left:clamp(26px,6vw,104px);bottom:clamp(36px,6vh,72px);width:150px;height:150px;border:3px double rgba(157,98,52,.62);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9d6234;transform:rotate(-7deg);box-shadow:inset 0 0 0 4px rgba(157,98,52,.08)}.passport-stamp span{font-size:11px;letter-spacing:.28em}.passport-stamp strong{font-size:18px;letter-spacing:.08em;margin:6px 0}.passport-stamp small{font-size:9px;letter-spacing:.1em}.tour-intro{text-align:center;background:#fff8ee}.story-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(42px,6vw,90px);align-items:center;background:#f5e7d5}.story-chapter.chapter-right{grid-template-columns:minmax(330px,.92fr) minmax(0,1.08fr);background:#fff9f1}.story-chapter.chapter-right .story-image{order:2}.story-chapter.chapter-right .chapter-copy{order:1}.story-image{margin:0;position:relative;overflow:hidden;border-radius:30px;box-shadow:0 26px 70px rgba(67,39,20,.16);background:#d5a16c}.story-image img{display:block;width:100%;height:min(72vh,760px);min-height:520px;object-fit:cover;object-position:center}.story-image figcaption{position:absolute;left:18px;bottom:16px;padding:9px 12px;border-radius:999px;background:rgba(28,20,15,.78);color:#fff4e4;font-size:10px;letter-spacing:.17em;font-weight:900;backdrop-filter:blur(6px)}.chapter-copy{position:relative;max-width:580px}.chapter-copy h2{font-family:"Trebuchet MS",Arial,sans-serif;font-size:clamp(50px,5.6vw,86px);line-height:.92;letter-spacing:-.055em;margin:0 0 24px}.chapter-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#a36b3c}.chapter-copy>p:last-of-type{font-size:19px;line-height:1.75;color:var(--muted)}.chapter-num{position:absolute;right:0;top:-42px;font:900 clamp(92px,12vw,180px)/1 Arial,sans-serif;color:rgba(160,101,52,.08);pointer-events:none}.red-postcard{width:min(360px,100%);margin-top:30px;padding:26px 28px;background:linear-gradient(145deg,#a12622,#d14435);color:#fff8e8;transform:rotate(-2deg);box-shadow:0 18px 40px rgba(86,25,18,.22);border:1px solid rgba(255,255,255,.26)}.red-postcard span,.red-postcard small{display:block;font-size:9px;letter-spacing:.23em;text-transform:uppercase}.red-postcard strong{display:block;font:italic 25px/1.25 Georgia,serif;margin:16px 0}.hidden-paw{position:absolute;right:18px;bottom:14px;font-size:18px;opacity:.18;filter:grayscale(1);cursor:help;transition:.2s}.hidden-paw:hover{opacity:.85;transform:rotate(-12deg) scale(1.15)}.tour-next{text-align:center;background:radial-gradient(circle at 50% 28%,#413646,#241e27 48%,#171418 100%);color:#fff2df}.tour-next h2{margin-top:26px}.tour-next h2 em{color:#e4b27e}.tour-next>p:not(.tiny-kicker){max-width:660px;margin:24px auto 32px;color:#d1bdac;font-size:18px;line-height:1.7}.passport-stamp-large{position:relative;right:auto;bottom:auto;margin:0 auto;width:180px;height:180px;color:#efd4a7;border-color:#d9a66e;text-shadow:none;box-shadow:inset 0 0 0 4px rgba(217,166,110,.12)}
@media(max-width:920px){.tour-hero>img{inset:0;width:100%;height:100%;object-position:56% center;box-shadow:none}.tour-hero-shade{background:linear-gradient(180deg,rgba(24,16,10,.06) 22%,rgba(24,16,10,.72) 100%)}.tour-hero-copy{left:22px;right:22px;top:auto;bottom:54px;transform:none;max-width:none;color:#fff8ee;text-shadow:0 3px 24px rgba(0,0,0,.35)}.tour-stop{color:#fff1dd}.tour-hero-copy>p:last-child{color:#fff3e1}.tour-hero h1{font-size:clamp(70px,18vw,108px)}.passport-stamp{left:auto;right:18px;top:96px;bottom:auto;width:126px;height:126px;color:#fff4df;border-color:rgba(255,245,228,.84);text-shadow:0 2px 12px #0006}.passport-stamp strong{font-size:14px}.story-chapter,.story-chapter.chapter-right{grid-template-columns:1fr;gap:34px}.story-chapter.chapter-right .story-image,.story-chapter.chapter-right .chapter-copy{order:initial}.story-image img{height:auto;min-height:0;aspect-ratio:4/5}.chapter-copy{max-width:none}.chapter-num{top:-28px}.passport-stamp-large{width:164px;height:164px}}
@media(max-width:560px){.tour-hero{min-height:92svh}.tour-hero>img{object-position:56% center}.tour-hero-copy{bottom:max(36px,calc(26px + env(safe-area-inset-bottom)))}.tour-hero h1{font-size:64px;margin-bottom:14px}.tour-hero-copy>p:last-child{font-size:20px}.tour-stop{font-size:10px}.passport-stamp{top:86px;width:108px;height:108px}.passport-stamp span{font-size:8px}.passport-stamp strong{font-size:12px}.passport-stamp small{font-size:7px}.story-chapter{padding:68px 18px}.story-image{border-radius:22px}.story-image img{aspect-ratio:3/4}.chapter-copy h2{font-size:50px}.chapter-copy>p:last-of-type{font-size:17px}.red-postcard{padding:22px}.red-postcard strong{font-size:21px}.hidden-paw{font-size:15px;right:12px;bottom:10px}}


/* V7.1 polish — Stop #01 */
.passport-stamp{background:radial-gradient(circle,rgba(255,248,238,.10),rgba(255,248,238,0) 68%)}
.passport-stamp strong{line-height:1;white-space:nowrap}
.passport-stamp small{display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.2;white-space:nowrap}
.passport-stamp small b{font:inherit;font-weight:800}
.passport-stamp small i{font-style:normal;opacity:.65}
.red-postcard{position:relative;isolation:isolate;border-radius:4px;overflow:hidden;background:linear-gradient(145deg,#92231f 0%,#c63a31 62%,#9d2723 100%);box-shadow:0 18px 40px rgba(86,25,18,.20),inset 0 0 0 1px rgba(255,255,255,.13)}
.red-postcard:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.08) 6px)}
.postcard-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:11px}
.postcard-top span{display:block}
.postcard-mark{font-size:15px!important;letter-spacing:0!important;opacity:.8}
.red-postcard strong{letter-spacing:-.01em}
.red-postcard small{opacity:.76;letter-spacing:.15em}
.next-whisper{margin-top:-14px!important;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:#9a7659!important}
.story-image img{transition:transform .55s ease}
@media(hover:hover){.story-image:hover img{transform:scale(1.015)}}
.tour-next .btn{margin-top:2px}
@media(max-width:560px){
  .passport-stamp small{gap:3px;letter-spacing:.07em}
  .red-postcard{transform:rotate(-1deg);margin-left:auto;margin-right:auto}
  .postcard-top{padding-bottom:9px}
  .next-whisper{font-size:11px!important;line-height:1.5!important;margin-top:-10px!important}
}