@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800;900&display=swap');
:root{--coral:#ed6c54;--pink:#e97fa8;--ink:#1c1518;--muted:#877d84;--paper:#faf7f5;--white:#fff;--line:rgba(28,21,24,.11);--grad:linear-gradient(112deg,var(--coral),var(--pink))}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Onest,Arial,sans-serif;overflow-x:hidden}a{color:inherit}::selection{background:var(--coral);color:white}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}section,header,footer{position:relative;z-index:2}.glow{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.16;pointer-events:none;z-index:0}.glow.a{right:-180px;top:-200px;background:var(--coral)}.glow.b{bottom:-180px;left:-160px;background:var(--pink)}
@media(hover:hover){*{cursor:none}.cursor-dot,.cursor-ring{display:block;position:fixed;pointer-events:none;z-index:200;transform:translate(-50%,-50%);border-radius:50%}.cursor-dot{width:10px;height:10px;background:var(--coral)}.cursor-ring{width:40px;height:40px;border:1.5px solid rgba(28,21,24,.32);transition:width .3s,height .3s,border-color .3s}.cursor-hover .cursor-dot{width:6px;height:6px}.cursor-hover .cursor-ring{width:62px;height:62px;border-color:var(--coral)}}
.site-header{position:sticky;top:0;height:92px;padding:15px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(250,247,245,.76);backdrop-filter:blur(14px);z-index:100;transition:.3s}.site-header.is-scrolled{height:70px;padding-top:10px;padding-bottom:10px}.logo-art{display:block;width:150px;height:52px;overflow:hidden;border-radius:7px;background:#4e0b2f}.logo-art img{width:100%;height:100%;object-fit:cover}.nav-group{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:29px;list-style:none;padding:0}.nav-links a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.035em}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.speeddate{background:var(--ink);color:var(--paper);border-radius:100px;padding:12px 21px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.01em;transition:.3s}.speeddate:hover{background:var(--grad);transform:translateY(-2px)}.burger{display:none;border:0;background:transparent;padding:8px}.burger i{display:block;width:25px;height:2px;margin:5px;background:var(--ink)}
.eyebrow{font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.24em;color:var(--coral);text-transform:uppercase}.button-main{display:inline-flex;align-items:center;justify-content:center;background:var(--grad);color:white;border-radius:100px;padding:17px 31px;text-decoration:none;font-size:16px;font-weight:800;transition:box-shadow .3s,transform .2s}.button-main:hover{box-shadow:0 0 45px rgba(237,108,84,.42)}.button-text{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;text-decoration:none}.button-text:after{content:'→';font-size:21px;transition:transform .25s}.button-text:hover:after{transform:translateX(6px)}
.home-hero{min-height:calc(100vh - 92px);padding:6vw 5vw 4vw;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.hero-copy{position:relative;z-index:4;max-width:1120px}.hero-chip{display:inline-flex;gap:11px;align-items:center;padding:9px 20px;border:1px solid var(--line);background:rgba(255,255,255,.74);border-radius:100px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero-chip:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--grad)}.home-hero h1{font-size:clamp(51px,8vw,106px);line-height:.94;letter-spacing:-.075em;font-weight:900;margin:31px 0 25px}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{margin:0 auto 35px;max-width:620px;color:var(--muted);font-size:18px;line-height:1.65;letter-spacing:.01em}.hero-actions{display:flex;justify-content:center;align-items:center;gap:27px}.float-reel{position:absolute;width:clamp(105px,12vw,190px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;box-shadow:0 22px 65px rgba(28,21,24,.2);z-index:3;transition:transform .35s ease}.float-reel video{width:100%;height:100%;object-fit:cover;display:block}.float-reel .reel-name{position:absolute;inset:0;background:rgba(10,8,9,.76);color:white;display:flex;align-items:center;justify-content:center;opacity:0;font-size:15px;font-weight:800;transition:opacity .3s;z-index:2}.float-reel:hover .reel-name{opacity:1}.float-reel:hover{transform:scale(1.05) rotate(0)!important}.reel-a{left:6%;top:23%;transform:rotate(-12deg)}.reel-b{left:20%;bottom:-8%;transform:rotate(8deg)}.reel-c{right:5%;top:17%;transform:rotate(10deg)}.reel-d{right:21%;bottom:-6%;transform:rotate(-8deg)}.reel-e{right:32%;top:1%;transform:rotate(4deg)}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.66);padding:19px 0;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;animation:ticker 25s linear infinite}.ticker span{margin:0 25px;font-size:18px;font-weight:700;color:var(--muted)}.ticker b{font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes ticker{to{transform:translateX(-50%)}}
.problem{max-width:1150px;margin:0 auto;padding:130px 5vw}.problem h2,.work-preview h2,.trust h2{font-size:clamp(33px,4.5vw,59px);line-height:1.05;letter-spacing:-.07em;margin:17px 0 48px;font-weight:900}.problem h2 span{color:var(--muted)}.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--line);gap:1px}.problem-card{padding:36px 31px;background:rgba(255,255,255,.82);min-height:190px}.problem-card b{display:block;color:var(--coral);font-size:23px;margin-bottom:16px}.problem-card h3{font-size:19px;letter-spacing:-.04em;margin-bottom:9px}.problem-card p{font-size:14.5px;line-height:1.6;color:var(--muted)}
.services-strip{padding:0 5vw 110px;max-width:1300px;margin:auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-tile{background:rgba(255,255,255,.77);border:1px solid var(--line);border-radius:24px;padding:31px;min-height:178px;transition:.3s}.service-tile:hover{transform:translateY(-6px);border-color:rgba(237,108,84,.42);box-shadow:0 20px 45px rgba(237,108,84,.11)}.service-tile h3{font-size:20px;letter-spacing:-.05em;margin:0 0 10px}.service-tile p{font-size:14.5px;line-height:1.6;color:var(--muted)}
.work-preview{max-width:1300px;margin:auto;padding:120px 5vw}.work-preview>p{font-size:17px;color:var(--muted);margin:-29px 0 48px}.work-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 15px 38px rgba(28,21,24,.07);border:1px solid var(--line);transition:.35s}.work-card:hover{transform:translateY(-9px);box-shadow:0 25px 55px rgba(237,108,84,.16)}.work-card .visual{aspect-ratio:9/12;position:relative;overflow:hidden;background:var(--ink)}.work-card video{width:100%;height:100%;object-fit:cover}.work-card .hover-name{position:absolute;inset:0;background:rgba(12,9,12,.78);color:white;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:20px;opacity:0;transition:.3s}.work-card:hover .hover-name{opacity:1}.work-card-info{padding:21px 23px 24px}.tag{display:inline-block;color:var(--coral);border:1px solid rgba(237,108,84,.47);padding:5px 11px;border-radius:100px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em}.work-card h3{font-size:21px;letter-spacing:-.05em;margin:12px 0 5px}.work-card p{font-size:14px;color:var(--muted)}.center{text-align:center;margin-top:46px}
.trust{background:#fff;padding:115px 5vw}.trust-inner{max-width:1300px;margin:auto}.trust h2{margin-top:17px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial{border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:32px;display:flex;flex-direction:column}.stars{color:var(--coral);letter-spacing:.13em;margin-bottom:18px}.testimonial>p{font-size:16px;line-height:1.68;flex:1}.person{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.person i{font-style:normal;color:white;background:var(--grad);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-weight:800}.person strong{display:block;font-size:14px}.person span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cta-band{padding:130px 5vw;background:var(--ink);text-align:center;color:#f8f3f0}.cta-band h2{font-size:clamp(34px,5.2vw,72px);letter-spacing:-.08em;line-height:1.04;margin:17px 0}.cta-band p{max-width:520px;margin:0 auto 35px;color:#c9bdc3;line-height:1.6;font-size:17px}.footer{padding:42px 5vw;background:white;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;color:var(--muted);font-size:13px}.footer a{color:var(--muted);text-decoration:none;margin-left:18px}
.page-hero{padding:105px 5vw 52px;max-width:1200px;text-align:center;margin:auto}.page-hero h1{font-size:clamp(48px,7.2vw,96px);letter-spacing:-.075em;line-height:.95;margin:18px 0}.page-hero p{max-width:620px;margin:auto;color:var(--muted);font-size:17px;line-height:1.65}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:35px 5vw 5px;position:sticky;top:70px;background:rgba(250,247,245,.85);backdrop-filter:blur(10px);z-index:15}.filter{background:white;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:10px 19px;font:600 14px Onest;transition:.25s}.filter:hover,.filter.on{color:white;background:var(--grad);border-color:transparent}.categories{max-width:1280px;margin:auto;padding:35px 5vw 80px}.category{margin-bottom:95px}.category.hidden{display:none}.category-head{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.category-head h2{font-size:clamp(27px,3.7vw,45px);letter-spacing:-.06em}.category-head span{font-size:14px;color:var(--muted)}.project-row{display:grid;grid-template-columns:minmax(260px,.62fr) 1fr;gap:56px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);text-decoration:none}.project-row:nth-of-type(odd) .project-media{order:2}.project-media{aspect-ratio:9/16;max-height:510px;justify-self:center;width:100%;max-width:310px;position:relative;border-radius:24px;overflow:hidden;background:var(--ink);box-shadow:0 22px 55px rgba(28,21,24,.15)}.project-media video,.project-media img{width:100%;height:100%;object-fit:cover}.project-media .open-case{position:absolute;inset:0;opacity:0;background:rgba(11,8,10,.74);color:white;display:grid;place-items:center;font-weight:800;transition:.3s}.project-row:hover .open-case{opacity:1}.project-copy h3{font-size:clamp(29px,3.4vw,43px);letter-spacing:-.065em;margin:14px 0}.project-copy p{color:var(--muted);font-size:15.5px;line-height:1.7;max-width:500px}.metrics{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px}.metric strong{display:block;font-size:25px;letter-spacing:-.06em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.metric span{font-size:13px;color:var(--muted)}
.case-detail{max-width:1200px;margin:auto;padding:80px 5vw 120px}.back-link{font-weight:700;text-decoration:none}.case-detail-grid{margin-top:42px;display:grid;grid-template-columns:.6fr 1fr;gap:70px;align-items:center}.case-detail .project-media{max-width:360px}.case-detail h1{font-size:clamp(43px,6vw,78px);line-height:.93;letter-spacing:-.08em;margin:17px 0}.case-detail p{font-size:17px;line-height:1.7;color:var(--muted)}.case-detail .metrics{margin-top:30px}.contact-page{min-height:calc(100vh - 92px);padding:12vw 10vw;background:var(--ink);color:#f8f3f0}.contact-page h1{font-size:clamp(54px,9vw,110px);line-height:.9;letter-spacing:-.08em;margin:18px 0 25px}.contact-page h1 span{color:var(--pink)}.contact-page p{max-width:530px;line-height:1.65;color:#d2c4cb;font-size:18px}.contact-email{display:inline-block;margin-top:42px;font-size:clamp(25px,4.3vw,60px);font-weight:900;letter-spacing:-.06em;color:#fff;text-decoration:none}.contact-email:hover{color:var(--pink)}
#line-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:8;pointer-events:none;overflow:visible}#line-trail{fill:none;stroke:var(--coral);stroke-width:2.5;stroke-linecap:round}#line-head{fill:var(--pink);filter:drop-shadow(0 0 10px rgba(233,127,168,.7))}
@media(max-width:880px){.site-header{height:75px;padding:11px 5vw}.logo-art{width:119px;height:42px}.nav-group{gap:0}.nav-links,.speeddate{display:none}.burger{display:block}.site-header.menu-open .nav-group{display:flex;position:absolute;top:74px;left:0;right:0;padding:25px 5vw 35px;background:var(--paper);border-bottom:1px solid var(--line)}.site-header.menu-open .nav-links{display:flex;flex-direction:column;gap:18px}.site-header.menu-open .nav-links a{font-size:18px}.site-header.menu-open .speeddate{display:inline-flex;margin-left:auto}.home-hero{padding:14vw 5vw 11vw;min-height:750px}.home-hero h1{font-size:clamp(44px,13vw,69px)}.hero-chip{font-size:10px;padding:8px 13px;letter-spacing:.13em}.hero-copy>p{font-size:16px;max-width:350px}.hero-actions{gap:20px;flex-wrap:wrap}.float-reel{width:23vw;min-width:83px;border-radius:16px}.reel-a{left:-3%;top:18%}.reel-b{left:6%;bottom:3%}.reel-c{right:-3%;top:22%}.reel-d{right:7%;bottom:0}.reel-e{display:none}.problem{padding:95px 5vw}.problem h2{margin-bottom:31px}.problem-cards,.services-grid,.work-preview-grid,.testimonial-grid{grid-template-columns:1fr}.problem-card{min-height:auto;padding:26px}.services-strip,.work-preview{padding:0 5vw 90px}.services-grid{gap:13px}.service-tile{min-height:auto;padding:27px}.work-preview{padding-top:82px}.work-card .visual{aspect-ratio:9/13}.trust{padding:83px 5vw}.cta-band{padding:92px 5vw}.footer{padding:28px 5vw;flex-direction:column}.footer a{margin:0 14px 0 0}.page-hero{padding:82px 5vw 35px}.filters{position:static;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding:23px 5vw}.filter{white-space:nowrap}.categories{padding:30px 5vw 70px}.category{margin-bottom:70px}.project-row,.project-row:nth-of-type(odd){grid-template-columns:1fr;gap:23px}.project-row:nth-of-type(odd) .project-media{order:0}.project-media{max-width:245px;justify-self:start}.case-detail{padding:60px 6vw 90px}.case-detail-grid{grid-template-columns:1fr;gap:34px}.case-detail .project-media{max-width:270px}.contact-page{min-height:calc(100vh - 75px);padding:23vw 7vw}.contact-page h1{font-size:clamp(50px,15vw,73px)}#line-layer{display:none}}
.home-hero h1,.page-hero h1,.case-detail h1,.contact-page h1{letter-spacing:-.04em;line-height:.98}.problem h2,.work-preview h2,.trust h2{letter-spacing:-.045em;line-height:1.09}
.site-header{background:#57183a;border-color:rgba(255,255,255,.15)}.site-header .nav-links a{color:rgba(255,255,255,.72)}.site-header .nav-links a:hover,.site-header .nav-links a.active{color:#fff}.site-header .speeddate{background:var(--grad);color:#fff}.site-header .speeddate:hover{background:var(--grad);box-shadow:0 0 26px rgba(233,127,168,.42)}.site-header .burger i{background:#fff}.site-header.is-scrolled{background:rgba(87,24,58,.94)}
@media(min-width:881px){.home-hero .hero-copy{max-width:760px}.home-hero .reel-a{left:3%;top:25%}.home-hero .reel-b{left:12%;bottom:-2%}.home-hero .reel-c{right:2%;top:23%}.home-hero .reel-d{right:12%;bottom:-2%}.home-hero .reel-e{left:5%;top:-4%}}
.solution{margin-top:32px;padding:31px 35px;border-radius:24px;background:linear-gradient(115deg,rgba(237,108,84,.14),rgba(233,127,168,.13));border:1px solid rgba(237,108,84,.22)}.solution h3{font-size:clamp(23px,3vw,34px);letter-spacing:-.05em;margin-bottom:8px}.solution p{max-width:650px;line-height:1.65;color:var(--muted);font-size:16px}.services-title{font-size:clamp(32px,4.5vw,55px);letter-spacing:-.06em;margin:0 0 36px}.services-cta{text-align:center;margin-top:42px}
.work-preview{max-width:none;padding:116px 0;background:linear-gradient(180deg,#ddd0d4 0%,#7b4259 42%,#291521 100%);overflow:hidden}.work-preview>p,.work-preview>h2,.work-preview>.eyebrow{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:5vw;padding-right:5vw}.work-preview>.eyebrow{color:#ffd0c1}.work-preview h2{color:#fff;margin-top:17px;margin-bottom:0}.work-preview>p{color:#e0d4d8;margin-top:14px;margin-bottom:42px}.carousel-shell{position:relative;max-width:1300px;margin:auto;padding:0 5vw}.work-preview-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:9px 2px 18px}.work-preview-grid::-webkit-scrollbar{display:none}.work-card{flex:0 0 min(320px,78vw);scroll-snap-align:start}.work-card .visual img{width:100%;height:100%;object-fit:cover}.carousel-arrow{position:absolute;top:48%;z-index:3;width:52px;height:52px;border:1px solid rgba(255,255,255,.65);background:rgba(30,15,25,.52);backdrop-filter:blur(8px);border-radius:50%;color:white;font-size:25px;transition:.25s}.carousel-arrow:hover{background:var(--coral);border-color:var(--coral)}.carousel-arrow.prev{left:2vw}.carousel-arrow.next{right:2vw}.work-preview .center{margin-top:33px}.work-preview .center .button-main{box-shadow:0 0 28px rgba(233,127,168,.2)}
.contact-form{max-width:720px;margin:39px auto 0;display:grid;gap:14px;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.1);padding:16px 18px;color:#fff;font:15px Onest;outline:0}.contact-form textarea{min-height:125px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#d5c4cc}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--pink);background:rgba(255,255,255,.15)}.contact-form button{justify-self:center;border:0;cursor:pointer}
.about-reels{display:grid;grid-template-columns:repeat(2,minmax(180px,260px));gap:22px;justify-content:center}.about-reels .project-media{max-width:260px}.about-reels .project-media:nth-child(2){margin-top:70px}
.work-preview .work-card .visual{aspect-ratio:9/16}
@media(max-width:880px){.site-header.menu-open .nav-group{background:#57183a}.site-header.menu-open .nav-links a{color:#fff}.solution{padding:25px}.form-row{grid-template-columns:1fr}.carousel-arrow{width:43px;height:43px}.carousel-arrow.prev{left:1vw}.carousel-arrow.next{right:1vw}.about-reels{grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px}.about-reels .project-media{max-width:100%}}

/* Refined brand header and the rotating video shelves */
.site-header{background:#5f1c3f}.site-header.is-scrolled{background:rgba(95,28,63,.95)}.logo-art{background:transparent;border-radius:0}.logo-art img{object-fit:contain}
.home-hero{display:block;padding:clamp(58px,7vw,105px) 5vw 42px;min-height:calc(100vh - 92px)}.home-hero .hero-copy{margin:0 auto}.hero-video-shelf{width:min(100%,1160px);height:clamp(270px,27vw,405px);margin:40px auto 0;position:relative;isolation:isolate}.hero-video-shelf .float-reel{--shelf-transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;bottom:auto;width:clamp(118px,13vw,205px);margin:0;transform:var(--shelf-transform)!important;transition:left .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),filter .45s,opacity .45s;filter:brightness(.38) saturate(.72);box-shadow:0 22px 58px rgba(20,5,15,.28)}.hero-video-shelf .float-reel:hover{transform:var(--shelf-transform)!important}.hero-video-shelf .float-reel:after{content:'';position:absolute;inset:0;background:rgba(9,4,8,.46);pointer-events:none;transition:opacity .45s;z-index:1}.hero-video-shelf .float-reel .reel-name{z-index:2}.hero-video-shelf .slot-0{--shelf-transform:translate(-50%,-50%) scale(1.04);left:50%;z-index:5;filter:none}.hero-video-shelf .slot-0:after{opacity:0}.hero-video-shelf .slot-1{--shelf-transform:translate(-50%,-50%) rotate(7deg) scale(.88);left:63%;z-index:4}.hero-video-shelf .slot-4{--shelf-transform:translate(-50%,-50%) rotate(-7deg) scale(.88);left:37%;z-index:4}.hero-video-shelf .slot-2{--shelf-transform:translate(-50%,-50%) rotate(12deg) scale(.72);left:76%;z-index:3;opacity:.9}.hero-video-shelf .slot-3{--shelf-transform:translate(-50%,-50%) rotate(-12deg) scale(.72);left:24%;z-index:3;opacity:.9}
.work-preview-grid{cursor:grab;overscroll-behavior-x:contain}.work-preview-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.work-preview-grid .work-card{flex-basis:min(360px,29vw);transform:translateY(0) scale(.96);transition:transform .45s ease,opacity .45s ease}.work-preview-grid .work-card.is-current{transform:translateY(-7px) scale(1);opacity:1}.work-preview-grid .work-card .visual{position:relative}.work-preview-grid .work-card .visual:after{content:'';position:absolute;inset:0;background:rgba(11,5,10,.56);pointer-events:none;transition:opacity .45s;z-index:1}.work-preview-grid .work-card.is-current .visual:after{opacity:0}.work-preview-grid .hover-name{z-index:2}.work-preview-grid .work-card:hover{transform:translateY(-9px) scale(1)}.carousel-arrow{opacity:0;pointer-events:none}.carousel-shell.show-prev .carousel-arrow.prev,.carousel-shell.show-next .carousel-arrow.next{opacity:1;pointer-events:auto}
@media(max-width:880px){.site-header.menu-open .nav-group{background:#5f1c3f}.home-hero{min-height:0;padding:12vw 5vw 32px}.hero-video-shelf{height:270px;margin-top:28px}.hero-video-shelf .float-reel{width:34vw;min-width:0}.hero-video-shelf .slot-1{left:69%}.hero-video-shelf .slot-4{left:31%}.hero-video-shelf .slot-2,.hero-video-shelf .slot-3{display:none}.work-preview-grid .work-card{flex-basis:72vw;transform:scale(.97)}.carousel-arrow{opacity:.9;pointer-events:auto}.carousel-shell.show-prev .carousel-arrow.prev,.carousel-shell.show-next .carousel-arrow.next{opacity:1}.work-preview-grid{padding-bottom:25px}}

/* Airier hero: vertical reels frame the text without taking it over. */
.home-hero{display:flex;align-items:center;justify-content:center;padding:6vw 5vw 4vw;min-height:calc(100vh - 92px)}.home-hero .hero-copy{max-width:760px}.home-hero>.float-reel{width:clamp(82px,9vw,150px);aspect-ratio:9/16}.home-hero>.reel-a{left:3%;top:53%}.home-hero>.reel-b{left:16%;bottom:3%}.home-hero>.reel-c{right:5%;top:27%}.home-hero>.reel-d{right:16%;bottom:3%}.home-hero>.reel-e{left:5%;top:6%}
.video-lightbox{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:28px;background:rgba(19,7,15,.82);backdrop-filter:blur(14px);animation:lightbox-in .25s ease}.video-lightbox-panel{position:relative;display:grid;grid-template-columns:auto minmax(180px,290px);gap:30px;align-items:end;max-width:min(760px,100%);color:white}.video-lightbox-panel video{display:block;width:min(42vw,360px);max-height:78vh;aspect-ratio:9/16;object-fit:cover;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.video-lightbox-panel p{font-size:22px;font-weight:800;margin:0 0 15px}.lightbox-close{position:absolute;right:-48px;top:-14px;width:39px;height:39px;border:1px solid rgba(255,255,255,.55);background:transparent;border-radius:50%;color:#fff;font-size:27px;line-height:1;cursor:pointer}@keyframes lightbox-in{from{opacity:0}to{opacity:1}}
@media(max-width:880px){.home-hero{display:flex;min-height:700px;padding:14vw 5vw 10vw}.home-hero>.float-reel{width:20vw;min-width:76px}.home-hero>.reel-a{left:-2%;top:20%}.home-hero>.reel-b{left:7%;bottom:4%}.home-hero>.reel-c{right:-2%;top:23%}.home-hero>.reel-d{right:7%;bottom:2%}.home-hero>.reel-e{display:none}.video-lightbox-panel{grid-template-columns:1fr;justify-items:center;gap:18px;text-align:center}.video-lightbox-panel video{width:min(76vw,340px);max-height:68vh}.lightbox-close{right:0;top:-48px}}

/* Copy and spacing refined for the review-style hero. */
.hero-stars{margin:-13px 0 20px;color:#f18a58;font-size:clamp(29px,3.2vw,48px);line-height:1;letter-spacing:.09em;font-weight:400}.hero-copy .hero-competition{max-width:400px;margin:0 auto 32px;color:var(--ink);font-size:17px;font-weight:700;line-height:1.5}.hero-competition span{display:inline-block;margin-top:6px;color:var(--muted);font-weight:500}.work-tags{display:flex;flex-wrap:wrap;gap:7px}.work-card-info .tag{margin:0}.work-preview-grid .work-card h3{margin-top:13px}
@media(max-width:880px){.home-hero{min-height:900px;align-items:flex-start;padding:15vw 5vw 8vw}.home-hero .hero-copy{max-width:330px}.home-hero h1{font-size:clamp(43px,12.5vw,58px);margin:26px 0 11px}.hero-stars{font-size:31px;margin:0 0 15px;letter-spacing:.04em}.hero-copy .hero-competition{font-size:15px;margin-bottom:25px}.home-hero>.float-reel{width:clamp(62px,17vw,100px);min-width:0}.home-hero>.reel-a{left:5%;top:61%;bottom:auto}.home-hero>.reel-c{right:5%;top:61%;bottom:auto}.home-hero>.reel-b{left:27%;top:76%;bottom:auto}.home-hero>.reel-d{right:27%;top:76%;bottom:auto}.home-hero>.reel-e{display:none}.about-reels .project-media:nth-child(2){margin-top:18px}.work-tags{gap:5px}.work-card-info .tag{font-size:9px;padding:4px 8px}}

/* On a phone the reels frame the copy, instead of dropping underneath it. */
@media(max-width:880px){
  .home-hero{min-height:700px;padding:15vw 5vw 8vw}
  .home-hero .hero-copy{position:relative;z-index:3;max-width:260px}
  .home-hero>.float-reel{width:clamp(58px,15.5vw,82px);min-width:0;z-index:1}
  .home-hero>.reel-a{left:2%;top:20%;bottom:auto}
  .home-hero>.reel-c{right:2%;top:20%;bottom:auto}
  .home-hero>.reel-b{left:2%;top:56%;bottom:auto}
  .home-hero>.reel-d{right:2%;top:56%;bottom:auto}
  .home-hero>.reel-e{display:none}
  .projects-flat .project-copy{padding:4px 0 16px}
}

/* One clear contact route: book, leave details, or email directly. */
.contact-hub{min-height:calc(100vh - 92px);padding:clamp(72px,9vw,126px) 5vw;background:radial-gradient(circle at 13% 8%,rgba(233,127,168,.28),transparent 34%),linear-gradient(155deg,#5f1c3f 0%,#351225 62%,#25101d 100%);color:#fff}.contact-hub-intro{max-width:1050px;margin:0 auto 64px;text-align:center}.contact-hub-intro .hero-chip{color:#f4dde6;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}.contact-hub-intro .eyebrow{margin-top:26px}.contact-hub-intro h1{font-size:clamp(48px,7.7vw,105px);line-height:.94;letter-spacing:-.055em;margin:14px 0 24px;font-weight:900}.contact-hub-intro>p:last-child{max-width:650px;margin:auto;color:#dcced5;font-size:17px;line-height:1.65}.contact-options{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:1.22fr .89fr .89fr;gap:18px}.contact-option{min-height:315px;padding:32px;border-radius:28px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:flex-start}.contact-option-featured{background:linear-gradient(145deg,rgba(237,108,84,.25),rgba(233,127,168,.13));border-color:rgba(249,180,198,.38)}.contact-option-number{color:#f4a1b8;font-size:12px;font-weight:800;letter-spacing:.14em}.contact-option h2{font-size:clamp(24px,2.8vw,36px);letter-spacing:-.045em;margin:18px 0 12px}.contact-option p{color:#d8cad1;line-height:1.65;font-size:15px;margin-bottom:26px}.contact-option .button-main,.contact-option .button-text{margin-top:auto}.contact-option .button-text{color:#fff}.contact-option small{display:block;margin-top:18px;color:#bfaeb7;line-height:1.5}.contact-form-panel{width:min(1200px,100%);margin:76px auto 0;padding:clamp(30px,5vw,64px);border-radius:32px;background:rgba(8,3,7,.28);border:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.contact-form-panel h2{font-size:clamp(37px,5vw,68px);line-height:.98;letter-spacing:-.05em;margin:15px 0 20px}.contact-form-panel>div>p:last-child{color:#cdbdc5;line-height:1.65;max-width:390px}.contact-form-panel .contact-form{margin:0;max-width:none}.contact-form-panel .contact-form button{justify-self:start}.contact-form-panel .contact-form textarea{min-height:155px}
@media(max-width:880px){.contact-hub{min-height:calc(100vh - 75px);padding:72px 5vw}.contact-hub-intro{margin-bottom:42px}.contact-hub-intro h1{font-size:clamp(45px,14vw,69px)}.contact-options{grid-template-columns:1fr}.contact-option{min-height:0;padding:26px}.contact-form-panel{grid-template-columns:1fr;gap:31px;margin-top:48px;padding:27px}.contact-form-panel .contact-form button{width:100%}}

@media(min-width:881px){.contact-options{width:min(960px,100%);grid-template-columns:1.16fr .84fr}}