body.ic-public:has(.reveal-hero) header.public-site-header{background:#071834!important;border:0!important;box-shadow:none!important}
body.ic-public:has(.reveal-hero) .public-site-header .nav{max-width:1600px;min-height:76px;padding-inline:clamp(24px,5vw,80px)}
body.ic-public:has(.reveal-hero) .public-site-header .logo{font-size:22px!important}
/* Keep the complete hero canvas stable when it appears; only its scene content changes. */
.reveal-hero{position:relative;isolation:isolate;background:#071834;color:white;overflow:hidden;transition:background-color .8s ease}
.reveal-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 20%,#16345e55,transparent 60%)}
.reveal-hero[data-scene="1"]{background:#071d43}.reveal-hero[data-scene="2"]{background:#101b43}.reveal-hero[data-scene="3"]{background:#151747}
.reveal-layout{max-width:1600px;margin:auto;padding:64px clamp(24px,5vw,80px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:center;min-height:640px;box-sizing:border-box}
.reveal-copy{min-width:0}.reveal-eyebrow{font:600 11px/1.4 "Outfit",sans-serif;letter-spacing:.16em;margin:0 0 22px;color:#f1e7ff}
body.ic-public .reveal-copy h1{font:600 clamp(38px,4.3vw,65px)/1.06 "Outfit",sans-serif!important;letter-spacing:-.045em!important;margin:0 0 24px;color:#fff!important}
.reveal-word{display:block;color:#ffe59a;min-height:2.12em;max-width:620px}.reveal-description{font:400 16px/1.55 "Outfit",sans-serif;max-width:470px;min-height:75px;margin:0 0 24px;color:#f4edfc}
.reveal-actions{display:flex;flex-wrap:wrap;gap:12px}.reveal-actions a{padding:14px 23px;border-radius:999px;font:500 14px "Outfit",sans-serif;color:#fff;border:1px solid #ffffff88;text-decoration:none}.reveal-actions a:first-child{background:#fff;color:#271243;border-color:#fff}.reveal-actions a span{margin-left:15px}
.reveal-search{display:flex;max-width:430px;margin-top:18px;background:#ffffff15;border:1px solid #ffffff55;border-radius:999px;padding:6px 8px 6px 20px}.reveal-search input{min-width:0;flex:1;background:transparent;border:0;color:#fff;outline:0;font:13px "Outfit",sans-serif}.reveal-search input::placeholder{color:#f0e9f3}.reveal-search button{width:34px;height:34px;border:0;background:white;color:#53298b;border-radius:50%;cursor:pointer}
.reveal-controls{display:flex;align-items:center;gap:12px;margin-top:28px}.reveal-controls>button{width:32px;height:32px;border:1px solid #ffffff66;border-radius:50%;background:transparent;color:white;cursor:pointer}.reveal-dots{display:flex;gap:8px}.reveal-dots button{width:8px;height:8px;border:1px solid #fff;border-radius:50%;padding:0;background:transparent;cursor:pointer}.reveal-dots button[aria-current]{background:#fff}.reveal-count{font:12px "Outfit",sans-serif;opacity:.7}.reveal-hero button:focus-visible,.reveal-hero a:focus-visible{outline:3px solid #ffe59a;outline-offset:4px}
.reveal-stage{position:relative;min-width:0;height:480px}.reveal-scene{position:absolute;inset:0 3%;animation:scene-stage-reveal .92s cubic-bezier(.16,1,.3,1) both}.reveal-scene[hidden]{display:none}.reveal-orbit{position:absolute;inset:4% 0 8%;border:1px solid #ffffff55;border-radius:50%;transform:rotate(-22deg)}
.reveal-shape{position:absolute;inset:10% 10% 8%;background:#d7b4f4;border-radius:48% 48% 12% 12%;transform:rotate(-8deg)}
.reveal-portrait{position:absolute;object-fit:cover;box-shadow:0 20px 60px #16052433;animation:portrait-reveal 1s cubic-bezier(.2,.7,.2,1) both}
.portrait-0{left:7%;top:12%;width:45%;height:64%;border-radius:48% 48% 8px 8px}.portrait-1{right:5%;top:26%;width:43%;height:60%;border-radius:12px 12px 45% 45%;animation-delay:.15s}.portrait-2{right:10%;top:0;width:20%;height:24%;border-radius:50%;border:5px solid #fceabb;animation-delay:.3s}
.reveal-float{position:absolute;z-index:2;background:#fff;color:#1d2440;padding:14px;border-radius:10px;box-shadow:0 15px 45px #19052522;animation:float-reveal .8s .4s both}.float-top{top:9%;right:0;display:flex;align-items:center;gap:9px;max-width:240px}.reveal-check{display:grid;place-items:center;width:30px;height:30px;background:#e7f9f2;color:#249881;border-radius:50%}.reveal-float strong{display:block;font:600 13px/1.3 "Outfit",sans-serif}.reveal-float small{display:block;font:11px/1.4 "Outfit",sans-serif;color:#667088}.float-bottom{bottom:5%;left:0;width:38%;transform:rotate(-3deg)}.float-bottom svg{width:100%;height:54px;color:#8d50e4;margin:8px 0}.reveal-caption{position:absolute;bottom:-12px;right:0;width:48%;font:600 27px/1 "Caveat",cursive;color:#ffeca7;transform:rotate(-5deg)}.reveal-spark{position:absolute;top:1%;left:3%;width:45px;color:#ffe59a}
.scene-1 .reveal-shape{background:#8ce1c0;border-radius:20px;transform:rotate(7deg)}.scene-1 .portrait-0{border-radius:12px;top:2%;height:66%}.scene-1 .portrait-1{border-radius:100px 100px 12px 12px}
/* Scene 3: angular editorial grid */
.scene-2 .reveal-shape{inset:10% 8% 9%;border-radius:0;clip-path:polygon(0 9%,87% 0,100% 84%,14% 100%);background-color:#ff9b79;background-image:linear-gradient(#07183422 1px,transparent 1px),linear-gradient(90deg,#07183422 1px,transparent 1px);background-size:34px 34px;transform:rotate(-2deg)}
.scene-2 .reveal-shape:after{content:"03";position:absolute;right:4%;top:0;color:#071834;font:700 76px/1 "Outfit",sans-serif;opacity:.16}
.scene-2 .reveal-orbit{inset:5% 2% 8%;border:0;border-left:4px solid #ffe05e;border-bottom:4px solid #ffe05e;border-radius:0;transform:rotate(3deg)}
.scene-2 .reveal-orbit:after{content:"";position:absolute;right:-18px;top:-18px;width:56px;height:56px;background:repeating-linear-gradient(45deg,#fff0a5 0 5px,transparent 5px 10px)}
.scene-2 .portrait-0{left:5%;top:18%;width:44%;height:55%;border-radius:4px 4px 48% 4px;transform:rotate(-3deg)}.scene-2 .portrait-1{right:5%;top:35%;width:40%;height:47%;border-radius:48% 4px 4px 4px;transform:rotate(4deg)}.scene-2 .portrait-2{right:13%;top:3%;width:22%;height:27%;border-radius:4px;border:7px solid #fff0ba;transform:rotate(8deg)}
.scene-2 .float-top{border-radius:2px;border-left:5px solid #29c9a5}.scene-2 .float-bottom{border-radius:2px;transform:rotate(2deg)}.scene-2 .reveal-caption{text-transform:uppercase;letter-spacing:-.02em;transform:rotate(-2deg)}
.reveal-copy.is-revealing .reveal-word,.reveal-copy.is-revealing .reveal-description{animation:word-reveal .8s both}
@keyframes portrait-reveal{from{opacity:0;scale:.7}to{opacity:1;scale:1}}
@keyframes hero-section-zoom{from{opacity:0;transform:scale(.84);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes scene-stage-reveal{from{opacity:0;transform:scale(.86);filter:blur(8px);clip-path:inset(10% round 28px)}to{opacity:1;transform:scale(1);filter:blur(0);clip-path:inset(0 round 0)}}
@keyframes photo-zoom-out{from{transform:scale(1.65)}to{transform:scale(1)}}
.reveal-portrait{overflow:hidden}
.reveal-photo{position:absolute;inset:0;background-image:url('../images/creator-reveal/creator-atlas.png');background-size:400% 100%;background-position:var(--photo-position) center;animation:photo-zoom-out 1.6s cubic-bezier(.16,1,.3,1) both}
.portrait-1 .reveal-photo{animation-delay:.1s}.portrait-2 .reveal-photo{animation-delay:.2s}.portrait-3 .reveal-photo{animation-delay:.3s}
.portrait-3{display:none}
.scene-0 .reveal-orbit,.scene-0 .reveal-shape,.scene-0 .reveal-float,.scene-0 .reveal-caption{display:none}
.scene-0 .reveal-portrait{display:block;top:8%;width:21.5%;height:79%;border-radius:8px;border:1px solid #ffffff44}
.scene-0 .portrait-0{left:2%;transform:rotate(-2.5deg)}
.scene-0 .portrait-1{left:26.5%;right:auto;top:3%;transform:rotate(1deg)}
.scene-0 .portrait-2{left:51%;right:auto;top:7%;transform:rotate(-1deg)}
.scene-0 .portrait-3{left:75.5%;top:11%;transform:rotate(2deg);animation-delay:.3s}
.reveal-handwriting{position:absolute;inset:40% 0 0;padding:28% 10px 18px;background:linear-gradient(transparent,#071834a8);color:#fff;font:600 clamp(21px,2.3vw,33px)/.9 "Caveat",cursive;transform:none}
body.ic-public .reveal-hero .reveal-handwriting{font-family:"Caveat",cursive!important;line-height:.95!important}
.reveal-card-heart{position:absolute;bottom:8px;right:6px;width:32px;color:#ffe253}.portrait-2 .reveal-card-heart{color:#43d5ab}
.scene-0 .reveal-spark{left:63%;top:0;width:42px}
@media(max-width:700px){.scene-0 .reveal-portrait{width:21%;height:83%}.scene-0 .portrait-0{left:2.5%}.scene-0 .portrait-1{left:27%}.scene-0 .portrait-2{left:51.5%}.scene-0 .portrait-3{left:76%}.reveal-handwriting{font-size:21px;padding-inline:6px}.reveal-card-heart{width:24px}}
@keyframes float-reveal{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes word-reveal{from{opacity:0;transform:translateY(18px);clip-path:inset(0 0 100%)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(max-width:1000px){.reveal-layout{gap:28px;padding:40px 24px}.reveal-stage{height:390px}.reveal-float{padding:10px}.reveal-caption{font-size:23px}.float-top{max-width:180px}.reveal-description{font-size:14px}}
@media(max-width:700px){.reveal-layout{grid-template-columns:minmax(0,1fr);padding:32px 20px 40px;gap:25px}.reveal-stage{height:360px;max-width:470px;width:100%;margin:auto}.reveal-word{min-height:2.12em}.reveal-description{min-height:66px}.reveal-actions a{padding:12px 18px}.reveal-controls{margin-top:20px}.reveal-copy h1{max-width:500px}.reveal-float strong{font-size:12px}.reveal-caption{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reveal-hero,.reveal-hero *{animation:none!important;transition:none!important}}
.reveal-photo{background-image:var(--photo-url,var(--scene-atlas))!important;background-size:cover!important;background-position:center!important}
/* Scene 4: radiating poster with layered snapshots */
.scene-3 .reveal-shape{inset:5% 11% 8%;border-radius:50%;background:repeating-conic-gradient(from -8deg,#8454ed 0deg 12deg,#c5a7ff 12deg 24deg);clip-path:polygon(50% 0,61% 25%,85% 8%,77% 35%,100% 42%,77% 52%,94% 78%,66% 70%,57% 100%,45% 73%,18% 94%,25% 63%,0 54%,25% 42%,8% 16%,39% 27%);transform:none}
.scene-3 .reveal-shape:after{content:"";position:absolute;inset:29%;border-radius:50%;background:#151747;box-shadow:0 0 0 11px #ffe27a}
.scene-3 .reveal-orbit{inset:3% 5% 7%;border:3px dashed #ffffff55;border-radius:50%;transform:rotate(-14deg)}.scene-3 .reveal-orbit:before,.scene-3 .reveal-orbit:after{position:absolute;color:#ffcd30;font:42px/1 serif}.scene-3 .reveal-orbit:before{content:"✦";left:-18px;top:27%}.scene-3 .reveal-orbit:after{content:"✦";right:-13px;bottom:18%}
.scene-3 .reveal-portrait{border:7px solid #fff;border-bottom-width:27px;border-radius:2px;box-shadow:0 16px 30px #020a2299}.scene-3 .portrait-0{left:4%;top:16%;width:41%;height:58%;transform:rotate(-9deg)}.scene-3 .portrait-1{right:5%;top:30%;width:40%;height:55%;transform:rotate(8deg)}.scene-3 .portrait-2{right:25%;top:1%;width:21%;height:27%;border-radius:2px;border:7px solid #fff;border-bottom-width:20px;transform:rotate(2deg)}
.scene-3 .float-top{border-radius:999px 8px 8px 999px}.scene-3 .float-bottom{transform:rotate(-6deg);border:2px solid #151747}.scene-3 .reveal-caption{transform:rotate(-2deg)}