:root{--paper:#f0eee7;--ink:#11100e;--coral:#ff5c35;--cobalt:#3158ff;--acid:#d8ff45;--pad:clamp(18px,3vw,46px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--acid)}
.auto-header{position:sticky;z-index:20;top:0;min-height:90px;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);background:var(--paper)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none}.wordmark>img{display:block;width:52px;height:52px;border-radius:11px;object-fit:cover}.wordmark strong{font:800 .7rem/.95 Manrope;letter-spacing:.14em}.auto-header nav{display:flex;align-items:center;gap:24px}.auto-header nav a{font:500 .68rem DM Mono;text-decoration:none;text-transform:uppercase}.header-cta{padding:14px 18px;border:1px solid var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--ink)}
.auto-hero{min-height:620px;padding:58px var(--pad) 72px;display:grid;grid-template-columns:60px minmax(0,900px);gap:30px;align-content:center;border-bottom:1px solid var(--ink)}.index,.kicker{margin:0;font:500 .66rem DM Mono;text-transform:uppercase}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-copy h1{margin:20px 0 28px;font:700 clamp(4rem,8vw,8.5rem)/.77 Space Grotesk;letter-spacing:-.08em}.hero-copy h1 em{color:var(--coral);font-style:normal}.intro{max-width:650px;margin:0;font:600 clamp(1.05rem,1.5vw,1.35rem)/1.45 Space Grotesk}.primary-button{width:min(100%,360px);margin-top:34px;padding:17px 18px;display:flex;justify-content:space-between;border:1px solid var(--ink);background:var(--acid);box-shadow:6px 6px 0 var(--ink);font:500 .68rem DM Mono;text-decoration:none;text-transform:uppercase}
.marquee{padding:18px 0;overflow:hidden;border-block:1px solid var(--ink);background:var(--cobalt);color:#fff;white-space:nowrap}.marquee div{font:600 clamp(1.4rem,2.7vw,2.7rem) Space Grotesk;letter-spacing:-.03em;word-spacing:1em}
.featured-reel{padding:58px var(--pad);display:grid;grid-template-columns:minmax(280px,1fr) 230px;gap:clamp(45px,9vw,130px);align-items:center;border-bottom:1px solid var(--ink);background:var(--coral)}.reel-copy>span{font:500 .66rem DM Mono}.reel-copy h2{max-width:650px;margin:25px 0 20px;font:600 clamp(2.8rem,5vw,5.5rem)/.83 Space Grotesk;letter-spacing:-.07em}.reel-copy p{max-width:570px;margin:0;font:600 1rem/1.55 Manrope}.social-platforms{margin-top:30px;display:flex;flex-wrap:wrap;gap:9px}.platform{padding:9px 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);background:#fff;font:500 .59rem DM Mono;text-transform:uppercase}.platform svg{width:18px;height:18px;fill:currentColor}.platform.instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}.platform.instagram .solid{fill:currentColor;stroke:none}.platform.facebook{background:#1877f2;color:#fff}.platform.tiktok{background:#111;color:#fff}.reel-player{width:230px;margin:0}.reel-player video{display:block;width:100%;aspect-ratio:9/16;border:1px solid var(--ink);background:#111;box-shadow:7px 7px 0 var(--ink);object-fit:cover}.reel-player figcaption{padding:13px 0 0;display:flex;justify-content:space-between;font:500 .56rem DM Mono}
.garage-logos{padding:72px 0;border-bottom:1px solid var(--ink);overflow:hidden;background:#fff}.garage-heading{padding:0 var(--pad) 38px;display:grid;grid-template-columns:120px minmax(280px,1fr) minmax(240px,420px);gap:30px;align-items:end}.garage-heading>span{align-self:start;font:500 .65rem DM Mono}.garage-heading h2{margin:0;font:600 clamp(2.4rem,4.5vw,4.7rem)/.9 Space Grotesk;letter-spacing:-.06em}.garage-heading p{margin:0;font:500 .95rem/1.55 Manrope}.garage-slider{overflow:hidden;border-block:1px solid var(--ink);background:var(--paper)}.garage-track{width:max-content;display:flex;animation:garage-scroll 24s linear infinite;will-change:transform}.garage-slider:hover .garage-track{animation-play-state:paused}.garage-set{display:flex}.garage-set figure{width:clamp(280px,30vw,430px);height:210px;margin:0;padding:24px;display:grid;grid-template-rows:1fr auto;border-right:1px solid var(--ink);background:#fff}.garage-set figure.logo-dark{background:#111}.garage-set img{width:100%;height:130px;object-fit:contain}.garage-set figcaption{padding-top:12px;border-top:1px solid rgba(17,16,14,.25);font:500 .58rem DM Mono;text-transform:uppercase}.garage-set .logo-dark figcaption{border-color:rgba(255,255,255,.28);color:#fff}@keyframes garage-scroll{to{transform:translateX(-50%)}}
.work{padding:80px var(--pad)}.section-heading{display:grid;grid-template-columns:60px 1fr minmax(230px,.5fr);gap:30px;align-items:end;margin-bottom:46px}.section-heading>span{align-self:start;font:500 .66rem DM Mono}.section-heading h2{margin:0;font:600 clamp(3rem,6vw,6.5rem)/.83 Space Grotesk;letter-spacing:-.07em}.section-heading>p{margin:0;font:500 1rem/1.6 Manrope}.work-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:280px 280px;gap:14px}.work-grid figure{position:relative;margin:0;overflow:hidden;border:1px solid var(--ink)}.work-main{grid-row:1/3}.work-grid figcaption{position:absolute;left:12px;bottom:12px;padding:9px 10px;border:1px solid var(--ink);background:var(--acid);font:500 .6rem DM Mono}.work-accent{display:grid;place-items:center;padding:35px;background:var(--coral)}.work-accent blockquote{margin:0;font:600 clamp(1.8rem,3vw,3rem)/1 Space Grotesk;letter-spacing:-.05em}
.services{padding:80px var(--pad);background:var(--ink);color:#fff}.section-heading.light{grid-template-columns:60px 1fr}.service-list{border-top:1px solid rgba(255,255,255,.45)}.service-list article{padding:27px 0;display:grid;grid-template-columns:60px .7fr 1fr;gap:30px;border-bottom:1px solid rgba(255,255,255,.45)}.service-list span{font:500 .65rem DM Mono;color:var(--acid)}.service-list h3{margin:0;font:600 clamp(1.5rem,2.8vw,2.8rem) Space Grotesk}.service-list p{max-width:620px;margin:0;font:500 .95rem/1.6 Manrope;color:#c9c7c1}
.auto-contact{padding:100px var(--pad);background:var(--acid)}.auto-contact>p{font:500 .68rem DM Mono}.auto-contact h2{margin:40px 0 55px;font:700 clamp(3.4rem,8vw,8.5rem)/.78 Space Grotesk;letter-spacing:-.075em}.auto-contact h2 em{color:var(--cobalt);font-style:normal}.contact-actions{display:flex;align-items:center;gap:34px}.contact-actions a{font:500 .68rem DM Mono;text-transform:uppercase}.contact-button{width:min(100%,420px);padding:18px;display:flex;justify-content:space-between;border:1px solid var(--ink);background:var(--coral);box-shadow:6px 6px 0 var(--ink);text-decoration:none}footer{padding:22px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;gap:20px;font:500 .62rem DM Mono}footer a{text-transform:uppercase}
@media(max-width:850px){.auto-header nav>a:not(.header-cta){display:none}.auto-hero{grid-template-columns:1fr;min-height:540px}.index{display:none}.featured-reel{grid-template-columns:1fr 210px;gap:40px}.reel-player{width:210px}.garage-heading{grid-template-columns:1fr}.garage-heading>span{margin-bottom:-12px}.garage-heading p{max-width:520px}.contact-actions{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}}
@media(max-width:620px){.featured-reel{grid-template-columns:1fr}.reel-player{width:190px;justify-self:center}}
@media(max-width:520px){.auto-header{min-height:78px}.wordmark>span{width:44px;height:44px}.header-cta{padding:12px}.auto-hero{padding-top:24px}.hero-copy h1{font-size:3.8rem}.hero-vehicle{min-height:75vw}.hero-vehicle figcaption span:last-child{display:none}.featured-reel{padding-block:48px;gap:34px}.reel-copy h2{font-size:3rem}.social-platforms{margin-top:24px}.platform{padding:8px 9px}.reel-player{width:180px}.garage-logos{padding-block:54px}.garage-heading{padding-bottom:28px}.garage-set figure{width:280px;height:180px}.garage-set img{height:100px}.work,.services,.auto-contact{padding-block:60px}.section-heading{grid-template-columns:1fr}.section-heading>span{display:none}.section-heading>p{grid-column:1}.work-grid{grid-template-rows:300px 230px 230px}.service-list article{grid-template-columns:32px 1fr}footer{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.garage-track{animation-play-state:paused}}
@media(min-width:851px){.featured-reel{grid-template-columns:minmax(380px,570px) 230px;justify-content:center;gap:48px}}
@media(max-width:620px){.featured-reel{grid-template-columns:minmax(0,1fr) 165px;gap:16px;align-items:center}.reel-copy h2{font-size:clamp(2.25rem,10vw,3rem)}.reel-copy p{font-size:.88rem;line-height:1.45}.social-platforms{gap:6px}.platform{padding:7px 8px;font-size:.5rem}.platform svg{width:15px;height:15px}.reel-player{width:165px}}
.auto-hero{grid-template-columns:1fr;min-height:clamp(400px,62vw,680px);padding-top:clamp(58px,9vw,110px);padding-bottom:clamp(58px,9vw,110px);align-content:center}.auto-hero .hero-copy{padding:0}.auto-hero .hero-copy h1{margin:0;font-size:clamp(5rem,12vw,12rem);line-height:.72}
.auto-hero{min-height:clamp(400px,52vw,590px)}.auto-hero .hero-copy h1{font-size:clamp(3.8rem,8.5vw,8.5rem);line-height:.74}.hero-specialist{max-width:690px;margin:38px 0 0;font:600 clamp(1rem,1.5vw,1.25rem)/1.5 Space Grotesk}.hero-explore{margin-top:24px;padding-bottom:4px;border-bottom:1px solid var(--ink);font:500 .66rem DM Mono;text-decoration:none;text-transform:uppercase}
@media(max-width:520px){.auto-hero .hero-copy h1{font-size:clamp(3.4rem,18vw,4.8rem)}.hero-specialist{margin-top:28px;font-size:.95rem}.hero-explore{margin-top:20px}}
.photo-reveal{padding:72px var(--pad);display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,620px);gap:clamp(45px,8vw,120px);align-items:center;border-bottom:1px solid var(--ink);background:var(--cobalt);color:#fff}.photo-copy>span{font:500 .65rem DM Mono}.photo-copy h2{margin:30px 0 26px;font:600 clamp(3rem,5vw,5.6rem)/.84 Space Grotesk;letter-spacing:-.065em}.photo-copy h2 em{color:var(--acid);font-style:normal}.photo-copy>p{max-width:570px;margin:0;color:#e3e6ff;font:500 1rem/1.6 Manrope}.reveal-key{margin-top:34px;display:flex;gap:8px}.reveal-key span{padding:9px 11px;border:1px solid rgba(255,255,255,.7);font:500 .58rem DM Mono;text-transform:uppercase}.reveal-key span:last-child{background:var(--acid);color:var(--ink);border-color:var(--ink)}.comparison{position:relative;width:min(100%,560px);aspect-ratio:4/5;justify-self:end;overflow:hidden;border:1px solid var(--ink);background:#222;box-shadow:10px 10px 0 var(--ink);user-select:none}.comparison-before,.comparison-after,.comparison-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{object-position:center}.comparison-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.comparison-after img{object-position:center}.comparison-label{position:absolute;z-index:3;top:14px;padding:8px 10px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:500 .58rem DM Mono;text-transform:uppercase}.label-before{left:14px}.label-after{right:14px;background:var(--acid)}.comparison-line{position:absolute;z-index:4;top:0;bottom:0;left:var(--reveal);width:2px;transform:translateX(-1px);background:#fff;pointer-events:none}.comparison-line span{position:absolute;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid var(--ink);border-radius:50%;background:var(--acid);color:var(--ink);font:700 1.1rem DM Mono;box-shadow:3px 3px 0 var(--ink)}.comparison-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-range:focus-visible+.nothing{outline:none}
@media(max-width:850px){.photo-reveal{grid-template-columns:1fr}.comparison{width:min(100%,470px);justify-self:center}.photo-copy h2{max-width:650px}}
@media(max-width:520px){.photo-reveal{padding-block:54px;gap:38px}.photo-copy h2{font-size:3rem}.comparison{width:min(92%,390px)}.comparison-line span{width:42px;height:42px}}
.comparison:focus-within{outline:3px solid var(--acid);outline-offset:7px}
.reveal-key button{padding:9px 11px;border:1px solid rgba(255,255,255,.7);border-radius:0;background:transparent;color:#fff;font:500 .58rem DM Mono;text-transform:uppercase;cursor:pointer}.reveal-key button:last-child{background:var(--acid);color:var(--ink);border-color:var(--ink)}.reveal-key button:hover,.reveal-key button:focus-visible{outline:2px solid #fff;outline-offset:3px}.reveal-key button:active{transform:translateY(1px)}
.garage-logos{padding:0}
.garage-kicker{padding:22px var(--pad);border-top:1px solid var(--ink);background:#fff;font:500 .65rem DM Mono;letter-spacing:.06em}
.comparison:focus-within{outline:none}
.reel-collection{display:flex;gap:16px;align-items:center}.reel-collection .reel-player{flex:0 0 190px;width:190px}.reel-collection .reel-player:nth-child(2){transform:translateY(18px)}
@media(min-width:851px){.featured-reel{grid-template-columns:minmax(360px,520px) 396px}}
@media(max-width:850px){.featured-reel{grid-template-columns:minmax(0,1fr) 330px}.reel-collection{gap:12px}.reel-collection .reel-player{flex-basis:159px;width:159px}}
@media(max-width:620px){.featured-reel{grid-template-columns:minmax(0,1fr) 170px}.reel-collection{width:170px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7px 16px}.reel-collection .reel-player{flex-basis:156px;width:156px;scroll-snap-align:center}.reel-collection .reel-player:nth-child(2){transform:none}}
.reel-swipe-cue{display:none}
@media(max-width:620px){.featured-reel{position:relative;grid-template-columns:minmax(0,1fr) 205px;padding-right:16px}.reel-collection{position:relative;width:205px;height:330px;padding:0;overflow:visible}.reel-collection .reel-player{position:absolute;top:0;left:0;z-index:2;width:180px;opacity:1;transform:none;transition:transform .35s ease,opacity .35s ease}.reel-collection .reel-player:nth-child(2){z-index:1;left:25px;opacity:.34;transform:scale(.93)}.reel-collection .reel-player video{box-shadow:6px 6px 0 var(--ink)}.reel-swipe-cue{grid-column:2;margin-top:-4px;width:205px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;font:500 .5rem DM Mono;text-transform:uppercase}.reel-swipe-cue i{grid-column:1/-1;display:flex;gap:5px}.reel-swipe-cue em{width:20px;height:3px;background:rgba(17,16,14,.28)}.reel-swipe-cue em:first-child{background:var(--ink)}}
.auto-hero{position:relative;overflow:hidden}.auto-hero:after{content:"";position:absolute;right:clamp(-70px,2vw,30px);top:50%;width:clamp(220px,32vw,500px);aspect-ratio:1;transform:translateY(-50%) rotate(8deg);background:url("assets/brand/shutter-storm-logo-exact.png") center/contain no-repeat;opacity:.055;pointer-events:none}.auto-hero .hero-copy{position:relative;z-index:1}.auto-contact:after{content:"";position:absolute;right:var(--pad);bottom:-22%;width:clamp(180px,28vw,430px);aspect-ratio:1;background:url("assets/brand/shutter-storm-logo-exact.png") center/contain no-repeat;opacity:.07;transform:rotate(-8deg);pointer-events:none}.auto-contact{position:relative;overflow:hidden}.auto-contact>*{position:relative;z-index:1}
@media(max-width:520px){.wordmark>img{width:44px;height:44px;border-radius:11px}.auto-hero:after{right:-90px;width:260px}.auto-contact:after{right:-70px;width:250px}}

/* Reveal the finished photograph from right to left, with the handle above the section */
.comparison{overflow:visible}.comparison-before,.comparison-after{overflow:hidden}.comparison-after{clip-path:inset(0 0 0 var(--reveal))}.comparison-line{left:var(--reveal);z-index:8}.comparison-line span{z-index:9}.comparison-range{z-index:10}
@media(max-width:620px){.featured-reel{grid-template-columns:minmax(0,1fr) 225px}.reel-collection{width:225px;height:345px}.reel-collection .reel-player{width:180px}.reel-collection .reel-player:nth-child(2){left:43px;opacity:.62;transform:translateY(10px) rotate(3deg) scale(.95);filter:saturate(.82) brightness(.88)}.reel-swipe-cue{width:225px;margin-top:5px;padding:10px 11px;gap:8px 12px;border:1px solid var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--ink);font-size:.58rem}.reel-swipe-cue span{font-weight:700}.reel-swipe-cue strong{display:inline-block;margin-left:5px;font-size:.85rem;animation:swipe-nudge 1.1s ease-in-out infinite}.reel-swipe-cue i{gap:6px}.reel-swipe-cue em{width:100%;height:4px;border:1px solid var(--ink);background:transparent}.reel-swipe-cue em:first-child{background:var(--ink)}}
@keyframes swipe-nudge{50%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.reel-swipe-cue strong{animation:none}}
@media(max-width:620px){.featured-reel{display:block;padding:44px 20px 54px}.reel-copy{max-width:100%}.reel-copy h2{margin:20px 0 18px;font-size:3.35rem;line-height:.82}.reel-copy p{max-width:440px;font-size:.95rem;line-height:1.5}.social-platforms{margin-top:22px}.reel-collection{width:min(100%,270px);height:355px;margin:38px auto 0;overflow:visible}.reel-collection .reel-player{left:0;width:190px}.reel-collection .reel-player:nth-child(2){left:68px;opacity:.58;transform:translateY(11px) rotate(3deg) scale(.94)}.reel-swipe-cue{width:min(100%,270px);margin:10px auto 0;grid-template-columns:1fr auto}.reel-swipe-cue em{width:100%}}
@media(max-width:380px){.featured-reel{padding-inline:16px}.reel-copy h2{font-size:3rem}.reel-collection{width:245px}.reel-collection .reel-player{width:175px}.reel-collection .reel-player:nth-child(2){left:62px}.reel-swipe-cue{width:245px}}
.reel-copy h2 span,.reel-copy h2 em{display:block}.reel-copy h2 em{width:max-content;margin-left:clamp(28px,5vw,72px);padding:0 .08em .06em;background:var(--acid);box-shadow:5px 5px 0 var(--ink);font-style:normal;line-height:.78;transform:rotate(-1.5deg)}
@media(max-width:620px){.reel-copy h2 em{margin-top:7px;margin-left:24px;box-shadow:4px 4px 0 var(--ink)}}
.auto-phone{padding-bottom:3px;border-bottom:1px solid var(--ink)}.ring-link{padding:14px 16px;border:1px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);text-decoration:none}.ring-link:hover{background:var(--coral)}
@media(max-width:850px){.auto-header nav .auto-phone{display:none}}