/* Theme Name: Comic Adventure | Version: 1.0.0 */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--navy:#12213d;--blue:#1377d2;--sky:#dff5ff;--coral:#ff5c54;--yellow:#ffd447;--green:#43bd7c;--cream:#fff9ed;--white:#fff;--muted:#5a6576;--radius:28px;--shadow:0 22px 60px rgba(18,33,61,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:Nunito,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.site-header{position:absolute;inset:0 0 auto;z-index:30;color:white}.header-inner{height:100px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:50% 50% 44% 56%;background:var(--yellow);color:var(--navy);font:900 1.75rem/1 'Baloo 2';transform:rotate(-7deg);box-shadow:0 4px 0 rgba(18,33,61,.25)}.brand-copy{font:800 1.2rem/1 'Baloo 2';letter-spacing:.01em}.brand-copy small{display:block;font:800 .62rem/1.5 Nunito;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.nav{margin-left:auto;display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;font-weight:900;font-size:.9rem}.nav a:not(.shop-link):after{content:"";display:block;height:2px;background:var(--yellow);transform:scaleX(0);transition:.2s}.nav a:hover:after{transform:scaleX(1)}.shop-link,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button{display:inline-flex!important;align-items:center;gap:16px;background:var(--yellow)!important;color:var(--navy)!important;border:0!important;border-radius:999px!important;padding:14px 23px!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 8px 20px rgba(18,33,61,.18)!important;transition:transform .2s,box-shadow .2s}.shop-link:hover,.button:hover{transform:translateY(-3px);box-shadow:0 13px 26px rgba(18,33,61,.22)!important}.menu-toggle{display:none;background:none;border:0;margin-left:auto}.hero{height:max(720px,100vh);min-height:720px;position:relative;overflow:hidden;background:#178bd2;color:white}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,63,.86) 0%,rgba(8,45,76,.66) 34%,rgba(8,42,65,.08) 63%),linear-gradient(0deg,rgba(5,25,48,.28),transparent 38%)}.hero:after{content:"";position:absolute;z-index:2;bottom:-2px;left:-2%;width:104%;height:58px;background:var(--cream);clip-path:polygon(0 62%,8% 35%,17% 67%,27% 28%,38% 62%,49% 35%,60% 66%,72% 30%,84% 63%,93% 38%,100% 58%,100% 100%,0 100%)}.hero-content{height:100%;min-height:720px;position:relative;z-index:3;display:flex;align-items:center;padding-top:90px}.hero-copy{max-width:660px}.eyebrow,.section-tag,.mini-label{display:inline-block;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.eyebrow{font-size:.77rem;color:var(--yellow);margin-bottom:15px}.hero h1{font:800 clamp(3.7rem,6.4vw,6.8rem)/.87 'Baloo 2';letter-spacing:-.055em;margin:0 0 26px}.hero h1 em{font-style:normal;color:var(--yellow);position:relative}.hero h1 em:after{content:"";position:absolute;left:1%;right:0;bottom:.02em;height:8px;background:var(--coral);border-radius:50%;transform:rotate(-1deg);z-index:-1}.hero-copy p{font-size:1.15rem;font-weight:700;max-width:570px;color:rgba(255,255,255,.88)}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.text-link{font-weight:900;text-underline-offset:6px}.scroll-cue{position:absolute;z-index:4;bottom:70px;left:50%;width:42px;height:42px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.6);border-radius:50%;color:white;text-decoration:none;animation:bob 2s infinite}@keyframes bob{50%{transform:translateY(7px)}}
.split-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:10%;align-items:end;margin-bottom:54px}.section-tag{font-size:.72rem;margin-bottom:14px}.section-tag.coral{color:var(--coral)}.section-tag.yellow{color:var(--yellow)}.section-tag.blue{color:var(--blue)}.section-tag.navy{color:var(--navy)}h2{font:800 clamp(2.8rem,5vw,5rem)/.95 'Baloo 2';letter-spacing:-.045em;margin:0}.section-intro{font-size:1.12rem;color:var(--muted);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{min-height:420px;border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;display:flex;align-items:flex-end;color:white;box-shadow:var(--shadow);transition:transform .25s}.feature-card:hover{transform:translateY(-8px)}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,30,58,.92),rgba(12,30,58,.05) 75%)}.feature-story{background:linear-gradient(145deg,#1498d3,#43ccbd)}.feature-team{background:linear-gradient(145deg,#ff7b55,#f14368)}.feature-future{background:linear-gradient(145deg,#7b5edd,#3d5fc4)}.feature-card:after{position:absolute;top:55px;right:-20px;font:800 12rem/1 'Baloo 2';opacity:.14;transform:rotate(-10deg)}.feature-story:after{content:"?"}.feature-team:after{content:"5"}.feature-future:after{content:"→"}.feature-card>div{position:relative;z-index:2}.card-number{position:absolute;z-index:2;top:23px;left:26px;font-weight:900;opacity:.75}.mini-label{font-size:.65rem;color:var(--yellow)}.feature-card h3{font:800 2.1rem/1 'Baloo 2';margin:8px 0}.feature-card p{margin:0;color:rgba(255,255,255,.83);font-weight:700}
.team{background:var(--navy);color:white;position:relative}.team:before{content:"";position:absolute;inset:0;opacity:.07;background-image:radial-gradient(circle,var(--white) 2px,transparent 2px);background-size:30px 30px}.team .wrap{position:relative}.team-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.team-head p{font-weight:800;color:rgba(255,255,255,.6)}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.person{min-height:315px;border-radius:22px;padding:25px 22px;display:flex;flex-direction:column;color:var(--navy);transition:transform .2s}.person:hover{transform:rotate(-1deg) translateY(-7px)}.person-icon{width:62px;height:62px;display:grid;place-items:center;background:rgba(255,255,255,.72);border-radius:20px;font-size:1.8rem}.person h3{font:800 2rem/1 'Baloo 2';margin:50px 0 8px}.person p{font-size:.9rem;font-weight:700;margin:0}.trait{margin-top:auto;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.leon{background:#ff765d}.milo{background:#ffd447}.mara{background:#67d5d1}.sina{background:#b999ef}.aaron{background:#f5efe3}
.stories{background:white}.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-visual{position:relative}.story-visual img{width:100%;display:block;border-radius:var(--radius);box-shadow:18px 18px 0 var(--yellow),var(--shadow);transform:rotate(-1.5deg)}.coming-badge{position:absolute;right:-20px;top:-24px;background:var(--coral);color:white;border:6px solid white;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(8deg)}.story-copy>p{color:var(--muted);font-size:1.08rem;font-weight:700}.story-copy ul{list-style:none;padding:0;margin:28px 0}.story-copy li{padding:10px 0;font-weight:900}.story-copy li span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green);color:white;margin-right:10px}.note{background:var(--sky);border-radius:16px;padding:18px!important;font-size:.9rem!important}
.shop-preview{background:var(--yellow)}.shop-panel{background:var(--navy);color:white;border-radius:36px;min-height:480px;padding:70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.shop-panel p{max-width:540px;color:rgba(255,255,255,.7);font-weight:700}.button.light{background:white!important;margin-top:15px}.shop-orbit{height:340px;position:relative}.shop-orbit:before,.shop-orbit:after{content:"";position:absolute;border:2px dashed rgba(255,255,255,.2);border-radius:50%;inset:5%}.shop-orbit:after{inset:22%}.shop-orbit span{position:absolute;display:grid;place-items:center;border-radius:28px;box-shadow:0 18px 35px rgba(0,0,0,.2);font:800 1.2rem/1 'Baloo 2'}.orbit-one{width:180px;height:230px;background:var(--coral);left:32%;top:13%;transform:rotate(8deg);font-size:1.4rem!important}.orbit-one strong{font-size:4rem}.orbit-two{width:80px;height:80px;background:var(--blue);right:5%;top:5%;transform:rotate(13deg)}.orbit-three{width:95px;height:95px;background:var(--green);left:5%;bottom:4%;font-size:3rem!important;transform:rotate(-12deg)}
.content{padding:150px 0 80px;min-height:70vh}.content article{background:white;border-radius:var(--radius);padding:clamp(25px,5vw,60px);box-shadow:var(--shadow)}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:white;border-radius:22px;padding:18px!important;box-shadow:var(--shadow)}.site-footer{padding:44px 0;background:#091427;color:rgba(255,255,255,.75)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer a{color:white}
@media(max-width:900px){.section{padding:80px 0}.hero{height:auto;min-height:820px}.hero-bg{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(8,35,63,.92),rgba(8,35,63,.45))}.hero-content{min-height:820px}.split-heading,.stories-grid,.shop-panel{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px}.character-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:90px;left:20px;right:20px;background:var(--navy);padding:25px;border-radius:20px;flex-direction:column}.menu-open .nav{display:flex}.menu-toggle{display:block}.menu-toggle span{display:block;width:26px;height:3px;background:white;margin:5px}.shop-panel{padding:42px}.shop-orbit{height:280px}.woocommerce ul.products{grid-template-columns:1fr!important}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1200px)}.hero{min-height:760px}.hero-content{min-height:760px;align-items:flex-end;padding-bottom:120px}.hero-bg{object-position:68% center}.hero-shade{background:linear-gradient(0deg,rgba(7,30,55,.95) 18%,rgba(7,30,55,.15) 70%)}.hero h1{font-size:3.2rem}.hero-copy p{font-size:1rem}.actions{align-items:flex-start;flex-direction:column}.scroll-cue{display:none}.split-heading{gap:20px}.character-grid{grid-template-columns:1fr}.person{min-height:230px}.person h3{margin-top:25px}.team-head{align-items:flex-start;flex-direction:column}.coming-badge{right:-5px}.shop-panel{padding:32px 22px}.shop-orbit{display:none}}