*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4ead6;color:#181513;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:999;top:0;left:0;width:100%;height:3px}.progress i{display:block;width:100%;height:100%;background:#ef3e25;transform:scaleX(0);transform-origin:left}.atlas-header{position:fixed;z-index:90;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(16px,3vw,48px);font-size:9px;letter-spacing:.17em;mix-blend-mode:difference;color:#fff;pointer-events:none}.atlas-header a{pointer-events:auto}.atlas-header .count{text-align:right}.dot-nav{position:fixed;z-index:90;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;mix-blend-mode:difference;color:#fff}.dot-nav a{width:28px;height:28px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;font-size:8px}.dot-nav a.active{border-color:currentColor}.style-section{position:relative;min-height:100svh;overflow:hidden;padding:clamp(78px,8vw,120px) clamp(22px,5vw,78px);isolation:isolate}.section-label{position:absolute;z-index:20;top:86px;left:clamp(22px,5vw,78px);font-size:9px;font-weight:800;letter-spacing:.16em}.section-label.light{color:#fff}.reveal{opacity:0;transform:translateY(28px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
/*01 pop*/.pop{background:#ffd928;color:#111}.pop-dots{position:absolute;inset:0;background:radial-gradient(circle,#e62a22 0 3px,transparent 4px);background-size:21px 21px;opacity:.34}.pop-burst{position:absolute;right:-5%;top:10%;width:52vw;aspect-ratio:1;background:#e62a22;clip-path:polygon(50% 0,58% 30%,75% 6%,71% 36%,96% 20%,78% 43%,100% 50%,78% 57%,96% 80%,71% 64%,75% 94%,58% 70%,50% 100%,42% 70%,25% 94%,29% 64%,4% 80%,22% 57%,0 50%,22% 43%,4% 20%,29% 36%,25% 6%,42% 30%);filter:drop-shadow(10px 12px 0 #111)}.pop-headline{position:absolute;left:5%;top:20%;font-family:Arial Black,Arial,sans-serif;font-size:clamp(100px,20vw,310px);line-height:.65;letter-spacing:-.09em;text-shadow:7px 7px 0 #fff}.pop-headline span{color:#e62a22;-webkit-text-stroke:3px #111}.speech{position:absolute;right:10%;top:30%;z-index:5;width:260px;height:190px;border:4px solid #111;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-family:Arial Black,Arial,sans-serif;font-size:65px;box-shadow:9px 9px 0 #111}.speech:after{content:"";position:absolute;right:8px;bottom:-45px;border-width:32px 10px 0 48px;border-style:solid;border-color:#111 transparent transparent transparent;transform:rotate(-12deg)}.speech small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.1em}.pop-copy{position:absolute;left:6%;bottom:8%;max-width:330px;background:#fff;border:3px solid #111;padding:14px;font-weight:800;line-height:1.4}
/*02 retro*/.retro{background:#e76c3e;color:#3e241c}.retro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2b44f 0 9%,transparent 9% 18%,#f3d17b 18% 28%,transparent 28% 100%);opacity:.35}.retro-sun{position:absolute;right:7%;top:14%;width:min(38vw,500px);aspect-ratio:1;border-radius:50%;background:#f5d66b;box-shadow:0 0 0 22px #b3472e,0 0 0 43px #f5d66b,0 0 0 64px #b3472e}.retro-lines{position:absolute;left:0;right:0;bottom:0;height:36%;display:flex;flex-direction:column;justify-content:end}.retro-lines i{height:26px;background:#f3c85a}.retro-lines i:nth-child(2){background:#8f432f}.retro-lines i:nth-child(3){background:#f0a34c}.retro-lines i:nth-child(4){background:#512c26}.retro-copy{position:absolute;z-index:3;left:7%;top:21%}.retro-copy span{font-size:10px;font-weight:900;letter-spacing:.19em}.retro-copy h2{font-family:Georgia,serif;font-size:clamp(88px,14vw,220px);line-height:.68;letter-spacing:-.07em;margin:30px 0 12px;font-style:italic}.retro-copy p{font-size:12px}.retro-badge{position:absolute;z-index:4;right:12%;bottom:12%;width:170px;height:170px;border-radius:50%;background:#49302a;color:#f9d976;display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.15;transform:rotate(11deg);box-shadow:9px 9px 0 #f9d976}
/*03 collage*/.collage{background:#ded8c9;background-image:linear-gradient(#0000000b 1px,transparent 1px),linear-gradient(90deg,#0000000b 1px,transparent 1px);background-size:28px 28px}.paper{position:absolute;box-shadow:12px 15px 25px #0003}.paper-a{left:10%;top:20%;width:29%;height:52%;background:#df4135;transform:rotate(-8deg);clip-path:polygon(2% 0,100% 3%,97% 96%,4% 100%)}.paper-a span{position:absolute;left:10%;bottom:8%;font-family:Arial Black,Arial,sans-serif;font-size:clamp(50px,8vw,110px);color:#f7e7bf;transform:rotate(90deg);transform-origin:left bottom}.paper-b{left:37%;top:13%;width:35%;padding:55px 35px;background:#f4e8c7;transform:rotate(3deg);font-family:Georgia,serif;font-size:clamp(65px,9vw,130px);line-height:.72}.paper-b b:nth-child(2){color:#ee3d2c}.paper-c{right:7%;bottom:8%;width:30%;height:46%;background:#1e365b;color:#fff;transform:rotate(9deg);clip-path:polygon(0 4%,96% 0,100% 93%,6% 100%)}.paper-c i{position:absolute;inset:12%;background:radial-gradient(circle,#f5c447 0 7px,transparent 8px);background-size:25px 25px}.paper-c em{position:absolute;right:9%;bottom:5%;font-family:Georgia,serif;font-size:90px}.tape{position:absolute;z-index:10;width:120px;height:30px;background:#e8d49ecc;box-shadow:0 3px 5px #0001}.tape-a{left:33%;top:17%;transform:rotate(-21deg)}.tape-b{right:25%;bottom:18%;transform:rotate(16deg)}.collage-copy{position:absolute;left:7%;bottom:6%;width:260px;font-family:Georgia,serif;font-size:14px;line-height:1.6}
/*04 vector*/.vector{background:#164a45;color:#f9efdc}.vector-art{position:absolute;right:2%;top:7%;width:62%;height:86%}.v-circle{position:absolute;width:48%;aspect-ratio:1;border-radius:50%;background:#ef6b4b;right:4%;top:4%}.v-square{position:absolute;width:40%;height:49%;background:#f2c94c;left:17%;bottom:8%;transform:rotate(11deg)}.v-wave{position:absolute;left:0;top:19%;width:55%;height:36%;border:45px solid #79cbb8;border-left-color:transparent;border-radius:50%;transform:rotate(-27deg)}.v-dot{position:absolute;left:43%;top:40%;width:17%;aspect-ratio:1;border-radius:50%;background:#f8eedb;box-shadow:0 0 0 22px #164a45}.vector-copy{position:absolute;z-index:4;left:6%;bottom:10%;max-width:520px}.vector-copy span{font-size:9px;font-weight:900;letter-spacing:.18em}.vector-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(74px,11vw,170px);line-height:.82;letter-spacing:-.06em;margin:22px 0}.vector-copy h2 em{color:#f2c94c}.vector-copy p{max-width:320px;line-height:1.5}
/*05 future*/.future{background:#070b12;color:#eaf2ff}.future:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#8ee6ff1b 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#8ee6ff1b 50%,transparent 50.2%);background-size:85px 85px}.future-ring{position:absolute;right:8%;top:18%;width:min(42vw,560px);aspect-ratio:1;border-radius:50%;border:1px solid #74dafc55;box-shadow:0 0 70px #009dff33,inset 0 0 80px #00b7ff22}.future-ring i{position:absolute;inset:12%;border:1px solid #74dafc55;border-radius:50%}.future-ring i:nth-child(2){inset:26%;border-color:#eaffff88}.future-ring i:nth-child(3){inset:42%;background:#dffaff;border:0;box-shadow:0 0 45px #9be9ff}.future-ui{position:absolute;right:11%;bottom:11%;width:250px;padding:18px;border:1px solid #a8e9ff44;background:#0b1422bb;backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr auto;gap:15px}.future-ui small{font-size:8px;letter-spacing:.18em}.future-ui b{grid-column:1/-1;font-size:56px;font-weight:200}.future-ui span{font-size:9px;color:#78e0ff}.future h2{position:absolute;left:6%;top:25%;font-family:Arial,Helvetica,sans-serif;font-weight:200;font-size:clamp(80px,13vw,190px);line-height:.83;letter-spacing:-.07em;margin:0}.future h2 em{font-family:Georgia,serif;color:#81e7ff}.future-line{position:absolute;left:6%;bottom:12%;width:35%;height:1px;background:linear-gradient(90deg,#81e7ff,transparent)}
/*06 handwritten*/.handwritten{background:#f7f1df;background-image:linear-gradient(#7390ad28 1px,transparent 1px);background-size:100% 32px;color:#272528}.notebook{position:absolute;left:70px;top:0;bottom:0;width:2px;background:#e1686866}.hand-copy{position:absolute;left:12%;top:20%;width:min(760px,75vw);transform:rotate(-1deg)}.hand-copy>span,.hand-copy>b{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:22px}.hand-copy h2{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:clamp(72px,11vw,170px);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:25px 0}.hand-copy h2 em{color:#d85d55}.hand-copy p{font-family:"Comic Sans MS","Segoe Print",cursive;max-width:540px;font-size:18px;line-height:1.55}.hand-copy b{display:block;margin-top:35px}.scribble{position:absolute;font-family:"Comic Sans MS",cursive;color:#d85d55}.scribble.one{right:15%;top:22%;font-size:150px;transform:rotate(17deg)}.scribble.two{right:20%;bottom:18%;font-size:110px;transform:rotate(-11deg)}.scribble.three{right:6%;top:48%;font-size:70px;transform:rotate(12deg)}
/*07 bohemian*/.bohemian{background:#ddc2a0;color:#4b392d}.boho-sun{position:absolute;right:8%;top:9%;width:min(32vw,420px);aspect-ratio:1;border-radius:50%;background:#c86e4b}.boho-sun i{position:absolute;inset:17%;border-radius:50%;border:2px solid #efd5b1}.boho-arches{position:absolute;left:4%;bottom:0;width:55%;height:70%}.boho-arches i{position:absolute;bottom:-12%;border-radius:50% 50% 0 0;border:55px solid}.boho-arches i:nth-child(1){left:0;width:100%;height:100%;border-color:#735544}.boho-arches i:nth-child(2){left:12%;width:76%;height:78%;border-color:#d69065}.boho-arches i:nth-child(3){left:25%;width:50%;height:53%;border-color:#e9d1ac}.boho-copy{position:absolute;z-index:4;right:7%;bottom:11%;max-width:500px}.boho-copy span{font-size:9px;font-weight:900;letter-spacing:.18em}.boho-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(70px,9vw,145px);line-height:.84;letter-spacing:-.055em;margin:24px 0}.boho-copy h2 em{color:#7c5b48}.boho-copy p{max-width:350px;line-height:1.55}.boho-flower{position:absolute;right:35%;top:18%;font-size:130px;color:#efd9b9;transform:rotate(18deg)}
/*08 graffiti*/.graffiti{background:#252525;color:#fff}.wall-noise{position:absolute;inset:0;background:radial-gradient(circle,#fff1 0 1px,transparent 2px);background-size:13px 17px}.graffiti:before{content:"";position:absolute;left:-10%;right:-10%;top:43%;height:17%;background:#f34a31;transform:rotate(-7deg);filter:blur(.3px)}.tag{position:absolute;font-family:Impact,Arial Black,sans-serif;font-style:italic;letter-spacing:-.07em;text-shadow:7px 7px 0 #111;-webkit-text-stroke:2px #111}.tag-a{left:6%;top:17%;font-size:clamp(100px,18vw,280px);color:#ffda29;transform:rotate(-8deg)}.tag-b{right:10%;top:36%;font-size:clamp(85px,15vw,230px);color:#54e0ff;transform:rotate(8deg)}.tag-c{left:18%;bottom:12%;font-size:clamp(100px,19vw,300px);color:#f55aaf;transform:rotate(-4deg)}.spray{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff5 0 1px,transparent 2px);background-size:8px 8px}.spray-a{width:230px;height:180px;right:7%;top:13%}.spray-b{width:200px;height:150px;left:5%;bottom:5%}.graffiti-copy{position:absolute;z-index:8;right:6%;bottom:7%;width:290px;background:#111;padding:14px;font-size:13px;line-height:1.5}
/*09 aurora*/.aurora{background:#06111e;color:#f5fbff}.aurora-lights{position:absolute;inset:-15%;filter:blur(35px)}.aurora-lights i{position:absolute;width:80%;height:30%;border-radius:50%;transform:rotate(-18deg);opacity:.7}.aurora-lights i:nth-child(1){left:-5%;top:20%;background:linear-gradient(90deg,transparent,#44f7c4,#5187ff,transparent)}.aurora-lights i:nth-child(2){right:-15%;top:40%;background:linear-gradient(90deg,transparent,#9a56ff,#55f3d1,transparent);transform:rotate(13deg)}.aurora-lights i:nth-child(3){left:15%;bottom:4%;background:linear-gradient(90deg,transparent,#2758d9,#b44dff,transparent);transform:rotate(-7deg)}.aurora-stars{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:85px 75px;opacity:.38}.aurora-copy{position:absolute;z-index:3;left:7%;top:28%;max-width:720px}.aurora-copy small{font-size:9px;letter-spacing:.2em}.aurora-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(80px,12vw,180px);line-height:.85;letter-spacing:-.06em;margin:28px 0}.aurora-copy h2 em{color:#7ee4cb}.aurora-copy p{max-width:390px;color:#dceaf1;line-height:1.6}
/*10 victorian*/.victorian{background:#e8dcc0;color:#352a1f;text-align:center;display:grid;place-items:center}.victorian:before{content:"";position:absolute;inset:18px;border:1px solid #69543f}.victorian-frame{position:absolute;inset:34px;border:2px solid #69543f}.victorian-frame:before,.victorian-frame:after{content:"❦";position:absolute;left:50%;transform:translateX(-50%);font-size:45px;background:#e8dcc0;padding:0 18px}.victorian-frame:before{top:-27px}.victorian-frame:after{bottom:-27px;transform:translateX(-50%) rotate(180deg)}.victorian-frame i:before,.victorian-frame i:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);font-size:30px;background:#e8dcc0;padding:14px 0}.victorian-frame i:before{left:-13px}.victorian-frame i:after{right:-13px}.victorian-crest{position:absolute;top:14%;width:100px;height:100px;border:1px solid #69543f;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:60px}.victorian-copy{max-width:860px;padding:150px 35px 80px}.victorian-copy small{font-family:Georgia,serif;font-size:10px;letter-spacing:.22em}.victorian-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(72px,10vw,150px);line-height:.88;letter-spacing:-.045em;margin:35px 0}.victorian-copy h2 em{font-weight:400;color:#7c493b}.victorian-copy p{max-width:470px;margin:0 auto;font-family:Georgia,serif;font-size:16px;line-height:1.7}.victorian-copy a{display:inline-block;margin-top:45px;border-bottom:1px solid #69543f;padding-bottom:6px;font-size:9px;letter-spacing:.18em}.victorian-flourish{position:absolute;bottom:7%;font-size:54px}
@media(max-width:900px){.style-section{min-height:900px}.dot-nav{display:none}.atlas-header{grid-template-columns:1fr auto}.atlas-header>span:nth-child(2){display:none}.speech{width:200px;height:150px;font-size:48px}.collage-copy{left:auto;right:5%;bottom:3%}.future-ring{width:50vw}.boho-copy{right:4%;max-width:390px}.graffiti-copy{width:240px}}
@media(max-width:620px){.atlas-header{padding:14px;font-size:8px}.style-section{min-height:760px;padding:70px 18px}.section-label{top:65px;left:18px}.pop-headline{left:18px;top:23%;font-size:25vw}.pop-burst{width:90vw;right:-37%;top:9%}.speech{right:17px;top:47%;width:145px;height:110px;font-size:34px}.pop-copy{left:18px;bottom:8%;width:250px;font-size:11px}.retro-sun{width:62vw;right:-15%;top:11%}.retro-copy{left:18px;top:25%}.retro-copy h2{font-size:23vw}.retro-badge{right:18px;bottom:9%;width:120px;height:120px;font-size:12px}.paper-a{left:5%;top:22%;width:45%;height:43%}.paper-b{left:26%;top:14%;width:62%;padding:38px 18px;font-size:17vw}.paper-c{right:3%;bottom:12%;width:47%;height:35%}.paper-c em{font-size:60px}.collage-copy{left:18px;right:auto;bottom:4%;width:220px;font-size:11px}.vector-art{right:-20%;top:6%;width:95%;height:65%}.vector-copy{left:18px;bottom:8%}.vector-copy h2{font-size:20vw}.future-ring{width:76vw;right:-24%;top:15%}.future h2{left:18px;top:30%;font-size:20vw}.future-ui{right:18px;bottom:9%;width:190px}.future-ui b{font-size:42px}.notebook{left:37px}.hand-copy{left:55px;top:19%;width:78vw}.hand-copy>span,.hand-copy>b{font-size:15px}.hand-copy h2{font-size:18vw}.hand-copy p{font-size:14px}.scribble.one{right:3%;top:15%;font-size:90px}.scribble.two{right:5%;bottom:13%;font-size:70px}.scribble.three{display:none}.boho-sun{width:55vw;right:-12%;top:9%}.boho-arches{left:-12%;width:92%;height:55%}.boho-arches i{border-width:38px}.boho-copy{right:18px;left:18px;bottom:7%}.boho-copy h2{font-size:18vw}.boho-flower{right:7%;top:37%;font-size:85px}.tag-a{left:18px;top:20%;font-size:26vw}.tag-b{right:8%;top:41%;font-size:22vw}.tag-c{left:10%;bottom:18%;font-size:25vw}.graffiti-copy{right:18px;bottom:5%;width:220px;font-size:10px}.aurora-copy{left:18px;top:26%;max-width:88vw}.aurora-copy h2{font-size:20vw}.victorian:before{inset:10px}.victorian-frame{inset:22px}.victorian-copy{padding:130px 28px 70px}.victorian-copy h2{font-size:17vw}.victorian-copy p{font-size:13px}.victorian-crest{top:13%;width:78px;height:78px;font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}