:root{--ink:#08090b;--paper:#f5f4ef;--lime:#d8ff2f;--muted:#a9adb4;--line:#272a2f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26282c;position:absolute;z-index:5;width:100%}.brand{font:800 1.35rem/1 "Barlow Condensed",sans-serif;letter-spacing:.04em}.brand span{background:var(--lime);color:var(--ink);padding:.2rem .32rem;transform:skew(-8deg);display:inline-block}.nav nav{display:flex;gap:2rem;color:#c7c9cd;font-size:.86rem;font-weight:600}.nav nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #4a4d52;padding:.75rem 1rem;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:760px;height:100vh;padding:150px 6vw 70px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 77% 48%,#34383e 0,#17191d 22%,#08090b 50%)}.hero:after{content:"";position:absolute;right:2%;top:18%;width:43vw;height:43vw;border:1px solid #34373c;border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.01)}.speed-lines{position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 120px,rgba(255,255,255,.018) 122px,transparent 124px);transform:scale(1.4)}.hero-copy{position:relative;z-index:2;max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font:700 .75rem Inter;color:var(--lime);margin:0 0 1.1rem}.hero h1,.section h2,.closing h2{font:900 clamp(4rem,9.3vw,9.4rem)/.78 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:0}.hero h1 em,.section h2 em,.closing h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1.5px var(--paper)}.intro{max-width:570px;color:#bec1c7;font-size:1.08rem;line-height:1.65;margin:2.3rem 0}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn{display:inline-flex;gap:2rem;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:.78rem;padding:1rem 1.25rem;min-width:190px}.primary{background:var(--lime);color:var(--ink)}.primary:hover{background:#fff}.ghost{border:1px solid #44474d}.ghost:hover{border-color:var(--lime);color:var(--lime)}.hero-mark{position:absolute;z-index:2;right:5vw;bottom:16%;display:flex;align-items:flex-end;gap:.7rem;transform:rotate(-7deg)}.hero-mark b{font:900 clamp(5rem,11vw,12rem)/.7 "Barlow Condensed";color:transparent;-webkit-text-stroke:2px #50545a}.hero-mark span{font:800 1.15rem/1 "Barlow Condensed";color:#858990}.scroll-note{position:absolute;bottom:25px;left:6vw;color:#71757c;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem}.scroll-note span{color:var(--lime);margin-left:.7rem}.ticker{overflow:hidden;background:var(--lime);color:var(--ink);padding:.85rem 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:3}.ticker div{white-space:nowrap;font:900 1.3rem "Barlow Condensed";letter-spacing:.05em}.ticker span{margin:0 1.6rem}.section{padding:110px 6vw}.section-lead{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:4rem}.section h2{font-size:clamp(3.5rem,6.7vw,7.5rem)}.section-lead .eyebrow{padding-top:.6rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:2rem 1.5rem 3rem;border-right:1px solid var(--line);transition:.25s}.service-grid article:last-child{border:0}.service-grid article:hover{background:#111317;transform:translateY(-6px)}.service-grid span{font:700 .7rem Inter;color:var(--lime)}.service-grid h3{font:800 1.7rem/1 "Barlow Condensed";text-transform:uppercase;margin:3rem 0 1rem}.service-grid p,.process p{color:var(--muted);line-height:1.65;font-size:.9rem}.work{background:var(--paper);color:var(--ink)}.work .eyebrow{color:#6d7600}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.work-head a{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:.4rem}.gallery{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:260px 260px;gap:12px}.project{padding:2rem;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;color:white;background-color:#1a1c20}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 38%,rgba(216,255,47,.2) 39% 42%,transparent 43%),radial-gradient(circle at 70% 30%,#50545c,#121419 60%);transition:.4s}.project:hover:before{transform:scale(1.06)}.project span,.project strong{z-index:1;position:relative}.project span{text-transform:uppercase;color:var(--lime);letter-spacing:.15em;font-size:.65rem}.project strong{font:800 1.8rem "Barlow Condensed";text-transform:uppercase;margin-top:.4rem}.p1{grid-row:1/3}.p2:before{background:linear-gradient(115deg,transparent 30%,rgba(217,37,255,.34) 31% 42%,transparent 43%),radial-gradient(circle at 20% 70%,#5b2564,#121419 58%)}.p3:before{background:linear-gradient(30deg,transparent 25%,rgba(0,210,255,.25) 26% 37%,transparent 38%),radial-gradient(circle at 75% 30%,#155064,#121419 60%)}.process{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process .section-lead{display:block}.process ol{margin:0;padding:0;list-style:none}.process li{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line)}.process li:last-child{border-bottom:1px solid var(--line)}.process li>b{color:var(--lime);font:.7rem Inter}.process h3{font:800 1.4rem "Barlow Condensed";text-transform:uppercase;margin:0 0 .4rem}.process p{margin:0}.closing{text-align:center;padding:150px 5vw;background:var(--lime);color:var(--ink)}.closing .eyebrow{color:#575d00}.closing h2{font-size:clamp(4rem,9vw,9rem)}.closing h2 em{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.closing .primary{background:var(--ink);color:white;margin-top:3rem}.closing .primary:hover{background:white;color:var(--ink)}footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 4vw;color:#92969c;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}footer .brand{color:white;font-size:1.1rem}footer a:last-child{color:var(--lime)}
@media(max-width:850px){.nav nav{display:none}.nav{height:68px}.hero{padding:120px 6vw 70px;min-height:700px;align-items:flex-start}.hero h1{font-size:clamp(4.2rem,20vw,7rem);margin-top:1.2rem}.hero-mark{right:-7%;bottom:15%;opacity:.45}.intro{font-size:1rem;margin:1.7rem 0}.section{padding:80px 6vw}.section-lead,.process{grid-template-columns:1fr}.section-lead{display:block}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.gallery{grid-template-columns:1fr;grid-template-rows:420px 240px 240px}.p1{grid-row:auto}.work-head{align-items:start;gap:1rem;flex-direction:column}.work-head a{margin-top:1rem}.process{gap:2rem}footer{align-items:flex-start;gap:1.4rem;flex-direction:column}}
@media(max-width:520px){.nav-cta{padding:.65rem .75rem}.brand{font-size:1.12rem}.hero h1{font-size:22vw}.actions .btn{width:100%}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line)}.service-grid article:last-child{border-bottom:0}.gallery{grid-template-rows:330px 220px 220px}.section h2{font-size:15vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-grid article,.project:before{transition:none}}

