@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--purple:#23006f;--blue:#2810dc;--pink:#f000aa;--yellow:#f4f12c;--orange:#f06a25;--paper:#f7f3ea;--ink:#16151b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-transform:uppercase;letter-spacing:-.055em;font-family:Archivo Black,sans-serif;line-height:.92}.site-header{z-index:20;color:#fff;justify-content:space-between;align-items:center;width:100%;height:96px;padding:0 4.5vw;display:flex;position:absolute}.site-header img{object-fit:cover;object-position:center;width:190px;height:68px}nav{text-transform:uppercase;letter-spacing:.09em;gap:2.4rem;font-size:.72rem;font-weight:700;display:flex}nav a{transition:transform .2s}nav a:hover{transform:translateY(-3px)rotate(-2deg)}.pill{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:1.7rem;padding:14px 20px;font-size:.69rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.pill:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-3px,-3px)}.pill-yellow{color:var(--ink);background:var(--yellow)}.pill-dark{background:var(--ink);color:#fff}.hero,.about,.services,.work-gallery,.manifesto,.team,.contact,footer{scroll-snap-align:start}.hero{background:linear-gradient(135deg, var(--purple) 2%, #56009c 34%, var(--pink) 62%, var(--orange) 84%, var(--yellow));color:#fff;flex-direction:column;height:100svh;min-height:680px;padding:clamp(120px,14vh,150px) 5vw clamp(30px,5vh,50px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.22;background-image:radial-gradient(circle,#fff 1.3px,#0000 1.3px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 38%);mask-image:linear-gradient(90deg,#000,#0000 38%)}.hero-kicker{z-index:2;text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;font-weight:700;position:relative}.hero-kicker span{color:var(--yellow);margin-right:8px}.hero h1{z-index:2;text-shadow:5px 5px #23006f59;margin-top:clamp(24px,4vh,44px);font-size:clamp(4.75rem,min(10vw,15vh),11rem);position:relative}.hero h1 .scribble{color:var(--yellow);text-shadow:5px 5px 0 var(--blue);display:inline-block;transform:rotate(-2deg)}.hero-row{z-index:2;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:3vw;margin-top:auto;display:grid;position:relative}.hero-sticker{background:var(--yellow);color:var(--ink);width:245px;box-shadow:8px 8px 0 var(--blue);border:3px solid var(--ink);padding:22px;transform:rotate(-3deg)}.hero-sticker span{letter-spacing:.08em;font-size:.65rem;font-weight:800}.hero-sticker strong{margin-top:4px;font-family:Archivo Black;font-size:2.05rem;display:block}.hero-row>p{max-width:410px;font-size:1rem;font-weight:600;line-height:1.6}.round-button{border:2px solid #fff;border-radius:50%;place-items:center;width:90px;height:90px;font-size:2rem;transition:all .25s;display:grid}.round-button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:rotate(-12deg)}.star{color:var(--yellow);z-index:1;animation:8s linear infinite spin;position:absolute}.star-a{font-size:9rem;top:15%;right:10%}.star-b{font-size:4rem;animation-direction:reverse;bottom:12%;left:47%}.orb{border:2px solid #ffffff52;border-radius:50%;position:absolute}.orb-a{width:320px;height:320px;bottom:0;right:-100px;box-shadow:inset 0 0 0 45px #2810dc40}.orb-b{width:160px;height:160px;top:15%;left:38%}@keyframes spin{to{transform:rotate(360deg)}}.marquee{background:var(--yellow);border-block:3px solid var(--ink);margin:-8px -10px 0;overflow:hidden;transform:rotate(-1deg)}.marquee>div{width:max-content;animation:18s linear infinite marquee;display:flex}.marquee span{white-space:nowrap;padding:17px 18px;font-family:Archivo Black;font-size:2rem}@keyframes marquee{to{transform:translate(-50%)}}.label{letter-spacing:.14em;font-size:.63rem;font-weight:800}.about{grid-template-columns:38% 1fr;align-items:center;gap:6vw;min-height:100svh;padding:clamp(90px,12vh,140px) 7vw;display:grid}.about-mark{background:var(--blue);border-radius:50% 50% 12px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden;transform:rotate(-2deg)}.about-mark:before{content:"";background:radial-gradient(circle,#ffffff29 0 23%,#0000 24%) 0 0/58px 58px;position:absolute;inset:0}.about-mark img{z-index:1;border-radius:50%;width:77%;position:relative}.mini-orbit{background:var(--yellow);width:120px;height:120px;color:var(--ink);text-align:center;border:3px solid var(--ink);z-index:2;border-radius:50%;place-items:center;font-family:Archivo Black;font-size:.72rem;display:grid;position:absolute;bottom:6%;right:4%;transform:rotate(9deg)}.about-copy h2{margin:45px 0;font-size:clamp(4rem,7.2vw,8rem)}.about-copy h2 em{color:var(--pink);font-style:normal}.about-copy h2 span{color:var(--blue)}.about-bottom{grid-template-columns:1fr auto;align-items:end;gap:2rem;display:grid}.about-bottom>p{color:#54515b;max-width:520px;font-size:.94rem;line-height:1.75}.services{background:var(--ink);color:#fff;padding:130px 5vw}.section-title{grid-template-columns:22% 1fr 25%;align-items:end;margin-bottom:80px;display:grid}.section-title h2{font-size:clamp(4rem,7vw,7.5rem)}.section-title h2 span{color:var(--yellow)}.section-title>p:last-child{color:#aaa5ae;padding-bottom:.5rem;font-size:.84rem;line-height:1.6}.service-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.service-card{min-height:370px;color:var(--ink);border-radius:4px;flex-direction:column;padding:35px;transition:transform .25s;display:flex;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-8px)rotate(-1deg)}.card-1{background:var(--yellow)}.card-2{background:#ff72c7}.card-3{color:#fff;background:#6b5cff}.card-4{background:#ff743d}.service-icon{font-size:5rem;line-height:1;position:absolute;top:20px;right:28px}.service-card>p{font-size:.65rem;font-weight:800}.service-card h3{max-width:80%;margin-top:60px;font-size:clamp(2.6rem,4.5vw,5rem)}.service-card>div{justify-content:space-between;align-items:end;gap:2rem;margin-top:auto;display:flex}.service-card>div p{max-width:390px;font-size:.85rem;line-height:1.6}.service-card a{border:2px solid;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font-weight:800;display:grid}.work-gallery{background:var(--paper);padding:130px 5vw 140px}.gallery-heading{grid-template-columns:22% 1fr 25%;align-items:end;margin-bottom:70px;display:grid}.gallery-heading h2{font-size:clamp(4rem,7vw,7.5rem)}.gallery-heading h2 span{color:var(--pink)}.gallery-heading>p:last-child{color:#5b5761;padding-bottom:.5rem;font-size:.84rem;line-height:1.65}.gallery-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.gallery-card{background:var(--ink);color:#fff;cursor:pointer;text-align:left;min-height:380px;font:inherit;border:0;grid-column:span 4;padding:0;position:relative;overflow:hidden}.gallery-card.gallery-featured{grid-column:span 7;min-height:560px}.gallery-card.gallery-wide{grid-column:span 5;min-height:560px}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .5s;position:absolute;inset:0}.gallery-card:hover img,.gallery-card:focus-visible img{filter:saturate(1.12);transform:scale(1.035)}.gallery-card:focus-visible{outline:5px solid var(--yellow);outline-offset:4px}.gallery-overlay{background:linear-gradient(#0000,#0f0818e6);grid-template-columns:1fr auto;gap:6px 20px;padding:70px 24px 24px;display:grid;position:absolute;inset:auto 0 0}.gallery-overlay small{text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);grid-column:1;font-size:.56rem;font-weight:800}.gallery-overlay strong{text-transform:uppercase;letter-spacing:-.04em;grid-column:1;font-family:Archivo Black;font-size:clamp(1.3rem,2vw,2.1rem);line-height:1}.gallery-overlay b{grid-area:1/2/3;align-self:end;font-size:1.3rem}.carousel{outline:none}.carousel:focus-visible{outline:4px solid var(--blue);outline-offset:8px}.carousel-viewport{background:var(--ink);aspect-ratio:16/8.5;min-height:500px;overflow:hidden}.carousel-track{height:100%;transition:transform .55s cubic-bezier(.22,.7,.2,1);display:flex}.carousel-slide{background:var(--ink);color:#fff;cursor:zoom-in;text-align:left;min-width:100%;height:100%;font:inherit;border:0;padding:0;position:relative;overflow:hidden}.carousel-slide img{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .6s;position:absolute;inset:0}.carousel-slide:hover img,.carousel-slide:focus-visible img{filter:saturate(1.08);transform:scale(1.025)}.carousel-slide:focus-visible{outline:5px solid var(--yellow);outline-offset:-5px}.carousel-controls{grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding-top:22px;display:grid}.carousel-arrow{border:2px solid var(--ink);width:58px;height:58px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:1.5rem;transition:all .2s}.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--yellow);transform:rotate(-6deg)}.carousel-dots{align-items:center;gap:9px;display:flex}.carousel-dots button{cursor:pointer;background:#c3bdc5;border:0;border-radius:999px;width:10px;height:10px;padding:0;transition:width .25s,background .25s}.carousel-dots button.active{background:var(--pink);width:34px}.carousel-count{letter-spacing:.06em;font-family:Archivo Black;font-size:.76rem}.lightbox{z-index:100;background:#0e0423f0;place-items:center;padding:5vw;display:grid;position:fixed;inset:0}.lightbox figure{flex-direction:column;max-width:min(1200px,88vw);max-height:88vh;margin:0;display:flex}.lightbox figure img{object-fit:contain;max-width:100%;max-height:75vh;box-shadow:0 25px 80px #0006}.lightbox figcaption{color:#fff;justify-content:space-between;align-items:center;gap:2rem;padding-top:18px;display:flex}.lightbox figcaption span{color:var(--yellow);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:800}.lightbox figcaption strong{text-transform:uppercase;font-family:Archivo Black;font-size:1.2rem}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:52px;height:52px;font-size:2rem;line-height:1;position:absolute;top:24px;right:30px}.lightbox-close:hover,.lightbox-close:focus-visible{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.manifesto{background:var(--yellow);min-height:100svh;padding:120px 7vw;position:relative;overflow:hidden}.manifesto>p{letter-spacing:.14em;z-index:2;font-size:.64rem;font-weight:800;position:relative}.manifesto h2{z-index:2;margin-top:50px;font-size:clamp(5rem,11vw,11rem);position:relative}.manifesto h2 span{color:var(--pink);text-shadow:5px 5px 0 var(--blue)}.manifesto-shape{color:#ffffff59;letter-spacing:-.18em;font-family:Archivo Black;font-size:36vw;position:absolute;top:-18%;right:-5%;transform:rotate(8deg)}.formula{z-index:2;border-top:3px solid var(--ink);justify-content:space-between;align-items:center;margin-top:70px;padding-top:25px;font-family:Archivo Black;font-size:1.2rem;display:flex;position:relative}.formula b{color:var(--pink);font-size:2rem}.team{background:var(--paper);min-height:100svh;padding:clamp(90px,12vh,140px) 6vw}.team-heading{grid-template-columns:28% 1fr;margin-bottom:70px;display:grid}.team-heading h2{font-size:clamp(4rem,7vw,7rem)}.team-heading h2 span{color:var(--blue)}.team-cards{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.person{border:3px solid var(--ink);min-height:460px;box-shadow:10px 10px 0 var(--ink);flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative}.person-blue{background:var(--blue);color:#fff}.person-yellow{background:var(--yellow)}.person-number{font-size:.65rem;font-weight:800}.avatar{background:var(--paper);width:190px;height:190px;color:var(--ink);border:4px solid var(--ink);border-radius:50%;align-self:center;place-items:center;font-family:Archivo Black;font-size:7rem;display:grid;transform:rotate(-5deg)}.person-yellow .avatar{background:var(--pink);color:#fff;transform:rotate(5deg)}.person h3{font-size:3rem}.person p{text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:.78rem;font-weight:700}.spark{color:var(--yellow);font-size:3rem;position:absolute;top:25px;right:30px}.person-yellow .spark{color:var(--pink)}.contact{background:var(--pink);color:#fff;grid-template-columns:42% 1fr;min-height:100svh;display:grid}.contact-burst{background:var(--blue);clip-path:polygon(50% 0,61% 16%,78% 5%,79% 24%,100% 22%,87% 40%,100% 53%,82% 59%,90% 80%,69% 77%,59% 100%,48% 82%,29% 95%,28% 75%,6% 76%,18% 56%,0 45%,18% 36%,6% 17%,29% 22%);text-align:center;min-height:100%;text-shadow:5px 5px 0 var(--pink);place-content:center;font-family:Archivo Black;font-size:clamp(3rem,6vw,6rem);line-height:.85;display:grid;transform:scale(1.1)rotate(-4deg)}.contact-burst span{color:var(--yellow);margin-top:25px;font-size:5rem}.contact-copy{z-index:2;flex-direction:column;justify-content:center;padding:120px 6vw;display:flex;position:relative}.contact-copy h2{margin:48px 0 65px;font-size:clamp(4rem,7vw,7.5rem)}.contact-copy h2 span{color:var(--yellow)}.email-link{border-block:2px solid #ffffff8c;justify-content:space-between;gap:1rem;padding:20px 0;font-size:clamp(.9rem,1.5vw,1.4rem);font-weight:800;display:flex}.phone-link{letter-spacing:.05em;margin-top:22px;font-weight:700}footer{background:var(--purple);color:#fff;grid-template-columns:1fr 1.4fr 1fr;align-items:start;gap:2rem;min-height:250px;padding:60px 5vw 30px;display:grid;position:relative}footer img{object-fit:cover;width:200px;height:70px}footer>p{color:#c5bde0;font-size:.8rem}footer>div{text-transform:uppercase;letter-spacing:.08em;justify-content:flex-end;gap:2rem;font-size:.65rem;font-weight:800;display:flex}footer small{color:#9c91bd;font-size:.58rem;position:absolute;bottom:25px;left:5vw}@media (width<=900px){html{scroll-snap-type:none}body{overflow-x:clip}.hero,.about,.services,.work-gallery,.manifesto,.team,.contact,footer{scroll-snap-align:none}.about-copy,.about-bottom,.section-title,.gallery-heading,.team-heading,.contact-copy{width:100%;min-width:0}.site-header{height:76px;padding:0 5vw}.site-header img{width:145px;height:52px}nav{display:none}.site-header .pill{gap:.6rem;padding:11px 14px}.hero{height:100svh;min-height:760px;padding:125px 6vw 45px}.hero h1{margin-top:clamp(50px,9vh,85px);font-size:clamp(3rem,13.2vw,6.4rem)}.hero-row{grid-template-columns:1fr auto}.hero-sticker{grid-column:1/3;width:195px}.hero-sticker strong{font-size:1.55rem}.hero-row>p{max-width:230px;font-size:.82rem}.round-button{width:70px;height:70px}.star-a{font-size:5rem;top:21%}.about{grid-template-columns:1fr;padding:90px 6vw}.about-mark{width:100%;min-height:360px}.about-copy h2{font-size:clamp(3rem,13vw,5.6rem)}.about-bottom{grid-template-columns:1fr;align-items:start}.section-title{grid-template-columns:1fr;gap:30px}.section-title h2,.gallery-heading h2,.team-heading h2{font-size:clamp(3.1rem,12vw,5.8rem)}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.work-gallery{padding:90px 6vw}.gallery-heading{grid-template-columns:1fr;gap:30px}.gallery-grid{grid-template-columns:1fr}.gallery-card,.gallery-card.gallery-featured,.gallery-card.gallery-wide{grid-column:1;min-height:420px}.carousel-viewport{aspect-ratio:4/5;min-height:0}.carousel-controls{grid-template-columns:auto 1fr auto;gap:12px;padding-top:16px}.carousel-arrow{width:50px;height:50px}.carousel-dots{justify-content:center}.carousel-count{display:none}.lightbox{padding:70px 5vw 30px}.lightbox figcaption{flex-direction:column;align-items:flex-start;gap:6px}.manifesto{min-height:650px;padding:90px 6vw}.manifesto h2{font-size:clamp(3.25rem,13vw,5.8rem)}.formula{flex-wrap:wrap;gap:15px;font-size:.78rem}.team{padding:90px 6vw}.team-heading{grid-template-columns:1fr;gap:30px}.team-cards{grid-template-columns:1fr}.person{min-height:400px}.avatar{width:150px;height:150px;font-size:5rem}.contact{grid-template-columns:1fr}.contact-burst{min-height:420px;transform:rotate(-4deg)}.contact-copy{padding:90px 6vw}.contact-copy h2{font-size:clamp(3.1rem,13vw,5.8rem)}.email-link{overflow-wrap:anywhere;font-size:clamp(.82rem,3.5vw,1.2rem)}footer{grid-template-columns:1fr;padding:55px 7vw 85px}footer>div{justify-content:flex-start}footer small{left:7vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media (width>=901px){.services{flex-direction:column;height:100svh;min-height:720px;padding:clamp(58px,7vh,90px) 5vw;display:flex;overflow:hidden}.services .section-title{flex:none;margin-bottom:clamp(28px,4vh,48px)}.services .section-title h2{font-size:clamp(3.8rem,min(6.2vw,9vh),7rem)}.service-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.service-card{min-height:0;padding:clamp(20px,2.5vh,30px)}.service-card h3{margin-top:clamp(22px,3vh,40px);font-size:clamp(2.1rem,min(3.4vw,5vh),4.4rem)}.service-card>div p{line-height:1.45}.service-icon{font-size:clamp(3rem,4vw,4.8rem)}.manifesto{flex-direction:column;height:100svh;min-height:680px;padding:clamp(58px,8vh,100px) 7vw;display:flex}.manifesto h2{margin-top:clamp(28px,4vh,50px);font-size:clamp(4rem,min(8.2vw,12vh),9rem)}.formula{margin-top:auto}.contact{height:100svh;min-height:680px;overflow:hidden}.contact-burst{transform:none}.contact-copy{padding:clamp(58px,8vh,100px) 6vw}.contact-copy h2{margin:clamp(30px,4vh,48px) 0 clamp(36px,5vh,58px);font-size:clamp(3.8rem,min(6.2vw,9.5vh),7rem)}}
