@import url("assets/fonts/google-fonts.css");
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#050405;color:white}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d9b6ff;outline-offset:5px}.hero{position:relative;min-height:720px;height:100svh;overflow:hidden;isolation:isolate;background:#050405}header{position:absolute;top:4.5%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:20}.brand{display:flex;align-items:center;color:white;text-decoration:none;font:600 22px 'Barlow Condensed',sans-serif;letter-spacing:-.8px}.bar,.nav i{display:block;background:linear-gradient(90deg,transparent,#eee);width:25px;height:15px;margin-right:4px}.sound{display:flex;align-items:center;gap:4px;background:none;border:0;height:30px;padding:5px}.sound span{width:2px;background:#aaa;height:8px;animation:equalize 2s ease-in-out infinite}.sound span:nth-child(2){height:17px;animation-delay:-.4s}.sound span:nth-child(3){height:12px;animation-delay:-.8s}.glow{position:absolute;inset:0;background:radial-gradient(ellipse 36% 62% at 50% 51%,#c3a6fc 0%,#7046bf 26%,#2f1d62 55%,#110c20 78%,transparent 100%);z-index:-3}.headline{position:absolute;inset:17% 0 auto;margin:0;text-align:center;z-index:-1;font:500 clamp(100px,10.1vw,190px)/.93 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.025em;color:#cbb6ff;mask-image:linear-gradient(90deg,transparent 20%,#000 40%,#000 60%,transparent 80%)}.headline span{display:block;white-space:nowrap}.headline span:nth-child(2){margin-top:6.7%;color:#e8ddff;font-size:.9em}.headline span:nth-child(3){margin-top:3%;font-size:1.02em}.gallery{position:absolute;inset:0;pointer-events:none}.card-wrap{position:absolute;left:calc(50% + (var(--i) - 3)*16vw - 7.65vw);top:calc(50% - 19.5vh + var(--offset)*12vh);width:15.3vw;max-width:310px;aspect-ratio:184/270;pointer-events:auto;animation:enter 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.09s);will-change:translate;translate:calc(var(--px,0px)*var(--depth)) calc(var(--py,0px)*var(--depth))}.card{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background:var(--color);box-shadow:0 16px 45px #0003;animation:float 7s ease-in-out infinite;animation-delay:calc(var(--i)*-.9s);transition:transform .35s,box-shadow .35s;transform:rotate(var(--tilt,0deg));border:1px solid #ffffff20}.card:hover{transform:translateY(-14px) rotate(var(--tilt,0deg)) scale(1.035);box-shadow:0 25px 60px #0007;z-index:8}.art{position:absolute;inset:0;overflow:hidden}.art img{position:absolute;width:652.174%;max-width:none;left:var(--left);top:var(--top);height:auto;clip-path:inset(0);pointer-events:none}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#0005)}.open-card{position:absolute;inset:0;background:none;border:none;z-index:1}.chip,.favorite{position:absolute;top:10px;border:0;background:#ffffff26;backdrop-filter:blur(15px);z-index:3;display:flex;align-items:center;justify-content:center}.chip{left:10px;border-radius:20px;padding:6px 10px;gap:7px;font-size:12px;min-width:64px;height:29px}.chip svg{width:12px;height:12px}.favorite{right:10px;width:32px;height:32px;border-radius:50%}.favorite svg{width:16px;height:16px;fill:none;stroke:white;stroke-width:1.7}.favorite[aria-pressed=true] svg{fill:white}.creator{position:absolute;bottom:10px;left:10px;right:24%;background:#15151550;backdrop-filter:blur(14px);border-radius:40px;padding:7px;display:flex;gap:8px;align-items:center;pointer-events:none;z-index:2;min-width:128px}.avatar{width:29px;height:29px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;background:#d4b2aa}.avatar img{width:120px;position:absolute;left:-45px;top:-22px}.creator strong{display:block;font-size:12px;font-weight:600;white-space:nowrap}.creator small{display:block;font-size:9px;margin-top:1px}.nav{position:absolute;display:flex;align-items:center;border:none;background:none;padding:8px;font:500 14px 'Barlow Condensed',sans-serif;z-index:15}.nav i{width:24px;height:9px}.nav:hover{color:#cba6ff}.shopping{top:22%;left:16%}.video{right:12%;top:28%}.watch{bottom:7%;left:22%}.entertainment{right:10%;bottom:4%}footer{position:absolute;bottom:7.2%;left:50%;transform:translateX(-50%);text-align:center}footer p{font:500 13px/1.15 'Barlow Condensed',sans-serif;margin:0}.swipe{display:none}.orbs{position:absolute;top:2%;right:2%;width:36vw;height:30vw;z-index:10;pointer-events:none;translate:calc(var(--px,0px)*-1.4) calc(var(--py,0px)*-1.4)}.orbs i{position:absolute;border-radius:50%;border:2px solid #e7e7e77a;box-shadow:inset 4px 6px 7px #fff7,inset -4px -4px 8px #fff3,0 0 2px #fff8;background:radial-gradient(ellipse at 30% 10%,#ffffff1c 0%,transparent 38%),linear-gradient(150deg,#ffffff19,transparent 40%,#0002 65%,#ffffff25);animation:drift 9s ease-in-out infinite}.orbs i:before{content:'';position:absolute;inset:7% 14% 64% 12%;border-top:3px solid #eee9;border-radius:50%;transform:rotate(-28deg);filter:blur(1px)}.orbs i:nth-child(1){width:25%;height:30%;top:0;left:54%}.orbs i:nth-child(2){width:34%;height:40%;top:13%;left:65%;animation-delay:-2s}.orbs i:nth-child(3){width:34%;height:40%;top:19%;left:24%;animation-delay:-4s}.orbs i:nth-child(4){width:31%;height:37%;top:37%;left:45%;animation-delay:-6s}.orbs i:nth-child(5){width:20%;height:24%;top:26%;left:0;animation-delay:-3s}.orbs i:nth-child(6){width:25%;height:30%;top:73%;left:46%;animation-delay:-5s}dialog{padding:0;width:min(720px,90vw);max-height:90svh;border:1px solid #ffffff30;border-radius:24px;background:#100b18;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080510cc;backdrop-filter:blur(18px)}dialog[open]{display:flex;animation:enter .45s both}.close{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border:1px solid #fff5;border-radius:50%;background:#0008;font-size:24px}.detail-art{width:50%;aspect-ratio:184/270;position:relative;overflow:hidden;flex-shrink:0}.detail-art .art{inset:0}.detail-info{padding:60px 30px;align-self:center}.eyebrow{font-size:12px;letter-spacing:.15em;color:#b795e1}.detail-info h2{font:500 48px/1 'Barlow Condensed',sans-serif;margin:15px 0}.detail-info p{font-size:14px;line-height:1.6;color:#bbafcb}.detail-save{border:1px solid #bea0dc;background:#bea0dc;color:#180d24;padding:12px 20px;border-radius:30px;margin-top:20px}.toast{position:fixed;bottom:24px;left:50%;translate:-50% 20px;background:#e1d0f5;color:#211430;padding:12px 22px;border-radius:30px;font-size:14px;opacity:0;transition:.25s;pointer-events:none;z-index:30}.toast.show{opacity:1;translate:-50% 0}.paused *{animation-play-state:paused!important}@keyframes float{50%{translate:0 -10px}}@keyframes drift{50%{translate:5px -12px;rotate:5deg}}@keyframes equalize{50%{scale:1 .5}}@keyframes enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.card-wrap{left:calc(50% + (var(--i) - 3)*16vw - 155px)}}@media(max-width:800px){.hero{min-height:760px;max-height:1100px}.headline{top:19%;font-size:16vw;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.headline span:nth-child(2){margin-top:18%}.headline span:nth-child(3){margin-top:15%;font-size:12vw}.glow{background:radial-gradient(ellipse 90% 55% at 50% 50%,#9b70dc,#4a2a86 36%,#170d2a 67%,transparent 100%)}.gallery{inset:29% 0 auto;height:390px;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:40px calc(50% - 106px) 30px;pointer-events:auto;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.card-wrap{position:relative;left:auto;top:auto;width:212px;min-width:212px;max-width:none;align-self:flex-start;translate:none;scroll-snap-align:center}.card-wrap:nth-child(even){margin-top:35px}.card{border-radius:23px}.orbs{width:58vw;height:50vw;right:-8%;top:6%}.nav{font-size:13px}.shopping{left:5%;top:15%}.video{right:7%;top:24%}.watch{bottom:12%;left:5%}.entertainment{bottom:12%;right:5%}footer{bottom:4.5%;width:70%}footer p{font-size:13px}.swipe{display:block;font-size:10px;letter-spacing:.18em;color:#8c7a9f;margin-top:16px}header{top:4%;left:6%;right:6%}dialog[open]{display:block;width:min(400px,90vw)}.detail-art{width:100%;max-height:45svh}.detail-info{padding:25px}.detail-info h2{font-size:36px}.detail-save{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-wrap,.orbs{translate:none!important}}
/* Scroll-led continuation: edit panel content in index.html. */
html{scroll-behavior:smooth}.scroll-story{position:relative;padding:110px 4vw 0;background:radial-gradient(ellipse 60% 22% at 50% 23%,#1fe87566,transparent 80%),#050405}.story-intro{max-width:1200px;margin:0 auto 90px}.story-intro .eyebrow{color:#b5df9a}.story-intro h2{font-size:clamp(36px,5.5vw,82px);font-weight:500;letter-spacing:-.055em;line-height:1.07;margin:24px 0}.green-dot{color:#69eea1}.story-intro p{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#818c83}.panel-stack{position:relative;max-width:1350px;margin:auto;padding-bottom:10vh}.story-panel{position:sticky;top:calc(7vh + var(--panel)*22px);height:72vh;min-height:540px;max-height:860px;margin-bottom:32vh;border:1.5px solid #b5e880;border-radius:34px;background:#050605;box-shadow:0 -5px 25px #87fa6420,0 30px 90px #000b;overflow:hidden;transform-origin:center top;transform:scale(var(--panel-scale,1));will-change:transform}.story-panel:last-child{margin-bottom:0}.panel-top{position:absolute;left:4%;right:4%;top:25px;display:flex;justify-content:space-between;z-index:2;font-size:12px;letter-spacing:.08em}.panel-top span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:600}.panel-top span:last-child{color:#859380;align-self:center}.story-panel h3{position:relative;z-index:1;font-weight:500;letter-spacing:-.055em;text-align:center;font-size:clamp(44px,5.5vw,82px);line-height:1.08;margin:0}.story-panel h3 span{color:#818681}.industry h3{padding-top:14vh}.industry h3 span{color:#f3fff0}.story-portrait{position:absolute;width:25%;height:74%;top:17%;border-radius:27px;overflow:hidden}.portrait-left{left:3%;rotate:-8deg;background:#fc704b}.portrait-right{right:3%;rotate:8deg;background:#b04e33}.story-portrait .art{scale:1.28}.panel-caption{position:absolute;bottom:25px;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:.15em;color:#a2b29b}.community h3{padding-top:15vh;font-size:clamp(45px,5.8vw,88px)}.accent-line{color:#fff!important;position:relative}.accent-line:after{content:'';position:absolute;left:20%;right:20%;height:5px;background:#61ed97;bottom:-8px;border-radius:50%;rotate:-4deg}.portrait-column{position:absolute;top:17%;height:68%;width:18%;display:flex;flex-direction:column;align-items:center}.column-left{left:7%}.column-right{right:7%}.portrait-column>div{position:relative;width:min(12vw,170px);aspect-ratio:1;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:-10px;background:#83bd96;translate:0 var(--portrait-shift,0px)}.portrait-column .art{scale:1.4;transform:translateY(15%)}.discover h3{padding-top:11vh;font-size:clamp(38px,5.1vw,78px)}.discover-button{display:block;position:relative;z-index:3;margin:25px auto 0;padding:15px 24px;border-radius:30px;border:1px solid #b9dc92;color:#dcffc6;background:linear-gradient(135deg,#27562e,#071d0e);transition:transform .25s,background .25s}.discover-button:hover{transform:translateY(-4px);background:#245c35}.creator-marquee{position:absolute;top:58%;left:-10%;width:120%;display:flex;justify-content:space-around;gap:40px;white-space:nowrap;font-size:12px;letter-spacing:.1em;color:#788772;translate:var(--marquee-shift,0px) 0}.portrait-strip{display:flex;gap:18px;position:absolute;bottom:-9%;left:-3%;width:106%;height:38%;translate:var(--strip-shift,0px) 0}.portrait-strip>div{position:relative;flex:1;min-width:0;border-radius:24px;overflow:hidden;background:#335947}.portrait-strip .art{scale:1.35;transform:translateY(12%)}.story-outro{max-width:1350px;padding:55px 0 35px;margin:auto}.story-outro a{display:flex;justify-content:space-between;align-items:center;color:#c4dab9;text-decoration:none;font:600 22px 'Barlow Condensed',sans-serif}.story-outro span{font:400 12px 'DM Sans',sans-serif;letter-spacing:.12em}@media(max-width:800px){.scroll-story{padding:75px 16px 0;background:radial-gradient(ellipse 95% 22% at 50% 22%,#1fe87550,transparent 80%),#050405}.story-intro{margin-bottom:55px}.story-intro h2{font-size:45px}.story-panel{top:calc(35px + var(--panel)*14px);height:660px;min-height:0;max-height:82svh;margin-bottom:28vh;border-radius:24px}.panel-top{top:18px;left:20px;right:20px}.panel-top span:last-child{font-size:10px;letter-spacing:.04em}.industry h3{padding-top:85px;font-size:48px}.story-portrait{top:48%;height:43%;width:43%;border-radius:20px}.portrait-left{left:4%}.portrait-right{right:4%}.panel-caption{bottom:17px;font-size:10px}.community h3{padding-top:90px;font-size:43px}.portrait-column{top:56%;width:42%;height:38%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px}.column-left{left:3%}.column-right{right:3%}.portrait-column>div{width:82px;margin-top:-14px}.discover h3{padding:90px 18px 0;font-size:39px}.discover-button{margin-top:22px;font-size:14px}.creator-marquee{top:59%;gap:25px;font-size:10px}.portrait-strip{height:30%;bottom:0;left:-35%;width:170%;gap:12px}.portrait-strip>div{border-radius:18px}.story-outro{padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-panel{transform:none!important}.portrait-column>div,.creator-marquee,.portrait-strip{translate:none!important}}
.portrait-image{position:absolute;max-width:none;height:auto;pointer-events:none}
/* Oversized editorial typography and independently cropped inline imagery. */
.editorial{background:#1b1c1a;color:#ededeb;padding:32px 4vw 28px;overflow:hidden}.editorial-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:52px;font-family:'Anton','Barlow Condensed',sans-serif}.editorial-brand{font-size:34px;color:inherit;text-decoration:none;letter-spacing:-.04em}.editorial-nav nav{display:flex;gap:28px;align-items:center}.editorial-nav button{border:0;background:none;padding:0;font-family:inherit;font-size:clamp(18px,2.5vw,38px);letter-spacing:-.03em;transition:color .2s}.editorial-nav button:hover{color:#ddca54}.editorial-nav .editorial-highlight{color:#ddca54}.editorial-heading{font-family:'Anton','Barlow Condensed',Impact,sans-serif;font-weight:400;font-size:clamp(70px,10.4vw,190px);line-height:1;letter-spacing:-.025em;margin:0;display:grid;gap:18px}.editorial-row{display:grid;gap:1.5vw;align-items:stretch;min-width:0;height:1em}.row-one{grid-template-columns:15fr 45fr 16fr 19fr}.row-two{grid-template-columns:34fr 26fr 36fr}.row-three{grid-template-columns:1fr}.row-four{grid-template-columns:23fr 16fr 37fr 19fr}.type-word{display:block;position:relative;min-width:0;white-space:nowrap}.word-ink{display:block;width:max-content;transform:scaleX(var(--word-scale,1));transform-origin:left center;white-space:pre;line-height:1.04}.editorial-image{position:relative;display:block;overflow:hidden;background:#a7b5a5;margin-top:.025em;margin-bottom:.015em}.editorial-image img{position:absolute;max-width:none;height:auto;transition:filter .3s;filter:saturate(.92)}.editorial-image:hover img{filter:saturate(1.2)}.editorial-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;font-size:10px;letter-spacing:.12em;color:#a2a49d}.editorial-bottom a{color:#ddca54;text-decoration:none}.editorial-row{opacity:0;translate:0 24px;transition:opacity .7s,translate .7s}.editorial-row.in-view{opacity:1;translate:0 0}.editorial-row:nth-child(2){transition-delay:.08s}.editorial-row:nth-child(3){transition-delay:.16s}.editorial-row:nth-child(4){transition-delay:.24s}@media(max-width:800px){.editorial{padding:25px 16px}.editorial-nav{margin-bottom:38px;align-items:flex-start}.editorial-brand{font-size:28px}.editorial-nav nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:260px}.editorial-nav button{font-size:16px}.editorial-heading{font-size:12vw;gap:14px}.editorial-row{gap:8px}.row-one{grid-template-columns:16fr 45fr 16fr 20fr}.row-two{grid-template-columns:33fr 27fr 36fr}.row-four{grid-template-columns:23fr 16fr 37fr 19fr}.editorial-bottom{font-size:9px;letter-spacing:.06em;margin-top:28px}.editorial-bottom>span{max-width:60%}}@media(prefers-reduced-motion:reduce){.editorial-row{opacity:1;translate:none}}
/* Community cards are editable text, image windows, and orange ribbons. */
.community-feed{background:#000;padding:110px 6vw 120px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1150px;margin:0 auto}.community-card{position:relative;display:flex;flex-direction:column;min-width:0;aspect-ratio:201/306;background:#e6e6e4;border-radius:32px;isolation:isolate;transition:transform .35s;box-shadow:0 18px 60px #0005}.community-card:hover{transform:translateY(-8px) rotate(-1deg)}.community-card:nth-child(2):hover{rotate:1deg}.community-card h2{color:#080808;font-size:clamp(22px,2.6vw,35px);line-height:1.01;letter-spacing:-.055em;padding:28px 26px 0;margin:0;font-weight:700;position:relative;z-index:2}.community-card p{color:#080808;font-size:clamp(13px,1.1vw,16px);font-weight:500;line-height:1.14;padding:27px 26px 18px;margin:0;position:relative;z-index:2}.community-media{position:relative;overflow:hidden;flex:1;border-radius:26px 26px 32px 32px;margin-top:6px;min-height:0}.community-media img{position:absolute;max-width:none;height:auto;pointer-events:none}.nostalgia-card .community-media{margin-top:-6px;border-radius:0 0 32px 32px}.horses-card p{min-height:35%}.mushrooms-card p{min-height:21%}.community-ribbon{position:absolute;left:0;bottom:0;z-index:3;border-radius:40px;background:#ff4c08;color:#070707;font-size:clamp(25px,3vw,42px);font-weight:700;line-height:1;letter-spacing:-.055em;padding:12px 23px 14px;white-space:nowrap}.community-ribbon:before{content:'';position:absolute;bottom:0;left:0;transform:translateX(-1px);width:17px;height:14px;background:#ff4c08;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:-1}.community-card{opacity:0;translate:0 30px;transition:opacity .6s,translate .6s,transform .35s}.community-card.revealed{opacity:1;translate:0 0}.community-card:nth-child(2){transition-delay:.08s}.community-card:nth-child(3){transition-delay:.16s}@media(max-width:800px){.community-feed{padding:70px 22px 80px}.community-grid{gap:18px;grid-template-columns:1fr;max-width:365px}.community-card{border-radius:30px;aspect-ratio:201/306}.community-card h2{font-size:35px;padding:28px 26px 0}.community-card p{font-size:16px;line-height:1.17;padding:28px 26px 18px}.community-ribbon{font-size:39px;padding:12px 23px 14px}}@media(min-width:600px) and (max-width:800px){.community-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:15px}.community-card h2{font-size:22px;padding:18px 15px 0}.community-card p{font-size:12px;padding:18px 15px 12px}.community-ribbon{font-size:24px;padding:10px 14px}.community-card{border-radius:23px}}@media(prefers-reduced-motion:reduce){.community-card{opacity:1;translate:none}.community-card:hover{transform:none;rotate:none}}
/* Orange culture poster: live typography over a clipped photographic collage. */
.pop-archive{position:relative;isolation:isolate;background:#ff5100;min-height:660px;height:min(65vw,950px);overflow:hidden;color:#000}.archive-burst{position:absolute;inset:-7% 11% -9% 13%;display:grid;grid-template-columns:repeat(3,1fr);clip-path:polygon(9% 0,22% 0,47% 30%,56% 0,66% 0,73% 30%,99% 20%,87% 47%,100% 62%,80% 72%,97% 100%,72% 91%,65% 100%,46% 91%,20% 100%,33% 72%,0 61%,27% 48%);background:#070707;translate:0 var(--archive-shift,0px);will-change:translate}.archive-burst>div{position:relative;overflow:hidden;filter:grayscale(1) contrast(1.25) brightness(.78)}.archive-burst>div:nth-child(1){rotate:-13deg;scale:1.2}.archive-burst>div:nth-child(2){rotate:10deg;scale:1.12}.archive-burst>div:nth-child(3){rotate:-9deg;scale:1.17}.archive-burst .portrait-image{filter:grayscale(1)}.archive-serif{position:absolute;left:6.3%;top:23%;z-index:3;font:400 clamp(29px,3.65vw,58px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0}.pop-archive h2{position:absolute;left:21%;top:29%;z-index:2;color:#d0e8d5;font:700 clamp(80px,12.9vw,205px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;margin:0;white-space:nowrap}.pop-archive h2>span{display:block}.pop-archive h2>span:last-child{margin-top:.1em;margin-left:5%}.archive-star-letter{position:relative;display:inline-block;color:transparent;width:.61em}.archive-star-letter svg{position:absolute;width:1em;height:1em;left:-.17em;top:.03em;overflow:visible;rotate:-8deg;transition:rotate .6s}.archive-star-letter svg path{fill:none;stroke:#d0e8d5;stroke-width:3}.pop-archive:hover .archive-star-letter svg{rotate:12deg}.archive-caption{position:absolute;left:73%;top:54%;z-index:4;color:#d0e8d5;font:600 clamp(20px,2.15vw,32px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-.03em;margin:0}.archive-number{position:absolute;bottom:25px;left:6.3%;font-size:10px;letter-spacing:.12em;color:#211208}.pop-archive h2{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.pop-archive.archive-visible h2{opacity:1;transform:none}@media(max-width:800px){.pop-archive{height:850px;min-height:0;max-height:1050px}.archive-burst{inset:7% -30% 4% -20%;clip-path:polygon(8% 0,27% 0,45% 23%,55% 0,64% 0,69% 28%,100% 17%,84% 43%,100% 62%,77% 72%,95% 100%,69% 88%,59% 100%,43% 89%,17% 100%,31% 72%,0 60%,25% 44%)}.archive-serif{top:9%;left:6%;font-size:29px;line-height:.98}.pop-archive h2{left:6%;top:44%;font-size:15vw;line-height:.93;letter-spacing:-.01em}.pop-archive h2>span:last-child{font-size:1.24em;margin-left:0;margin-top:.13em}.archive-caption{left:auto;right:7%;top:72%;font-size:24px}.archive-number{left:6%;bottom:23px;font-size:9px}.archive-burst>div:nth-child(1){scale:1.2}.archive-burst>div:nth-child(3){scale:1.3}}@media(prefers-reduced-motion:reduce){.archive-burst{translate:none!important}.pop-archive h2{opacity:1;transform:none}.archive-star-letter svg{rotate:none!important}}
@media(min-width:801px){.pop-archive h2{font-size:clamp(95px,15.5vw,250px)}}
/* Shared display typography. Supporting text retains its readable sans/serif roles. */
@font-face{font-family:'Prolinea';src:url('assets/Prolinea-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root{--display-font:'Prolinea','Barlow Condensed',Impact,sans-serif}
.headline,.story-intro h2,.story-panel h3,.editorial-heading,.pop-archive h2,.community-card h2,.detail-info h2{font-family:var(--display-font);font-weight:900;letter-spacing:-.015em}
.headline{font-size:clamp(88px,9.2vw,174px);line-height:.97}
.headline span:nth-child(3){font-size:.92em}
.story-intro h2{font-size:clamp(36px,5vw,74px);line-height:1.04;max-width:1150px}
.story-panel h3{font-size:clamp(42px,5vw,76px);line-height:1.04}
.community h3{font-size:clamp(42px,5.3vw,80px)}
.discover h3{font-size:clamp(38px,4.6vw,70px)}
.editorial-heading{line-height:1;letter-spacing:0}
.word-ink{line-height:1.04}
.pop-archive h2{line-height:.97;letter-spacing:-.02em}
.community-card h2{font-size:clamp(22px,2.3vw,32px);line-height:1.05;letter-spacing:-.015em}
.detail-info h2{font-size:42px;line-height:1.06}
@media(min-width:801px){.pop-archive h2{font-size:clamp(80px,11.5vw,190px)}}
@media(max-width:800px){.headline{font-size:14vw}.headline span:nth-child(3){font-size:11vw}.story-intro h2{font-size:40px}.industry h3{font-size:43px}.community h3{font-size:38px}.discover h3{font-size:35px}.pop-archive h2{font-size:11.7vw}.pop-archive h2>span:last-child{font-size:1.24em}.community-card h2{font-size:31px}.detail-info h2{font-size:34px}}
@media(min-width:600px) and (max-width:800px){.community-card h2{font-size:20px}}
@media(min-width:801px){.pop-archive h2{font-size:clamp(76px,10.5vw,174px)}.archive-caption{top:68%;left:75%}}
.detail-info h2{overflow-wrap:anywhere;font-size:clamp(28px,3.1vw,40px)}
/* Project palette: every section uses exactly one two-color pairing. */
:root{--project-blue:#025ed6;--project-black:#020202;--project-yellow:#f6e31a;--project-red:#fd0215;--project-pink:#ff6aab;--project-white:#fff;background:var(--project-black)}
body{background:#020202}
/* Hero — black + pink. */
.hero{background:#020202;color:#ff6aab}.glow{background:radial-gradient(ellipse 36% 62% at 50% 51%,#ff6aab 0%,#ff6aab70 26%,#ff6aab25 55%,#ff6aab08 78%,transparent 100%)}
.hero .headline,.hero .headline span:nth-child(2),.hero .brand{color:#ff6aab}.hero .bar,.hero .nav i{background:linear-gradient(90deg,transparent,#ff6aab)}.hero .sound span{background:#ff6aab}.hero .nav:hover{color:#ff6aab;text-decoration:underline}.hero .card{background:#ff6aab;border-color:#ff6aab70;box-shadow:0 16px 45px #02020266}.hero .art{background:#ff6aab}.hero .art img{filter:grayscale(1);mix-blend-mode:multiply}.hero .art:after{background:linear-gradient(transparent 65%,#02020280)}.hero .chip,.hero .favorite{background:#020202aa;color:#ff6aab}.hero .favorite svg{stroke:#ff6aab}.hero .favorite[aria-pressed=true] svg{fill:#ff6aab}.hero .creator{background:#020202cc;color:#ff6aab}.hero .avatar{background:#ff6aab}.hero .avatar img{filter:grayscale(1);mix-blend-mode:multiply}.hero footer,.hero .swipe{color:#ff6aab}.hero .orbs i{border-color:#ff6aab80;box-shadow:inset 4px 6px 7px #ff6aab70,inset -4px -4px 8px #ff6aab30,0 0 2px #ff6aab80;background:radial-gradient(ellipse at 30% 10%,#ff6aab20,transparent 38%),linear-gradient(150deg,#ff6aab20,transparent 40%,#02020230 65%,#ff6aab30)}.hero .orbs i:before{border-color:#ff6aab90}
/* Stacked story — black + white. */
.scroll-story{background:radial-gradient(ellipse 60% 22% at 50% 23%,#ffffff28,transparent 80%),#020202;color:#fff}.story-intro .eyebrow,.story-intro p,.green-dot{color:#fff}.story-panel{background:#020202;border-color:#fff;box-shadow:0 -5px 25px #ffffff18,0 30px 90px #020202b0}.story-panel h3 span,.industry h3 span,.panel-top span:last-child,.panel-caption,.creator-marquee{color:#fff}.story-panel h3 span:not(.accent-line){opacity:.6}.accent-line:after{background:#fff}.story-portrait,.portrait-column>div,.portrait-strip>div{background:#020202}.scroll-story .portrait-image{filter:grayscale(1)}.discover-button{border-color:#fff;color:#fff;background:#020202}.discover-button:hover{background:#fff;color:#020202}.story-outro a{color:#fff}
/* Editorial — black + yellow. */
.editorial{background:#020202;color:#f6e31a}.editorial-nav button:hover,.editorial-nav .editorial-highlight,.editorial-bottom,.editorial-bottom a{color:#f6e31a}.editorial-image{background:#f6e31a}.editorial-image img,.editorial-image:hover img{filter:grayscale(1);mix-blend-mode:multiply}.editorial-highlight{text-decoration:underline;text-underline-offset:8px}
/* Community cards — blue + white. */
.community-feed{background:#025ed6}.community-card{background:#fff;box-shadow:0 18px 60px #025ed680}.community-card h2,.community-card p{color:#025ed6}.community-media{background:#025ed6}.community-media img{filter:grayscale(1);mix-blend-mode:screen}.community-ribbon,.community-ribbon:before{background:#025ed6;color:#fff}
/* Culture archive — red + black. */
.pop-archive{background:#fd0215;color:#020202}.archive-burst{background:#020202}.archive-burst>div{background:#fd0215;filter:none}.archive-burst .portrait-image{filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply}.pop-archive h2,.archive-caption,.archive-number{color:#020202}.archive-star-letter{color:transparent}.archive-star-letter svg path{stroke:#020202}.archive-caption{background:#fd0215;padding:8px 10px}.archive-serif{color:#020202}
/* Shared overlays — black + white. */
dialog{background:#020202;border-color:#fff;color:#fff}dialog::backdrop{background:#020202dd}.close{border-color:#fff;background:#020202;color:#fff}.detail-info .eyebrow,.detail-info p{color:#fff}.detail-save{border-color:#fff;background:#fff;color:#020202}.detail-art .art{background:#020202}.detail-art img{filter:grayscale(1)}.toast{background:#fff;color:#020202}button:focus-visible,a:focus-visible{outline-color:currentColor}
@media(max-width:800px){.hero .glow{background:radial-gradient(ellipse 90% 55% at 50% 50%,#ff6aab99,#ff6aab44 36%,#ff6aab12 67%,transparent 100%)}.scroll-story{background:radial-gradient(ellipse 95% 22% at 50% 22%,#ffffff22,transparent 80%),#020202}}
/* Agharti is the condensed display face; DM Sans handles supporting text. */
@font-face{font-family:'Agharti';src:url('assets/AghartiVF.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--display-font:'Agharti','Prolinea',Impact,sans-serif;font-family:'DM Sans',sans-serif}
.headline,.story-intro h2,.story-panel h3,.editorial-heading,.pop-archive h2,.community-card h2,.detail-info h2{font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 22;text-transform:uppercase;font-weight:900;letter-spacing:0}
.headline{font-size:clamp(110px,13vw,225px);line-height:.88}.headline span:nth-child(3){font-size:.95em}
.story-intro h2{font-size:clamp(48px,7vw,106px);line-height:.94}
.story-panel h3{font-size:clamp(62px,7vw,105px);line-height:.94}.community h3{font-size:clamp(64px,7.5vw,112px)}.discover h3{font-size:clamp(52px,6.5vw,96px)}
.editorial-heading{font-size:clamp(70px,11.4vw,205px);line-height:1}.word-ink{line-height:1.02}
.community-card h2{font-size:clamp(34px,3.5vw,48px);line-height:.94}
.pop-archive h2{line-height:.9}
.detail-info h2{font-size:clamp(40px,4vw,56px);line-height:.96}
.brand,.editorial-brand,.editorial-nav button{font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 22;text-transform:uppercase;font-weight:900}
.brand{font-size:26px;letter-spacing:0}.editorial-brand{font-size:43px}.editorial-nav button{font-size:clamp(22px,3vw,43px)}
.nav,footer p,.panel-top,.panel-top span:first-child,.panel-caption,.story-outro a,.story-outro span,.archive-serif,.archive-caption,.archive-number,.eyebrow,.creator,.chip,.community-ribbon,.editorial-bottom,.community-card p,.detail-info p,.detail-save,.discover-button,.toast{font-family:'DM Sans',sans-serif;font-variation-settings:normal}
.nav{font-size:12px;font-weight:500}footer p{font-size:11px;line-height:1.35}.panel-top span:first-child{font-size:15px}.story-outro a{font-size:18px}.archive-serif{font-size:clamp(25px,3.1vw,46px);line-height:1;letter-spacing:-.055em}.archive-caption{font-size:clamp(16px,1.6vw,24px);line-height:1.08;letter-spacing:-.025em}
@media(min-width:801px){.pop-archive h2{font-size:clamp(100px,16vw,245px)}}
@media(max-width:800px){.headline{font-size:19vw}.headline span:nth-child(3){font-size:14vw}.story-intro h2{font-size:58px}.industry h3{font-size:63px}.community h3{font-size:59px}.discover h3{font-size:52px}.community-card h2{font-size:48px}.pop-archive h2{font-size:17vw}.archive-serif{font-size:25px}.archive-caption{font-size:19px}.editorial-heading{font-size:13vw}.editorial-brand{font-size:32px}.editorial-nav button{font-size:19px}.detail-info h2{font-size:46px}.nav{font-size:10px}}
@media(min-width:600px) and (max-width:800px){.community-card h2{font-size:31px}}
/* Solid palette surfaces; original full-color photography. */
.hero,.scroll-story,.story-panel,.editorial{background:#020202}
.hero .glow{display:none}
.hero .bar,.hero .nav i{background:#ff6aab}
.hero .headline{mask-image:none;color:#ff6aab}
.hero .headline span:nth-child(2){color:#ff6aab}
.hero .card,.hero .avatar,.hero .art{background:#020202}
.hero .art img,.hero .avatar img,.scroll-story .portrait-image,.editorial-image img,.editorial-image:hover img,.community-media img,.archive-burst .portrait-image,.detail-art img{filter:none;mix-blend-mode:normal}
.hero .art:after{display:none}
.hero .chip,.hero .favorite,.hero .creator{background:#020202;color:#ff6aab;backdrop-filter:none}
.hero .card{box-shadow:none;border-color:#ff6aab}
.hero .card:hover{box-shadow:none}
.hero .orbs i{background:#020202;border:2px solid #ff6aab;box-shadow:none}
.hero .orbs i:before{display:none}
.story-panel{box-shadow:none}
.story-panel h3 span:not(.accent-line){opacity:1}
.discover-button{background:#020202}
.community-card{box-shadow:none}
.archive-burst>div,.archive-burst .portrait-image{filter:none;mix-blend-mode:normal}
dialog{box-shadow:none}
dialog::backdrop{background:#020202;backdrop-filter:none}
@media(max-width:800px){.scroll-story{background:#020202}.hero .glow{display:none}}
/* Three-color section themes, with varied solid backgrounds. */
/* Hero: blue, pink, white. */
.hero{background:#025ed6;color:#fff}.hero .headline,.hero .headline span:nth-child(2){color:#ff6aab}.hero .brand,.hero .nav,.hero footer,.hero .swipe{color:#fff}.hero .bar,.hero .nav i,.hero .sound span{background:#fff}.hero .nav:hover{color:#ff6aab}.hero .card{border-color:#fff;background:#025ed6}.hero .art,.hero .avatar{background:#025ed6}.hero .chip,.hero .favorite,.hero .creator{background:#025ed6;color:#fff}.hero .favorite svg{stroke:#fff}.hero .favorite[aria-pressed=true] svg{fill:#ff6aab;stroke:#ff6aab}.hero .orbs i{background:#025ed6;border-color:#ff6aab}
/* Stacked story: white, black, blue. */
.scroll-story{background:#fff;color:#020202}.story-intro .eyebrow,.story-intro p{color:#020202}.green-dot{color:#025ed6}.story-panel{background:#fff;border-color:#020202;color:#020202}.story-panel h3 span,.industry h3 span,.panel-top span:last-child,.panel-caption,.creator-marquee{color:#025ed6}.accent-line{color:#020202!important}.accent-line:after{background:#025ed6}.story-portrait,.portrait-column>div,.portrait-strip>div{background:#025ed6}.discover-button{background:#025ed6;border-color:#025ed6;color:#fff}.discover-button:hover{background:#020202;border-color:#020202;color:#fff}.story-outro a{color:#020202}
/* Editorial: yellow, black, red. */
.editorial{background:#f6e31a;color:#020202}.editorial-nav button:hover,.editorial-nav .editorial-highlight,.editorial-bottom a{color:#fd0215}.editorial-bottom{color:#020202}.editorial-image{background:#f6e31a}
/* Communities: pink, blue, white. */
.community-feed{background:#ff6aab}.community-card{background:#fff}.community-card h2,.community-card p{color:#025ed6}.community-ribbon,.community-ribbon:before{background:#025ed6;color:#fff}.community-media{background:#fff}
/* Archive: red, black, white. */
.pop-archive{background:#fd0215;color:#020202}.pop-archive h2{color:#fff}.archive-star-letter{color:transparent}.archive-star-letter svg path{stroke:#fff}.archive-caption{background:#fd0215;color:#fff}.archive-number,.archive-serif{color:#020202}
@media(max-width:800px){.scroll-story{background:#fff}}
/* Each sticky card has its own full solid-color surface. */
.story-panel.industry{background:#025ed6;color:#fff;border-color:#025ed6}
.industry h3 span,.industry .panel-top span:last-child,.industry .panel-caption{color:#fff}
.story-panel.community{background:#f6e31a;color:#020202;border-color:#020202}
.community h3 span,.community .panel-top span:last-child,.community .panel-caption{color:#020202}
.community .accent-line{color:#020202!important}.community .accent-line:after{background:#025ed6}
.story-panel.discover{background:#ff6aab;color:#020202;border-color:#020202}
.discover h3 span,.discover .panel-top span:last-child,.discover .creator-marquee{color:#020202}
.discover .discover-button{background:#025ed6;color:#ff6aab;border-color:#025ed6}
.discover .discover-button:hover{background:#020202;color:#ff6aab;border-color:#020202}
/* No white UI backgrounds; white remains a text color only. */
.scroll-story{background:#020202;color:#ff6aab}
.story-intro .eyebrow,.story-intro p,.story-outro a{color:#ff6aab}
.green-dot{color:#025ed6}
.community-card,.community-media{background:#f6e31a}
.community-card h2,.community-card p{color:#025ed6}
.community-ribbon,.community-ribbon:before{background:#025ed6;color:#f6e31a}
.detail-save{background:#025ed6;color:#fff;border-color:#025ed6}
.toast{background:#025ed6;color:#fff}
@media(max-width:800px){.scroll-story{background:#020202}}
/* Supplied Growth motifs: PNG alpha masks with solid section-palette fills. */
.hero:before,.story-panel:before,.editorial:before,.community-feed:before,.pop-archive:before{content:'';position:absolute;pointer-events:none;aspect-ratio:1;background:var(--motif-color);mask-image:var(--motif);mask-size:contain;mask-repeat:no-repeat;mask-position:center;translate:0 var(--motif-shift,0px)}
.hero:before{--motif:url('assets/shapes/rays-semi.webp');--motif-color:#ff6aab;width:70vw;right:-31vw;top:-35vw;z-index:-2;rotate:-12deg}.hero .orbs{display:none}
.story-panel:before{z-index:0;width:45%;right:-25%;bottom:-20%;--motif-color:#025ed6}
.industry:before{--motif:url('assets/shapes/diamonds-short.webp');--motif-color:#ff6aab;width:56%;right:-33%;bottom:-34%;rotate:18deg}
.community:before{--motif:url('assets/shapes/diamonds.webp');left:-24%;right:auto;bottom:-35%;width:50%;rotate:15deg}
.discover:before{--motif:url('assets/shapes/rays.webp');width:49%;right:-27%;top:-31%;bottom:auto;rotate:25deg}
.story-portrait,.portrait-column,.portrait-strip{z-index:1}
.editorial,.community-feed{position:relative;isolation:isolate;overflow:hidden}
.editorial:before{--motif:url('assets/shapes/diamonds-short.webp');--motif-color:#fd0215;width:32vw;left:-17vw;top:-15vw;z-index:0;rotate:14deg}
.editorial-nav,.editorial-heading,.editorial-bottom{position:relative;z-index:1}
.community-feed:before{--motif:url('assets/shapes/dots.webp');--motif-color:#025ed6;width:110vw;left:-8vw;top:-27vw;z-index:0;rotate:-10deg}
.community-grid{position:relative;z-index:1}
.pop-archive:before{--motif:url('assets/shapes/rays.webp');--motif-color:#020202;width:55vw;right:-36vw;top:-27vw;z-index:1;rotate:-18deg}
@media(max-width:800px){.hero:before{width:110vw;right:-65vw;top:-50vw}.story-panel:before{width:90%;right:-63%;bottom:-22%}.industry:before{width:100%;right:-68%;bottom:-22%}.community:before{width:100%;left:-70%;bottom:-25%}.discover:before{width:95%;right:-70%;top:-15%}.editorial:before{width:60vw;left:-38vw;top:-30vw}.community-feed:before{width:210vw;left:-55vw;top:10%;height:auto}.pop-archive:before{width:110vw;right:-80vw;top:-15vw}}
@media(prefers-reduced-motion:reduce){.hero:before,.story-panel:before,.editorial:before,.community-feed:before,.pop-archive:before{translate:none}}
@media(min-width:801px){.hero:before{right:-38vw}}
/* Oversized brand patterns extend across the canvases, beyond their edges. */
.hero:before{width:150vw;right:-35vw;top:-55vw;rotate:-12deg}
.story-panel:before{width:140%;right:-20%;bottom:-75%;rotate:12deg}
.industry:before{width:150%;right:-30%;bottom:-92%;rotate:18deg}
.community:before{width:155%;left:-28%;right:auto;bottom:-100%;rotate:15deg}
.discover:before{width:145%;right:-22%;top:-85%;bottom:auto;rotate:25deg}
.editorial:before{width:140vw;left:-45vw;top:-60vw;rotate:14deg}
.community-feed:before{width:180vw;left:-40vw;top:50%;transform:translateY(-50%);rotate:-10deg}
.pop-archive:before{width:160vw;right:-65vw;top:-65vw;rotate:-18deg}
/* Solid backing protects small text where the expanded patterns pass behind it. */
.hero .nav{background:#025ed6}.hero footer{background:#025ed6;padding:10px 15px}
.story-panel .panel-top{background:inherit;padding:8px 10px;border-radius:6px}
.industry h3{color:#fff}.community h3{background:#f6e31a;width:60%;margin:auto;padding-bottom:15px}.discover h3{background:#ff6aab;width:70%;margin:auto;padding-bottom:15px}
.editorial-nav,.editorial-bottom{background:#f6e31a}
@media(max-width:800px){.hero:before{width:260vw;right:-100vw;top:-90vw}.story-panel:before{width:210%;right:-55%;bottom:-40%}.industry:before{width:230%;right:-65%;bottom:-55%}.community:before{width:230%;left:-65%;bottom:-60%}.discover:before{width:240%;right:-70%;top:-55%;bottom:auto}.editorial:before{width:230vw;left:-85vw;top:-100vw}.community-feed:before{width:320vw;left:-110vw;top:50%}.pop-archive:before{width:270vw;right:-110vw;top:-100vw}.community h3,.discover h3{width:88%}}
.hero .headline,.hero .headline span:nth-child(2){color:#fff}
/* One brand mark, at the start of the page. */
.hero .brand{display:block;width:clamp(150px,20vw,260px);height:auto;line-height:0}
.growth-logo{display:block;width:100%;height:auto;max-height:95px;object-fit:contain;object-position:left center}
.editorial-nav{justify-content:flex-end}
.story-outro a{justify-content:flex-end}
@media(max-width:800px){.hero .brand{width:165px}.growth-logo{max-height:70px}.editorial-nav nav{max-width:none;width:100%;justify-content:space-between}}
/* Calmer composition: fewer competing patterns and more breathing room. */
.hero:before{width:135vw;right:-65vw;top:-80vw;rotate:-12deg}
.hero .headline{top:19%;font-size:clamp(100px,11.5vw,205px)}
.hero .card{border:0;border-radius:20px;animation-duration:12s}
.hero .card:hover{transform:translateY(-7px) scale(1.015)}
.hero .chip{background:#025ed6;font-size:11px;padding:5px 8px}
.hero .favorite{width:28px;height:28px}
.hero .creator{right:12px;border-radius:12px;padding:7px;min-width:0}
.hero .nav{background:none}
.hero footer{background:none;padding:0}
.hero .video{top:17%;right:7%}.hero .shopping{top:17%;left:7%}
.hero .watch{bottom:6%;left:7%}.hero .entertainment{bottom:6%;right:7%}
.scroll-story{padding-top:110px}.story-intro{margin-bottom:80px}
.story-panel:before{display:none}
.story-panel.industry:before{display:block;width:145%;right:-80%;bottom:-105%}
.story-panel .panel-top{background:none;padding:0}
.community h3,.discover h3{background:none;width:auto;padding-bottom:0}
.story-panel{border:0;border-radius:28px;margin-bottom:25vh}
.panel-caption{font-size:11px;letter-spacing:.09em}
.creator-marquee{display:none}
.editorial:before{display:none}
.editorial{padding-top:65px;padding-bottom:45px}
.editorial-nav{margin-bottom:45px}
.editorial-nav nav{gap:28px}
.editorial-nav button{font-family:'DM Sans',sans-serif;font-variation-settings:normal;font-size:12px;font-weight:600;letter-spacing:.08em;text-decoration:none}
.editorial-highlight{text-decoration:none}
.editorial-bottom{margin-top:38px}
.community-feed:before{display:none}
.community-feed{padding-top:100px;padding-bottom:100px}
.community-grid{gap:30px;max-width:1060px}
.community-card:hover{transform:translateY(-5px);rotate:0deg}
.community-ribbon{font-size:clamp(24px,2.6vw,36px);padding:12px 20px}
.pop-archive:before{display:none}
.pop-archive .archive-serif{font-size:clamp(23px,2.55vw,38px);top:19%;left:6%}
.pop-archive h2{left:27%;top:34%;font-size:clamp(100px,14vw,220px)}
.archive-caption{background:none;padding:0;top:76%;left:auto;right:8%;font-size:18px}
.archive-burst{inset:-7% 4% -9% 23%}
@media(max-width:800px){.hero:before{width:230vw;right:-160vw;top:-140vw}.hero .headline{top:20%;font-size:18vw}.hero .headline span:nth-child(3){font-size:13vw}.hero .shopping,.hero .video{top:15%}.hero .watch,.hero .entertainment{bottom:12%}.hero footer{bottom:4.5%}.scroll-story{padding-top:75px}.story-panel.industry:before{width:220%;right:-155%;bottom:-75%}.community h3,.discover h3{width:88%}.editorial{padding-top:36px;padding-bottom:30px}.editorial-nav nav{gap:15px;justify-content:space-between}.editorial-nav button{font-size:10px;letter-spacing:.02em}.community-feed{padding-top:65px;padding-bottom:65px}.community-grid{gap:25px}.community-ribbon{font-size:35px}.pop-archive h2{left:7%;top:45%;font-size:16vw}.pop-archive .archive-serif{top:9%;font-size:24px}.archive-caption{top:75%;right:7%;font-size:18px}.archive-burst{inset:7% -30% 4% -20%}}
/* Portrait-column hero. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.speaker-hero{height:100svh;min-height:700px;max-height:1100px;background:#025ed6;display:flex;flex-direction:column;overflow:hidden}
.speaker-hero:before{display:none}.speaker-hero .gallery{display:none!important}
.speaker-hero .speaker-header{position:relative;top:auto;left:auto;right:auto;height:105px;min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 3.5vw;background:#025ed6;color:#f6e31a}
.speaker-header .brand{width:220px}.speaker-header .growth-logo{visibility:hidden}.speaker-header .brand{background:#f6e31a;mask:url('assets/growth-logo-white.svg') center/contain no-repeat;aspect-ratio:1080/388.64}
.speaker-header-label{font-size:11px;font-weight:600;letter-spacing:.15em;margin-left:auto}.speaker-hero .sound span{background:#f6e31a}
.speaker-lineup{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1;min-height:0}
.speaker-column{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;background:var(--speaker-bg);color:var(--speaker-ink)}
.speaker-blue{--speaker-bg:#025ed6;--speaker-ink:#f6e31a}.speaker-yellow{--speaker-bg:#f6e31a;--speaker-ink:#025ed6}.speaker-pink{--speaker-bg:#ff6aab;--speaker-ink:#025ed6}
.speaker-name{margin:0;padding:27px 18px 24px;font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 28;font-weight:900;text-transform:uppercase;font-size:clamp(40px,4.1vw,76px);letter-spacing:0;line-height:.94;flex-shrink:0;z-index:2}
.speaker-photo{position:relative;flex:1;min-height:0;overflow:hidden}.speaker-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 30%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.speaker-column:hover .speaker-photo img{transform:scale(1.04)}
.speaker-column:nth-child(2) img{object-position:50% 25%}.speaker-column:nth-child(4) img{object-position:50% 20%}.speaker-column:nth-child(5) img{object-position:50% 30%}
.speaker-index{position:absolute;top:17px;right:12px;font-size:9px;letter-spacing:.05em;opacity:.8;z-index:3}
.speaker-bottom{height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;background:#025ed6;color:#f6e31a;font-size:10px;letter-spacing:.1em}.speaker-bottom a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.speaker-swipe{display:none}
@media(max-width:800px){.speaker-hero{min-height:660px;height:94svh;max-height:980px}.speaker-hero .speaker-header{height:90px;min-height:90px;padding:14px 20px}.speaker-header .brand{width:165px}.speaker-header-label{display:none}.speaker-lineup{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.speaker-lineup::-webkit-scrollbar{display:none}.speaker-column{flex:0 0 72vw;scroll-snap-align:start}.speaker-name{font-size:clamp(60px,13vw,94px);padding:23px 22px 20px}.speaker-index{right:17px;top:20px;font-size:11px}.speaker-bottom{height:58px;min-height:58px;padding:0 20px;font-size:9px}.speaker-bottom>span:first-child{display:none}.speaker-swipe{display:block}.speaker-photo img{object-position:50% 25%}}
@media(prefers-reduced-motion:reduce){.speaker-photo img{transition:none}.speaker-column:hover .speaker-photo img{transform:none}}

/* GROWTH event content and tour stops */
.discover-button{display:block;width:max-content;text-decoration:none}.editorial-nav a{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;color:inherit;text-decoration:none}.editorial-nav a:hover{color:#fd0215}
.scroll-story .portrait-image,.archive-burst .portrait-image,.editorial-image img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center 25%}
.tour-intro{max-width:1150px;margin:0 auto 45px;color:#025ed6}.tour-intro h2,.tour-card h3{font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 22;text-transform:uppercase;line-height:.95;margin:15px 0;font-size:clamp(54px,7vw,96px)}.tour-intro p{font-size:16px;max-width:420px;line-height:1.5}.tour-card{aspect-ratio:auto;min-height:520px;overflow:hidden}.tour-card-info{padding:28px 25px 22px;color:#025ed6}.tour-stop{font-size:11px;letter-spacing:.1em}.tour-card h3{font-size:clamp(48px,5vw,68px);margin:16px 0 22px}.tour-card dl{margin:0;display:grid;gap:12px}.tour-card dl div{display:grid;grid-template-columns:54px 1fr;gap:10px;font-size:13px}.tour-card dt{font-weight:600}.tour-card dd{margin:0}.tour-card .community-media{margin:0;border-radius:22px 22px 0 0;min-height:280px}.tour-card .community-media img{width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.tour-card .community-ribbon{font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 22;font-size:42px;letter-spacing:0}.photo-credits{max-width:1150px;margin:24px auto 0;font-size:10px;color:#025ed6;line-height:1.5}.photo-credits summary{cursor:pointer}.photo-credits a{color:inherit}.archive-caption a{color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:5px}.pop-archive h2>span:last-child{font-size:1em}
@media(max-width:800px){.editorial-nav a{font-size:10px;letter-spacing:0}.tour-intro{max-width:365px;margin-bottom:32px}.tour-intro h2{font-size:64px}.tour-card{min-height:520px}.tour-card h3{font-size:65px}.community-grid{grid-template-columns:1fr;max-width:365px}.photo-credits{max-width:365px}.pop-archive h2{font-size:18vw}}

.tour-intro .eyebrow{color:inherit}.story-intro h2{max-width:850px;margin-left:auto;margin-right:auto}
/* Full-body speaker cutouts on solid brand colors. */
.speaker-column:nth-child(1){background:#025ed6;color:#f6e31a}
.speaker-column:nth-child(2){background:#f6e31a;color:#025ed6}
.speaker-column:nth-child(3){background:#ff6aab;color:#025ed6}
.speaker-column:nth-child(4){background:#fd0215;color:#f6e31a}
.speaker-column:nth-child(5){background:#025ed6;color:#f6e31a}
.speaker-column:nth-child(6){background:#f6e31a;color:#025ed6}
.speaker-column .speaker-photo{background:transparent;padding:8px 8px 16px}
.speaker-column .speaker-photo img{object-fit:contain;object-position:center bottom;width:100%;height:100%}
.speaker-column:hover .speaker-photo img{transform:translateY(-5px)}
@media(max-width:800px){.speaker-column .speaker-photo{padding:0 14px 14px}}

.speaker-column .speaker-photo img{position:absolute;left:-50%;top:8px;width:200%;max-width:none;height:calc(100% - 24px);object-fit:contain;object-position:center bottom}
@media(max-width:800px){.speaker-column .speaker-photo img{left:-25%;width:150%}}
/* Centered white GROWTH logo on black masthead. */
.speaker-hero .speaker-header{height:155px;min-height:155px;background:#020202;color:#fff;justify-content:center;padding:20px 28px}
.speaker-header .brand{width:340px;background:none;mask:none;display:block}
.speaker-header .growth-logo{visibility:visible;max-height:122px;object-position:center}
.speaker-header-label{display:none}
.speaker-hero .speaker-header .sound{position:absolute;right:3.5vw;top:50%;transform:translateY(-50%)}
.speaker-hero .sound span{background:#fff}
@media(max-width:800px){.speaker-hero .speaker-header{height:125px;min-height:125px;padding:15px 50px}.speaker-hero .speaker-header .brand{width:260px}.speaker-header .growth-logo{max-height:94px}.speaker-hero .speaker-header .sound{right:20px}}
/* Larger centered masthead logo. */
.speaker-hero .speaker-header{height:205px;min-height:205px}
.speaker-header .brand{width:500px}
.speaker-header .growth-logo{max-height:175px}
@media(max-width:800px){.speaker-hero .speaker-header{height:150px;min-height:150px;padding:15px 38px}.speaker-hero .speaker-header .brand{width:310px}.speaker-header .growth-logo{max-height:120px}.speaker-hero .speaker-header .sound{right:12px}}
/* Mobile speaker collage: staggered boxes instead of a horizontal strip. */
@media(max-width:800px){
 .speaker-hero{height:auto;min-height:0;max-height:none;overflow:hidden;background:#020202}
 .speaker-hero .speaker-header{height:150px;min-height:150px}
 .speaker-lineup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:12px 16px 30px;overflow:visible;scroll-snap-type:none;background:#020202;align-items:start}
 .speaker-column{width:auto;min-width:0;flex:none;height:340px;border-radius:18px;overflow:hidden;scroll-snap-align:none}
 .speaker-column:nth-child(2){margin-top:40px;height:320px}
 .speaker-column:nth-child(3){margin-top:-22px;height:325px}
 .speaker-column:nth-child(4){margin-top:20px;height:345px}
 .speaker-column:nth-child(5){margin-top:-24px;height:340px}
 .speaker-column:nth-child(6){margin-top:18px;height:320px}
 .speaker-name{font-size:clamp(34px,9vw,58px);padding:20px 13px 12px;line-height:.95}
 .speaker-index{top:10px;right:10px;font-size:8px}
 .speaker-column .speaker-photo{padding:0}
 .speaker-column .speaker-photo img{left:-30%;top:0;width:160%;height:calc(100% - 12px);object-fit:contain;object-position:center bottom}
 .speaker-bottom{background:#020202;color:#fff;height:65px;min-height:65px;justify-content:center}
 .speaker-swipe{display:none}
}
@media(min-width:600px) and (max-width:800px){.speaker-lineup{padding:15px 35px 40px;gap:24px}.speaker-column{height:460px}.speaker-column:nth-child(2){height:435px}.speaker-column:nth-child(3){height:440px}.speaker-column:nth-child(4){height:465px}.speaker-column:nth-child(5){height:455px}.speaker-column:nth-child(6){height:435px}}

/* Oversized tour city across the foot of the speaker hero. */
.speaker-hero{position:relative}.hero-city{position:absolute;left:0;right:0;bottom:67px;z-index:5;text-align:center;color:#fff;font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 55;font-size:clamp(130px,20vw,310px);font-weight:900;line-height:.78;letter-spacing:-.015em;pointer-events:none;text-transform:uppercase}
@media(max-width:800px){.hero-city{bottom:77px;font-size:23vw;font-variation-settings:'wght' 90,'wdth' 45;line-height:.85}}

/* Tour posters: three distinct solid-color cards on black. */
.community-feed{background:#020202;padding-top:100px;padding-bottom:100px}.tour-intro{color:#fff}.tour-intro h2{font-size:clamp(70px,10vw,145px);margin:18px 0}.tour-intro p{color:#fff}.tour-placeholder{max-width:1150px;margin:0 auto 30px;color:#ff6aab;font-size:10px;letter-spacing:.13em}.community-grid{gap:28px}.tour-card{border-radius:8px;min-height:610px;transform-origin:center;transition:transform .3s;box-shadow:none}.tour-card:nth-child(1){background:#025ed6;color:#fff;rotate:-2deg}.tour-card:nth-child(2){background:#f6e31a;color:#020202;rotate:2deg;margin-top:36px}.tour-card:nth-child(3){background:#ff6aab;color:#020202;rotate:-1.5deg;margin-top:8px}.tour-card:hover{transform:translateY(-10px);rotate:0deg}.tour-card-info{color:inherit;padding:30px 24px 25px}.tour-card h3{font-size:clamp(65px,6.8vw,96px);color:inherit}.tour-card dl{gap:15px}.tour-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tour-card dd{font-size:14px;font-weight:600}.tour-card .community-media{border-radius:0;min-height:300px;background:transparent;margin:0 14px 74px}.tour-card .community-media img{filter:none;mix-blend-mode:normal}.tour-card .community-ribbon{bottom:87px;left:24px;background:transparent;color:inherit;border-radius:0;padding:0;font-size:clamp(60px,6vw,85px);line-height:.9;text-shadow:0 2px 0 #020202}.tour-card:nth-child(1) .community-ribbon{color:#fff}.tour-card:nth-child(2) .community-ribbon,.tour-card:nth-child(3) .community-ribbon{color:#fff}.tour-card .community-ribbon:before{display:none}.tour-card-tag{position:absolute;bottom:26px;left:24px;right:24px;font-size:13px;font-weight:700;letter-spacing:.08em;border-top:1px solid currentColor;padding-top:18px}.photo-credits{color:#fff;margin-top:60px}
@media(max-width:800px){.community-feed{padding:70px 24px 80px}.tour-intro h2{font-size:80px}.tour-placeholder{max-width:365px;line-height:1.6}.community-grid{gap:36px}.tour-card{min-height:600px}.tour-card:nth-child(2),.tour-card:nth-child(3){margin-top:0}.tour-card h3{font-size:80px}.tour-card .community-ribbon{font-size:78px}.photo-credits{margin-top:45px}}
/* City names in Prolinea. */
.hero-city,.tour-card h3,.tour-card .community-ribbon{font-family:'Prolinea',Impact,sans-serif;font-variation-settings:normal;font-weight:900;text-transform:uppercase;letter-spacing:-.025em}
.hero-city{font-size:clamp(90px,14vw,240px);line-height:.85}
.tour-card h3{font-size:clamp(28px,3vw,45px);line-height:1.05}
.tour-card .community-ribbon{font-size:clamp(25px,2.8vw,40px);line-height:1}
@media(max-width:800px){.hero-city{font-size:14vw;font-variation-settings:normal}.tour-card h3{font-size:36px}.tour-card .community-ribbon{font-size:34px}}
/* Consistent centered title alignment. */
.speaker-name,.story-intro h2,.story-panel h3,.tour-intro,.tour-card h3,.tour-placeholder{ text-align:center }
.tour-intro p{margin-left:auto;margin-right:auto}
.tour-card .community-ribbon{left:14px;right:14px;text-align:center}
/* City title fills the bottom edge of the hero. */
.hero-city{bottom:-.045em;font-size:clamp(110px,18vw,340px);line-height:.8;letter-spacing:-.035em;white-space:nowrap}
.speaker-bottom{position:relative;z-index:6;background:transparent;padding-bottom:0;align-items:flex-start;padding-top:8px}
@media(max-width:800px){.hero-city{bottom:-.045em;font-size:18vw}.speaker-bottom{height:100px;min-height:100px;padding-top:5px;align-items:flex-start}}
.speaker-bottom{visibility:hidden}

/* Remove decorative microcopy; retain tour logistics and photo credits. */
.speaker-lineup{margin-bottom:58px}.tour-intro{margin-bottom:55px}.tour-card-info{padding-top:32px}.tour-card h3{margin-top:0}.tour-card .community-media{margin-bottom:18px}.tour-card .community-ribbon{bottom:35px}.tour-card{min-height:550px}
@media(max-width:800px){.speaker-lineup{margin-bottom:95px}.tour-card{min-height:540px}.tour-intro{margin-bottom:38px}}
/* Keep the city lettering over the portraits without a bottom color strip. */
.speaker-lineup{margin-bottom:0}
.hero-city{bottom:0;line-height:.8}
@media(max-width:800px){.speaker-lineup{margin-bottom:0;padding-bottom:0}.hero-city{bottom:0}}

/* City name sits in a separate band below the speaker section. */
.hero-city{position:relative;inset:auto;bottom:auto;display:block;background:#020202;color:#fff;padding:28px 12px 20px;margin:0;font-size:clamp(100px,17vw,320px);line-height:.85;overflow:hidden}
@media(max-width:800px){.hero-city{position:relative;bottom:auto;padding:24px 10px;font-size:17vw}}

/* GROWTH event atmosphere collage in the second sticky panel. */
.story-panel.event-collage{background:#ff6aab;color:#020202;display:flex;flex-direction:column;padding:38px 24px 24px;border:0}
.story-panel.event-collage h3{padding:0;margin:0 auto 32px;width:100%;font-size:clamp(40px,5vw,72px);line-height:1;text-align:center}
.mobile-break{display:none}.event-photo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;flex:1;min-height:0}
.event-shot{margin:0;overflow:hidden;border-radius:22px;position:relative;min-height:0}.event-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.event-shot:hover img{transform:scale(1.035)}
.event-audience{grid-column:1;grid-row:1/3}.event-dj{grid-column:2;grid-row:1/3}.event-networking{grid-column:3;grid-row:2}.event-speaker{grid-column:3;grid-row:1}.event-audience img{object-position:45% center}.event-speaker img{object-position:center 28%}
@media(max-width:800px){.story-panel.event-collage{padding:28px 14px 14px;min-height:600px}.story-panel.event-collage h3{font-size:38px;margin-bottom:24px}.mobile-break{display:block}.event-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:1.3fr 1fr 1fr;gap:10px}.event-audience{grid-column:1/3;grid-row:1}.event-dj{grid-column:1;grid-row:2/4}.event-speaker{grid-column:2;grid-row:2}.event-networking{display:block;grid-column:2;grid-row:3}.event-shot{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.event-shot img{transition:none}}

/* GROWTH benefits: a focused introduction to the event. */
.story-panel.benefits-panel{background:#025ed6;color:#f6e31a;display:flex;flex-direction:column;padding:30px 24px 24px;border:0}
.story-panel.benefits-panel:before{display:none}
.story-panel.benefits-panel h3{position:static;padding:0;margin:0 0 24px;width:100%;font-size:clamp(44px,5vw,72px);line-height:1;text-align:center;z-index:1}
.benefit-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-height:0}
.benefit-row{display:grid;grid-template-columns:1fr 1.2fr 1.15fr;align-items:center;gap:24px;padding:16px 24px;background:#f6e31a;color:#020202;border-radius:22px;min-height:0}
.benefit-row h4{font-family:Agharti,sans-serif;text-transform:uppercase;font-size:clamp(28px,3vw,42px);line-height:1;text-align:center;margin:0}
.benefit-row img{width:100%;height:100%;max-height:150px;min-height:0;object-fit:cover;border-radius:12px}
.benefit-row:first-child img{object-position:center 30%}
.benefit-row p{font-family:'DM Sans',sans-serif;font-size:clamp(14px,1.4vw,18px);line-height:1.45;margin:0}
@media(max-width:800px){
.story-panel.benefits-panel{position:relative;top:auto;height:auto;max-height:none;min-height:0;padding:28px 14px 14px}
.story-panel.benefits-panel h3{font-size:42px;margin-bottom:24px}
.benefit-list{grid-template-rows:none;gap:12px}
.benefit-row{grid-template-columns:1fr;gap:14px;padding:22px 18px;border-radius:20px}
.benefit-row h4{font-size:36px}
.benefit-row img{height:145px;max-height:none;object-position:center 35%}
.benefit-row p{font-size:16px;text-align:center;line-height:1.45}
}

.story-panel.benefits-panel h3{color:#f6e31a!important}
.benefit-row:nth-child(2) img{object-position:center 26%}

.benefit-row:nth-child(3) img{object-position:center 38%}

/* Ready for three attendee testimonial videos. */
.story-panel.testimonials-panel{background:#f6e31a;color:#020202;border:0;display:flex;flex-direction:column;padding:30px 24px 24px;gap:24px}
.story-panel.testimonials-panel:before{display:none}
.story-panel.testimonials-panel h3{position:static;margin:0;padding:0;width:100%;text-align:center;font-size:clamp(38px,4.5vw,66px);line-height:.96;color:#020202!important}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;flex:1;min-height:0}
.testimonial-placeholder{margin:0;padding:10px;background:#ff6aab;border-radius:20px;display:flex;flex-direction:column;min-height:0}
.testimonial-poster{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:13px;background:#020202}
.testimonial-poster img{width:100%;height:100%;object-fit:cover;display:block}
.testimonial-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f6e31a;color:#020202;font-size:22px;padding-left:4px}
.testimonial-placeholder figcaption{padding:14px 4px 6px;text-align:center;color:#020202}
.testimonial-placeholder strong{display:block;font-family:Agharti,sans-serif;font-size:30px;line-height:1;text-transform:uppercase}
.testimonial-placeholder figcaption span{display:block;font-family:'DM Sans',sans-serif;font-size:14px;margin-top:5px}
@media(max-width:800px){.story-panel.testimonials-panel{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding:28px 14px 14px;gap:24px}.story-panel.testimonials-panel h3{font-size:42px;line-height:1}.testimonial-grid{grid-template-columns:1fr;gap:16px}.testimonial-poster{height:265px;flex:auto}.testimonial-placeholder{padding:10px}.testimonial-placeholder figcaption{padding:14px 4px 10px}}

.testimonial-placeholder:first-child img{object-position:center 30%}
.testimonial-placeholder:last-child img{object-position:center 28%}
/* A consistent motion rhythm across the GROWTH experience. */
@keyframes growth-reveal{from{opacity:0;translate:0 26px;clip-path:inset(0 0 100% 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}
@keyframes growth-line{from{scale:0 1}to{scale:1 1}}
@keyframes growth-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes growth-pulse{0%,100%{scale:1}50%{scale:1.06}}
.motion-reveal{opacity:0;translate:0 24px;transition:opacity .8s ease var(--reveal-delay,0ms),translate .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.motion-reveal.motion-visible{opacity:1;translate:0 0}
.motion-text-line{display:inline-block;color:inherit!important;opacity:1!important}
.motion-visible .motion-text-line,.speaker-name .motion-text-line{animation:growth-reveal .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--reveal-delay,0ms) + var(--line-delay,0ms))}
.story-panel h3:after{content:'';display:block;width:72px;height:3px;background:currentColor;margin:16px auto 0;transform-origin:center;scale:0 1}
.story-panel h3.motion-visible:after{animation:growth-line .8s cubic-bezier(.2,.7,.2,1) .35s both}
.speaker-photo img,.event-shot img,.testimonial-poster img,.benefit-row img{translate:0 var(--photo-depth,0px);scale:1.045;transition:translate .3s ease,scale .6s ease}
.speaker-column:hover .speaker-photo img,.event-shot:hover img,.benefit-row:hover img{scale:1.08}
.benefit-row,.testimonial-placeholder{transition:opacity .8s ease var(--reveal-delay,0ms),translate .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),box-shadow .3s ease}
@media(hover:hover){.benefit-row.motion-visible:hover,.testimonial-placeholder.motion-visible:hover{translate:0 -4px;box-shadow:0 8px 0 #020202}.editorial-nav a,.archive-caption a{transition:translate .25s ease}.editorial-nav a:hover,.archive-caption a:hover{translate:0 -3px}}
.testimonial-play{animation:growth-pulse 3.5s ease-in-out infinite}
.growth-logo.motion-visible{animation:growth-drift 7s ease-in-out infinite}
.editorial-nav a{position:relative}.editorial-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .3s ease}.editorial-nav a:hover:after{scale:1 1}
.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}
.paused .motion-reveal{opacity:1;translate:0 0;transition:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reveal{opacity:1;translate:0 0}.story-panel h3:after{scale:1 1}.speaker-photo img,.event-shot img,.testimonial-poster img,.benefit-row img{translate:none;scale:1}}
/* Keep photography crisp and give faces room within the composition. */
.speaker-photo img,.event-shot img,.testimonial-poster img,.benefit-row img{translate:none;scale:1;transform:none;transition:opacity .5s ease}
.speaker-column:hover .speaker-photo img,.event-shot:hover img,.benefit-row:hover img{scale:1;transform:none}
.benefit-row img{object-position:center 30%}
.benefit-row:first-child img{object-position:center 25%}
.benefit-row:nth-child(2) img{object-position:center 27%}
.benefit-row:nth-child(3) img{object-position:center 34%}
.event-networking img{object-position:center 30%}
.testimonial-placeholder:first-child img{object-position:center 28%}
.testimonial-placeholder:last-child img{object-position:center 23%}
.testimonial-play{width:44px;height:44px;font-size:17px;inset:auto 12px 12px auto;animation:none}

@media(min-width:801px){.event-collage h3 .motion-text-line+.motion-text-line{margin-left:.15em}}

/* Black surfaces for benefits and testimonial cards. */
.benefit-row{background:#020202;color:#ffffff}
.testimonial-placeholder{background:#020202}
.testimonial-placeholder figcaption{color:#ffffff}
@media(hover:hover){.benefit-row.motion-visible:hover,.testimonial-placeholder.motion-visible:hover{box-shadow:0 8px 0 #025ed6}}

.archive-burst{display:block}.archive-event-photo{width:100%;height:100%;object-fit:cover;object-position:45% center}
/* Benefits as three clear, balanced cards. */
.benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:18px}
.benefit-row{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:14px 14px 22px;justify-content:flex-start}
.benefit-row img{order:-1;width:100%;height:auto;flex:1;max-height:none;min-height:120px;object-fit:cover;border-radius:14px}
.benefit-row h4{font-size:clamp(30px,3vw,44px);line-height:1;text-align:center}
.benefit-row p{font-size:clamp(14px,1.25vw,17px);line-height:1.4;text-align:center;padding:0 6px}
.benefit-row:first-child img{object-position:center 30%}
.benefit-row:nth-child(2) img{object-position:center 28%}
.benefit-row:nth-child(3) img{object-position:center 38%}
@media(max-width:800px){.benefit-list{grid-template-columns:1fr;grid-template-rows:none;gap:18px}.benefit-row{padding:12px 12px 24px;gap:18px}.benefit-row img{flex:auto;height:220px;min-height:0}.benefit-row h4{font-size:40px}.benefit-row p{font-size:16px;padding:0 10px}}

.founder-section{position:relative;isolation:isolate;overflow:hidden;background:#ff6aab;color:#020202;padding:100px 7%;min-height:750px;display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center}
.founder-copy{position:relative;z-index:2}.founder-copy h2{font-family:Agharti,sans-serif;font-size:clamp(75px,9vw,150px);line-height:.9;text-align:center;margin:0 0 40px;text-transform:uppercase}
.founder-bio{text-align:center;max-width:480px;margin:auto}.founder-bio h3{font-family:Agharti,sans-serif;font-size:48px;line-height:1;margin:0;text-transform:uppercase}.founder-role{font-weight:700;margin:10px 0 20px}.founder-bio p{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.5}
.founder-portrait{position:relative;z-index:1;margin:0;padding:18px;background:#025ed6;border-radius:45% 45% 24px 24px;rotate:5deg}.founder-portrait img{display:block;width:100%;height:470px;object-fit:cover;object-position:center 20%;border-radius:45% 45% 14px 14px}
.founder-art{position:absolute;inset:0;pointer-events:none;z-index:0}.founder-shape{position:absolute;width:450px;height:450px;background:#025ed6;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.founder-rays{mask-image:url('assets/shapes/rays.webp');right:-210px;top:-180px;rotate:20deg}.founder-diamonds{mask-image:url('assets/shapes/diamonds-short.webp');left:-250px;bottom:-190px;rotate:-15deg}.founder-scribble{position:absolute;inset:4% 3%;width:94%;height:92%;color:#020202}
@keyframes founder-turn{0%,100%{rotate:20deg}50%{rotate:35deg}}.founder-rays{animation:founder-turn 18s ease-in-out infinite}.founder-portrait{transition:rotate .6s ease}.founder-portrait:hover{rotate:0deg}
@media(max-width:800px){.founder-section{padding:65px 24px;grid-template-columns:1fr;gap:35px;min-height:0}.founder-copy h2{font-size:74px;margin-bottom:30px}.founder-bio h3{font-size:42px}.founder-bio p{font-size:16px}.founder-portrait{width:85%;max-width:400px;margin:0 auto;rotate:3deg;padding:12px}.founder-portrait img{height:350px}.founder-scribble{display:none}.founder-shape{width:320px;height:320px}.founder-rays{right:-180px;top:-160px}}

/* Founder portrait with a clean, full photographic frame. */
.founder-section{padding:0;gap:0;grid-template-columns:1fr 1fr;align-items:stretch;min-height:740px}
.founder-copy{padding:80px 8%;align-self:center}
.founder-copy h2{font-size:clamp(74px,8vw,130px)}
.founder-portrait,.founder-portrait:hover{padding:0;background:#020202;border-radius:0;rotate:0deg;overflow:hidden;min-height:740px}
.founder-portrait img{width:100%;height:100%;min-height:740px;border-radius:0;object-fit:cover;object-position:center 20%}
@media(max-width:800px){.founder-section{grid-template-columns:1fr;min-height:0}.founder-copy{padding:60px 24px}.founder-copy h2{font-size:74px}.founder-portrait{width:100%;max-width:none;margin:0;min-height:0}.founder-portrait img{height:auto;min-height:0;object-fit:contain}}
/* Translucent glass surfaces, tinted by each section's brand color. */
.benefit-row,.testimonial-placeholder{background:rgba(2,2,2,.32);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px rgba(2,2,2,.12)}
.benefit-row{color:#fff}
.testimonial-placeholder{background:rgba(255,255,255,.17)}
.testimonial-placeholder figcaption{color:#020202}
@media(hover:hover){.benefit-row.motion-visible:hover,.testimonial-placeholder.motion-visible:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 35px rgba(2,2,2,.2);border-color:rgba(255,255,255,.55)}}

.testimonial-play{inset:0;margin:auto}
/* Chest-up speaker portraits in the hero. */
.speaker-column .speaker-photo{overflow:hidden}
.speaker-column .speaker-photo img{left:-140%;top:-10%;width:380%;height:300%;object-fit:contain;object-position:center top;max-width:none}
@media(max-width:800px){.speaker-column .speaker-photo img{left:-110%;top:-10%;width:320%;height:300%;object-fit:contain;object-position:center top}}
.speaker-column .speaker-photo img{top:0}

/* Interview stills: keep faces and microphones in the crop. */
.testimonial-poster img{object-position:center 46%}

@media(min-width:801px){.story-panel.testimonials-panel{height:86vh;min-height:660px;max-height:900px}.testimonial-poster img{object-position:center 42%}}

.testimonial-poster img.interview-brand{position:absolute;top:12px;left:12px;width:90px;height:auto;object-fit:contain;object-position:center;z-index:2;pointer-events:none;transform:none;filter:none}

.growth-faq{background:#020202;color:#fff;padding:90px max(24px,8vw) 110px}
.growth-faq h2{font-family:Agharti,sans-serif;font-size:clamp(80px,11vw,150px);line-height:1;text-align:center;margin:0 0 48px;text-transform:uppercase}
.faq-list{max-width:1100px;margin:auto;border-top:1px solid rgba(255,255,255,.4)}
.faq-item{border-bottom:1px solid rgba(255,255,255,.4)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:24px 0;font-family:'DM Sans',sans-serif;font-size:clamp(17px,2vw,23px);font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{font-size:32px;font-weight:400;transition:transform .25s ease;line-height:1}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item summary:focus-visible{outline:2px solid #fff;outline-offset:6px}
.faq-answer{max-width:800px;padding:0 50px 25px 0;animation:faq-in .3s ease}
.faq-answer p{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.6;margin:0}
@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.growth-faq{padding:60px 24px 70px}.growth-faq h2{margin-bottom:30px}.faq-item summary{padding:20px 0}.faq-answer{padding-right:12px}.faq-answer p{font-size:16px}}

.faq-item summary{text-transform:none}

/* Oversized tour tickets with detachable stubs. */
.tour-card{border-radius:18px;overflow:visible;min-height:580px;display:flex;flex-direction:column}
.tour-card-info{padding:32px 24px 22px}
.tour-card h3{font-size:clamp(28px,3vw,42px);margin:0 0 26px;line-height:1.1}
.tour-card dl div{grid-template-columns:48px 1fr}
.tour-card .community-media{margin:0 18px;min-height:220px;border-radius:8px;flex:1;overflow:hidden}
.ticket-stub{position:relative;margin-top:24px;padding:26px 24px 22px;border-top:2px dashed currentColor;display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;min-height:120px}
.ticket-stub:before,.ticket-stub:after{content:'';position:absolute;top:-16px;width:30px;height:30px;border-radius:50%;background:#020202}
.ticket-stub:before{left:-15px}.ticket-stub:after{right:-15px}
.ticket-stub-copy strong{display:block;font-family:Agharti,sans-serif;font-size:34px;line-height:1;text-transform:uppercase}
.ticket-stub-copy span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;margin-top:7px;letter-spacing:.04em}
.ticket-barcode{display:block;width:90px;height:36px;object-fit:fill}
.tour-card:first-child .ticket-barcode{filter:invert(1)}
.ticket-number{grid-column:1/-1;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.16em;text-align:right}
@media(max-width:800px){.tour-card{min-height:570px}.tour-card h3{font-size:34px}.tour-card .community-media{min-height:230px}.ticket-stub{padding:26px 24px 22px}}
/* Mobile layout tuned for readable, compact touch browsing. */
@media(max-width:800px){
 .speaker-hero .speaker-header{height:120px;min-height:120px;padding:12px 42px}
 .speaker-hero .speaker-header .brand{width:100%;max-width:310px}
 .speaker-lineup{gap:14px 12px;padding:8px 16px 20px}
 .speaker-column,.speaker-column:nth-child(n){height:275px;margin-top:0;border-radius:16px}
 .speaker-column:nth-child(even){margin-top:24px}
 .speaker-name{font-size:clamp(30px,8.2vw,44px);padding:16px 8px 8px;line-height:.95}
 .speaker-column .speaker-photo img{left:-110%;width:320%;height:285%;top:0}
 .hero-city{font-size:16.2vw;padding:24px 8px 28px;text-align:center}
 .scroll-story{padding:48px 16px 52px;overflow:hidden}
 .story-intro{padding:0;margin:0 auto 36px}
 .story-intro h2{font-size:clamp(44px,12vw,64px);line-height:1;max-width:500px;margin:0 auto}
 .panel-stack{height:auto;padding:0;display:flex;flex-direction:column;gap:28px}
 .story-panel,.story-panel.benefits-panel,.story-panel.event-collage,.story-panel.testimonials-panel{position:relative;top:auto;height:auto;min-height:0;max-height:none;margin:0;width:100%;transform:none!important;border-radius:22px;padding:28px 14px 16px}
 .story-panel h3,.story-panel.benefits-panel h3,.story-panel.testimonials-panel h3{font-size:clamp(36px,10vw,52px);line-height:1;margin:0 0 22px}
 .benefit-list{gap:14px}
 .benefit-row{gap:14px;padding:10px 10px 20px;border-radius:16px}
 .benefit-row img{height:180px;flex:none;border-radius:10px}
 .benefit-row h4{font-size:34px;line-height:1}
 .benefit-row p{font-size:16px;line-height:1.5;padding:0 6px}
 .testimonial-grid{gap:14px}.testimonial-poster{height:280px}
 .testimonial-placeholder figcaption{padding:14px 4px 8px}
 .editorial{padding:42px 18px}
 .founder-copy{padding:44px 24px}
 .founder-copy h2{font-size:clamp(54px,15vw,74px);line-height:1;margin-bottom:24px}
 .founder-bio h3{font-size:38px}.founder-bio p{font-size:16px;line-height:1.6}
 .founder-portrait img{height:420px;object-fit:cover;object-position:center 20%}
 .community-feed{padding:52px 24px 60px}.tour-intro h2{font-size:clamp(58px,16vw,80px);line-height:1}
 .tour-intro p{font-size:16px;line-height:1.5}.community-grid{gap:28px;max-width:420px}
 .tour-card,.tour-card:nth-child(n){rotate:0deg;margin-top:0;min-height:0;aspect-ratio:auto}
 .tour-card-info{padding:26px 22px 22px}.tour-card h3{font-size:clamp(28px,8vw,38px);margin-bottom:22px}
 .tour-card dd{font-size:15px}.tour-card .community-media{height:210px;min-height:210px;flex:none}
 .ticket-stub{margin-top:22px;min-height:110px}.photo-credits{margin-top:26px}
 .pop-archive{display:flex;flex-direction:column;gap:24px;min-height:0;height:auto;padding:44px 22px 48px}
 .pop-archive h2{position:static;order:0;font-size:16vw;line-height:1;width:100%;transform:none;margin:0;text-align:center}
 .archive-burst{position:relative;inset:auto;order:1;width:100%;height:310px;flex:none;margin:0;transform:none}
 .pop-archive .archive-serif{position:static;order:2;font-size:27px;line-height:1.1;width:auto;margin:0;text-align:center}
 .archive-caption{position:static;order:3;text-align:center;font-size:18px;line-height:1.5;margin:0}
 .archive-caption a{display:inline-block;font-size:16px;padding:12px 0}
 .growth-faq{padding:48px 24px 60px}.growth-faq h2{font-size:80px;margin-bottom:24px}
 .faq-item summary{font-size:17px;line-height:1.4;padding:20px 0;gap:16px}.faq-item summary span{flex:none}
}
@media(max-width:360px){.speaker-column,.speaker-column:nth-child(n){height:245px}.speaker-name{font-size:29px}.ticket-stub{grid-template-columns:1fr 72px;padding-left:20px;padding-right:20px}.ticket-barcode{width:72px}.ticket-stub-copy span{font-size:9px}}

/* Mobile headline stage: full-bleed color, oversized portraits, and a live lineup. */
.mobile-speaker-controls{display:none}
@media(max-width:800px){
 .speaker-hero{height:auto;min-height:0;max-height:none;background:#020202;overflow:hidden}
 .speaker-hero .speaker-header{height:106px;min-height:106px;padding:12px 54px 12px 20px;justify-content:flex-start}
 .speaker-hero .speaker-header .brand{width:min(70vw,340px);max-width:none}
 .speaker-header .growth-logo{max-height:84px;animation:none!important}
 .speaker-hero .speaker-header .sound{right:14px;width:44px;height:44px}
 .speaker-lineup{display:flex;flex:initial;gap:0;padding:0;align-items:stretch;height:clamp(430px,65svh,650px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding:0;background:#025ed6}
 .speaker-lineup::-webkit-scrollbar{display:none}
 .speaker-lineup:after{content:'';flex:0 0 16vw;background:#025ed6}
 .speaker-column,.speaker-column:nth-child(n){flex:0 0 84vw;width:84vw;height:100%;margin:0;border-radius:0;scroll-snap-align:start;scroll-snap-stop:always;justify-content:flex-start}
 .speaker-name{flex:none;font-size:clamp(56px,16vw,96px);line-height:.92;text-align:left;padding:24px 20px 14px;letter-spacing:-.025em;min-height:2.3em}
 .speaker-name .motion-text-line{animation:none}
 .speaker-column .speaker-photo{padding:0;overflow:hidden;flex:1;min-height:0}
 .speaker-column .speaker-photo img{left:-90%;top:0;width:280%;height:310%;object-fit:contain;object-position:center top;transform:none;translate:none;scale:1;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
 .speaker-column.is-current .speaker-photo img{transform:scale(1.035);transform-origin:center top}
 .mobile-speaker-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 18px;background:#020202}
 .mobile-speaker-controls button{position:relative;display:block;flex:1;max-width:72px;height:44px;padding:0;border:0;background:none;border-radius:0}
 .mobile-speaker-controls button:before{content:'';position:absolute;left:4px;right:4px;top:21px;height:3px;background:#555}
 .mobile-speaker-controls button:after{content:'';position:absolute;left:4px;right:4px;top:21px;height:3px;background:#f6e31a;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
 .mobile-speaker-controls button[aria-current=true]:after{transform:scaleX(1)}
 .mobile-speaker-controls button:focus-visible{outline:2px solid #f6e31a;outline-offset:-4px}
 .hero-city{padding:0 12px 22px;font-size:16.2vw;line-height:1;background:#020202}
}
@media(max-width:800px) and (max-height:650px){
 .speaker-hero .speaker-header{height:88px;min-height:88px}
 .speaker-lineup{height:400px}
}
@media(prefers-reduced-motion:reduce){.speaker-column.is-current .speaker-photo img{transform:none}}
.paused .speaker-column.is-current .speaker-photo img{transform:none}

/* Alternate portrait entrances as each mobile speaker takes the stage. */
@keyframes speaker-stage-enter{
 from{opacity:.15;transform:translate3d(var(--entry-x,0),var(--entry-y,100%),0)}
 to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes speaker-title-enter{
 from{opacity:0;transform:translate3d(var(--title-x,0),var(--title-y,-24px),0)}
 to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes speaker-stage-float{
 0%,100%{translate:0 0}
 50%{translate:var(--float-x,0) var(--float-y,-6px)}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
 .speaker-column:nth-child(6n+1){--entry-x:0;--entry-y:100%;--title-y:-28px;--float-y:-6px}
 .speaker-column:nth-child(6n+2){--entry-x:0;--entry-y:-100%;--title-y:28px;--float-y:6px}
 .speaker-column:nth-child(6n+3){--entry-x:-85%;--entry-y:0;--title-x:28px;--title-y:0;--float-x:5px;--float-y:0}
 .speaker-column:nth-child(6n+4){--entry-x:85%;--entry-y:0;--title-x:-28px;--title-y:0;--float-x:-5px;--float-y:0}
 .speaker-column:nth-child(6n+5){--entry-x:0;--entry-y:100%;--title-y:-28px;--float-y:-6px}
 .speaker-column:nth-child(6n+6){--entry-x:0;--entry-y:-100%;--title-y:28px;--float-y:6px}
 .speaker-column.is-current .speaker-photo{animation:speaker-stage-enter 1.15s cubic-bezier(.16,1,.3,1) both}
 .speaker-column.is-current .speaker-name{animation:speaker-title-enter .75s cubic-bezier(.16,1,.3,1) .12s both}
 .speaker-column.is-current .speaker-photo img{animation:speaker-stage-float 5s ease-in-out 1.15s infinite;transform:scale(1.035)}
 .paused .speaker-column.is-current .speaker-photo,.paused .speaker-column.is-current .speaker-name{animation:none;opacity:1;transform:none}
 .paused .speaker-column.is-current .speaker-photo img{animation:none;translate:none;transform:none}
}


/* Integrate imagery directly into the scrolling panels, without nested glass boxes. */
.story-panel.benefits-panel,.story-panel.testimonials-panel{padding:36px 30px 30px}
.benefit-list,.testimonial-grid{gap:24px}
.story-panel .benefit-row,.story-panel .testimonial-placeholder{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.story-panel .benefit-row{gap:18px;color:#fff}
.story-panel .benefit-row img{border-radius:14px;min-height:0;flex:none;height:clamp(180px,29vh,340px);width:100%;object-fit:cover}
.story-panel .benefit-row h4{font-size:clamp(30px,3.2vw,46px);line-height:1.03}
.story-panel .benefit-row p{font-size:16px;line-height:1.5;padding:0;max-width:330px;margin:0 auto}
.story-panel .testimonial-placeholder{gap:16px}
.story-panel .testimonial-poster{border-radius:14px;flex:1;min-height:0;background:#025ed6}
.story-panel .testimonial-placeholder:nth-child(2) .testimonial-poster{background:#ff6aab}
.story-panel .testimonial-placeholder:nth-child(3) .testimonial-poster{background:#fd0215}
.story-panel .testimonial-placeholder figcaption{color:#020202;padding:0 4px 8px}
.story-panel .testimonial-placeholder strong{font-size:34px}
.story-panel .testimonial-placeholder figcaption span{font-size:14px;margin-top:6px}
@media(hover:hover){.story-panel .benefit-row.motion-visible:hover,.story-panel .testimonial-placeholder.motion-visible:hover{box-shadow:none;translate:0 0}}
@media(max-width:800px){
 .story-panel.benefits-panel,.story-panel.testimonials-panel{padding:30px 18px 24px}
 .benefit-list,.testimonial-grid{gap:30px}
 .story-panel .benefit-row{gap:14px}
 .story-panel .benefit-row img{height:auto;aspect-ratio:16/10;flex:none;border-radius:12px}
 .story-panel .benefit-row h4{font-size:38px}
 .story-panel .benefit-row p{font-size:16px;line-height:1.5;max-width:34ch}
 .story-panel .testimonial-poster{height:auto;aspect-ratio:4/5;flex:none;border-radius:12px}
 .story-panel .testimonial-poster img:not(.interview-brand){object-position:center center}
 .story-panel .testimonial-placeholder{gap:14px}
 .story-panel .testimonial-placeholder figcaption{padding:0}
}

/* Celebrity cutouts sit on Growth color blocks within the oversized quote. */
.editorial-image[data-editorial-image="0"],.editorial-image[data-editorial-image="3"]{background:#025ed6}
.editorial-image[data-editorial-image="1"],.editorial-image[data-editorial-image="4"]{background:#ff6aab}
.editorial-image[data-editorial-image="2"]{background:#fd0215}
.editorial .editorial-image img{width:100%;height:310%;left:0;top:0;object-fit:cover;object-position:center top;filter:none;mix-blend-mode:normal}
.editorial .editorial-image:hover img{filter:none}


/* Sparse square clusters are part of the black section backgrounds. */
.mosaic-host{position:relative;isolation:isolate;overflow:hidden}
.mosaic-cluster{position:absolute;z-index:-1;width:0;height:0;opacity:0;pointer-events:none}
.mosaic-cluster i{position:absolute;display:block}
.paused .mosaic-cluster{visibility:hidden}
@media(prefers-reduced-motion:reduce){.mosaic-cluster{display:none}}

/* A portrait surrounded by five gently floating celebrity quote blurbs. */
.founder-section{grid-template-columns:.9fr 1.1fr;padding:40px 3% 22px;gap:0;min-height:0;align-items:center}
.founder-copy{padding:40px 6%;align-self:center}
.founder-copy h2{font-size:clamp(60px,6.8vw,108px)}
.founder-stage{position:relative;min-height:940px;isolation:isolate}
.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{position:absolute;left:24%;top:220px;width:52%;height:500px;min-height:0;max-width:none;margin:0;rotate:0deg;border-radius:160px 160px 20px 20px;overflow:hidden;z-index:0}
.founder-stage .founder-portrait img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 25%}
.founder-quotes{position:absolute;inset:0;z-index:2}
.founder-blurb{position:absolute;width:clamp(180px,18vw,260px);margin:0;padding:18px 18px 16px;background:#f6e31a;color:#020202;border-radius:20px;box-shadow:0 7px 0 rgba(2,2,2,.1);rotate:var(--blurb-tilt,-1deg);animation:founder-blurb-float var(--blurb-duration,6s) ease-in-out var(--blurb-delay,0s) infinite;transition:opacity .35s ease}
.founder-blurb:nth-child(even){background:#025ed6;color:#fff}
.founder-blurb img{display:block;width:54px;height:54px;object-fit:cover;object-position:center 25%;border-radius:50%;margin-bottom:12px}
.founder-blurb blockquote{margin:0;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:500;line-height:1.4}
.founder-blurb figcaption{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;margin-top:12px}
.founder-blurb:nth-child(1){top:20px;left:5%}
.founder-blurb:nth-child(2){top:190px;right:0}
.founder-blurb:nth-child(3){top:390px;left:0}
.founder-blurb:nth-child(4){top:610px;right:0}
.founder-blurb:nth-child(5){top:750px;left:6%}
.founder-blurb.blurb-changing{opacity:0}
.founder-photo-credits{grid-column:1/-1;font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.5;text-align:center;padding:20px;color:#020202}
.founder-photo-credits summary{cursor:pointer}.founder-photo-credits a{color:inherit}
@keyframes founder-blurb-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:1100px) and (min-width:801px){.founder-section{grid-template-columns:.8fr 1.2fr}.founder-copy{padding:30px 5%}.founder-copy h2{font-size:65px}.founder-blurb{width:200px;padding:16px}.founder-stage{min-height:1040px}.founder-blurb:nth-child(3){top:410px}.founder-blurb:nth-child(4){top:650px}.founder-blurb:nth-child(5){top:830px}}
@media(max-width:800px){
 .founder-section{grid-template-columns:1fr;padding:0 14px 20px}
 .founder-copy{padding:48px 12px 24px}.founder-copy h2{font-size:clamp(54px,15vw,80px);margin-bottom:24px}
 .founder-stage{min-height:1180px}
 .founder-stage .founder-portrait{top:320px;left:18%;width:64%;height:410px;border-radius:120px 120px 18px 18px}
 .founder-blurb{width:calc(50% - 9px);max-width:250px;min-width:0;padding:15px 13px;border-radius:16px}
 .founder-blurb img{width:48px;height:48px;margin-bottom:10px}
 .founder-blurb blockquote{font-size:16px;line-height:1.4}
 .founder-blurb figcaption{font-size:14px;margin-top:10px}
 .founder-blurb:nth-child(1){top:10px;left:0}
 .founder-blurb:nth-child(2){top:85px;right:0}
 .founder-blurb:nth-child(3){top:715px;left:0}
 .founder-blurb:nth-child(4){top:740px;right:0}
 .founder-blurb:nth-child(5){top:980px;left:5%;width:90%;max-width:none;display:grid;grid-template-columns:48px 1fr;gap:0 14px}
 .founder-blurb:nth-child(5) img{grid-row:1/3;margin:0}.founder-blurb:nth-child(5) figcaption{grid-column:2}
 .founder-photo-credits{padding:10px 8px}
}
@media(prefers-reduced-motion:reduce){.founder-blurb{animation:none;transition:none;rotate:0deg}}

.founder-bio .founder-role{font-size:16px;line-height:1.5;font-weight:700}
.founder-achievements{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin:28px 0 0;padding-top:24px;border-top:1px solid rgba(2,2,2,.25)}
.founder-achievements>div{display:flex;flex-direction:column;gap:8px}
.founder-achievements dt{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.4}
.founder-achievements dd{order:-1;font-family:Agharti,sans-serif;font-size:48px;line-height:1;margin:0}
.founder-stage{min-height:1080px}
@media(max-width:800px){.founder-stage{min-height:1320px}.founder-blurb:nth-child(5){top:1120px}.founder-achievements{gap:10px}.founder-achievements dd{font-size:42px}.founder-bio p{max-width:42ch;margin-left:auto;margin-right:auto}}

/* White message bubbles, large portraits outside the bubble, and verified names. */
.founder-stage{min-height:1260px}
.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{left:4%;top:350px;width:92%;height:470px;border-radius:0;background:transparent}
.founder-stage .founder-portrait img{object-fit:contain;object-position:center;min-height:0;border-radius:0}
.founder-blurb,.founder-blurb:nth-child(even){padding:0;background:transparent;color:#020202;box-shadow:none;border-radius:0}
.founder-blurb>img{width:80px;height:80px;border:3px solid #fff;border-radius:50%;margin:0 0 14px 6px;object-fit:cover;box-shadow:0 3px 12px rgba(2,2,2,.1)}
.founder-blurb .blurb-message{position:relative;display:block;margin:0;padding:18px;background:#fff;border-radius:18px;box-shadow:0 6px 18px rgba(2,2,2,.08)}
.blurb-message:before{content:'';position:absolute;top:-8px;left:26px;width:18px;height:18px;background:#fff;rotate:45deg}
.blurb-author{position:relative;display:flex;align-items:center;gap:6px;font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.3;font-weight:700;margin-bottom:10px}
.verified-badge{display:inline-flex;width:18px;height:18px;flex:none;color:#1688fa}.verified-badge svg{width:100%;height:100%}
.founder-blurb blockquote{font-size:16px;line-height:1.45;font-weight:400}
.founder-blurb:nth-child(1){top:0;left:2%}
.founder-blurb:nth-child(2){top:130px;right:0}
.founder-blurb:nth-child(3){top:500px;left:0}
.founder-blurb:nth-child(4){top:730px;right:0}
.founder-blurb:nth-child(5){top:930px;left:4%}
@media(max-width:1100px) and (min-width:801px){.founder-stage{min-height:1380px}.founder-blurb:nth-child(3){top:520px}.founder-blurb:nth-child(4){top:830px}.founder-blurb:nth-child(5){top:1050px}}
@media(max-width:800px){
 .founder-stage{min-height:1570px}
 .founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{top:440px;left:0;width:100%;height:340px;border-radius:0}
 .founder-blurb>img{width:72px;height:72px;margin:0 0 12px 4px}
 .founder-blurb .blurb-message{padding:15px 13px;border-radius:16px}
 .founder-blurb:nth-child(1){top:0;left:0}
 .founder-blurb:nth-child(2){top:120px;right:0}
 .founder-blurb:nth-child(3){top:800px;left:0}
 .founder-blurb:nth-child(4){top:860px;right:0}
 .founder-blurb:nth-child(5){top:1270px;left:6%;width:88%;max-width:none;display:block}
 .founder-blurb:nth-child(5) img{margin:0 0 12px 4px;grid-row:auto}
 .founder-blurb:nth-child(5) figcaption{grid-column:auto}
}

@media(max-width:800px){.speaker-hero .speaker-header{padding-left:20px;padding-right:20px;justify-content:center}}

/* Two mobile speakers plus a small preview; the last speaker wraps visually to the first. */
.speaker-column.speaker-preview{display:none}
@media(max-width:800px){
 .speaker-lineup{height:clamp(360px,54svh,520px)}
 .speaker-lineup:after{flex-basis:12vw}
 .speaker-column,.speaker-column:nth-child(n){flex-basis:44vw;width:44vw}
 .speaker-column.speaker-preview{display:flex}
 .speaker-name{font-size:clamp(30px,8.3vw,58px);padding:20px 12px 12px;min-height:2.5em;line-height:.96}
 .speaker-column .speaker-photo img{left:-120%;width:340%}
}
@media(max-width:800px) and (max-height:650px){.speaker-lineup{height:360px}}

/* Alternating steps make the mobile lineup feel like interlocking blocks. */
@media(max-width:800px){
 .speaker-lineup{align-items:flex-start;background:#020202}
 .speaker-column:nth-child(odd){height:calc(100% - 34px);margin-top:34px}
 .speaker-column:nth-child(even){height:calc(100% - 34px);margin-top:0}
 .speaker-lineup:after{background:#020202}
}

/* More varied squares float above the outer edges of selected sections. */
.mosaic-cluster{z-index:5}
/* Compact rectangular messages with the celebrity photo beside each bubble. */
.founder-section{padding:24px 3% 12px;grid-template-columns:.9fr 1.1fr}
.founder-copy{padding:24px 6%}.founder-copy h2{font-size:clamp(56px,6.2vw,94px);margin-bottom:24px}
.founder-bio h3{font-size:40px}.founder-bio p{font-size:16px;line-height:1.5}
.founder-achievements{margin-top:20px;padding-top:18px}
.founder-stage{min-height:740px}
.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{top:180px;left:3%;width:94%;height:380px}
.founder-blurb{width:clamp(250px,21vw,320px);display:flex;align-items:flex-start;gap:10px;rotate:0deg}
.founder-blurb>img,.founder-blurb:nth-child(5)>img{width:54px;height:54px;flex:0 0 54px;margin:4px 0 0;border:2px solid #fff}
.founder-blurb .blurb-message{flex:1;min-width:0;padding:12px 14px;border-radius:10px}
.blurb-message:before{top:17px;left:-5px;width:12px;height:12px}
.blurb-author{font-size:14px;margin-bottom:6px;gap:5px}
.verified-badge{width:16px;height:16px}
.founder-blurb blockquote{font-size:16px;line-height:1.35}
.founder-blurb:nth-child(1){top:0;left:0}
.founder-blurb:nth-child(2){top:110px;right:0}
.founder-blurb:nth-child(3){top:330px;left:0}
.founder-blurb:nth-child(4){top:470px;right:0}
.founder-blurb:nth-child(5){top:610px;left:2%;width:86%;max-width:400px}
.founder-photo-credits{padding:10px;font-size:12px}
@media(max-width:1100px){
 .founder-section{grid-template-columns:1fr;gap:12px}
 .founder-copy{padding:32px 16px 12px;max-width:740px;margin:auto}
 .founder-copy h2{font-size:clamp(48px,10vw,74px);line-height:.95;margin-bottom:20px}
 .founder-bio{max-width:660px}.founder-bio h3{font-size:36px}
 .founder-stage{display:flex;flex-direction:column;min-height:0;gap:20px;padding:0 8px;max-width:780px;width:100%;margin:auto}
 .founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;order:0}
 .founder-stage .founder-portrait img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain}
 .founder-quotes{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;order:1;padding:6px 0}
 .founder-blurb,.founder-blurb:nth-child(n){position:relative;inset:auto;width:100%;max-width:none;display:flex;margin:0;align-self:start}
 .founder-blurb:nth-child(5){grid-column:1/-1;max-width:420px;justify-self:center}
}
@media(max-width:600px){
 .founder-section{padding:16px 14px;gap:12px}
 .founder-copy{padding:24px 6px 12px}
 .founder-bio p{font-size:16px;line-height:1.45;margin-top:14px;margin-bottom:14px}
 .founder-achievements dd{font-size:38px}.founder-achievements dt{font-size:14px}
 .founder-stage{padding:0;gap:16px}
 .founder-stage .founder-portrait img{max-height:240px}
 .founder-quotes{grid-template-columns:1fr;gap:12px;padding:4px 0}
 .founder-blurb,.founder-blurb:nth-child(5){gap:10px;max-width:none;grid-column:auto}
 .founder-blurb>img,.founder-blurb:nth-child(5)>img{width:46px;height:46px;flex-basis:46px;margin:4px 0 0}
 .founder-blurb .blurb-message{padding:11px 13px;border-radius:9px}
 .founder-blurb blockquote{font-size:16px;line-height:1.35}
}

/* The mobile lineup is a two-column stack with alternating Tetris-like steps. */
@media(max-width:800px){
 .speaker-lineup.stacked-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;height:auto;overflow:hidden;scroll-snap-type:none;align-items:start}
 .speaker-lineup.stacked-mobile:after{display:none}
 .stacked-mobile .speaker-column,.stacked-mobile .speaker-column:nth-child(n){width:100%;height:clamp(250px,70vw,360px);margin:0;min-width:0}
 .stacked-mobile .speaker-column:nth-child(even){margin-top:28px}
 .stacked-mobile .speaker-column.speaker-preview{display:none!important}
 .speaker-hero .mobile-speaker-controls{display:none}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
 .stacked-mobile .speaker-column.speaker-in-view .speaker-photo{animation:speaker-stage-enter 1.15s cubic-bezier(.16,1,.3,1) both}
 .stacked-mobile .speaker-column.speaker-in-view .speaker-name{animation:speaker-title-enter .75s cubic-bezier(.16,1,.3,1) .12s both}
 .stacked-mobile .speaker-column.speaker-in-view .speaker-photo img{animation:speaker-stage-float 5s ease-in-out 1.15s infinite}
}
.founder-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:20px}
.founder-socials a{font-family:'DM Sans',sans-serif;display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:#020202;text-decoration:underline;text-underline-offset:5px}
.growth-footer{background:#025ed6;color:#fff;padding:52px max(24px,5vw) 24px;font-family:'DM Sans',sans-serif}
.footer-top{display:grid;grid-template-columns:1.4fr .7fr 1.1fr;gap:48px;align-items:start}
.footer-brand img{display:block;width:100%;max-width:380px;height:auto}.footer-brand p{font-size:14px;letter-spacing:.12em;margin:20px 0 0}
.growth-footer a{color:inherit;text-decoration:none}.growth-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-nav{display:flex;flex-direction:column;gap:2px}.footer-nav a{display:flex;align-items:center;min-height:44px;font-size:16px}
.footer-connect h2{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.4;margin:0 0 12px}
.footer-connect nav{display:flex;flex-wrap:wrap;gap:0 18px}.footer-connect a{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.footer-credits{margin-top:36px;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.footer-credits summary{font-size:14px;cursor:pointer;padding:18px 0;min-height:48px}
.footer-credits>div{max-width:1100px;padding:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.footer-credits p{font-size:14px;line-height:1.6;margin:0}.footer-credits a{text-decoration:underline;text-underline-offset:3px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:14px}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom span{align-self:center}
@media(max-width:800px){.growth-footer{padding:36px 24px 16px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-brand img{max-width:310px}.footer-nav{flex-direction:row;flex-wrap:wrap;gap:0 20px}.footer-connect nav{gap:0 20px}.footer-credits{margin-top:24px}.footer-credits>div{grid-template-columns:1fr;gap:16px}}

/* Footer remains in normal page flow, after every section. */
footer.growth-footer{position:relative;inset:auto;bottom:auto;left:auto;right:auto;top:auto;transform:none;translate:none;width:100%;text-align:left;display:block;clear:both}
/* Preserve Andrew's complete landscape photograph, without cropping or a square frame. */
.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{height:auto;min-height:0;aspect-ratio:3/2;overflow:visible;border-radius:0}
.founder-stage .founder-portrait img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:0}
.mosaic-cluster,.mosaic-cluster i{transition:none!important;animation:none!important}
@media(max-width:800px){
 .speaker-lineup.stacked-mobile{gap:0;padding:0;align-items:stretch}
 .stacked-mobile .speaker-column,.stacked-mobile .speaker-column:nth-child(n){height:clamp(230px,64vw,320px);margin:0;border-radius:0;position:relative}
 .founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{height:auto;aspect-ratio:3/2}
 .founder-stage .founder-portrait img{height:auto;max-height:none;object-fit:contain}
}

/* Typewriter entrances replace text fades, without shifting the typography. */
.typed-char{opacity:0}
.typed-text.is-typed .typed-char{animation:typed-character 1ms steps(1,end) var(--char-delay,0ms) both}
@keyframes typed-character{from{opacity:0}to{opacity:1}}
.typed-text.motion-reveal,.founder-bio.motion-reveal,.benefit-row.motion-reveal,.testimonial-placeholder.motion-reveal{opacity:1;translate:0 0;transition:none}
.editorial-row{opacity:1;translate:0 0;transition:none}
.typed-text .motion-text-line,.motion-visible .motion-text-line,.speaker-name .motion-text-line{animation:none!important}
@media(max-width:800px){.speaker-column.speaker-in-view .speaker-name,.speaker-column.is-current .speaker-name{animation:none!important}}
@media(prefers-reduced-motion:reduce){.typed-char{opacity:1;animation:none!important}}

/* Crisp opening mosaic: solid brand strips slide apart on straight tracks. */
.growth-intro{position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden}
.growth-intro canvas{display:block;position:absolute;inset:0}
.intro-skip{pointer-events:auto;position:absolute;right:20px;bottom:20px;z-index:1;background:#050405;color:#fff;border:1px solid #fff;padding:9px 14px;font:600 12px/1.2 Arial,sans-serif;cursor:pointer}
.intro-skip:focus-visible{outline:3px solid #f6e31a;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.growth-intro{display:none}}

/* A tall editorial portrait carries the floating messages on every screen. */
.founder-stage{min-height:780px}
.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{position:absolute;top:0;left:5%;width:90%;height:760px;aspect-ratio:auto;overflow:hidden;clip-path:polygon(0 4%,8% 4%,8% 0,100% 0,100% 96%,92% 96%,92% 100%,0 100%)}
.founder-stage .founder-portrait img{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:52% center}
.founder-quotes{position:absolute;inset:0;display:block;padding:0;z-index:2}
.founder-blurb,.founder-blurb:nth-child(n){position:absolute;width:clamp(250px,21vw,320px);max-width:320px;margin:0}
.founder-blurb:nth-child(1){top:12px;left:0;right:auto}
.founder-blurb:nth-child(2){top:340px;right:0;left:auto}
.founder-blurb:nth-child(3){top:460px;left:0;right:auto}
.founder-blurb:nth-child(4){top:590px;right:0;left:auto}
.founder-blurb:nth-child(5){top:690px;left:0;right:auto}
.ticket-cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 26px;background:#f6e31a;color:#050405;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:.02em;text-decoration:none;border:2px solid #050405;box-shadow:5px 5px 0 #050405;transition:transform .18s,box-shadow .18s;position:relative;z-index:6}
.ticket-cta:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #050405}
.ticket-cta:focus-visible{outline:3px solid #025ed6;outline-offset:5px}
.hero-ticket-cta{display:flex;justify-content:center;padding:24px 20px 30px;background:#050405}
.hero-ticket-cta .ticket-cta,.growth-faq .ticket-cta{border-color:#fff;box-shadow:5px 5px 0 #fff}
.section-ticket-cta{margin-top:28px;text-align:center;padding-bottom:8px}
.benefits-panel .section-ticket-cta{margin-bottom:28px}
.pop-archive .ticket-cta{font-size:16px;vertical-align:middle;margin-top:20px}
@media(max-width:1100px){
 .founder-stage{display:block;min-height:700px;max-width:720px;padding:0}
 .founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{position:absolute;top:0;left:8%;width:84%;height:680px;aspect-ratio:auto}
 .founder-quotes{position:absolute;inset:0;display:block}
 .founder-blurb:nth-child(5){max-width:320px;top:590px;left:0}
 .founder-blurb:nth-child(4){top:470px}
 .founder-blurb:nth-child(3){top:360px}
 .founder-blurb:nth-child(2){top:230px}
}
@media(max-width:600px){
 .founder-stage{min-height:clamp(480px,140vw,620px);margin-top:10px}
 .founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{height:100%;left:0;width:100%;clip-path:polygon(0 3%,8% 3%,8% 0,100% 0,100% 97%,92% 97%,92% 100%,0 100%)}
 .founder-stage .founder-portrait img{object-fit:cover;object-position:52% center}
 .founder-blurb,.founder-blurb:nth-child(n){width:88%;max-width:340px;left:0;right:auto;top:10px;bottom:auto;animation:mobile-message-cycle 15s linear infinite both;animation-delay:var(--message-delay)}
 .founder-blurb:nth-child(1){--message-delay:0s}
 .founder-blurb:nth-child(2){--message-delay:3s;top:auto;bottom:18px;left:auto;right:0}
 .founder-blurb:nth-child(3){--message-delay:6s}
 .founder-blurb:nth-child(4){--message-delay:9s;top:auto;bottom:18px;left:auto;right:0}
 .founder-blurb:nth-child(5){--message-delay:12s}
 .founder-blurb .blurb-message{padding:10px 12px}
 .founder-blurb>img,.founder-blurb:nth-child(5)>img{width:40px;height:40px;flex-basis:40px}
 .hero-ticket-cta{padding:20px 18px 26px}
 .ticket-cta{max-width:100%;padding:15px 22px}
}
@keyframes mobile-message-cycle{0%{opacity:0;visibility:hidden;transform:translateY(12px)}2%,30%{opacity:1;visibility:visible;transform:translateY(0)}32%,100%{opacity:0;visibility:hidden;transform:translateY(-8px)}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.founder-blurb:nth-child(n){animation:none;opacity:1;visibility:visible}.founder-blurb:nth-child(n+3){display:none}}

/* Questions remain single typographic units within spacious accordion cards. */
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;align-items:start}
.faq-item{border:1px solid #333;background:#101010;border-radius:16px;overflow:hidden;transition:border-color .2s,background .2s}
.faq-item:hover{border-color:#777}
.faq-item[open]{background:#181818;border-color:#f6e31a}
.faq-item summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:18px;padding:24px;font-size:19px;line-height:1.4;min-height:102px}
.faq-item summary span,.faq-item[open] summary span{font-size:inherit;font-weight:inherit;line-height:inherit;transform:none;transition:none}
.faq-item summary .faq-question{display:block;min-width:0}
.faq-item summary .typed-char{display:inline}
.faq-item summary .faq-toggle{display:grid;place-items:center;width:32px;height:32px;border:1px solid #555;border-radius:50%;font-size:24px;line-height:1;font-weight:400;transition:transform .2s,background .2s}
.faq-item[open] summary .faq-toggle{transform:rotate(45deg);background:#f6e31a;border-color:#f6e31a;color:#050405}
.faq-item summary:focus-visible{outline:3px solid #f6e31a;outline-offset:-4px;border-radius:14px}
.faq-answer{padding:0 24px 24px;max-width:none;animation:none}
.faq-answer p{font-size:16px;line-height:1.6;color:#ddd}
@media(max-width:800px){.faq-list{grid-template-columns:1fr;gap:10px}.faq-item summary{padding:20px;min-height:82px;font-size:17px;gap:14px}.faq-answer{padding:0 20px 22px}}

/* Speaker portraits and names travel with their colored tile. */
.speaker-column .speaker-photo,.speaker-column .speaker-photo img,.speaker-column .speaker-name,
.speaker-column.speaker-in-view .speaker-photo,.speaker-column.speaker-in-view .speaker-photo img,
.speaker-column.speaker-in-view .speaker-name,.speaker-column.is-current .speaker-name{animation:none!important;translate:none;transition:none}
@keyframes speaker-tile-enter{from{transform:translateY(55px)}to{transform:translateY(0)}}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.speaker-column{animation:speaker-tile-enter .8s cubic-bezier(.16,1,.3,1) calc(var(--speaker-order,0)*.07s) both}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.stacked-mobile .speaker-column.speaker-in-view{animation:speaker-tile-enter .7s cubic-bezier(.16,1,.3,1) both}}
.speaker-column .speaker-photo,.speaker-column .speaker-photo img,.speaker-column .speaker-name,.speaker-column:hover .speaker-photo img,.speaker-column.is-current .speaker-photo img{opacity:1;transform:none!important;scale:1}
.hero-ticket-cta{flex-shrink:0}

/* Clean ticket pills, with a small brand pixel accent and no offset shadow. */
.ticket-cta,.pop-archive .ticket-cta,.growth-faq .ticket-cta{gap:14px;min-height:58px;padding:17px 30px;border:0;border-radius:999px;background:#050405;color:#fff;box-shadow:none;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:750;letter-spacing:.015em;line-height:1.25;transition:background .2s,color .2s,transform .2s}
.ticket-cta:before{content:'';width:8px;height:8px;flex:0 0 8px;background:#025ed6;box-shadow:5px -5px 0 #ff6aab,5px 5px 0 #f6e31a;margin-right:5px}
.ticket-cta:hover,.growth-faq .ticket-cta:hover{background:#025ed6;color:#fff;box-shadow:none;transform:translateY(-2px)}
.community-feed .ticket-cta,.growth-faq .ticket-cta{background:#fff;color:#050405;box-shadow:none;border:0}
.community-feed .ticket-cta:hover{background:#f6e31a;color:#050405}
.section-ticket-cta{margin-top:34px;padding:0 0 6px;text-align:center}
.event-collage .section-ticket-cta{flex-shrink:0;margin-top:22px}
.founder-bio .section-ticket-cta{margin-top:26px}
.community-feed>.section-ticket-cta{margin-top:44px}
.growth-faq>.section-ticket-cta{margin-top:36px}
@media(max-width:600px){.ticket-cta,.growth-faq .ticket-cta{min-height:56px;padding:17px 27px;font-size:15px}.section-ticket-cta{margin-top:26px}.community-feed>.section-ticket-cta{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.ticket-cta{transition:none}.ticket-cta:hover{transform:none}}

/* The supplied wide logo animation sits flush on the black masthead. */
.speaker-hero .speaker-header{height:auto;min-height:0;padding:24px 4vw;justify-content:center;background:#000}
.speaker-hero .speaker-header .animated-brand{display:block;position:relative;width:min(100%,960px);max-width:960px;aspect-ratio:4.8/1;background:#000;mask:none;overflow:hidden}
.animated-brand .header-logo-video,.animated-brand .header-logo-still{position:absolute;left:50%;top:50%;width:120%;max-width:none;height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%);object-fit:contain}
.animated-brand .header-logo-still{display:none}
@media(max-width:800px){.speaker-hero .speaker-header{padding:18px 20px}.speaker-hero .speaker-header .animated-brand{width:100%;max-width:600px}}
@media(prefers-reduced-motion:reduce){.animated-brand .header-logo-video{display:none}.animated-brand .header-logo-still{display:block}}

/* Ticket calls to action use text alone. */
.ticket-cta:before{content:none;display:none}
.ticket-cta{gap:0}
/* Keep the longer closing thought comfortable at phone widths. */
.pop-archive h2{font-size:clamp(50px,8.5vw,140px);line-height:1.05}
@media(max-width:800px){.pop-archive h2{font-size:clamp(38px,9vw,72px)}}

/* A compact bento shifts emphasis between speakers without separating its content. */
@media(max-width:800px){
 .speaker-lineup.stacked-mobile{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,clamp(70px,18vw,100px));gap:5px;padding:5px;background:#050405;grid-template-areas:'a a b b' 'a a b b' 'a a c c' 'd d c c' 'd d e f' 'd d e f'}
 .speaker-lineup.stacked-mobile[data-bento='1']{grid-template-areas:'a a b b' 'a a b b' 'c d b b' 'c d b b' 'c d e e' 'f f e e'}
 .stacked-mobile .speaker-column,.stacked-mobile .speaker-column:nth-child(n){width:auto;height:auto;min-width:0;min-height:0;margin:0;border-radius:12px;container-type:inline-size;transform-origin:0 0}
 .stacked-mobile .speaker-column.speaker-in-view{animation:none}
 .stacked-mobile .speaker-name{font-size:clamp(21px,16cqw,34px);min-height:0;padding:12px 10px 7px;line-height:.98;text-align:left}
 .stacked-mobile .bento-narrow .speaker-name{font-size:clamp(18px,20cqw,24px);padding:10px 7px 5px}
 .stacked-mobile .speaker-photo{position:relative;flex:1;min-height:0}
 .stacked-mobile .speaker-photo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}
}

/* Remove the old scroll-runway gaps and keep section seams consistent. */
.scroll-story{padding-top:64px;padding-bottom:48px}
.story-intro{margin-bottom:44px}
.panel-stack{padding-bottom:0}
.story-panel{margin-bottom:clamp(28px,4vw,56px)}
.story-panel:last-child{margin-bottom:0}
body>.editorial,body>.founder-section,body>.community-feed,body>.pop-archive,body>.growth-faq{margin-top:0;margin-bottom:0}
@media(max-width:800px){
 .scroll-story{padding-top:36px;padding-bottom:32px}
 .story-intro{margin-bottom:28px}
 .panel-stack{padding-bottom:0;gap:22px}
 .story-panel,.story-panel.benefits-panel,.story-panel.event-collage,.story-panel.testimonials-panel{margin:0}
 .editorial{padding-top:32px;padding-bottom:32px}
 .community-feed{padding-top:40px;padding-bottom:40px}
 .growth-faq{padding-top:40px;padding-bottom:40px}
}

/* Width-based waist-up framing preserves each head and shoulder silhouette. */
@media(max-width:800px){
 .stacked-mobile .speaker-column,.stacked-mobile .speaker-column:nth-child(n){justify-content:space-between}
 .stacked-mobile .speaker-photo{width:100%;aspect-ratio:1.23;height:auto;min-height:0;flex:0 0 auto;overflow:hidden}
 .stacked-mobile .speaker-photo img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:initial;object-position:initial}
 .stacked-mobile .speaker-name{position:relative;z-index:2;flex:0 0 auto}
}

/* The event date bridges the city masthead and the next section. */
.hero-event-date{display:flex;justify-content:center;align-items:center;margin:0;padding:6px 20px 22px;background:#050405;color:#fff;font-family:'DM Sans',sans-serif;font-size:clamp(18px,2.3vw,28px);font-weight:600;letter-spacing:.14em;line-height:1.3}
.hero-event-date+.scroll-story{padding-top:28px}
.ticket-stub-copy .ticket-growth-logo{display:block;width:100%;max-width:170px;height:auto;filter:brightness(0);margin:0 0 10px}
.tour-card:first-child .ticket-growth-logo{filter:none}
@media(max-width:600px){
 .hero-event-date{padding:0 18px 20px;font-size:17px;letter-spacing:.1em}
 .hero-event-date+.scroll-story{padding-top:20px}
 .founder-blurb:nth-child(n){animation:none;visibility:visible;opacity:1;transform:none;top:auto;bottom:16px;left:0;right:auto;width:90%}
 .founder-blurb:nth-child(1){top:8px;bottom:auto}
 .founder-blurb:nth-child(2){bottom:155px;left:auto;right:0}
 .founder-blurb:nth-child(3){bottom:16px}
 .founder-blurb:nth-child(n+4){display:none}
 .founder-blurb .blurb-message{padding:10px 12px}
 .ticket-stub-copy .ticket-growth-logo{max-width:145px}
}

/* The entire city ticket is a single, keyboard-accessible link. */
.city-ticket-link{display:block;min-width:0;color:inherit;text-decoration:none;outline-offset:8px}
.city-ticket-link:focus-visible{outline:3px solid #fff;border-radius:8px}
.city-ticket-link:nth-child(1) .tour-card{background:#025ed6;color:#fff;rotate:-2deg}
.city-ticket-link:nth-child(2) .tour-card{background:#f6e31a;color:#050405;rotate:2deg;margin-top:36px}
.city-ticket-link:nth-child(3) .tour-card{background:#ff6aab;color:#050405;rotate:-1.5deg;margin-top:8px}
.city-ticket-link:nth-child(n+2) .ticket-growth-logo,.city-ticket-link:nth-child(n+2) .ticket-barcode{filter:brightness(0)}
.city-ticket-link:hover .tour-card{transform:translateY(-6px);rotate:0deg}
.city-header{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#050405;padding:24px max(24px,5vw)}
.city-header img{display:block;width:180px;height:auto}
.city-back,.city-text-link{font-family:'DM Sans',sans-serif;font-size:16px;color:inherit;text-decoration:underline;text-underline-offset:5px}
.city-back{color:#fff}
.city-main{display:block;background:#050405;color:#fff}
.city-hero{background:var(--city-color);color:var(--city-ink);display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:460px}
.city-hero-copy{padding:64px max(24px,5vw)}
.city-eyebrow{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:.15em;margin:0 0 24px}
.city-hero h1{font-family:var(--display-font);font-size:clamp(70px,9vw,150px);line-height:1;margin:0 0 26px}
.city-date{font-family:'DM Sans',sans-serif;font-size:24px;font-weight:700;line-height:1.4;margin:0 0 12px}
.city-venue{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.5;margin:0}
.city-skyline{width:100%;height:100%;min-height:460px;object-fit:cover}
.city-details{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:64px max(24px,7vw);max-width:1500px;margin:auto}
.city-details h2{font-family:var(--display-font);font-size:clamp(40px,4.5vw,68px);line-height:1.05;margin:0 0 24px}
.city-details p,.city-event-info dl{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.6}
.city-details p{margin-bottom:26px;max-width:52ch}
.city-event-info{padding:28px;background:#161616;border-radius:18px}
.city-event-info dl{margin:0 0 30px}.city-event-info dl div{padding:12px 0;border-bottom:1px solid #333}.city-event-info dt{font-size:14px;color:#aaa}.city-event-info dd{margin:3px 0 0;font-weight:600}
.city-event-info h3{font-family:'DM Sans',sans-serif;font-size:20px;margin:0 0 8px}
.city-footer{display:flex!important;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:14px;padding:28px max(24px,5vw)}
@media(max-width:800px){.city-ticket-link:nth-child(n) .tour-card{rotate:0deg;margin-top:0}.city-hero{grid-template-columns:1fr;min-height:0}.city-hero-copy{padding:44px 24px}.city-skyline{height:240px;min-height:0}.city-details{grid-template-columns:1fr;padding:40px 24px;gap:32px}.city-header{padding:20px 24px}.city-header img{width:140px}.city-back{font-size:14px}}

/* Larger waist-up portraits and a gentler mobile rhythm. */
@media(max-width:800px){
 .speaker-lineup.stacked-mobile[data-bento='1']{grid-template-areas:'a a b b' 'a a b b' 'c d b b' 'c d e e' 'f f e e' 'f f e e'}
 .stacked-mobile .speaker-column,.stacked-mobile .speaker-column:nth-child(n){justify-content:flex-start}
 .stacked-mobile .speaker-photo{position:relative;width:100%;height:auto;aspect-ratio:auto;min-height:0;flex:1 1 auto;overflow:hidden}
 .stacked-mobile .speaker-photo img{left:50%;top:0;width:auto;height:190%;min-width:100%;max-width:none;max-height:none;object-fit:cover;object-position:center top;translate:-50% 0!important}
 .mobile-soft-reveal,.mobile-soft-reveal.motion-reveal{opacity:0;translate:0 0;transform:translate3d(0,20px,0);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--soft-delay,0ms)}
 .mobile-soft-reveal.is-soft-visible,.mobile-soft-reveal.motion-reveal.is-soft-visible{opacity:1;transform:translate3d(0,0,0)}
 .faq-item.mobile-soft-reveal{transition:opacity .6s,transform .75s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s}
}
@media(prefers-reduced-motion:reduce){.mobile-soft-reveal,.mobile-soft-reveal.motion-reveal{opacity:1;transform:none;transition:none}}

/* Speaker images occupy the whole mobile tile; names sit over the lower edge. */
@media(max-width:800px){
 .speaker-lineup.stacked-mobile{grid-template-rows:repeat(6,clamp(86px,21vw,120px))}
 .stacked-mobile .speaker-column .speaker-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;flex:none}
 .stacked-mobile .speaker-column .speaker-photo img{height:190%;width:auto;min-width:100%;left:50%;top:0;translate:-50% 0!important}
 .stacked-mobile .speaker-column .speaker-name,.stacked-mobile .bento-narrow .speaker-name{position:absolute;left:0;right:0;bottom:0;top:auto;z-index:3;margin:0;padding:24px 10px 12px;color:#fff;text-shadow:0 1px 6px #0009;background:linear-gradient(transparent,#000b);font-size:clamp(22px,17cqw,36px);line-height:.98;min-height:0}
 .stacked-mobile .bento-narrow .speaker-name{padding:22px 7px 10px;font-size:clamp(18px,20cqw,25px)}
 .stacked-mobile .speaker-photo:has(img[src*='andrew-cordle']) img{left:40%}
}
.growth-intro.is-closing{pointer-events:auto}
.growth-intro.is-closing .intro-skip{display:none}

/* Andrew's uninterrupted portrait uses a softly rounded frame. */
.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{clip-path:none;border-radius:24px;overflow:hidden}
.founder-stage .founder-portrait img{border-radius:0;opacity:1}
@media(max-width:800px){.founder-stage .founder-portrait,.founder-stage .founder-portrait:hover{border-radius:20px}}

/* Center the logo and supporting details on each city-ticket stub. */
.ticket-stub{grid-template-columns:1fr;text-align:center;justify-items:center}
.ticket-stub-copy{width:100%;text-align:center}
.ticket-stub-copy .ticket-growth-logo{margin:0 auto 10px}
.ticket-stub .ticket-barcode{justify-self:center}
.ticket-stub .ticket-number{width:100%;text-align:center}

/* A restrained highlight gives the tickets a lightly polished finish. */
.tour-card,.stop-event-ticket,.stop-tier{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.tour-card:before,.stop-event-ticket:before,.stop-tier:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 38%,transparent 74%,rgba(255,255,255,.035))}
.tour-card:after,.stop-event-ticket:after,.stop-tier:after{content:'';position:absolute;inset:-20%;z-index:5;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.22) 49%,rgba(255,255,255,.06) 54%,transparent 62%);transform:translateX(-125%);transition:transform .95s cubic-bezier(.22,.7,.3,1)}
.city-ticket-link:hover .tour-card:after,.city-ticket-link:focus-visible .tour-card:after,.stop-event-ticket:hover:after,.stop-tier:hover:after{transform:translateX(125%)}
@media(prefers-reduced-motion:reduce){.tour-card:after,.stop-event-ticket:after,.stop-tier:after{display:none}}

/* Portraits and concise sample blurbs replace the video placeholders. */
.story-panel.testimonials-panel{height:auto;min-height:0;max-height:none}
.story-panel.testimonials-panel .sample-testimonial-note{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5;margin:-8px 0 0;text-align:center;color:#050405}
.testimonials-panel .testimonial-poster{flex:none;width:100%;height:auto;aspect-ratio:1;min-height:0}
.testimonials-panel .testimonial-placeholder{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.story-panel .testimonial-placeholder figcaption{padding:0 4px 10px;text-align:left}
.sample-testimonial-quote{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.5;margin:0 0 16px}
.story-panel .testimonial-placeholder .sample-testimonial-name{display:block;font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.3;font-weight:700;text-transform:none}
.story-panel .testimonial-placeholder .sample-testimonial-topic{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;margin-top:6px}
@media(max-width:800px){.testimonials-panel .testimonial-poster{height:auto;aspect-ratio:1.15}.sample-testimonial-quote{font-size:16px}.story-panel.testimonials-panel .sample-testimonial-note{margin:0;font-size:14px}}

/* Independent scale keeps the existing card and bento motion intact. */
.scroll-settle{scale:var(--section-scale,1);transform-origin:center top}
.scroll-settle.is-settling{will-change:scale}
@media(prefers-reduced-motion:reduce){.scroll-settle{scale:1!important;will-change:auto}}

/* Andrew leads his section with the portrait on mobile. */
@media(max-width:800px){.founder-section>.founder-stage{order:-1}.founder-section>.founder-copy{order:0}}

.testimonial-sample-label{display:block;font:600 12px/1.4 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;color:#050405}

/* A dedicated nameplate separates Andrew's name from the surrounding copy. */
.founder-bio h3{display:inline-block;max-width:100%;box-sizing:border-box;background:#050405;color:#fff;padding:16px 22px 20px;border-radius:12px;font-family:var(--display-font);font-variation-settings:'wght' 90,'wdth' 22;font-size:clamp(36px,4vw,54px);line-height:1.05;margin:4px 0 12px;box-shadow:none}
.founder-bio .founder-role{margin-top:8px;font-weight:700}
@media(max-width:800px){.founder-bio h3{font-size:clamp(32px,8.4vw,48px);padding:14px 18px 18px;border-radius:10px}}

@media(min-width:801px){.speaker-lineup>.speaker-column{animation:none!important}.speaker-lineup>.waterfall-pending{visibility:hidden}}

@media(min-width:801px){.speaker-hero,.speaker-hero .speaker-lineup,.stop-lineup,.stop-bento.speaker-lineup{background:#000}}

/* Frame the newly supplied waist-up Andrew cutout around his face and cap. */
@media(min-width:801px){.speaker-hero .speaker-column .speaker-photo img[src$='andrew-cordle-header.webp']{left:0;top:0;width:100%;height:100%;min-width:0;object-fit:cover;object-position:center top;translate:none!important;transform:none!important}}
@media(max-width:800px){.stacked-mobile .speaker-column .speaker-photo img[src$='andrew-cordle-header.webp']{left:50%;top:0;width:auto;height:125%;min-width:0;object-fit:contain;translate:-50% 0!important}}