/* Real 901 Wrap Starz brand and portfolio assets */
.brand{display:flex;align-items:center;gap:.65rem}.brand img{width:42px;height:42px;object-fit:cover;border:1px solid #4a4d52}.brand b{font:inherit}.hero{background:linear-gradient(90deg,rgba(8,9,11,.98) 0%,rgba(8,9,11,.86) 42%,rgba(8,9,11,.16) 100%),url('wrapstarz-project-4.jpg') center right/cover no-repeat}.hero:after{inset:0;width:auto;height:auto;right:0;top:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(0deg,rgba(8,9,11,.82),transparent 42%)}.project{background:#1a1c20}.project:before{display:none}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 68%);z-index:0}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.055)}.project span,.project strong{z-index:1}.p1 img,.p2 img,.p3 img{object-position:center}.closing-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:3rem}.closing-actions .primary{margin-top:0}.dark-outline{border:1px solid var(--ink);color:var(--ink)}.address{font-weight:700;margin:1.5rem 0 0;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}footer{gap:1.2rem}footer .brand img{width:34px;height:34px}footer a[href^="tel"]{color:var(--lime)}
@media(max-width:520px){.nav .brand img{display:none}.nav-cta{padding:.65rem .6rem;font-size:.66rem}.hero{background-position:62% center}}

/* Expanded work gallery */
.work-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:-1rem 0 2rem}.work-tabs button{appearance:none;border:1px solid #c9c9c4;background:transparent;color:var(--ink);padding:.72rem 1rem;font:700 .72rem Inter;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.work-tabs button:hover,.work-tabs button.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}.work-panel[hidden]{display:none}.expanded-gallery{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:270px 270px}.expanded-gallery .project{grid-row:auto}.expanded-gallery .feature{grid-row:1/3}.expanded-gallery .wide{grid-column:2/4}.video-panel{margin-top:5.5rem;padding-top:4rem;border-top:1px solid #c9c9c4}.video-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.video-heading .eyebrow{color:#6d7600}.video-heading h3{margin:0;font:900 clamp(2.8rem,5vw,5.2rem)/.9 "Barlow Condensed";text-transform:uppercase}.video-heading>p{max-width:430px;color:#5e6065;line-height:1.6}.video-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reel{background:#111317;color:white;border:1px solid #25282d}.reel iframe{display:block;width:100%;aspect-ratio:9/13;border:0;background:#0b0c0e}.reel>a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font:800 1rem "Barlow Condensed";text-transform:uppercase;letter-spacing:.04em}.reel>a span{color:var(--lime);font-size:.8rem}.all-work-link{display:flex;justify-content:space-between;align-items:center;margin-top:16px;background:var(--lime);color:var(--ink);padding:1.1rem 1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.all-work-link:hover{background:var(--ink);color:var(--lime)}
@media(max-width:900px){.expanded-gallery{grid-template-columns:1fr 1fr;grid-template-rows:340px 240px 240px}.expanded-gallery .feature{grid-row:auto;grid-column:1/3}.expanded-gallery .wide{grid-column:1/3}.video-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.work-tabs{display:grid;grid-template-columns:1fr}.work-tabs button{width:100%}.expanded-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,300px)}.expanded-gallery .feature,.expanded-gallery .wide{grid-column:auto;grid-row:auto}.video-heading{align-items:start;flex-direction:column}.video-gallery{grid-template-columns:1fr}.reel iframe{aspect-ratio:9/12}}

