:root{--paper:#f7f3ea;--ink:#1e1c1a;--gray:#716d68;--coral:#fc694f;--lime:#e2fa80;--lavender:#d8ccf5;--line:#d6d0c6;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #6a4cc7;outline-offset:5px}.site{overflow:hidden}.skip{position:absolute;z-index:100;top:-60px;left:20px;background:#fff;padding:15px}.skip:focus{top:10px}
.header,.hero,.section-shell,.closing-inner{width:min(calc(100% - 112px),1512px);margin-inline:auto}
.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:20}
.logo{display:inline-flex;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:-.085em;white-space:nowrap}.logo-flower{font-size:29px;color:var(--coral);line-height:1;letter-spacing:0;margin-right:10px}.logo-dot{color:var(--coral)}.nav{display:flex;gap:37px;align-items:center}.nav a{font-size:12px;font-weight:800;white-space:nowrap;transition:opacity .2s}.nav a:hover{opacity:.55}.header-right{display:flex;align-items:center;gap:22px}.language{border:0;padding:10px 3px;background:none;font-size:12px;font-weight:800}.language span{margin-left:4px}.header-action{display:flex;gap:20px;align-items:center;color:#fff;background:var(--ink);padding:9px 9px 9px 20px;border-radius:40px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.header-action:hover{background:#4b403a;transform:translateY(-2px)}.header-arrow{border-radius:50%;width:32px;height:32px;background:var(--lime);display:grid;place-items:center;color:var(--ink);font-size:18px}
/* EDITORIAL HERO */
.hero{position:relative;padding-top:22px}.hero-topline,.hero-bottomline{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.13em}.hero-topline{padding-bottom:13px}.hero-topline>span:first-child{display:flex;align-items:center;gap:10px}.fleur{font-size:22px;color:var(--coral);line-height:1}.topline-right{color:#88847f}.hero-grid{display:grid;grid-template-columns:51% 49%;position:relative;min-height:665px}.hero-content{position:relative;z-index:4;padding-top:75px;pointer-events:none}.hero-content a{pointer-events:auto}
h1{font:800 clamp(64px,6.85vw,114px)/.91 Manrope,Arial,sans-serif;letter-spacing:-.106em;text-transform:uppercase;white-space:nowrap}h1>span{display:block}h1 .headline-last{white-space:nowrap;display:flex;align-items:center;gap:.17em;margin-top:4px}h1 em{font-family:"Instrument Serif",Georgia,serif;text-transform:none;font-weight:400;font-size:1.25em;line-height:.79;letter-spacing:-.055em;color:var(--coral)}.headline-spark{display:inline-block;font-size:.46em;letter-spacing:0;color:var(--ink);transform:rotate(23deg);align-self:flex-start;margin-top:2px}
.hero-lead{display:flex;align-items:flex-start;gap:48px;margin-top:44px;max-width:650px}.hero-lead p{font-size:14px;line-height:1.8;color:#4c4641;max-width:370px}.round-link{display:inline-flex;flex-direction:column;gap:13px;align-items:flex-start;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.02em}.round-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:28px;transition:transform .3s,background .3s}.round-link:hover .round-icon{transform:rotate(45deg);background:var(--coral);color:white}.hero-small-note{display:flex;gap:13px;align-items:center;font-size:10px;font-weight:700;color:#908a83;margin-top:58px;max-width:330px}.note-rule{width:40px;height:1px;background:#aaa39a;flex-shrink:0}
.hero-bottomline{padding:27px 0 25px;border-top:1px solid var(--line)}.muted{color:var(--coral);margin:0 7px}.hero-scroll{color:#655f59}
/* HERO IMAGE, ARTDIRECTED COLLAGE */
.collage{height:665px;position:relative;margin-top:0;margin-right:-6px;isolation:isolate;perspective:1100px;--mx:0px;--my:0px}
.collage-paper-texture{position:absolute;inset:4% 0 2% 2%;z-index:-6;opacity:.18;background-image:radial-gradient(#27221b 0.7px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(90deg,transparent,black 25%,black 90%,transparent)}
.collage-lilac{position:absolute;left:13%;top:3%;width:83%;height:87%;border-radius:50% 45% 48% 51%;background:#e2d8fa;transform:rotate(-20deg);z-index:-4}
.collage-lime-ring{position:absolute;width:67%;height:71%;left:19%;top:10%;border:76px solid #deff83;border-radius:50%;transform:rotate(-27deg) skew(-8deg);z-index:-3;opacity:.87}
.collage-coral-disc{position:absolute;right:-3%;top:7%;width:140px;height:140px;border-radius:50%;background:#ff7964;z-index:-2}
.collage-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.collage-lines{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:visible}.draw-path{fill:none;stroke:#322d29;stroke-width:2.5;stroke-dasharray:5 12;stroke-linecap:round;stroke-dashoffset:500;opacity:0;transition:stroke-dashoffset .8s ease,opacity .3s}.connection-point{fill:var(--coral);stroke:#fff;stroke-width:4;opacity:0;transition:opacity .3s}
.collage-card{position:absolute;border:0;background:#faf7f1;padding:8px 8px 0;display:flex;flex-direction:column;box-shadow:0 22px 32px #40332d38,0 2px 5px #40332d16;cursor:pointer;z-index:5;transition:transform .65s cubic-bezier(.2,.86,.2,1),box-shadow .3s;transform-origin:center center;filter:saturate(.93)}.collage-card .picture{display:block;overflow:hidden;flex:1;min-height:0}.collage-card img{transition:transform 1s cubic-bezier(.2,.75,.2,1)}.collage-card:hover img{transform:scale(1.06)}.photo-base{min-height:35px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:.08em;padding:0 6px;color:#292622}.photo-base span:last-child{font-size:17px;color:var(--coral)}
.portrait-card{width:43%;height:55%;right:8%;top:6%;transform:rotate(10deg) translate3d(var(--mx),var(--my),0);z-index:5}.portrait-card img{object-position:center 23%}.portrait-card .photo-base span:last-child{color:#6c58b9}
.product-card{width:42%;height:40%;left:3%;top:23%;transform:rotate(-12deg) translate3d(calc(var(--mx) * -.5),calc(var(--my) * -.5),0);z-index:4}.product-card img{object-position:center}.content-card{width:38%;height:45%;right:17%;bottom:5%;transform:rotate(-7deg) translate3d(calc(var(--mx) * -.6),calc(var(--my) * -.6),0);z-index:7}.content-card img{object-position:center 17%}
.micro-label{position:absolute;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.07em;z-index:2}.micro-left{left:0;top:9%;transform:rotate(-13deg)}.micro-right{right:0;bottom:23%;transform:rotate(9deg);text-align:right}
.tape{position:absolute;background:var(--coral);color:#26211f;font-size:10px;font-weight:900;letter-spacing:.035em;z-index:8;padding:11px 16px;box-shadow:2px 6px 8px #26231c2a;transform:rotate(-13deg)}.tape-one{top:16%;left:25%}
.sticker{position:absolute;z-index:9;display:flex;justify-content:center;align-items:center;text-align:center;box-shadow:0 6px 17px #221a1a24;transform-origin:center;pointer-events:none}.sticker-purple{left:0;bottom:14%;width:137px;height:137px;border-radius:50%;background:#a895ef;color:#1f1c1c;transform:rotate(16deg);flex-direction:column;font-weight:900;font-size:19px;line-height:.96;letter-spacing:-.045em}.sticker-mini{font-size:21px;margin-top:3px;color:#f8f5e8}.sticker-lime{right:3%;top:48%;width:103px;height:103px;border-radius:14px;background:var(--lime);transform:rotate(13deg);font-weight:900;font-size:15px;line-height:1.04;flex-direction:column;gap:7px}.sticker-lime span:last-child{font-size:22px}
.collage-star{position:absolute;pointer-events:none;z-index:6;line-height:1}.collage-star-top{font-size:89px;color:var(--coral);left:7%;top:4%;transform:rotate(10deg)}.collage-star-bottom{font-size:80px;color:var(--coral);right:-1%;bottom:4%;transform:rotate(-16deg)}.collage-side-note{position:absolute;left:14%;bottom:3%;transform:rotate(-14deg);font-size:9px;font-weight:900;letter-spacing:.09em;z-index:2}
.collage-match{position:absolute;left:48%;top:52%;transform:translate(-50%,-50%) scale(.8);border:2px solid var(--ink);background:#fff;color:var(--ink);padding:11px 17px;border-radius:50px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:900;white-space:nowrap;z-index:13;box-shadow:5px 6px 0 var(--ink);opacity:0;pointer-events:none;transition:opacity .25s,transform .5s cubic-bezier(.3,1.8,.4,1)}.match-icon{font-size:21px;color:var(--coral)}
.collage-tip{position:absolute;right:8%;bottom:0;display:flex;align-items:center;gap:7px;z-index:12;font-size:9px;font-weight:900;letter-spacing:.055em;white-space:nowrap}.tip-dot{height:7px;width:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #fc694f35}
.collage.is-matched .draw-path{stroke-dashoffset:0;opacity:1}.collage.is-matched .connection-point{opacity:1}.collage.is-matched .portrait-card{transform:translate(-25px,17px) rotate(4deg)}.collage.is-matched .product-card{transform:translate(31px,-2px) rotate(-5deg)}.collage.is-matched .content-card{transform:translate(-1px,-27px) rotate(-1deg) scale(1.02)}.collage.is-matched .collage-match{opacity:1;transform:translate(-50%,-50%) scale(1)}.collage.is-matched .sticker-lime{animation:sticker-pop .5s cubic-bezier(.2,1.8,.5,1)}
@keyframes sticker-pop{50%{scale:1.15;rotate:10deg}}
/* A VERY LARGE TYPOGRAPHIC TICKER */
.ticker{background:var(--lime);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;padding:15px 0}.ticker-track{display:flex;align-items:center;gap:30px;width:max-content;animation:marquee 34s linear infinite;font-size:clamp(21px,3vw,40px);font-family:Manrope,sans-serif;font-weight:900;letter-spacing:-.06em;white-space:nowrap}.ticker-track b{color:var(--coral);font-size:.92em}@keyframes marquee{to{transform:translateX(-50%)}}
/* THE OPPORTUNITIES */
.section-shell{padding-top:125px;padding-bottom:125px}.section-index{display:block;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;margin-bottom:45px}.section-heading h2,.identity h2,.closing h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(45px,5.4vw,78px);font-weight:800;line-height:1.04;letter-spacing:-.08em}.section-heading h2 em,.identity h2 em,.closing h2 em,.audience h3 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.05em;color:var(--coral)}.section-heading>p{font-size:15px;line-height:1.78;max-width:345px;color:var(--gray);padding-bottom:11px}
.opportunities-grid{display:grid;grid-template-columns:1.11fr 1fr 1fr;gap:18px}.opportunity{position:relative;height:505px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border-radius:4px;transition:transform .3s}.opportunity:hover{transform:translateY(-7px)}.opportunity-paid{background:#d8cafa}.opportunity-gift{background:#ffb69e}.opportunity-discount{background:#e3efc2}.opp-kicker{font-size:10px;font-weight:900;letter-spacing:.10em;display:flex;justify-content:space-between;position:relative;z-index:2}.opp-kicker>span:last-child{font-size:21px;letter-spacing:0}.opp-bottom{position:relative;z-index:5}.opp-bottom h3{font-family:Manrope,sans-serif;font-size:clamp(24px,2.35vw,33px);line-height:1.07;letter-spacing:-.06em;margin-bottom:12px}.opp-bottom p{font-size:12px;line-height:1.7;max-width:250px}
.paid-art,.gift-art,.discount-art{position:absolute;inset:40px 0 96px;pointer-events:none}.paid-ring{position:absolute;left:16%;top:15%;width:70%;height:70%;border:53px solid #f2efcf;border-radius:50%;transform:rotate(-12deg)}.paid-photo{position:absolute;width:56%;height:77%;left:26%;top:3%;transform:rotate(-9deg);border:7px solid white;box-shadow:9px 14px 0 #6e59b1}.paid-photo img{object-position:top}.paid-asterisk{position:absolute;font-size:110px;left:-6%;top:17%;color:var(--coral);transform:rotate(18deg)}.paid-smalltag{position:absolute;background:var(--lime);font-size:19px;line-height:1;font-weight:900;padding:13px;right:3%;bottom:4%;transform:rotate(12deg);box-shadow:3px 5px 0 #222}
.gift-art{inset:25px 0 80px}.gift-poster{position:absolute;width:68%;height:69%;left:16%;top:13%;transform:rotate(11deg);border:9px solid #fff;box-shadow:10px 12px 0 #e06c5d}.gift-poster img{object-position:top}.gift-heart{position:absolute;right:5%;top:3%;font-size:103px;line-height:1;color:#f8f0e3;transform:rotate(23deg)}.gift-sticker{position:absolute;left:5%;bottom:5%;background:var(--lime);font-size:10px;font-weight:900;line-height:1.2;padding:17px;transform:rotate(-13deg);border:2px solid #292420}
.discount-art{inset:45px 0 85px}.discount-tag{position:absolute;left:19%;top:12%;width:62%;height:69%;background:#f8f5ee;transform:rotate(-12deg);border:3px solid var(--ink);border-radius:13px;box-shadow:12px 14px 0 #b6c6a0;display:flex;justify-content:space-between;flex-direction:column;padding:15px}.discount-tag:before{content:"";position:absolute;left:-12px;top:47%;width:22px;height:22px;border:3px solid #2b2825;border-radius:50%;background:#e3efc2}.discount-tag>span{font-size:17px;font-weight:900;line-height:.95}.discount-tag strong{font-size:136px;letter-spacing:-.1em;line-height:.65;font-family:Manrope,sans-serif;align-self:center}.discount-tag small{font-size:9px;font-weight:900;letter-spacing:.05em}.discount-flower{position:absolute;right:1%;top:10%;color:var(--coral);font-size:90px}
/* BLACK-INK EDITORIAL PULL-QUOTE */
.identity{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.identity h2{font-size:clamp(47px,5.5vw,80px)}.identity h2 em{color:#8f79d7}.identity-left p{max-width:445px;color:var(--gray);font-size:15px;line-height:1.85;margin-top:25px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid var(--ink);padding-bottom:11px;margin-top:34px;font-size:13px;font-weight:900}.text-link span{font-size:20px}.identity-art{position:relative;height:530px;isolation:isolate}.identity-lilac{position:absolute;inset:3% 10% 6% 10%;background:var(--lavender);border-radius:45% 55% 48% 52%;transform:rotate(-11deg);z-index:-3}.identity-photo{position:absolute;border:9px solid #fff;box-shadow:0 22px 25px #2a252526}.identity-photo-back{width:58%;height:58%;left:7%;top:12%;transform:rotate(-14deg);z-index:-1}.identity-photo-front{width:48%;height:67%;right:8%;top:13%;transform:rotate(11deg);z-index:1}.identity-photo-front img{object-position:top}.identity-paper{position:absolute;left:8%;bottom:7%;background:var(--lime);transform:rotate(7deg);z-index:2;font-family:Manrope,sans-serif;font-size:40px;line-height:.87;font-weight:900;letter-spacing:-.075em;padding:19px 26px;box-shadow:8px 9px 0 #2a2622}.identity-paper span{color:var(--coral);font-size:50px;margin-left:9px}.identity-scribble{position:absolute;right:4%;bottom:8%;font-size:92px;color:var(--coral);transform:rotate(-15deg)}
/* TWO-SIDED AUDIENCE */
.for-everyone{border-top:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audience{position:relative;min-height:620px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:27px;border-radius:4px}.audience-creator{background:#e1d8f8}.audience-brand{background:#e7efc0}.audience-top{position:relative;z-index:3;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.09em;font-weight:900}.audience-top>span:last-child{font-size:28px;line-height:1;color:var(--coral)}.audience-image{position:absolute;left:24%;top:10%;width:50%;height:52%;border:9px solid #fff;box-shadow:10px 14px 0 #27221f2e;transform:rotate(-11deg);z-index:1}.audience-brand .audience-image{transform:rotate(10deg);left:24%;top:13%}.audience-brand .audience-image img{object-position:center}.audience-bottom{position:relative;z-index:3;margin-top:auto}.audience-bottom h3{font-family:Manrope,sans-serif;font-weight:900;font-size:clamp(35px,4vw,57px);line-height:1.02;letter-spacing:-.07em}.audience-bottom h3 em{color:#fc7356}.audience-bottom p{font-size:14px;line-height:1.65;max-width:340px;margin-top:15px}.circle-arrow{position:absolute;right:0;bottom:0;width:58px;height:58px;border:2px solid var(--ink);display:grid;place-items:center;border-radius:50%;font-size:28px;transition:transform .3s,background .3s}.circle-arrow:hover{transform:rotate(45deg);background:#fff}
/* CONCLUSION */
.closing{background:#fc765e;color:var(--ink);position:relative;overflow:hidden}.closing-inner{position:relative;padding-top:100px;padding-bottom:108px;min-height:500px;z-index:1}.closing-eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;display:flex;align-items:center;gap:11px}.closing-eyebrow span{font-size:23px}.closing h2{margin-top:35px;font-size:clamp(56px,8vw,118px);line-height:.98;position:relative;z-index:2}.closing h2 em{color:var(--paper)}.closing p{font-size:17px;margin-top:30px;position:relative;z-index:2}.closing-actions{display:flex;align-items:center;gap:22px;margin-top:28px;position:relative;z-index:3}.closing-button{background:var(--ink);color:#fff;border-radius:50px;font-size:14px;font-weight:900;padding:18px 26px;display:flex;align-items:center;gap:50px;transition:transform .2s}.closing-button:hover{transform:translateY(-4px)}.closing-fine{font-size:10px;color:#6f3d32;max-width:195px;line-height:1.5}.closing-giant{position:absolute;right:0;top:-115px;font-size:clamp(350px,40vw,670px);line-height:1;color:#fda18d;z-index:-1;transform:rotate(9deg)}
.footer{padding-top:40px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.footer-logo{font-size:34px}.footer p{font-size:12px;color:var(--gray);margin-top:11px}.footer-right{display:flex;gap:25px;align-items:flex-end;flex-direction:column}.footer-right a{font-size:12px;font-weight:900}.footer-right span{font-size:10px;color:#a19b92;letter-spacing:.08em}.lab-link{opacity:.55}
@media(max-width:1240px){.header,.hero,.section-shell,.closing-inner{width:min(calc(100% - 72px),1512px)}.hero-grid{grid-template-columns:51% 49%;min-height:610px}.collage{height:610px}.hero-content{padding-top:85px}h1{font-size:clamp(61px,6.9vw,90px)}.hero-lead{gap:23px}.hero-lead p{font-size:13px}.sticker-purple{height:115px;width:115px;font-size:16px}.sticker-lime{height:88px;width:88px;font-size:12px}.collage-lime-ring{border-width:58px}.tape{font-size:8px}.identity-paper{font-size:30px}}
@media(max-width:940px){.nav{gap:17px}.nav a{font-size:11px}.header-right{gap:12px}.header,.hero,.section-shell,.closing-inner{width:calc(100% - 58px)}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-content{padding-top:54px}.hero-content h1{font-size:clamp(74px,10vw,130px)}.hero-lead{margin-top:28px;gap:50px}.hero-small-note{margin-top:30px}.collage{height:660px;width:min(100%,700px);margin-inline:auto;margin-top:-22px}.opportunities-grid{gap:10px}.opportunity{padding:15px;height:450px}.opp-bottom h3{font-size:23px}.paid-photo{height:68%}.discount-tag strong{font-size:94px}.gift-sticker{font-size:8px}.identity{gap:10px}.identity-art{height:430px}.identity-paper{font-size:23px}.identity h2{font-size:48px}.audience{min-height:510px}.audience-bottom h3{font-size:39px}}
@media(max-width:680px){.header,.hero,.section-shell,.closing-inner{width:calc(100% - 38px)}.header{height:71px}.logo{font-size:23px}.logo-flower{font-size:22px;margin-right:6px}.nav{display:none}.header-right{gap:11px}.header-action{padding:6px 6px 6px 12px;gap:8px;font-size:10px}.header-arrow{width:28px;height:28px;font-size:16px}.language{font-size:11px}.hero{padding-top:17px}.hero-topline{font-size:8px;letter-spacing:.08em}.topline-right{display:none}.hero-content{padding-top:35px}.hero-content h1{font-size:clamp(45px,11vw,73px);letter-spacing:-.108em}.headline-spark{font-size:.42em}.hero-lead{margin-top:24px;gap:18px;justify-content:space-between}.hero-lead p{font-size:12px;line-height:1.7;max-width:62%}.round-link{font-size:9px;max-width:105px;white-space:normal;line-height:1.4}.round-icon{width:45px;height:45px;font-size:22px}.hero-small-note{font-size:9px;margin-top:24px}.collage{height:430px;width:100%;margin-top:6px}.collage-lilac{left:10%;top:6%;width:87%;height:86%}.collage-lime-ring{border-width:34px;top:12%}.collage-coral-disc{width:80px;height:80px}.collage-card{padding:5px 5px 0;box-shadow:0 9px 19px #40332d38}.photo-base{font-size:7px;min-height:24px;padding:0 4px}.photo-base span:last-child{font-size:11px}.portrait-card{width:44%;height:55%;top:9%;right:7%}.product-card{width:47%;height:42%;top:25%;left:1%}.content-card{width:42%;height:46%;right:12%;bottom:6%}.micro-label{font-size:7px}.tape{font-size:6px;padding:7px 10px;left:19%}.sticker-purple{width:80px;height:80px;font-size:11px;left:-2%;bottom:12%}.sticker-mini{font-size:13px}.sticker-lime{width:64px;height:64px;font-size:10px;right:1%;top:50%;border-radius:8px}.sticker-lime span:last-child{font-size:13px}.collage-star-top{font-size:52px}.collage-star-bottom{font-size:46px}.collage-side-note{font-size:6px}.collage-tip{font-size:7px;right:2%}.collage-match{padding:8px 10px;font-size:9px;gap:6px;box-shadow:3px 3px 0 var(--ink)}.match-icon{font-size:14px}.hero-bottomline{font-size:8px;padding:17px 0}.ticker{padding:9px 0}.ticker-track{gap:17px;font-size:25px}.section-shell{padding-top:78px;padding-bottom:80px}.section-index{font-size:9px;margin-bottom:17px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:clamp(40px,10vw,57px)}.section-heading>p{font-size:13px;margin-top:20px;line-height:1.7}.opportunities-grid{grid-template-columns:1fr;gap:13px}.opportunity{height:420px;padding:21px}.opp-bottom h3{font-size:28px}.opp-bottom p{font-size:13px}.paid-photo{width:48%;height:73%;left:29%}.gift-poster{width:55%;height:75%;left:26%;top:6%}.discount-tag{width:48%;left:27%;height:72%}.discount-tag strong{font-size:110px}.identity{grid-template-columns:1fr;gap:20px}.identity h2{font-size:clamp(43px,10vw,62px)}.identity-left p{font-size:14px;margin-top:17px}.identity-art{height:425px}.identity-paper{font-size:29px}.for-everyone .section-heading{margin-bottom:28px}.audience-grid{grid-template-columns:1fr;gap:13px}.audience{min-height:535px;padding:23px}.audience-image{height:54%;width:50%}.audience-bottom h3{font-size:44px}.closing-inner{padding-top:73px;padding-bottom:85px;min-height:420px}.closing h2{font-size:clamp(50px,11vw,77px)}.closing p{font-size:13px}.closing-giant{font-size:340px;top:0;right:-100px}.closing-actions{gap:15px;flex-wrap:wrap}.closing-button{font-size:12px;padding:14px 20px}.footer{padding-top:32px;padding-bottom:35px}.footer-right{gap:14px}.footer-right span{max-width:170px;text-align:right}}
@media(max-width:380px){.hero-content h1{font-size:44px}.collage{height:395px}.sticker-purple{left:-4%;bottom:14%}.hero-lead p{max-width:66%}.round-link{max-width:90px}.identity-art{height:360px}.identity-paper{font-size:23px}.closing h2{font-size:49px}}
.opp-bottom h3 em{font-family:"Instrument Serif",Georgia,serif;font-size:1.3em;font-weight:400;letter-spacing:-.035em;line-height:.87}
/* v3 / A single English-language editorial experience */
.header-action{transition:background .3s,transform .3s,box-shadow .3s}
.header-action:hover{box-shadow:0 9px 22px rgba(32,28,25,.19)}
.header-arrow{transition:transform .35s cubic-bezier(.2,1.2,.3,1)}
.header-action:hover .header-arrow{transform:rotate(45deg)}
.hero-content{padding-top:54px}
.hero-lead{margin-top:30px}
.hero-lead p{max-width:340px}
.hero-small-note{margin-top:19px}
.audience-switcher{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px 13px;margin-top:27px;max-width:490px}
.audience-prefix{font-size:9px;letter-spacing:.12em;font-weight:900;color:#847d73}
.audience-options{display:flex;gap:5px;align-items:center}
.audience-option{border:1px solid #d4ccc0;background:transparent;color:#5f574f;border-radius:40px;padding:9px 13px;font-size:11px;font-weight:900;white-space:nowrap;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.audience-option span{margin-left:9px;transition:transform .2s;display:inline-block}
.audience-option:hover span{transform:translate(2px,-2px)}
.audience-option.selected{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 5px 12px #27211b1d}
.audience-description{grid-column:1 / -1;font-size:12px;font-weight:600;line-height:1.45;color:var(--gray);margin-top:2px}
.audience-path{grid-column:1/-1;justify-self:start;font-size:11px;font-weight:900;color:var(--ink);border-bottom:1px solid #b8afa1;padding-bottom:5px;transition:color .25s}
.audience-path:hover{color:var(--coral)}
.audience-path span{margin-left:13px}
.collage{--sx:0px;--sy:0px}
.collage-card{transition:transform .68s cubic-bezier(.18,.83,.2,1),box-shadow .32s,filter .3s}
.collage-card:hover{box-shadow:0 29px 46px #40332d40,0 3px 6px #40332d19}
.collage-lilac{transform:translate3d(var(--sx),var(--sy),0) rotate(-20deg);transition:transform .4s ease}
.collage-lime-ring{transform:translate3d(calc(var(--sx) * -.65),calc(var(--sy) * -.65),0) rotate(-27deg) skew(-8deg);transition:transform .5s ease}
.collage-coral-disc{transform:translate3d(var(--sx),var(--sy),0);transition:transform .45s ease}
.collage-star-top{translate:var(--sx) var(--sy);transition:translate .5s ease}
.collage-star-bottom{translate:calc(var(--sx) * -.7) calc(var(--sy) * -.7);transition:translate .5s ease}
.sticker{transition:transform .5s,opacity .4s,scale .4s}
.collage[data-active="creator"] .portrait-card{z-index:11;transform:translate(-21px,21px) rotate(3deg) scale(1.055)}
.collage[data-active="creator"] .product-card{transform:translate(12px,-6px) rotate(-9deg)}
.collage[data-active="creator"] .content-card{transform:translate(-9px,-15px) rotate(-5deg)}
.collage[data-active="brand"] .product-card{z-index:11;transform:translate(42px,-15px) rotate(-4deg) scale(1.055)}
.collage[data-active="brand"] .portrait-card{transform:translate(-9px,12px) rotate(7deg)}
.collage[data-active="brand"] .content-card{transform:translate(6px,-9px) rotate(-6deg)}
.collage[data-active="result"] .content-card{z-index:11;transform:translate(-10px,-37px) rotate(1deg) scale(1.065)}
.collage[data-active="result"] .portrait-card{transform:translate(-25px,15px) rotate(6deg)}
.collage[data-active="result"] .product-card{transform:translate(24px,0) rotate(-6deg)}
.collage.is-matched .draw-path{stroke-dashoffset:0;opacity:1}
.collage.is-matched .connection-point{opacity:1}
.collage.is-matched .sticker-purple{opacity:0;scale:.85;pointer-events:none}
.collage-story{position:absolute;left:4%;bottom:12%;z-index:13;width:220px;min-height:122px;transform:translate3d(-15px,12px,0) rotate(-3deg);opacity:0;visibility:hidden;transition:opacity .3s,transform .42s cubic-bezier(.2,1.3,.4,1),visibility .3s;pointer-events:none;background:#fffdf7;border:1px solid #24201d;padding:17px 17px 15px;box-shadow:7px 8px 0 var(--ink);display:flex;flex-direction:column;gap:7px}
.story-overline{font-size:9px;letter-spacing:.12em;font-weight:900;color:#866cc5}
.story-body{font-size:10px;line-height:1.55;color:#655d56;max-width:165px}
.collage-story strong{font-family:Manrope,sans-serif;font-size:16px;line-height:1.12;letter-spacing:-.055em;max-width:180px}
.story-arrow{position:absolute;right:13px;bottom:12px;font-size:21px;color:var(--coral)}
.collage.is-matched .collage-story{opacity:1;visibility:visible;transform:translate3d(0,0,0) rotate(-3deg)}
.collage-match{top:19%;left:48%;z-index:12;padding:8px 12px;box-shadow:3px 4px 0 var(--ink);font-size:10px}
.collage.is-matched .collage-match{opacity:1;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}
.collage-cursor{position:absolute;z-index:30;pointer-events:none;top:0;left:0;opacity:0;transform:translate(-50%,-50%) scale(.6);border-radius:50%;background:#24201d;color:var(--lime);width:73px;height:73px;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.03em;box-shadow:0 8px 20px #221c1b2c;transition:opacity .2s,transform .3s}
.collage.cursor-present .collage-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}
.collage .collab-target:hover{cursor:none}
.tape{transition:transform .4s}
.collage.is-matched .tape{transform:rotate(-9deg) translate(3px,-5px)}
.opp-kicker>span:last-child,.circle-arrow,.text-link span,.closing-button span:last-child{transition:transform .3s}
.opportunity:hover .opp-kicker>span:last-child{transform:rotate(45deg)}
.opportunity:hover .paid-photo{transform:rotate(-5deg) translateY(-8px)}
.opportunity:hover .gift-poster{transform:rotate(5deg) translateY(-6px)}
.opportunity:hover .discount-tag{transform:rotate(-6deg) translateY(-8px)}
.paid-photo,.gift-poster,.discount-tag{transition:transform .55s cubic-bezier(.2,.9,.2,1)}
.opportunity:hover .paid-asterisk{animation:asterisk-bloom .8s ease}
.opportunity:hover .gift-heart{transform:rotate(18deg) scale(1.13)}
.gift-heart{transition:transform .4s}
.identity-photo,.identity-paper{transition:transform .65s cubic-bezier(.2,.85,.2,1)}
.identity:hover .identity-photo-back{transform:rotate(-18deg) translate(-9px,-8px)}
.identity:hover .identity-photo-front{transform:rotate(14deg) translate(12px,0)}
.identity:hover .identity-paper{transform:rotate(3deg) translateY(-8px)}
.audience-image{transition:transform .65s cubic-bezier(.2,.85,.2,1)}
.audience-creator:hover .audience-image{transform:rotate(-6deg) scale(1.045)}
.audience-brand:hover .audience-image{transform:rotate(6deg) scale(1.045)}
.ticker:hover .ticker-track{animation-play-state:paused}
.reveal-ready{opacity:.72;transform:translate3d(0,32px,0);transition:opacity .78s ease,transform .95s cubic-bezier(.2,.85,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-revealed{opacity:1;transform:translate3d(0,0,0)}
.page-ready .hero-content h1>span{animation:headline-appear .8s backwards cubic-bezier(.2,.8,.2,1)}
.page-ready .hero-content h1>span:nth-child(2){animation-delay:.08s}
.page-ready .hero-content h1>span:nth-child(3){animation-delay:.16s}
.page-ready .hero-content h1>span:nth-child(4){animation-delay:.24s}
.page-ready .collage-card{animation:photograph-enter 1s backwards cubic-bezier(.2,.85,.2,1)}
.page-ready .collage-card.portrait-card{animation-delay:.17s}
.page-ready .collage-card.product-card{animation-delay:.28s}
.page-ready .collage-card.content-card{animation-delay:.38s}
@keyframes headline-appear{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes photograph-enter{from{opacity:.2;scale:.87;translate:0 55px}to{opacity:1;scale:1;translate:0 0}}
@keyframes asterisk-bloom{50%{scale:1.13;rotate:10deg}}
@media(max-width:1240px){
  .hero-content{padding-top:52px}
  .hero-lead{margin-top:26px}
  .hero-small-note{margin-top:14px}
  .audience-switcher{margin-top:19px}
}
@media(max-width:940px){
  .hero-content{padding-top:52px}
  .audience-switcher{max-width:470px}
  .collage{margin-top:10px}
}
@media(max-width:680px){
  .hero-content{padding-top:35px}
  .hero-lead{margin-top:23px}
  .audience-switcher{margin-top:23px;grid-template-columns:1fr;gap:8px}
  .audience-prefix{font-size:9px}
  .audience-options{gap:8px}
  .audience-option{font-size:11px;padding:9px 14px}
  .audience-description{font-size:11px}
  .audience-path{font-size:11px}
  .hero-small-note{margin-top:18px}
  .collage{margin-top:14px}
  .collage-story{left:2%;bottom:13%;width:154px;min-height:102px;padding:11px 12px;gap:4px;box-shadow:4px 5px 0 var(--ink)}
  .collage-story strong{font-size:12px}
  .story-overline{font-size:7px}
  .story-body{font-size:8px;max-width:125px}
  .story-arrow{right:7px;bottom:6px;font-size:14px}
  .collage-match{font-size:7px;padding:7px 9px;left:53%;top:13%}
  .collage-match .match-icon{font-size:12px}
  .collage-cursor{display:none}
  .collage[data-active="creator"] .portrait-card{transform:translate(-9px,10px) rotate(3deg) scale(1.04)}
  .collage[data-active="brand"] .product-card{transform:translate(18px,-7px) rotate(-4deg) scale(1.04)}
  .collage[data-active="result"] .content-card{transform:translate(-5px,-14px) rotate(1deg) scale(1.04)}
  .opportunity:hover .paid-photo,.opportunity:hover .gift-poster,.opportunity:hover .discount-tag{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .collage-cursor{display:none}
  .reveal-ready{opacity:1;transform:none}
}

/* Reserve the action's footprint so copy never runs underneath the arrow. */
.audience-bottom p { max-width: min(340px, calc(100% - 78px)); }
@media (min-width: 681px) and (max-width: 940px) {
  .audience-image { height: 44%; }
}
@media (max-width: 320px) { body { min-width: 0; } }

/* The headline stays readable without JS and retains its original structure. */
#heroHeading { pointer-events: auto; width: max-content; max-width: 100%; }
#heroHeading > span { transition: transform .7s cubic-bezier(.2,.8,.2,1); }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #heroHeading .headline-last em {
    background: linear-gradient(110deg,#e14f38 0%,#fc694f 24%,#d75067 46%,#9e507b 64%,#c14d35 82%,#f17643 100%);
    background-size: 250% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .25px #a73d36;
    animation: headline-warm 9s ease-in-out infinite alternate;
  }
  @keyframes headline-warm { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #heroHeading:hover > span:nth-child(1) { transform: translateX(8px); }
  #heroHeading:hover > span:nth-child(2) { transform: translateX(16px); }
  #heroHeading:hover > span:nth-child(3) { transform: translateX(8px); }
  #heroHeading:hover > .headline-last { transform: translateX(12px) rotate(-1deg); }
  #heroHeading:hover .headline-spark { rotate: 45deg; transition: rotate .7s ease; }
}
@media (prefers-reduced-motion:reduce) {
  #heroHeading .headline-last em {
    background: none; -webkit-text-fill-color: currentColor; -webkit-text-stroke: 0;
  }
}

/* One opening composition: the existing interactive collage sits behind the headline. */
.hero-grid { display:block; min-height:665px; }
.hero-grid > .collage { position:absolute; top:0; right:0; width:61%; margin:0; z-index:1; }
.hero-content { z-index:2; }
#heroHeading { position:relative; isolation:isolate; }
#heroHeading::before { content:""; position:absolute; z-index:-1; inset:-.12em -.12em;
  background:linear-gradient(90deg,rgba(247,243,234,.97) 0%,rgba(247,243,234,.87) 68%,rgba(247,243,234,0) 100%);
  pointer-events:none; }
.collage-lilac, .collage-coral-disc { translate:0 var(--story-drift,0px); }
.collage-lime-ring, .product-card { translate:0 var(--story-drift-reverse,0px); }
.portrait-card, .content-card { translate:0 var(--story-drift,0px); }
@media (max-width:940px) {
  .hero-grid { min-height:0; }
  .hero-grid > .collage { top:0; right:-9%; width:82%; height:clamp(350px,92vw,580px); opacity:.78; }
  .hero-content { padding-top:42px; }
  .hero-lead { margin-top:clamp(125px,38vw,260px); }
}
@media (max-width:680px) {
  .hero-grid > .collage { top:0; right:-16%; width:98%; height:clamp(310px,95vw,450px); }
  .hero-content { padding-top:34px; }
  .hero-lead { margin-top:clamp(95px,31vw,165px); }
}
@media (prefers-reduced-motion:reduce) {
  .collage-lilac, .collage-coral-disc, .collage-lime-ring,
  .portrait-card, .product-card, .content-card { translate:none!important; }
}
@media (max-width:680px) {
  .hero-grid > .collage { right:-4%; width:90%; }
  .hero-lead { margin-top:clamp(170px,50vw,260px); }
}

/* Full viewport chapters: the next scene enters only when the visitor scrolls. */
html { overflow-anchor:none; scroll-behavior:auto; }
.site { overflow:clip; }
.opening-stage { position:relative; }
.hero { width:100%; min-height:100dvh; padding:24px 56px 0; margin:0; background:var(--paper); }
.hero-grid { min-height:calc(100dvh - 120px); }
.hero-content { height:100%; padding-top:clamp(24px,6dvh,75px); display:flex; flex-direction:column; }
.hero-lead { margin-top:auto; padding:34px 0; max-width:380px; }
.hero-lead p { max-width:none; font-size:17px; line-height:1.6; }
.hero-grid > .collage { height:min(80dvh,760px); }
.hero-bottomline { padding:17px 0; font-size:9px; }
.hero .ticker { margin-inline:-56px; padding:12px 0; }
.hero .ticker-track { font-size:34px; }
.collage-lines .draw-path { opacity:var(--connection-progress,0); stroke-dashoffset:calc(500 * (1 - var(--connection-progress,0))); transition:none; }
.collage-lines .connection-point { opacity:var(--connection-progress,0); }
.collage.is-matched .draw-path,.collage.is-matched .connection-point { opacity:1; stroke-dashoffset:0; }

.how-story { background:#e5dcf3; position:relative; min-height:100dvh; }
.how-stage { width:100%; padding:45px 56px 25px; display:grid; grid-template-columns:40% 60%; align-items:center; position:relative; }
.how-heading { grid-column:1; grid-row:1; align-self:end; position:relative; z-index:3; }
.how-heading h2 { font-size:clamp(36px,4.2vw,68px); font-weight:800; line-height:1.02; letter-spacing:-.075em; }
.how-heading h2 em { font-family:Georgia,serif; font-weight:400; color:#99422f; letter-spacing:-.06em; white-space:nowrap; }
.how-heading .section-index { margin-bottom:22px; display:block; }
.creative-universe { grid-column:2; grid-row:1 / 3; height:72dvh; width:100%; position:relative; perspective:1000px; perspective-origin:50% 45%; }
.universe-aura { position:absolute; inset:6% 2%; background:#c7b4e8; border-radius:50%; }
.universe-aura::after { content:"✳"; font-size:clamp(160px,28vw,480px); color:#e2fa80; position:absolute; inset:0; display:grid; place-items:center; opacity:.75; }
.universe-ring { position:absolute; inset:0 5%; border:1px dashed #8e74b4; border-radius:50%; transform:rotateX(68deg); }
.universe-ground { position:absolute; width:26%; height:4%; bottom:1%; left:37%; border-radius:50%; background:#75609450; filter:blur(9px); }
.orbit-world { position:absolute; inset:0; transform-style:preserve-3d; transform:rotateX(-5deg); }
.orbit-person,.orbit-item { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); backface-visibility:visible; pointer-events:none; }
.orbit-person { width:46%; height:100%; }
.orbit-person svg,.orbit-item svg { display:block; width:100%; height:100%; overflow:hidden; }
.orbit-item { width:25%; aspect-ratio:1; }
.orbit-shoe { aspect-ratio:460 / 317; }
.orbit-headphones { width:24%; aspect-ratio:430 / 335; }
.orbit-pizza { width:27%; aspect-ratio:445 / 247; }
.orbit-perfume { width:15%; aspect-ratio:195 / 184; }
.orbit-jacket { width:28%; aspect-ratio:556 / 405; }
.orbit-bag { width:25%; aspect-ratio:425 / 274; }
.orbit-sunglasses { width:25%; aspect-ratio:550 / 274; }
/* The no-JS composition also uses the true alpha cutouts. */
.orbit-shoe { transform:translate(-185%,-175%) rotate(-15deg); }
.orbit-headphones { transform:translate(75%,-170%) rotate(12deg); }
.orbit-pizza { transform:translate(-180%,-40%) rotate(-12deg); }
.orbit-perfume { transform:translate(170%,-25%) rotate(8deg); }
.orbit-jacket { transform:translate(60%,35%) rotate(12deg); }
.orbit-bag { transform:translate(-165%,80%) rotate(-8deg); }
.orbit-sunglasses { transform:translate(35%,205%) rotate(9deg); }
.universe-note { position:absolute; top:0; left:15%; rotate:-6deg; font-size:8px; font-weight:800; letter-spacing:.13em; }
.universe-stamp { position:absolute; right:0; bottom:7%; rotate:10deg; font-weight:900; font-size:10px; line-height:.95; letter-spacing:-.03em; }
.universe-stamp b { display:block; font-size:35px; color:#b5442e; font-weight:400; margin-top:7px; }
.how-beats { grid-column:1; grid-row:2; align-self:start; list-style:none; padding:0; margin:30px 0; }
.how-beats li { margin-bottom:28px; }
.beat-number { display:block; font-size:10px; letter-spacing:.12em; font-weight:800; color:#93402f; margin-bottom:15px; }
.how-beats h3 { font-size:clamp(27px,3vw,43px); line-height:1; letter-spacing:-.06em; }
.how-beats h3 em { font-family:Georgia,serif; font-weight:400; }
.how-beats p { margin-top:17px; max-width:300px; font-size:14px; line-height:1.55; color:#51465d; }
.how-progress { grid-column:1 / -1; display:none; align-items:center; gap:18px; padding-top:18px; border-top:1px solid #a28cb9; font-size:8px; font-weight:800; letter-spacing:.1em; }
.how-progress-track { flex:1; height:2px; background:#bda8d4; }
.how-progress-track i { display:block; height:100%; background:#93402f; transform-origin:left; transform:scaleX(var(--how-progress,0)); }

.is-cinematic { height:340dvh; }
.is-cinematic .opening-stage { position:sticky; top:0; height:100dvh; overflow:clip; }
.is-cinematic .hero,.is-cinematic .how-story { position:absolute; inset:0; width:100%; height:100%; min-height:0; }
.is-cinematic .hero { display:grid; grid-template-rows:minmax(0,1fr) auto auto; transform-origin:50% 35%; transform:translateY(calc(var(--chapter-transition,0) * -20%)) scale(calc(1 - var(--chapter-transition,0) * .07)); }
.is-cinematic .hero-grid { min-height:0; height:100%; }
.is-cinematic .hero-content { min-height:0; }
.is-cinematic .how-story { transform:translateY(calc((1 - var(--chapter-transition,0)) * 100%)); }
.is-cinematic .how-stage { height:100%; grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto; }
.is-cinematic .creative-universe { height:100%; min-height:0; }
.is-cinematic .how-beats { position:relative; min-height:165px; margin:30px 0 15px; }
.is-cinematic .how-beats li { position:absolute; inset:0; margin:0; opacity:0; translate:0 12px; pointer-events:none; }
.is-cinematic .how-beats li.is-current { opacity:1; translate:0 0; transition:opacity .2s,translate .3s; }
.is-cinematic .how-progress { display:flex; }

/* The following chapters retain their artwork and each occupy a full screen. */
.for-everyone { width:100%; padding:0; }
.audience-grid { display:block; }
.audience { min-height:100dvh; border-radius:0; padding:56px; }
.audience .audience-image { height:65dvh; width:42%; right:9%; top:10dvh; }
.audience .audience-bottom { bottom:12dvh; left:56px; right:56px; }
.audience-bottom h3 { font-size:clamp(48px,6vw,85px); }
.audience-bottom p { max-width:340px; }
.audience .circle-arrow { right:0; }
.closing-inner { min-height:100dvh; display:flex; flex-direction:column; justify-content:center; padding-block:60px; }
@media(min-width:941px) {
  .orbit-world { transform:rotateX(-5deg) scale(.9); }
  .universe-ground { bottom:7%; }
}

@media(max-width:940px) {
  .hero { padding:22px 25px 0; }
  .hero .ticker { margin-inline:-25px; }
  .hero-grid > .collage { top:2dvh; right:-4%; width:92%; height:65dvh; opacity:.88; }
  .hero-content { padding-top:24px; }
  .hero-lead { max-width:360px; }
  .hero-lead p { font-size:15px; }
  .how-stage { padding:24px 25px 20px; grid-template-columns:1fr; }
  .how-heading { grid-column:1; grid-row:1; align-self:start; }
  .how-heading .section-index { margin-bottom:12px; font-size:9px; }
  .how-heading h2 { font-size:clamp(32px,7vw,49px); }
  .creative-universe { grid-column:1; grid-row:2; height:56dvh; }
  .how-beats { grid-row:3; margin:18px 0; }
  .how-beats h3 { font-size:29px; }
  .how-beats p { font-size:13px; margin-top:10px; max-width:none; }
  .how-progress { grid-row:4; padding-top:13px; gap:12px; font-size:7px; }
  .is-cinematic .how-stage { grid-template-rows:auto minmax(0,1fr) auto auto; gap:10px; }
  .is-cinematic .how-beats { min-height:126px; margin:0 0 4px; }
  .universe-note { font-size:6px; top:4%; }
  .universe-stamp { font-size:8px; bottom:5%; }
  .universe-stamp b { font-size:28px; }
  .audience { padding:30px 25px; }
  .audience .audience-image { height:50dvh; width:58%; right:12%; top:9dvh; }
  .audience .audience-bottom { bottom:8dvh; left:25px; right:25px; }
}
@media(max-width:680px) {
  .hero { padding:20px 19px 0; }
  .hero-content { padding-top:22px; }
  .hero .ticker { margin-inline:-19px; padding:10px 0; }
  .hero .ticker-track { font-size:27px; }
  .hero-lead { padding:20px 0 28px; margin-top:auto; }
  .hero-lead p { max-width:320px; font-size:15px; }
  .hero-bottomline { font-size:7px; gap:20px; }
  .how-stage { padding-inline:19px; }
  .universe-stamp { right:2%; }
}
@media(prefers-reduced-motion:reduce) {
  .collage-lines .draw-path,.collage-lines .connection-point { opacity:1; stroke-dashoffset:0; }
  .orbit-world { transform:none; }
}

/* Creator / Brand / closing share the same full-screen narrative stage. */
.story-panel { min-height:100dvh; width:100%; position:relative; }
.creator-chapter { background:#e2f38e; }
.brand-chapter { background:var(--paper); }
.scene-layout { position:relative; width:100%; min-height:100dvh; padding:45px 56px 25px;
  display:grid; grid-template-columns:40% 60%; grid-template-rows:1fr 1fr auto; align-items:center; }
.scene-heading { grid-column:1; grid-row:1; align-self:end; z-index:2; }
.scene-heading .section-index { display:block; margin-bottom:22px; }
.scene-heading h2 { font-size:clamp(36px,4.2vw,68px); line-height:1.02; letter-spacing:-.075em; font-weight:800; }
.scene-heading h2 em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.06em; color:#b34c34; white-space:nowrap; }
.scene-graphic { position:relative; grid-column:2; grid-row:1 / 3; height:72dvh; width:100%; min-width:0; }
.scene-graphic > svg { display:block; width:100%; height:100%; overflow:visible; }
.creator-leaf { transform-box:view-box; transform-origin:188px 430px; }
.scene-copy { grid-column:1; grid-row:2; align-self:start; margin:35px 0; position:relative; z-index:2; }
.scene-copy p { max-width:340px; font-size:17px; line-height:1.6; }
.scene-progress { grid-column:1 / -1; display:flex; align-items:center; gap:20px;
  border-top:1px solid #a1a779; padding-top:17px; font-size:8px; font-weight:800; letter-spacing:.12em; }
.scene-progress>div { height:2px; background:#a1a77950; flex:1; }
.scene-progress i { display:block; height:100%; background:#b34c34; transform-origin:left; transform:scaleX(var(--scene-progress,1)); }
.perfume-bridge { display:none; position:absolute; left:0; top:0; z-index:12; pointer-events:none; aspect-ratio:1; opacity:0; }
.perfume-bridge img { width:100%; height:100%; object-fit:contain; }
.is-cinematic { height:665dvh; }
.is-cinematic .story-panel,.is-cinematic .closing-chapter { position:absolute; inset:0; height:100%; min-height:0; }
.is-cinematic .hero { z-index:1; }
.is-cinematic .how-story { z-index:2; transform:translateY(calc((1 - var(--chapter-transition,0)) * 100% - var(--creator-entry,0) * 12%)); }
.is-cinematic .creator-chapter { z-index:3; transform:translate3d(calc(var(--brand-entry,0) * -28%),calc((1 - var(--creator-entry,0)) * 100%),0) scale(calc(1 + var(--brand-entry,0) * .09)); opacity:calc(1 - var(--brand-entry,0)); }
.is-cinematic .creator-chapter .scene-heading,
.is-cinematic .creator-chapter .scene-copy,
.is-cinematic .creator-chapter .scene-progress { opacity:calc(1 - var(--brand-entry,0) * 4); translate:0 calc(var(--brand-entry,0) * -12px); }
.is-cinematic .creator-chapter .scene-graphic { opacity:calc(1 - var(--brand-entry,0) * 1.7); }
.is-cinematic .brand-chapter { z-index:4; transform:translateX(calc((1 - var(--brand-entry,0)) * 18%)) scale(calc(1 - var(--closing-entry,0) * .035)); opacity:var(--brand-entry,0); }
.is-cinematic .brand-chapter .scene-heading,
.is-cinematic .brand-chapter .scene-copy,
.is-cinematic .brand-chapter .scene-progress { opacity:calc((var(--brand-entry,0) - .65) * 3); }
.is-cinematic .closing-chapter { z-index:5; transform:translateY(calc((1 - var(--closing-entry,0)) * 100%)); }
.is-cinematic .closing-giant { rotate:calc(-20deg + var(--closing-entry,0) * 20deg); }
.is-cinematic .scene-layout { height:100%; min-height:0; grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto; }
.is-cinematic .scene-graphic { height:100%; min-height:0; }
.is-cinematic .perfume-bridge { display:block; }
.is-cinematic .closing-inner { min-height:100%; height:100%; }
@media(max-width:940px) {
  .scene-layout { padding:24px 25px 20px; grid-template-columns:1fr; grid-template-rows:auto 1fr auto auto; gap:12px; }
  .scene-heading { grid-column:1; grid-row:1; align-self:start; }
  .scene-heading .section-index { font-size:9px; margin-bottom:12px; }
  .scene-heading h2 { font-size:clamp(31px,10.25vw,44px); }
  .scene-graphic { grid-column:1; grid-row:2; height:58dvh; }
  .scene-copy { grid-row:3; margin:0; }
  .scene-copy p { font-size:14px; line-height:1.55; max-width:370px; }
  .scene-progress { grid-row:4; padding-top:14px; gap:14px; font-size:7px; margin-top:8px; }
  .is-cinematic .scene-layout { grid-template-rows:auto minmax(0,1fr) auto auto; }
}
@media(max-width:680px) { .scene-layout { padding-inline:19px; } }
@media(prefers-reduced-motion:reduce) { .creator-leaf { transform:none!important; } }
.opening-story { position:relative; }
.chapter-anchor { display:block; height:0; width:0; pointer-events:none; }
.is-cinematic > .chapter-anchor { position:absolute; left:0; }

/* F2 editorial motion: oversized type, paper-tape account links and starlight. */
.hero-account-links { display:flex; align-items:center; gap:8px; width:max-content; max-width:100%; margin-top:auto; position:relative; z-index:16; pointer-events:auto; }
.hero-account-links a { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:46px; padding:11px 17px; font-weight:800; font-size:14px; letter-spacing:-.035em; transition:transform .25s,box-shadow .25s; }
.account-login { background:var(--paper); border:1px solid var(--ink); border-radius:30px; transform:rotate(-4deg); }
.account-register { background:var(--ink); color:var(--paper); border-radius:5px; transform:rotate(4deg); box-shadow:4px 4px 0 var(--coral); }
.hero-account-links a:hover,.hero-account-links a:focus-visible { transform:rotate(0deg) translateY(-4px); box-shadow:4px 6px 0 var(--coral); }
.hero-account-links+.hero-lead { margin-top:0; padding-top:22px; }
@media(prefers-reduced-motion:no-preference) {
  .page-ready .hero-account-links { animation:account-arrival .85s .35s both cubic-bezier(.16,1,.3,1); }
  @keyframes account-arrival { from { opacity:0; translate:0 25px; rotate:-5deg; } to { opacity:1; translate:0 0; rotate:0deg; } }
}
.hero .ticker { position:relative; z-index:18; rotate:-3deg; translate:0 -26px; width:calc(100% + 150px); margin-left:-75px; margin-right:-75px; transform-origin:center; }
.hero-bottomline { border:0; padding-bottom:52px; }
.how-heading h2,.scene-heading h2 { font-family:Arial,"Helvetica Neue",sans-serif; font-size:clamp(48px,5.4vw,86px); line-height:.95; font-weight:900; letter-spacing:-.08em; }
.how-heading h2 em,.scene-heading h2 em { letter-spacing:-.065em; }
.type-line { display:block; position:relative; }
.type-line>span { display:block; transform-origin:left center; }
.how-heading,.scene-heading { perspective:850px; }
.how-beats h3 { font-size:clamp(33px,3.7vw,53px); line-height:.98; letter-spacing:-.065em; }
.is-cinematic .how-beats li,.is-cinematic .how-beats li.is-current { translate:none; transition:none; transform-origin:10% 55%; }
.is-cinematic .how-beats { margin-top:35px; }
.closing-glitter { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.closing-glitter i { position:absolute; display:block; width:var(--glitter-size); height:var(--glitter-size); background:#fff9df; opacity:.3; animation:glitter-twinkle var(--glitter-duration) var(--glitter-delay) ease-in-out infinite; animation-play-state:paused; }
.glitter-star { clip-path:polygon(50% 0,59% 39%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 39%); }
.glitter-dust { border-radius:50%; box-shadow:0 0 5px #fff5c7; }
.glitter-active .closing-glitter i { animation-play-state:running; }
@keyframes glitter-twinkle { 0%,40%,100% { opacity:.12; transform:scale(.4) rotate(0deg); } 65% { opacity:.9; transform:scale(1.15) rotate(45deg); } 80% { opacity:.28; transform:scale(.7) rotate(70deg); } }
.closing-fine a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:940px) {
  .how-heading h2,.scene-heading h2 { font-size:clamp(32px,11.5vw,60px); }
  .how-heading .section-index,.scene-heading .section-index { margin-bottom:15px; }
  .how-beats h3 { font-size:clamp(29px,8.2vw,40px); }
  .is-cinematic .how-beats { margin-top:0; }
  .hero .ticker { rotate:-4deg; translate:0 -24px; width:calc(100% + 90px); margin-inline:-45px; }
  .hero-bottomline { padding-bottom:42px; }
  .hero-account-links a { font-size:13px; min-height:44px; padding:10px 15px; gap:22px; }
  .hero-account-links+.hero-lead { padding-top:18px; padding-bottom:18px; }
}
@media(max-width:380px) {
  .how-heading h2,.scene-heading h2 { font-size:11.1vw; }
  .how-beats h3 { font-size:28px; }
  .how-stage,.scene-layout { padding-top:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .closing-glitter i { animation:none; opacity:.4; }
  .hero-account-links a { transition:none; }
  .type-line>span { transform:none!important; opacity:1!important; }
}
@media(min-width:941px) {
  .hero .ticker { translate:0 -51px; }
  .hero-scroll { display:none; }
}
@media(max-width:940px) {
  .hero .ticker { translate:0 -32px; }
  .closing h2 { font-size:clamp(56px,14vw,82px); }
}
@media(max-width:380px) {
  .hero-scroll { display:none; }
  .hero-bottomline>span:first-child { white-space:nowrap; }
}

/* F2 ambient art direction — autonomous opening, scroll-driven chapter color. */
.hero { isolation:isolate; overflow:clip; }
.hero-wash { position:absolute; inset:-15%; z-index:0; pointer-events:none;
  background:linear-gradient(125deg,#fff2df 12%,#ddd0f6 87%); background-size:180% 180%;
  animation:opening-wash 18s ease-in-out infinite alternate; }
.hero-grid,.hero-bottomline { position:relative; z-index:1; }
@keyframes opening-wash { from { background-position:0% 25%; transform:translate(-2%,-2%) rotate(-3deg); } to { background-position:100% 80%; transform:translate(2%,2%) rotate(3deg); } }
#heroHeading::before { inset:-.2em -.18em; background:linear-gradient(90deg,#faf0e8c9 0%,#faf0e87a 66%,transparent 100%); filter:blur(13px); }
#heroHeading .headline-ink { display:inline-block; color:#542c47; }
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  #heroHeading .headline-ink { background:linear-gradient(110deg,#211b2b 0%,#81305e 28%,#b53f26 51%,#44316e 77%,#211b2b 100%); background-size:300% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:headline-ink-flow 11s ease-in-out infinite alternate; }
  #heroHeading .headline-last em { animation-duration:8s; }
}
@keyframes headline-ink-flow { from { background-position:0% 50%; } to { background-position:100% 50%; } }
#heroHeading .headline-spark { animation:headline-spark-turn 16s linear infinite; }
@keyframes headline-spark-turn { to { rotate:180deg; } }
.collage-drift { position:absolute; inset:0; pointer-events:none; transform-origin:50% 48%; }
.collage-drift>.collage-card { pointer-events:auto; }
.drift-portrait { z-index:5; animation:portrait-drift 8.8s ease-in-out infinite; }
.drift-product { z-index:4; animation:product-drift 10.6s -3s ease-in-out infinite; }
.drift-content { z-index:6; animation:content-drift 9.8s -4.4s ease-in-out infinite; }
.collage[data-active=creator] .drift-portrait,.collage[data-active=brand] .drift-product,.collage[data-active=result] .drift-content { z-index:11; }
@keyframes portrait-drift { 0%,100% { transform:translate3d(0,-5px,0) rotate(-.8deg); } 50% { transform:translate3d(-5px,8px,0) rotate(1deg); } }
@keyframes product-drift { 0%,100% { transform:translate3d(-3px,5px,0) rotate(.9deg); } 50% { transform:translate3d(5px,-8px,0) rotate(-1.1deg); } }
@keyframes content-drift { 0%,100% { transform:translate3d(4px,-5px,0) rotate(.8deg); } 50% { transform:translate3d(-3px,9px,0) rotate(-.8deg); } }
.collage-lilac { animation:collage-shape-breathe 13s -2s ease-in-out infinite; }
.collage-lime-ring { animation:collage-shape-breathe 16s -7s ease-in-out infinite reverse; }
.collage-coral-disc { animation:collage-disc-breathe 10s -4s ease-in-out infinite; }
@keyframes collage-shape-breathe { 0%,100% { scale:.98; rotate:-2deg; } 50% { scale:1.025; rotate:3deg; } }
@keyframes collage-disc-breathe { 0%,100% { scale:.94; } 50% { scale:1.06; } }

/* A stable tap target, with motion inside the label/icon and a soft light pass. */
.hero-account-links { gap:11px; }
.hero-account-links a { isolation:isolate; position:relative; overflow:hidden; gap:20px; min-height:51px; padding:7px 8px 7px 19px; border-radius:999px; font-size:14px; letter-spacing:-.025em; transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s,border-color .35s; }
.hero-account-links .account-login { background:#fff9f0e6; border:1px solid #40312f; transform:rotate(-2deg); box-shadow:0 4px 10px #40312f0a,inset 0 1px 0 #fff; }
.hero-account-links .account-register { background:#24201f; border:1px solid #24201f; transform:rotate(2deg); box-shadow:3px 4px 0 #ef8064; }
.account-label { position:relative; z-index:2; }
.hero-account-links .account-icon { display:grid; place-items:center; flex-shrink:0; width:35px; height:35px; border-radius:50%; font-size:inherit; color:var(--ink); background:#ded2f5; position:relative; z-index:2; rotate:0deg; transition:background .3s,transform .4s; }
.account-icon svg { width:21px; height:21px; }
.account-login .account-icon svg { animation:account-arrow-breathe 3.8s ease-in-out infinite; }
.hero-account-links .account-register .account-icon { background:#e5fa97; color:#24201f; }
.account-register .account-icon svg { animation:account-star-turn 13s linear infinite; }
.hero-account-links .account-link-sheen { position:absolute; pointer-events:none; width:45%; height:180%; top:-40%; left:-70%; z-index:1; background:linear-gradient(100deg,transparent,#ffffff3b,transparent); rotate:-20deg; animation:account-sheen 7.2s 1s ease-in-out infinite; }
.account-login .account-link-sheen { animation-delay:3.4s; background:linear-gradient(100deg,transparent,#fff9,transparent); }
.hero-account-links a::after { content:""; position:absolute; inset:1px; border:1px solid #ffffff20; border-radius:inherit; pointer-events:none; }
.hero-account-links a:hover,.hero-account-links a:focus-visible { transform:translateY(-3px) rotate(0deg); box-shadow:3px 7px 0 #ef8064; }
.hero-account-links a:hover .account-icon,.hero-account-links a:focus-visible .account-icon { background:#e5fa97; transform:rotate(12deg); }
.hero-account-links a:active { transform:translateY(1px) scale(.97); box-shadow:1px 2px 0 #ef8064; }
@keyframes account-arrow-breathe { 0%,45%,100% { transform:translate(0,0); } 62% { transform:translate(2px,-2px); } 78% { transform:translate(-1px,1px); } }
@keyframes account-star-turn { to { transform:rotate(360deg); } }
@keyframes account-sheen { 0%,25% { left:-70%; opacity:0; } 32% { opacity:1; } 55%,100% { left:145%; opacity:0; } }

.how-story { --scene-color-a:#e5dcf6; --scene-color-b:#c5d8ef; }
.creator-chapter { --scene-color-a:#e3f392; --scene-color-b:#ffefd0; }
.brand-chapter { --scene-color-a:#f8f2e6; --scene-color-b:#d1e7e2; }
.how-stage,.creator-chapter .scene-layout,.brand-chapter .scene-layout {
  background:linear-gradient(var(--scene-angle,125deg),var(--scene-color-a) 4%,var(--scene-color-b) 96%);
  background-size:135% 135%; background-position:var(--scene-position,15%) 50%; }

/* More luminous glitter: layered four-point stars, small facets and fine dust. */
.closing { background:#f5735d; }
.closing-glitter::before { content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse at 8% 20%,#fff0c536,transparent 43%),radial-gradient(ellipse at 91% 76%,#ffd7e335,transparent 40%); }
.closing-glitter i { opacity:.4; background:#fffbed; box-shadow:0 0 6px #fff5d8a6;
  animation:glitter-sparkle var(--glitter-duration) var(--glitter-delay) ease-in-out infinite; animation-play-state:paused; }
.closing-glitter .glitter-star { background:none; box-shadow:none; clip-path:none; }
.glitter-star::before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,#fff,#fff1c2 55%,#fff);
  clip-path:polygon(50% 0,58% 39%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 39%); }
.glitter-star::after { content:""; position:absolute; inset:42%; border-radius:50%; background:#fff; box-shadow:0 0 8px 3px #fff8df9c; }
.glitter-gem { border-radius:1px; background:linear-gradient(135deg,#fff,#ffe6ac)!important; }
@keyframes glitter-sparkle { 0%,100% { opacity:.24; transform:translateY(4px) scale(.6) rotate(-8deg); } 35% { opacity:.53; transform:translateY(-2px) scale(.83) rotate(0deg); } 60% { opacity:1; transform:translateY(-6px) scale(1.12) rotate(13deg); } 78% { opacity:.38; transform:translateY(-9px) scale(.72) rotate(25deg); } }
#openingStory .hero .ambient-motion { animation-play-state:paused; }
#openingStory .hero.ambient-active .ambient-motion { animation-play-state:running; }
@media(max-width:680px) {
  .hero-account-links a { font-size:13px; min-height:48px; gap:16px; padding:6px 7px 6px 16px; }
  .hero-account-links .account-icon { width:33px; height:33px; }
  .account-icon svg { width:19px; height:19px; }
}
@media(prefers-reduced-motion:reduce) {
  #heroHeading .headline-ink { background:none; -webkit-text-fill-color:var(--ink); }
  #heroHeading .headline-last em { background:none; -webkit-text-fill-color:var(--coral); }
  .collage-drift { transform:none; }
  .hero-account-links a { transition:none; }
  .closing-glitter i { opacity:.48; transform:none; }
}
#openingStory .collage:has(.collab-target:hover) .collage-drift,
#openingStory .collage:has(.collab-target:focus-visible) .collage-drift { animation-play-state:paused; }

/* Give italic overhangs and gradient ink their full paint area without moving the lines. */
#heroHeading .headline-ink { padding:.08em .14em .12em; margin:-.08em -.14em -.12em; }
#heroHeading .headline-last em { padding:.18em .15em .3em; margin:-.18em -.15em -.3em; }
.hero-account-links .account-login,.hero-account-links .account-register { transform:none; }
@keyframes account-arrival { from { opacity:0; translate:0 25px; } to { opacity:1; translate:0 0; } }