:root{--bg:#050505;--panel:#0b0b0c;--ink:#f3f0eb;--muted:#a6a2a0;--line:#2a2929;--red:#d52027;--serif:'Cormorant Garamond',serif;--sans:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea,select{font:inherit}.hidden{display:none}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(213,32,39,.08),transparent 66%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.loader{position:fixed;inset:0;background:#020202;z-index:999;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.loader.hidden{opacity:0;visibility:hidden}.loader-mark{font-family:var(--serif);font-size:5rem;letter-spacing:.08em}.loader span{position:absolute;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:load 1.4s infinite}@keyframes load{0%{transform:translateX(-80px);opacity:0}50%{opacity:1}100%{transform:translateX(80px);opacity:0}}.site-header{height:86px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:3rem;padding:0 5vw;border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{background:rgba(3,3,3,.86);backdrop-filter:blur(18px);border-color:#1e1e1e}.brand{display:flex;align-items:center;gap:.8rem}.brand-monogram{font-family:var(--serif);font-size:2rem;line-height:1}.brand-name{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;line-height:1.25}.brand-name small{display:block;color:var(--muted);font-size:.65rem}.nav-links{margin-left:auto;display:flex;gap:2rem}.nav-links a{text-transform:uppercase;font-size:.7rem;letter-spacing:.16em;color:#ddd}.nav-links a:hover{color:#fff}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 1.35rem;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:600;transition:.25s;cursor:pointer}.button:hover{transform:translateY(-2px);border-color:#777}.button-red{background:linear-gradient(135deg,#b9161d,#e12b32);border-color:#e12b32;color:#fff;box-shadow:0 10px 40px rgba(213,32,39,.18)}.button-outline{background:rgba(0,0,0,.2)}.nav-toggle{display:none}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 7vw 90px;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.96) 29%,rgba(3,3,3,.28) 67%,rgba(3,3,3,.5) 100%),url('assets/images/blue-civic.webp') center 27%/cover no-repeat;filter:saturate(.72) contrast(1.15) brightness(.72);z-index:-4;transform:scale(1.02)}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 72% 44%,transparent 0 21%,rgba(0,0,0,.42) 55%,#020202 100%);z-index:-3}.hero-content{max-width:630px}.eyebrow{text-transform:uppercase;color:#ee333a;font-size:.72rem;letter-spacing:.22em;font-weight:500}.hero h1,.section h2{font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.hero h1{font-size:clamp(4.5rem,8vw,8rem);line-height:.72;margin:.6rem 0 2rem}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #fff}.hero-sub{text-transform:uppercase;letter-spacing:.2em;font-size:.9rem}.hero-copy{max-width:480px;color:#c4c1bf;line-height:1.8}.hero-actions{display:flex;gap:1rem;margin-top:2rem}.hero-tags{display:flex;gap:1.8rem;margin-top:3.2rem;text-transform:uppercase;letter-spacing:.15em;font-size:.61rem;color:#bdb9b6}.hero-tags span:before{content:'◆';color:var(--red);margin-right:.6rem}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#bbb}.scroll-cue span{display:inline-block;width:12px;height:20px;border:1px solid #aaa;border-radius:10px;vertical-align:middle;margin-right:.7rem}.shard{position:absolute;background:linear-gradient(135deg,#1d1d21,#030303 45%,#4c4c50);clip-path:polygon(50% 0,100% 76%,66% 100%,0 70%);filter:drop-shadow(0 0 16px rgba(255,255,255,.14));opacity:.4;z-index:-2}.shard:after{content:'';position:absolute;inset:1px;background:linear-gradient(130deg,transparent 20%,rgba(255,255,255,.32) 25%,transparent 31%,transparent 70%,rgba(213,32,39,.6));clip-path:inherit}.shard-one{width:140px;height:360px;right:6%;top:12%;transform:rotate(10deg)}.shard-two{width:100px;height:260px;right:18%;top:5%;transform:rotate(-14deg)}.shard-three{width:90px;height:220px;right:1%;bottom:8%;transform:rotate(34deg)}.section{position:relative;padding:110px 6vw;border-top:1px solid #1d1d1d}.section-heading{text-align:center;max-width:780px;margin:0 auto 3rem}.section-heading.left{text-align:left;margin-left:0}.section h2{font-size:clamp(2.4rem,5vw,4.5rem);margin:.4rem 0}.section-heading>p:last-child{color:var(--muted);line-height:1.7}.process-section{background:radial-gradient(circle at 50% 0,#111,transparent 42%)}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage-card{position:relative;min-height:480px;border:1px solid #313131;padding:2rem;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.4));transition:.4s}.stage-card:hover{transform:translateY(-8px);border-color:#666}.stage-card.featured{border-color:var(--red);box-shadow:inset 0 0 55px rgba(213,32,39,.06)}.stage-number{color:var(--red);letter-spacing:.16em}.stage-card h3{font-family:var(--serif);font-size:2rem;text-transform:uppercase;margin-top:8rem}.stage-card p,.stage-card li{color:#aaa;line-height:1.65;font-size:.9rem}.stage-card ul{padding-left:1rem}.stage-card a{display:inline-block;margin-top:1rem;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.mini-shard{position:absolute;width:130px;height:220px;right:1.7rem;top:1.5rem;clip-path:polygon(52% 0,96% 68%,66% 100%,4% 82%,20% 30%);background:linear-gradient(130deg,#0b0b0c 10%,#57575b 31%,#08080a 46%,#35353a 68%,#050506);filter:drop-shadow(0 15px 24px #000)}.mini-shard:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 38%,rgba(255,255,255,.7) 39%,transparent 40%,transparent 70%,rgba(213,32,39,.45));clip-path:inherit}.shard-mid{transform:rotate(12deg);filter:brightness(1.25)}.shard-polished{border-radius:40%;background:linear-gradient(130deg,#0a0a0a,#3c3d43 48%,#050505 49%);box-shadow:0 0 35px rgba(213,32,39,.2)}.portfolio-section{padding-top:90px}.portfolio-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.4rem}.portfolio-top h2{margin:0}.filters{display:flex;gap:1rem}.filters button{background:none;color:#777;border:0;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;cursor:pointer;padding:.5rem}.filters button.active{color:#fff;border-bottom:1px solid var(--red)}.gallery{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-auto-rows:410px;gap:8px}.gallery-item{position:relative;margin:0;overflow:hidden;background:#111;transition:.4s}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.gallery-item:hover img{transform:scale(1.035);filter:brightness(.76)}.gallery-item figcaption{position:absolute;inset:auto 0 0;padding:2rem;background:linear-gradient(transparent,rgba(0,0,0,.9));transform:translateY(32%);opacity:0;transition:.35s}.gallery-item:hover figcaption{transform:none;opacity:1}.gallery-item figcaption span{display:block;color:var(--red);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem}.gallery-item figcaption strong{font-family:var(--serif);font-size:1.5rem}.gallery-item.is-hidden{display:none}.services-section{background:linear-gradient(180deg,#050505,#0a0a0b)}.service-strip{display:grid;grid-template-columns:repeat(8,1fr);border-block:1px solid #242424}.service-strip div{padding:1.6rem .8rem;text-align:center;border-right:1px solid #242424;text-transform:uppercase;font-size:.64rem;letter-spacing:.09em;color:#ccc}.service-strip span{display:block;color:#fff;font-size:1.6rem;margin-bottom:.7rem}.service-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.service-panel{padding:2rem;border:1px solid #242424}.service-panel h3{font-family:var(--serif);font-size:1.8rem;text-transform:uppercase}.service-panel p{color:#aaa;line-height:1.7}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about-visual{min-height:500px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#1a1a1d,transparent 55%)}.crystal{width:210px;height:360px;clip-path:polygon(50% 0,92% 68%,62% 100%,7% 77%,20% 25%);background:linear-gradient(135deg,#0e0e10,#5f6067 28%,#070708 43%,#35363a 70%,#020202);filter:drop-shadow(0 28px 35px #000);animation:float 5s ease-in-out infinite}.crystal:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 31%,rgba(255,255,255,.65) 32%,transparent 33%,transparent 69%,rgba(213,32,39,.7));clip-path:inherit}.about-visual span{position:absolute;bottom:0;color:#777;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}.about-copy p{color:#aaa;line-height:1.8}.about-copy blockquote{font-family:var(--serif);font-size:2rem;margin:2rem 0 0;padding-left:1.4rem;border-left:2px solid var(--red)}.booking-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:radial-gradient(circle at 18% 50%,#18181a,transparent 40%)}.record-card{max-width:420px;padding:3rem 2.4rem;border:1px solid #454545;background:linear-gradient(145deg,#1a1a1c,#070708 55%);box-shadow:24px 24px 0 #111,48px 48px 0 #0a0a0a;transform:rotate(-2deg)}.record-logo{font-family:var(--serif);font-size:3rem}.record-card>p{text-transform:uppercase;letter-spacing:.15em;font-size:.62rem}.record-card h3{font-family:var(--serif);font-size:2rem}.record-lines{display:grid;grid-template-columns:auto 1fr;gap:.8rem;margin:2rem 0}.record-lines span{font-size:.7rem;text-transform:uppercase;color:#888}.record-lines i{border-bottom:1px solid #444}.record-card li{list-style:'✓  ';color:#ccc;margin:.7rem 0}.record-card li::marker{color:var(--red)}.booking-copy>p{color:#aaa;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}form label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;color:#999;margin-bottom:1rem}input,textarea,select{display:block;width:100%;margin-top:.5rem;background:#080808;border:1px solid #303030;color:#fff;padding:1rem;outline:none}input:focus,textarea:focus,select:focus{border-color:#777}form .button{width:100%}footer{display:flex;align-items:center;justify-content:space-between;padding:2rem 6vw;border-top:1px solid #222;color:#777;font-size:.72rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.header-cta{display:none}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:360px}.stage-card h3{margin-top:5rem}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:420px}.service-strip{grid-template-columns:repeat(4,1fr)}.about-section,.booking-section{grid-template-columns:1fr}.record-card{margin:0 auto}.nav-links{position:fixed;inset:86px 0 auto;background:#050505;padding:2rem;flex-direction:column;transform:translateY(-130%);transition:.3s;border-bottom:1px solid #222}.nav-links.open{transform:none}.nav-toggle{display:block;margin-left:auto;width:38px;height:38px;background:none;border:0}.nav-toggle span{display:block;height:1px;background:#fff;margin:8px}.hero-photo{background-position:64% 30%}.hero{align-items:end}.hero-content{padding-bottom:60px}}@media(max-width:650px){.site-header{padding:0 5vw}.brand-name{display:none}.hero{padding-inline:6vw;min-height:92vh}.hero h1{font-size:4.2rem}.hero-tags{display:none}.hero-actions{flex-direction:column;align-items:stretch}.section{padding:80px 5vw}.gallery{grid-template-columns:1fr;grid-auto-rows:450px}.gallery-item.tall{grid-row:auto}.portfolio-top{align-items:start;flex-direction:column;gap:1rem}.service-strip{grid-template-columns:repeat(2,1fr)}.service-details{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.record-card{box-shadow:12px 12px 0 #111;transform:none}.about-visual{min-height:400px}footer{flex-direction:column;gap:1rem;text-align:center}.cursor-glow{display:none}}

/* Motion and progressive white-obsidian refinement */
.loader.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{animation:loaderMark 1.8s cubic-bezier(.2,.8,.2,1) infinite alternate}
@keyframes loaderMark{from{opacity:.35;filter:blur(1px);letter-spacing:.08em}to{opacity:1;filter:drop-shadow(0 0 18px rgba(255,255,255,.28));letter-spacing:.16em}}

.cursor-glow{left:var(--x,50vw);top:var(--y,50vh);will-change:left,top}
.hero-photo{will-change:transform;transition:transform .15s linear}
.hero-content.visible .eyebrow{animation:heroRise .75s .08s both}
.hero-content.visible h1{animation:heroRise .9s .16s both}
.hero-content.visible .hero-sub{animation:heroRise .8s .28s both}
.hero-content.visible .hero-copy{animation:heroRise .8s .38s both}
.hero-content.visible .hero-actions{animation:heroRise .8s .48s both}
.hero-content.visible .hero-tags{animation:heroRise .8s .58s both}
@keyframes heroRise{from{opacity:0;transform:translateY(26px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}

.shard{translate:var(--mx,0) var(--my,0);animation:shardDrift 6s ease-in-out infinite alternate;will-change:transform,translate}
.shard-two{animation-duration:7.5s;animation-delay:-2s}.shard-three{animation-duration:5.2s;animation-delay:-1s}
@keyframes shardDrift{0%{margin-top:0;filter:drop-shadow(0 0 12px rgba(255,255,255,.1))}100%{margin-top:-18px;filter:drop-shadow(0 0 28px rgba(255,255,255,.3))}}
.scroll-cue span:after{content:'';display:block;width:2px;height:4px;border-radius:2px;background:#fff;margin:3px auto;animation:scrollDot 1.6s infinite}
@keyframes scrollDot{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(9px);opacity:0}}

.stage-card{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform}
.stage-card:hover{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px)}
.stage-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,30%),rgba(255,255,255,.1),transparent 34%);opacity:0;transition:opacity .35s;pointer-events:none}
.stage-card:hover:before{opacity:1}
.refinement-label{position:absolute;right:1.9rem;top:15.1rem;color:#8d8d8d;text-transform:uppercase;letter-spacing:.2em;font-size:.55rem;z-index:3}

.mini-shard{overflow:hidden;background:linear-gradient(136deg,#74777c 0%,#e8e8e4 16%,#74787d 31%,#f7f7f3 46%,#8f9295 62%,#deded9 78%,#5e6165 100%);filter:drop-shadow(0 18px 28px rgba(0,0,0,.75));animation:stoneBreathe 4.8s ease-in-out infinite}
.mini-shard:before{content:'';position:absolute;inset:0;clip-path:inherit;background:repeating-linear-gradient(126deg,transparent 0 25px,rgba(20,20,22,.75) 26px 28px,transparent 29px 47px);opacity:.9}
.mini-shard:after{background:linear-gradient(145deg,transparent 20%,rgba(255,255,255,.94) 31%,transparent 33%,transparent 56%,rgba(255,255,255,.65) 58%,transparent 60%,transparent 78%,rgba(213,32,39,.35))}
.mini-shard i,.mini-shard b{position:absolute;display:block;inset:0;clip-path:inherit;pointer-events:none}
.mini-shard i{background:linear-gradient(72deg,transparent 46%,rgba(255,255,255,.9) 48%,transparent 50%);transform:translateX(-120%);animation:facetSweep 4.6s ease-in-out infinite}
.mini-shard b{background:radial-gradient(circle at 72% 23%,rgba(255,255,255,.95),transparent 5%);opacity:.55}
@keyframes stoneBreathe{50%{filter:drop-shadow(0 20px 38px rgba(255,255,255,.16));transform:translateY(-5px)}}
@keyframes facetSweep{0%,25%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}

.stage-rough .mini-shard{clip-path:polygon(47% 0,74% 10%,96% 59%,78% 100%,31% 91%,3% 67%,17% 24%);filter:grayscale(.9) brightness(.72) drop-shadow(0 18px 28px #000)}
.stage-rough .mini-shard:before{opacity:1;background:repeating-linear-gradient(122deg,transparent 0 15px,rgba(24,24,25,.9) 16px 19px,transparent 20px 34px)}
.stage-rough .mini-shard i{animation-duration:7s;opacity:.35}
.stage-honed .mini-shard{clip-path:polygon(52% 0,91% 29%,96% 72%,66% 100%,20% 88%,4% 46%,24% 13%);filter:grayscale(.4) brightness(1.02) drop-shadow(0 18px 30px #000)}
.stage-honed .mini-shard:before{opacity:.42;background:repeating-linear-gradient(128deg,transparent 0 31px,rgba(35,35,37,.5) 32px 34px,transparent 35px 57px)}
.stage-polished .mini-shard{clip-path:polygon(50% 0,88% 19%,100% 56%,77% 92%,50% 100%,16% 85%,0 48%,22% 13%);border-radius:0;background:linear-gradient(135deg,#6f7378 0%,#fff 18%,#bfc1c2 33%,#fff 49%,#777b80 66%,#f8f8f5 82%,#8c9094 100%);box-shadow:0 0 42px rgba(255,255,255,.2),0 0 70px rgba(213,32,39,.12);filter:brightness(1.12) drop-shadow(0 20px 36px #000)}
.stage-polished .mini-shard:before{opacity:.12}.stage-polished .mini-shard i{animation-duration:3.2s}.stage-polished .refinement-label{color:#efefec}
.stage-polished .mini-shard b{opacity:1;animation:sparkle 2.3s ease-in-out infinite}
@keyframes sparkle{0%,100%{filter:brightness(.8);transform:scale(.98)}50%{filter:brightness(1.9);transform:scale(1.03)}}

.reveal{transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease;filter:blur(5px)}
.reveal.visible{filter:none}
.gallery-item.visible img{animation:galleryIn 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes galleryIn{from{transform:scale(1.08);filter:brightness(.45) blur(3px)}to{transform:scale(1);filter:none}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader-mark,.loader span,.crystal,.shard,.mini-shard,.mini-shard i,.mini-shard b,.scroll-cue span:after{animation:none!important}.reveal{opacity:1!important;transform:none!important;filter:none!important}.hero-photo{transform:none!important}}

/* Hero studio + photography mode */
.hero{--hero-x:72%;--hero-y:44%}
.hero-inspection-light{position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:linear-gradient(104deg,transparent 38%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.32) 49%,rgba(255,255,255,.05) 53%,transparent 61%);transform:translateX(-60%) rotate(-4deg);mix-blend-mode:screen;animation:heroInspection 7.5s ease-in-out infinite}
@keyframes heroInspection{0%,15%{transform:translateX(-72%) rotate(-4deg);opacity:0}35%{opacity:.9}70%{opacity:.65}100%{transform:translateX(74%) rotate(-4deg);opacity:0}}
.camera-frame{position:absolute;inset:112px 4vw 58px;pointer-events:none;z-index:2;opacity:.42;transition:opacity .45s}
.camera-frame .corner{position:absolute;width:42px;height:42px;border-color:rgba(255,255,255,.7);border-style:solid}.camera-frame .tl{left:0;top:0;border-width:1px 0 0 1px}.camera-frame .tr{right:0;top:0;border-width:1px 1px 0 0}.camera-frame .bl{left:0;bottom:0;border-width:0 0 1px 1px}.camera-frame .br{right:0;bottom:0;border-width:0 1px 1px 0}.camera-frame .focus-box{position:absolute;left:72%;top:46%;width:74px;height:48px;border:1px solid rgba(255,255,255,.38);transform:translate(-50%,-50%)}.camera-frame small{position:absolute;right:0;bottom:-24px;letter-spacing:.18em;font-size:.52rem;color:#8d8d8d}
.hero-mode{display:inline-flex;border:1px solid #393939;background:rgba(0,0,0,.38);backdrop-filter:blur(10px);margin-bottom:1rem}.hero-mode button{border:0;background:none;color:#777;padding:.62rem .9rem;text-transform:uppercase;letter-spacing:.15em;font-size:.58rem;cursor:pointer}.hero-mode button.active{color:#fff;background:rgba(213,32,39,.15);box-shadow:inset 0 -1px var(--red)}
.hero.photo-mode .hero-photo{background-image:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.94) 26%,rgba(3,3,3,.2) 64%,rgba(3,3,3,.55) 100%),url('assets/images/white-exterior.webp');background-position:center 66%;filter:saturate(.72) contrast(1.2) brightness(.72)}
.hero.photo-mode .camera-frame{opacity:.85}.hero.photo-mode .hero-inspection-light{animation-duration:5.8s}.hero.photo-mode h1 em{-webkit-text-stroke-color:#ececec}

/* Reflection Mode portfolio inspection light */
.reflection-note{margin:.55rem 0 0;color:#777;font-size:.68rem;letter-spacing:.08em}
.gallery-item{--rx:50%;--ry:50%}
.gallery-item::before{content:'';position:absolute;inset:-25%;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--rx) var(--ry),rgba(255,255,255,.42) 0,rgba(255,255,255,.16) 4%,rgba(255,255,255,.035) 13%,transparent 28%),linear-gradient(105deg,transparent 38%,rgba(255,255,255,.32) 48%,transparent 57%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}
.gallery-item::after{content:'REFLECTION MODE';position:absolute;right:14px;top:14px;z-index:4;color:#fff;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.25);padding:.45rem .55rem;font-size:.5rem;letter-spacing:.15em;opacity:0;transform:translateY(-5px);transition:.3s;pointer-events:none}
.gallery-item.reflection-active::before,.gallery-item:hover::before{opacity:1}.gallery-item.reflection-active::after,.gallery-item:hover::after{opacity:1;transform:none}
.gallery-item.reflection-active img{transform:scale(1.045);filter:contrast(1.08) saturate(1.05) brightness(.88)}
.gallery-item figcaption{z-index:3}
@media(max-width:650px){.camera-frame{inset:100px 4vw 48px}.camera-frame .focus-box{display:none}.hero-mode{margin-bottom:.7rem}.reflection-note{display:none}.gallery-item::before{opacity:.28;animation:mobileReflection 5s ease-in-out infinite}.gallery-item::after{display:none}}
@keyframes mobileReflection{0%,100%{transform:translateX(-35%);opacity:.05}50%{transform:translateX(35%);opacity:.35}}
@media (prefers-reduced-motion:reduce){.hero-inspection-light,.gallery-item::before{animation:none!important}}


/* Vehicle Vault — gemstone-style returning-client records */
.records-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.055),transparent 26%),linear-gradient(180deg,#070708,#030303);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.records-section:before,.records-section:after{content:'';position:absolute;width:330px;height:620px;top:5%;background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 42%,rgba(213,32,39,.08));clip-path:polygon(48% 0,100% 25%,77% 100%,9% 78%,0 28%);filter:blur(.2px);opacity:.24;pointer-events:none}.records-section:before{left:-210px;transform:rotate(-17deg)}.records-section:after{right:-230px;transform:rotate(21deg)}
.records-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;max-width:1180px;margin:0 auto 3.1rem}.records-intro h2{margin:.25rem 0 0}.records-intro>p{color:var(--muted);line-height:1.85;margin:0;max-width:600px}
.record-display-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:1180px;margin:auto;perspective:1400px}
.vehicle-record{--vx:50%;--vy:35%;--rtx:0deg;--rty:0deg;position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);min-height:500px;background:linear-gradient(145deg,rgba(20,20,22,.96),rgba(5,5,6,.98));border:1px solid #313134;overflow:hidden;transform:rotateX(var(--rtx)) rotateY(var(--rty));transform-style:preserve-3d;transition:transform .22s ease,border-color .35s,box-shadow .35s;box-shadow:0 34px 70px rgba(0,0,0,.46)}
.vehicle-record:hover,.vehicle-record:focus-within{border-color:#656568;box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 45px rgba(255,255,255,.045)}
.record-aura{position:absolute;inset:-35%;pointer-events:none;z-index:4;background:radial-gradient(circle at var(--vx) var(--vy),rgba(255,255,255,.38),rgba(255,255,255,.08) 7%,transparent 23%),linear-gradient(108deg,transparent 40%,rgba(255,255,255,.23) 49%,transparent 58%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}.vehicle-record:hover .record-aura,.vehicle-record.is-lit .record-aura{opacity:.9}
.record-image-wrap{position:relative;min-height:500px;overflow:hidden;background:#050505}.record-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(5,5,6,.25) 72%,#080809 100%),linear-gradient(0deg,rgba(0,0,0,.64),transparent 42%);pointer-events:none}.record-image-wrap img{height:100%;object-fit:cover;filter:saturate(.9) contrast(1.1) brightness(.76);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.vehicle-record:hover .record-image-wrap img{transform:scale(1.035);filter:saturate(1.02) contrast(1.1) brightness(.86)}
.record-chip,.record-grade{position:absolute;z-index:3;top:18px;padding:.55rem .65rem;background:rgba(4,4,5,.72);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase}.record-chip{left:18px}.record-grade{right:18px;color:#fff;border-color:rgba(213,32,39,.58);box-shadow:inset 0 -1px var(--red)}
.vehicle-record-copy{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2rem 2rem;background:linear-gradient(90deg,rgba(8,8,9,.2),#080809 22%)}.record-kicker{color:var(--red);text-transform:uppercase;letter-spacing:.2em;font-size:.55rem;margin:0 0 .7rem}.vehicle-record h3{font:600 clamp(2rem,3vw,3.1rem)/.95 var(--serif);margin:0 0 2rem}.record-specs{display:grid;gap:.9rem;margin-bottom:1.8rem}.record-specs span{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #2b2b2e;padding-bottom:.75rem;color:#d4d1cc;font-size:.68rem;letter-spacing:.05em}.record-specs small{color:#777;text-transform:uppercase;letter-spacing:.15em;font-size:.52rem}
.record-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;color:#fff;border:0;border-top:1px solid #39393b;border-bottom:1px solid #39393b;background:none;text-align:left;text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;cursor:pointer}.record-toggle span{font-size:1rem;font-weight:200;transition:transform .35s}.vehicle-record.open .record-toggle span{transform:rotate(45deg)}
.record-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:0}.record-drawer>*{overflow:hidden}.record-drawer p{color:#aaa;font-size:.75rem;line-height:1.65;margin:1rem 0 .5rem}.record-drawer ul{margin:.2rem 0 0;padding:0;list-style:none;color:#8c8c8f;font-size:.66rem;line-height:1.9}.record-drawer li:before{content:'◇';color:#e5e5e3;margin-right:.55rem}.vehicle-record.open .record-drawer{grid-template-rows:1fr;opacity:1}
.gem-plinth{position:absolute;z-index:6;left:42%;bottom:20px;width:118px;height:58px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.8))}.gem-plinth:before{content:'';position:absolute;left:19px;top:-42px;width:80px;height:78px;clip-path:polygon(50% 0,88% 18%,100% 57%,72% 100%,23% 92%,0 49%,19% 14%);background:linear-gradient(135deg,#676b70,#fff 19%,#9ea2a6 33%,#f8f8f5 52%,#71757a 70%,#e8e8e4 84%,#64686d);box-shadow:0 0 28px rgba(255,255,255,.18);animation:vaultGem 4.5s ease-in-out infinite}.gem-plinth:after{content:'';position:absolute;left:0;bottom:0;width:118px;height:20px;border:1px solid #777;background:linear-gradient(180deg,#333438,#080809 70%);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.gem-plinth i{position:absolute;z-index:2;left:23px;top:-38px;width:72px;height:70px;clip-path:polygon(50% 0,88% 18%,100% 57%,72% 100%,23% 92%,0 49%,19% 14%);background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.9) 49%,transparent 57%);animation:facetSweep 3.8s ease-in-out infinite}.gem-plinth b{position:absolute;z-index:3;left:42px;bottom:7px;width:34px;height:2px;background:#fff;box-shadow:0 0 12px #fff}.gem-plinth-cut:before{clip-path:polygon(50% 0,83% 12%,100% 43%,86% 78%,55% 100%,20% 88%,0 55%,12% 20%)}
@keyframes vaultGem{50%{transform:translateY(-7px) rotate(2deg);filter:brightness(1.15);box-shadow:0 0 42px rgba(255,255,255,.28)}}
.records-footnote{max-width:1180px;margin:1.5rem auto 0;color:#666;font-size:.62rem;letter-spacing:.08em;text-align:center}
@media(max-width:1100px){.record-display-grid{grid-template-columns:1fr}.vehicle-record{grid-template-columns:1.05fr .95fr}.records-intro{gap:2rem}}
@media(max-width:760px){.records-intro{grid-template-columns:1fr;gap:1rem}.vehicle-record{grid-template-columns:1fr;min-height:0}.record-image-wrap{min-height:430px}.record-image-wrap:after{background:linear-gradient(0deg,#080809 0%,transparent 35%)}.vehicle-record-copy{padding:1.7rem;background:#080809}.gem-plinth{left:auto;right:14px;bottom:calc(100% - 410px);transform:scale(.72)}.record-aura{display:none}}
@media(max-width:480px){.record-image-wrap{min-height:360px}.gem-plinth{bottom:calc(100% - 350px)}.record-specs span{font-size:.61rem}.record-chip,.record-grade{font-size:.44rem}}