/* Vehicle archive: image-first cards with on-demand Instagram playback. */
.work h2 em{color:var(--ink);-webkit-text-stroke:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:48px}.portfolio-card{min-width:0;background:#111317;color:#f5f4ef}.portfolio-card[hidden]{display:none}.portfolio-play{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:4/5;overflow:hidden;background:#191c21;color:white;cursor:pointer}.portfolio-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.portfolio-play:hover img{transform:scale(1.03)}.play-label{position:absolute;bottom:16px;left:16px;background:#08090bea;border:1px solid #ffffff55;padding:12px 16px;color:var(--lime);font:700 .875rem Inter,sans-serif}.portfolio-caption{padding:20px}.portfolio-caption h3{font:800 1.7rem/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 12px}.portfolio-caption p{font-size:1rem;line-height:1.55;color:#c4c8ce;margin:0 0 16px}.portfolio-caption a{display:inline-block;font-size:.875rem;line-height:1.5;color:var(--lime);text-decoration:underline;text-underline-offset:4px}.portfolio-card iframe{display:block;width:100%;aspect-ratio:4/5;border:0;background:#fff}.work-tabs button{font-size:.875rem;min-height:44px}.portfolio-card:focus-within{outline:3px solid #718600;outline-offset:4px}.portfolio-play:focus-visible,.work-tabs button:focus-visible{outline:3px solid #718600;outline-offset:3px}.portfolio-caption a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-play,.portfolio-card iframe{aspect-ratio:4/5}.portfolio-caption{padding:20px}.work-tabs{display:flex}.work-tabs button{width:auto;flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.portfolio-play img{transition:none}}

/* 2026 Wrap Starz identity: black, electric purple, chrome and gold. */
:root{--ink:#060308;--paper:#13091c;--lime:#b62cff;--purple:#b62cff;--purple-deep:#240033;--gold:#f4c751;--silver:#dce4ef;--muted:#bdb2c7;--line:#3b2747}
body{background:var(--ink);color:#fff}
.nav{height:92px;background:linear-gradient(180deg,rgba(6,3,8,.94),rgba(6,3,8,.58),transparent);border-bottom:1px solid rgba(205,158,255,.2);padding-top:8px}
.brand img{width:174px;height:auto;max-height:64px;object-fit:contain;border:0;filter:drop-shadow(0 0 16px rgba(182,44,255,.28))}
.nav nav{color:#ded6e5}.nav nav a:hover{color:#d784ff}.nav-cta{border-color:rgba(226,194,255,.5);background:rgba(24,7,32,.58);color:white}.nav-cta:hover{background:var(--purple);border-color:var(--purple)}
.hero{isolation:isolate;background:#050207;min-height:760px}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,2,7,.98) 0%,rgba(5,2,7,.9) 39%,rgba(14,2,22,.4) 68%,rgba(5,2,7,.16) 100%),linear-gradient(0deg,rgba(5,2,7,.9),transparent 45%,rgba(5,2,7,.38))}
.hero:after{display:none}.speed-lines{z-index:-1;background:repeating-linear-gradient(112deg,transparent 0 135px,rgba(196,112,255,.035) 137px,transparent 139px)}
.hero-copy{max-width:760px}.hero h1 em{background:linear-gradient(90deg,#f8e9ff,#c14cff 48%,#7d18ce);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0}
.hero .eyebrow,.eyebrow{color:#cf74ff}.intro{color:#ddd5e2}.primary{background:linear-gradient(110deg,#7614c7,#c238ff);color:#fff;box-shadow:0 10px 34px rgba(153,27,220,.24)}.primary:hover{background:linear-gradient(110deg,#a92cff,#e383ff);color:#13031a}.ghost{background:rgba(8,3,12,.32);border-color:rgba(235,214,255,.5)}.ghost:hover{border-color:#d07bff;color:#e3afff}
.hero-mark-logo{position:absolute;right:4vw;bottom:8%;width:min(34vw,540px);opacity:.24;filter:drop-shadow(0 0 30px rgba(177,38,255,.45));transform:rotate(-4deg)}
.scroll-note{color:#aaa0b1}.scroll-note span{color:var(--gold)}
.ticker{background:linear-gradient(90deg,#6112a7,#be37ff 50%,#6514ad);color:#fff;box-shadow:0 12px 42px rgba(106,14,159,.35)}.ticker span{color:var(--gold)}
.services{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(160,39,229,.15),transparent 30%),linear-gradient(180deg,#08040b,#100616)}
.section h2 em{color:#c650ff;-webkit-text-stroke:0}.section-wordmark{display:block;width:min(310px,50vw);margin-top:2rem;opacity:.75;filter:drop-shadow(0 0 24px rgba(178,44,255,.28))}
.service-grid{border-color:#4a2b56}.service-grid article{border-color:#4a2b56;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(174,37,239,.035))}.service-grid article:hover{background:#1e0b29}.service-grid span{color:var(--gold)}.service-grid h3{color:#f6eafd}
.work{background:radial-gradient(circle at 10% 0,rgba(165,38,229,.2),transparent 26%),linear-gradient(180deg,#170820 0,#09040d 100%);color:#fff}.work .eyebrow,.video-heading .eyebrow{color:var(--gold)}.work h2 em{color:#c855ff;-webkit-text-stroke:0}.work-head>a{border-color:#cc69ff;color:#e1a6ff}.work-tabs button{border-color:#765083;color:#e8dced;background:rgba(10,4,14,.55)}.work-tabs button:hover,.work-tabs button.active{background:linear-gradient(110deg,#7512c2,#b72cff);color:white;border-color:#c95cff}.portfolio-card{background:linear-gradient(180deg,#1d1124,#0d0811);border:1px solid #42284e;box-shadow:0 18px 48px rgba(0,0,0,.22)}.portfolio-play{background:#0f0814}.play-label{background:rgba(9,3,13,.9);border-color:rgba(214,145,255,.55);color:#dc93ff}.portfolio-caption a{color:#d77aff}.portfolio-card:focus-within,.portfolio-play:focus-visible,.work-tabs button:focus-visible{outline-color:var(--gold)}.video-panel{border-color:#4b2d58}.reel{background:#0e0713;border-color:#482553}.reel>a span{color:#d27aff}.all-work-link{background:linear-gradient(90deg,#6512a9,#b530ee);color:#fff}.all-work-link:hover{background:var(--gold);color:#16051c}
.process{position:relative;background:linear-gradient(120deg,#050507 0,#17151b 50%,#08050b 100%);border-top:1px solid #4a4650;border-bottom:1px solid #4a4650}.process:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 45%,rgba(231,237,246,.045) 46%,transparent 47%);pointer-events:none}.process .eyebrow{color:var(--gold)}.process li{border-color:#4c4651}.process li>b{color:#d6dde8}.process h3{color:#f7f4f8}.process-wordmark{filter:grayscale(.35) drop-shadow(0 0 24px rgba(184,71,255,.2))}
.closing{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.26),transparent 24%),linear-gradient(135deg,#e5aa21 0,#ffe289 42%,#c88a11 100%);color:#120717}.closing:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 110px,rgba(255,255,255,.08) 112px,transparent 114px);pointer-events:none}.closing>*{position:relative}.closing-logo{width:min(390px,70vw);margin:0 auto 2.4rem;filter:drop-shadow(0 16px 26px rgba(55,0,75,.23))}.closing .eyebrow{color:#5f116f}.closing h2 em{color:#641180;-webkit-text-stroke:0}.closing .primary{background:#190620;color:#fff;box-shadow:none}.closing .primary:hover{background:#7312a0;color:#fff}.dark-outline{border-color:#34103c;color:#1c0a22}.dark-outline:hover{background:#23092c;color:#fff}.address{color:#3c153f}
footer{background:#050207;border-top:1px solid #35203d;color:#b7abbc}footer .brand img{width:138px;height:auto}footer a[href^="tel"],footer a:last-child{color:#d57cff}
@media(max-width:850px){.nav{height:76px}.brand img{width:132px}.hero{padding-top:115px}.hero-mark-logo{width:64vw;right:-12vw;bottom:11%;opacity:.18}.section-wordmark{width:250px}.closing-logo{width:min(320px,74vw)}}
@media(max-width:520px){.nav .brand img{display:block;width:116px}.nav-cta{font-size:.7rem}.hero-video{object-position:center}.hero-shade{background:linear-gradient(180deg,rgba(5,2,7,.78),rgba(5,2,7,.52) 38%,rgba(5,2,7,.93) 100%)}.hero-mark-logo{display:none}.section-wordmark{width:210px}.portfolio-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero{background:linear-gradient(90deg,rgba(6,3,8,.96),rgba(6,3,8,.5)),url('wrapstarz-hero-poster.jpg') center/cover no-repeat}}