:root{
  --ink:#0b173d;
  --blue:#0c2f8f;
  --red:#e21f2d;
  --cream:#f4efe8;
  --paper:#faf9f6;
  --white:#fff;
  --line:rgba(11,23,61,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:84px;padding:0 clamp(24px,4vw,68px);display:flex;align-items:center;justify-content:space-between;color:white;transition:.35s ease;background:linear-gradient(to bottom,rgba(5,10,28,.25),transparent)}
.site-header.scrolled{height:70px;background:rgba(250,249,246,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;z-index:2}.brand-mark{font:300 42px/1 Manrope,sans-serif;letter-spacing:-.09em}.brand-copy{display:grid;line-height:1}.brand-copy strong{font:500 16px/1.15 Manrope,sans-serif;letter-spacing:.33em}.brand-copy small{font-size:8px;letter-spacing:.42em;margin-top:5px}
.main-nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,42px);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.main-nav>a{position:relative}.main-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:.25s}.main-nav>a:hover:after{right:0}.language-switch{display:flex;align-items:center;gap:7px;margin-left:6px}.lang-btn{border:0;background:none;color:inherit;opacity:.5;padding:3px;cursor:pointer;font-weight:500}.lang-btn.active{opacity:1}.menu-toggle{display:none;border:0;background:none;color:inherit;width:40px;height:40px;position:relative;z-index:3}.menu-toggle span{position:absolute;width:22px;height:1px;background:currentColor;left:9px;transition:.25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:23px}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#d8d3ca}.hero-media{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(3,8,25,.42) 0%,rgba(3,8,25,.05) 48%,rgba(3,8,25,.03) 100%),linear-gradient(0deg,rgba(3,8,25,.42),transparent 43%)}.hero-bottom{position:absolute;left:clamp(24px,6vw,92px);bottom:clamp(56px,8vh,96px);color:white;max-width:600px}.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:600}.hero h1{font:300 clamp(48px,6.7vw,98px)/.95 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0 28px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:.25s}.button-light{background:rgba(255,255,255,.94);color:var(--ink)}.button-light:hover{background:white;transform:translateY(-2px)}.text-link{font-size:12px;display:inline-flex;gap:12px;align-items:center}.scroll-hint{position:absolute;right:clamp(24px,4vw,68px);bottom:48px;width:1px;height:68px;background:rgba(255,255,255,.32);overflow:hidden}.scroll-hint span{position:absolute;width:100%;height:28px;background:white;animation:scroll 2s infinite}@keyframes scroll{0%{top:-30px}100%{top:72px}}
.section{padding:clamp(88px,11vw,170px) clamp(24px,6vw,92px)}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:10vw;margin-top:28px}.intro h2,.section-heading h2,.statement h2,.contact h2{font:300 clamp(44px,5.4vw,80px)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:0}.intro-copy{font-size:clamp(17px,1.4vw,21px);line-height:1.65;color:#38415d;padding-top:10px}.intro-copy p{margin:0 0 22px}
.values-wrap{padding:0 clamp(12px,2vw,28px) clamp(12px,2vw,28px)}.values-track{display:grid;grid-template-columns:repeat(3,1fr);min-height:560px}.value-card{padding:34px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.value-card>span{position:absolute;top:30px;left:32px;font-size:11px;letter-spacing:.15em}.value-card h3{font:300 clamp(42px,5vw,72px)/1 Manrope,sans-serif;margin:0 0 24px;letter-spacing:-.04em}.value-card p{max-width:330px;line-height:1.55;font-size:14px}.value-dark{background:#0d1732;color:white}.value-cream{background:#e9e1d6;color:var(--ink)}.value-blue{background:#153593;color:white}.value-card:after{content:"";position:absolute;width:250px;height:250px;border:1px solid currentColor;border-radius:50%;opacity:.12;right:-80px;top:90px;transform:scale(.7);transition:.6s ease}.value-card:hover:after{transform:scale(1.1)}
.section-heading{display:grid;grid-template-columns:1.2fr .55fr;gap:8vw;align-items:end}.section-heading h2{margin-top:28px}.section-heading>p{font-size:16px;line-height:1.65;color:#4c546c;margin:0 0 7px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:72px}.brand-panel{min-height:520px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.16em;position:relative;z-index:2}.panel-word{font:300 clamp(80px,13vw,190px)/.8 Manrope,sans-serif;letter-spacing:-.08em}.brand-panel-main{background:#10192f;color:white}.brand-panel-light{background:#e8e2da}.brand-panel-red{background:#d91f2d;color:white}.brand-panel-art{background:#0b2c82;color:white}.panel-orbit{position:absolute;inset:50% auto auto 50%;width:280px;height:280px;transform:translate(-50%,-50%)}.panel-orbit i{position:absolute;inset:0;border:1px solid var(--ink);border-radius:50%}.panel-orbit i:nth-child(2){transform:rotate(60deg) scaleX(.45)}.panel-orbit i:nth-child(3){transform:rotate(-60deg) scaleX(.45)}.panel-code{font:300 clamp(72px,9vw,120px)/.72 Manrope,sans-serif;letter-spacing:-.07em;opacity:.96}.panel-art{position:absolute;width:330px;height:330px;border:1px solid white;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.panel-art:after,.panel-art:before{content:"";position:absolute;border:1px solid white;inset:40px}.panel-art:after{inset:90px;border-radius:50%}
.statement{background:#0c1735;color:white;padding:clamp(100px,14vw,220px) clamp(24px,6vw,92px);position:relative;overflow:hidden}.statement:after{content:"B";position:absolute;right:-3vw;bottom:-14vw;font:300 46vw/1 Manrope,sans-serif;color:white;opacity:.025;letter-spacing:-.1em}.statement-inner{position:relative;z-index:1}.statement h2{margin-top:34px;max-width:1100px}
.expertise-list{margin-top:48px;border-top:1px solid var(--line)}.expertise-row{display:grid;grid-template-columns:70px 1fr minmax(300px,.65fr);gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:30px 0}.expertise-row>span{font-size:11px;opacity:.55}.expertise-row h3{font:400 clamp(23px,2.6vw,38px)/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:0}.expertise-row p{margin:0;line-height:1.55;color:#596078;font-size:14px}
.contact{position:relative;background:#e8dfd3;overflow:hidden}.contact-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.8),transparent 28%),linear-gradient(135deg,#eee8e1,#d9d1c7)}.contact-inner{position:relative;display:grid;grid-template-columns:1.15fr .7fr;gap:8vw}.contact h2{margin-top:28px}.contact-details{align-self:end;display:grid;gap:28px;font-size:15px}.contact-details small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.18em;margin-bottom:9px;opacity:.65}.contact-details p{line-height:1.6;margin:0}.contact-details>a:not(.button){font-size:18px;border-bottom:1px solid currentColor;width:max-content}.button-dark{background:var(--ink);color:white;width:max-content}.button-dark:hover{transform:translateY(-2px);background:#17254f}
footer{background:#08112a;color:white;padding:34px clamp(24px,4vw,68px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;font-size:10px;letter-spacing:.08em}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand .brand-mark{font-size:34px}.footer-brand strong{display:block;letter-spacing:.28em}.footer-brand small{display:block;font-size:6px;letter-spacing:.38em;margin-top:3px}.footer-links{display:flex;justify-content:flex-end;gap:22px}
.cookie-banner{position:fixed;z-index:70;left:24px;right:24px;bottom:24px;max-width:560px;margin:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 20px 80px rgba(10,20,50,.18);padding:14px 14px 14px 18px;border-radius:14px;display:flex;align-items:center;gap:16px;transform:translateY(130%);transition:.5s ease}.cookie-banner.show{transform:translateY(0)}.cookie-banner p{margin:0;font-size:11px;line-height:1.45;color:#4c546c;flex:1}.cookie-banner button{border:0;background:var(--ink);color:white;border-radius:100px;padding:9px 14px;font-size:10px;cursor:pointer}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.site-header{height:72px;padding:0 22px}.menu-toggle{display:block}.main-nav{position:fixed;inset:0;background:rgba(250,249,246,.98);color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:30px;font-size:24px;letter-spacing:-.02em;text-transform:none;transform:translateY(-100%);transition:.45s cubic-bezier(.7,0,.2,1)}.main-nav.open{transform:none}.language-switch{font-size:13px;margin-top:18px}.hero{min-height:620px}.hero-media{object-position:center}.hero-shade{background:linear-gradient(0deg,rgba(3,8,25,.55),transparent 58%)}.hero-bottom{left:24px;right:24px;bottom:62px}.hero h1{font-size:clamp(47px,14vw,72px)}.scroll-hint{display:none}.intro-grid,.section-heading,.contact-inner{grid-template-columns:1fr;gap:42px}.section-heading>p{max-width:600px}.values-track{grid-template-columns:1fr}.value-card{min-height:410px}.brand-grid{grid-template-columns:1fr}.brand-panel{min-height:440px}.expertise-row{grid-template-columns:42px 1fr}.expertise-row p{grid-column:2}.contact-details{align-self:auto}footer{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start;grid-column:1/-1}.footer-brand{order:0}footer>p{justify-self:end}}
@media (max-width:560px){.brand-copy{display:none}.hero{min-height:100svh}.hero-media{object-position:center center}.hero-bottom{bottom:54px}.hero .eyebrow{font-size:9px}.hero h1{margin-top:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.section{padding:84px 22px}.intro h2,.section-heading h2,.statement h2,.contact h2{font-size:43px}.values-wrap{padding:0}.brand-grid{margin-top:44px}.brand-panel{min-height:390px}.expertise-row{padding:23px 0}.expertise-row h3{font-size:25px}.cookie-banner{left:12px;right:12px;bottom:12px}.statement{padding:100px 22px}footer{padding:28px 22px;display:flex;flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}

/* Brand portfolio — 2026 refresh */
.brand-grid-logos{gap:16px}.brand-card{min-height:610px;padding:28px;border:1px solid rgba(11,23,61,.08);transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease}.brand-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(12,23,55,.11)}.brand-logo-stage{height:255px;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:2px;position:relative;overflow:hidden}.brand-logo{width:min(92%,560px);height:auto;max-height:210px;object-fit:contain;position:relative;z-index:1}.brand-card-copy{position:relative;z-index:2;margin:8px 0 24px}.brand-card-copy h3{font:400 clamp(27px,2.5vw,38px)/1.05 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 12px}.brand-card-copy p{font-size:14px;line-height:1.6;max-width:520px;margin:0;opacity:.72}.pocket-card{background:#f2effb;color:#171428}.pocket-card .brand-logo-stage{background:radial-gradient(circle at 78% 30%,rgba(127,96,255,.18),transparent 30%),linear-gradient(145deg,#fbfaff,#e9e3fb)}.titi-card{background:#f2eee8;color:#111}.titi-card .brand-logo-stage{background:linear-gradient(145deg,#fff,#ece7df)}.sunset-card{background:#211a37;color:#fff}.sunset-card .brand-logo-stage{background:radial-gradient(circle at 80% 20%,rgba(244,119,91,.20),transparent 30%),#f6eadf}.sunset-card .brand-card-copy p{opacity:.72}.bif-card{background:#f8f8f6;color:#0a1436}.bif-card .brand-logo-stage{background:linear-gradient(145deg,#fff,#ebe8e1)}
@media (max-width:900px){.brand-card{min-height:540px}.brand-logo-stage{height:230px}}
@media (max-width:560px){.brand-card{min-height:500px;padding:22px}.brand-logo-stage{height:205px;padding:12px}.brand-logo{width:100%}.brand-card-copy h3{font-size:30px}}

/* Brand cards as links + supplied Pocket Idols artwork */
.brand-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.brand-card-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.brand-logo-pocket{width:min(96%,620px);max-height:240px;border-radius:10px;box-shadow:0 18px 50px rgba(84,55,120,.14)}
.pocket-card .brand-logo-stage{padding:0;background:#e8dcf7}
.pocket-card .brand-logo-stage .brand-logo{width:100%;height:100%;max-height:none;object-fit:cover}

/* Dedicated brand pages */
.brand-page{background:#f7f5f1;color:#10162c}
.brand-page .site-header{color:#10162c;background:rgba(250,248,244,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,20,54,.08)}
.brand-page .brand-page-hero{min-height:78vh;padding:150px max(6vw,28px) 76px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:6vw;align-items:center}
.brand-page .brand-page-copy{max-width:720px}
.brand-page .brand-page-copy .section-kicker{margin-bottom:26px}
.brand-page .brand-page-copy h1{font:400 clamp(58px,8vw,124px)/.88 Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 34px}
.brand-page .brand-page-copy p{font-size:clamp(17px,1.55vw,23px);line-height:1.55;max-width:650px;opacity:.76}
.brand-page .brand-page-art{min-height:530px;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 30px 90px rgba(10,20,54,.10)}
.brand-page .brand-page-art img{width:100%;height:100%;object-fit:contain;max-height:640px}
.brand-page .brand-section{padding:100px max(6vw,28px)}
.brand-page .brand-manifesto{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;border-top:1px solid rgba(10,20,54,.15)}
.brand-page .brand-manifesto h2{font:400 clamp(42px,5vw,76px)/.98 Manrope,sans-serif;letter-spacing:-.045em;margin:0}
.brand-page .brand-manifesto .copy p{font-size:18px;line-height:1.75;margin:0 0 24px;opacity:.76}
.brand-page .brand-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(10,20,54,.12);padding:1px}
.brand-page .brand-pillar{background:#fff;padding:42px;min-height:260px}
.brand-page .brand-pillar span{font-size:12px;opacity:.45}
.brand-page .brand-pillar h3{font:400 31px/1.05 Manrope,sans-serif;letter-spacing:-.035em;margin:70px 0 14px}
.brand-page .brand-pillar p{font-size:14px;line-height:1.6;opacity:.65;margin:0}
.brand-page .brand-cta{margin:0 max(6vw,28px) 80px;padding:70px;background:#0a1436;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:30px}
.brand-page .brand-cta h2{font:400 clamp(40px,5vw,70px)/1 Manrope,sans-serif;letter-spacing:-.045em;margin:0;max-width:800px}
.brand-page .brand-cta .button{flex:none}
.brand-page-pocket .brand-page-art{background:#eadff8}
.brand-page-pocket .brand-page-art img{object-fit:cover}
.brand-page-titi .brand-page-art{background:#eee8df;padding:12%}
.brand-page-sunset .brand-page-art{background:#211a37;padding:11%}
.brand-page-bif .brand-page-art{background:#f0eee9;padding:11%}
@media(max-width:900px){.brand-page .brand-page-hero{grid-template-columns:1fr;padding-top:125px}.brand-page .brand-page-art{min-height:390px}.brand-page .brand-manifesto{grid-template-columns:1fr;gap:35px}.brand-page .brand-pillars{grid-template-columns:1fr}.brand-page .brand-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.brand-page .brand-page-hero{padding-left:20px;padding-right:20px}.brand-page .brand-page-copy h1{font-size:56px}.brand-page .brand-page-art{min-height:300px}.brand-page .brand-section{padding:72px 20px}.brand-page .brand-cta{margin:0 20px 40px;padding:38px 26px}}

/* v4 — supplied official Born artwork */
.brand-logo-bif-real{width:100%;height:100%;max-height:none;object-fit:contain;background:#fff}
.bif-card .brand-logo-stage{padding:8px;background:#fff}
.brand-page-bif .brand-page-art{background:#fff;padding:2%}
.brand-page-bif .brand-page-art img{width:100%;height:100%;max-height:none;object-fit:contain}

/* Pocket Idols — premium product universe */
.pocket-premium-page{background:#f8f5fb;color:#171329}
.pocket-premium-page .site-header{background:rgba(252,249,255,.76);border-bottom:1px solid rgba(58,39,83,.08)}
.pocket-hero{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(145deg,#fbf8ff 0%,#eadcf6 45%,#f6e7f1 100%);display:flex;align-items:center;justify-content:center;padding:125px 24px 70px;text-align:center}
.pocket-hero:before,.pocket-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.pocket-hero:before{width:58vw;height:58vw;max-width:880px;max-height:880px;background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(255,255,255,.48) 36%,transparent 70%);left:-9vw;top:-12vw}.pocket-hero:after{width:42vw;height:42vw;background:radial-gradient(circle,rgba(170,132,226,.23),transparent 68%);right:-8vw;bottom:-12vw}.pocket-hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 53% 28%,rgba(255,255,255,.96),transparent 23%)}
.pocket-hero-inner{position:relative;z-index:2;max-width:1000px;margin:auto}.pocket-logo-wrap{width:min(430px,62vw);aspect-ratio:1.26;margin:0 auto 28px;border-radius:28px;overflow:hidden;box-shadow:0 28px 90px rgba(95,58,122,.16)}.pocket-logo-wrap img{width:100%;height:100%;object-fit:cover}.pocket-hero-overline{font-size:11px;letter-spacing:.27em;text-transform:uppercase;font-weight:600;margin:0 0 22px}.pocket-hero h1{font:400 clamp(56px,8.6vw,132px)/.87 Manrope,sans-serif;letter-spacing:-.07em;margin:0;color:#1b1530}.pocket-hero-lead{max-width:690px;margin:32px auto 30px;font-size:clamp(17px,1.5vw,22px);line-height:1.6;color:#63586d}.pocket-hero-cta{display:inline-flex;gap:18px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(27,21,48,.45);padding-bottom:7px}
.pocket-editorial{padding:clamp(100px,13vw,190px) max(6vw,28px);display:grid;grid-template-columns:1.35fr .55fr;gap:10vw;align-items:end;background:#fff}.pocket-editorial h2,.pocket-products-head h2,.pocket-feature h2,.poca-copy h2{font:400 clamp(48px,6.3vw,94px)/.94 Manrope,sans-serif;letter-spacing:-.058em;margin:25px 0 0}.pocket-editorial-note p,.pocket-products-head>p{font-size:17px;line-height:1.7;color:#6b6371;margin:0}
.pocket-feature{min-height:780px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;padding:90px max(6vw,28px);overflow:hidden}.pocket-feature-binder{background:#171329;color:#fff}.pocket-feature-copy{max-width:650px}.pocket-feature-copy .section-kicker{margin:22px 0 0}.pocket-number{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-size:10px;opacity:.72}.pocket-feature-copy p,.poca-copy p{font-size:17px;line-height:1.7;opacity:.68;max-width:570px;margin-top:28px}.product-art{position:relative;min-height:610px}.binder-art{display:grid;place-items:center}.binder{width:min(420px,60vw);aspect-ratio:.78;background:linear-gradient(145deg,#9d79cf,#d9c8ef 68%,#f4ebff);border-radius:20px 32px 32px 20px;box-shadow:-25px 35px 80px rgba(0,0,0,.30),inset 1px 1px 2px rgba(255,255,255,.65);position:relative;transform:rotate(7deg);display:flex;align-items:center;justify-content:center;color:white}.binder:before{content:"";position:absolute;left:28px;top:30px;bottom:30px;width:3px;border-left:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(76,49,113,.28)}.binder i{position:absolute;inset:17px;border:1px solid rgba(255,255,255,.32);border-radius:14px 27px 27px 14px}.binder b{font:500 27px/1.05 Manrope,sans-serif;letter-spacing:.08em;text-align:center}.binder span{position:absolute;right:30px;bottom:28px;font-size:10px;line-height:1.2;text-align:right;letter-spacing:.14em}.photocard{position:absolute;width:155px;aspect-ratio:.72;border-radius:11px;background:linear-gradient(145deg,#fff,#b7a5ce);box-shadow:0 25px 55px rgba(0,0,0,.25);border:8px solid rgba(255,255,255,.9)}.photocard:after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:38px}.photocard.p1{right:3%;top:11%;transform:rotate(-9deg)}.photocard.p2{left:2%;bottom:9%;transform:rotate(-10deg);background:linear-gradient(145deg,#f5d6e5,#8a68be)}
.pocket-products{padding:clamp(100px,12vw,170px) max(4vw,20px);background:#f8f5fb}.pocket-products-head{max-width:1500px;margin:0 auto 65px;padding:0 max(2vw,8px);display:grid;grid-template-columns:1.1fr .45fr;gap:8vw;align-items:end}.pocket-product-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pocket-product-card{min-height:500px;padding:24px;display:flex;flex-direction:column;overflow:hidden}.pocket-product-card>span{font-size:10px;letter-spacing:.12em;opacity:.55;margin-top:auto}.pocket-product-card h3{font:400 30px/1.05 Manrope,sans-serif;letter-spacing:-.035em;margin:10px 0}.pocket-product-card p{font-size:13px;line-height:1.6;opacity:.65;margin:0}.lilac{background:#e8dafa}.platinum{background:#e8e8eb}.blush{background:#f2dfe9}.midnight{background:#201933;color:#fff}.cream{background:#efe9df}.violet{background:#8265ad;color:#fff}.mini-art{height:300px;position:relative;display:grid;place-items:center;margin-bottom:20px}.sleeves i{position:absolute;width:135px;height:190px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.24);border-radius:9px;box-shadow:0 18px 38px rgba(68,45,85,.13)}.sleeves i:nth-child(1){transform:translate(-45px,8px) rotate(-10deg)}.sleeves i:nth-child(2){transform:translate(0,-8px)}.sleeves i:nth-child(3){transform:translate(45px,8px) rotate(10deg)}.binder-mini i{width:165px;height:235px;background:linear-gradient(145deg,#e3e5ea,#bfc2c8);border-radius:12px 20px 20px 12px;box-shadow:0 26px 45px rgba(0,0,0,.13)}.binder-mini b{position:absolute;font:300 92px/1 Manrope;color:white;opacity:.8}.cards-mini i{position:absolute;width:128px;height:180px;background:linear-gradient(155deg,#fff,#cebbda);border:7px solid rgba(255,255,255,.8);border-radius:10px}.cards-mini i:nth-child(1){transform:translateX(-58px) rotate(-12deg)}.cards-mini i:nth-child(2){z-index:2;background:linear-gradient(155deg,#f8f0ff,#a98acb)}.cards-mini i:nth-child(3){transform:translateX(58px) rotate(12deg)}.cd-mini i{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#221a36 0 16%,#bdacd8 17% 20%,#ddd4e8 21% 45%,#9e82c8 46% 53%,#ece4f4 54%);box-shadow:0 25px 60px rgba(0,0,0,.25)}.cd-mini b{position:absolute;font-size:34px}.plush-mini i:first-child{width:160px;height:175px;border-radius:50% 50% 45% 45%;background:#dbc8ba;box-shadow:0 22px 44px rgba(80,60,45,.15)}.plush-mini i:nth-child(2){position:absolute;top:42px;width:116px;height:50px;border-radius:60% 60% 40% 40%;border-top:20px solid #b2937d}.plush-mini b{position:absolute;width:8px;height:8px;border-radius:50%;background:#473a34;box-shadow:40px 0 #473a34;transform:translateX(-20px)}.bag-mini i{width:220px;height:215px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.12);position:relative}.bag-mini i:before{content:"";position:absolute;left:48px;right:48px;top:-50px;height:60px;border:2px solid rgba(255,255,255,.75);border-bottom:0;border-radius:60px 60px 0 0}.bag-mini b{position:absolute;text-align:center;font:500 22px/1.05 Manrope;letter-spacing:.08em;color:white}
.poca-section{min-height:820px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding:100px max(6vw,28px);background:linear-gradient(145deg,#eee5f8,#f9f4fb 54%,#e5d5f1)}.poca-visual{min-height:620px;position:relative;display:grid;place-items:center}.poca-machine{width:min(410px,65vw);height:580px;background:linear-gradient(145deg,#fafafa,#d9d7dc);border-radius:44px 44px 30px 30px;box-shadow:0 45px 90px rgba(85,63,104,.22),inset 1px 1px 3px white;position:relative;padding:36px}.poca-machine:before{content:"";position:absolute;inset:18px;border:1px solid rgba(57,42,75,.12);border-radius:30px}.poca-machine .screen{height:250px;border-radius:22px;background:linear-gradient(145deg,#1d1730,#75549f);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.screen span{font-size:14px;letter-spacing:.35em}.screen strong{font:400 45px/1 Manrope;margin:8px 0 18px;letter-spacing:.06em}.screen small{font-size:9px;letter-spacing:.22em;opacity:.65}.slot{position:absolute;width:145px;height:10px;border-radius:10px;background:#817b86;left:50%;transform:translateX(-50%);bottom:118px;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.base-line{position:absolute;left:55px;right:55px;bottom:63px;height:1px;background:#c2bec5}.floating-card{position:absolute;width:125px;height:174px;border:7px solid white;border-radius:12px;background:linear-gradient(145deg,#ddc6ec,#8f71b6);box-shadow:0 28px 60px rgba(70,46,88,.22)}.fc1{right:3%;top:10%;transform:rotate(12deg)}.fc2{left:4%;bottom:6%;transform:rotate(-12deg);background:linear-gradient(145deg,#f2d9e7,#a78cc7)}.poca-copy{max-width:650px}.poca-copy .section-kicker{margin:24px 0 0}
.pocket-manifesto-strip{overflow:hidden;background:#fff;padding:38px 0;white-space:nowrap}.pocket-manifesto-strip p{font:400 clamp(42px,7vw,110px)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:0;text-align:center;background:linear-gradient(90deg,#8264aa,#d0badf,#8767ae);-webkit-background-clip:text;background-clip:text;color:transparent}.pocket-cta{background:#1a142b!important}.pocket-cta .section-kicker{margin-bottom:22px;opacity:.65}.pocket-cta h2{max-width:900px}
@media(max-width:1000px){.pocket-editorial,.pocket-feature,.poca-section,.pocket-products-head{grid-template-columns:1fr}.pocket-product-grid{grid-template-columns:1fr 1fr}.pocket-feature{padding-top:110px}.pocket-feature-copy{max-width:760px}.product-art{min-height:560px}.poca-copy{order:-1}.pocket-editorial{gap:38px}.pocket-editorial-note{max-width:650px}}
@media(max-width:620px){.pocket-hero{padding-top:105px}.pocket-logo-wrap{width:min(310px,84vw);border-radius:20px}.pocket-hero h1{font-size:56px}.pocket-editorial,.pocket-feature,.poca-section{padding:80px 20px}.pocket-editorial h2,.pocket-products-head h2,.pocket-feature h2,.poca-copy h2{font-size:46px}.pocket-products{padding:80px 14px}.pocket-products-head{padding:0 6px;margin-bottom:40px}.pocket-product-grid{grid-template-columns:1fr}.pocket-product-card{min-height:440px}.mini-art{height:260px}.product-art{min-height:460px}.binder{width:78vw}.photocard{width:108px}.photocard.p1{right:0}.photocard.p2{left:0}.poca-visual{min-height:500px}.poca-machine{height:470px;width:78vw;padding:28px}.poca-machine .screen{height:205px}.screen strong{font-size:37px}.slot{bottom:95px}.base-line{bottom:50px}.floating-card{width:88px;height:125px}.pocket-manifesto-strip{padding:28px 0}.pocket-cta{margin-left:20px!important;margin-right:20px!important}}

/* Sunset Dreams Records — official illustrated HD identity */
.sunset-card{background:linear-gradient(145deg,#fff7df,#ffe8d0);color:#142b3c}
.sunset-card .brand-logo-stage{background:radial-gradient(circle at 50% 40%,#fffdf5 0,#fff4d9 55%,#ffd7bd 100%);padding:12px}
.sunset-card .brand-logo-sunset{width:min(94%,360px);max-height:235px;filter:drop-shadow(0 12px 20px rgba(55,42,27,.12))}
.brand-page-sunset .brand-page-art{background:linear-gradient(145deg,#fff9e9,#ffe6cf);padding:5%}
.brand-page-sunset .brand-page-art img{width:min(88%,720px);max-height:78vh;object-fit:contain;filter:drop-shadow(0 28px 45px rgba(55,42,27,.16))}
@media(max-width:760px){.sunset-card .brand-logo-sunset{max-height:205px}.brand-page-sunset .brand-page-art{padding:8%}}
