/* Google clarity + Graphite contrast: portfolio visual direction. */
:root{--ink:#202124;--muted:#62666c;--blue:#165dce;--line:#dfe2e7;--surface:#f5f6f8;--pale:#edf3ff;--graphite:#101112;--graphite-line:#303236}
.header{height:78px;background:#101112f5;border-bottom:1px solid var(--graphite-line);color:#f3f4f6;padding-inline:max(32px,calc((100vw - 1200px)/2))}.monogram{color:#f3f4f6}.monogram span{color:#91baff}.header nav{color:#c4c7ce;gap:30px}.header nav a:hover{color:#fff}.nav-contact{background:#e9edf4;border-color:#e9edf4;color:#17191d!important;border-radius:6px;padding:9px 19px}.header .brand{font-weight:500}
.hero{width:100%;max-width:none;background:var(--graphite);color:#f6f7f8;padding:100px max(40px,calc((100vw - 1200px)/2)) 95px;grid-template-columns:1.1fr 1fr;gap:62px;position:relative;isolation:isolate;min-height:690px;border-bottom:1px solid #303236}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 38%,#819ccd12,transparent 48%),linear-gradient(90deg,transparent calc(50% - .5px),#ffffff04 50%,transparent calc(50% + .5px));pointer-events:none}.hero h1{font-size:clamp(46px,4.6vw,69px);line-height:1.06;font-weight:500;letter-spacing:-.055em}.hero h1 span{color:#b7c9e9}.hero .eyebrow{color:#a4a9b4;font-family:Consolas,'Courier New',monospace;font-weight:400;letter-spacing:.12em}.hero .lead{color:#b4b8c1;font-size:18px;line-height:1.65;max-width:470px;margin:28px 0 30px}.button{border-radius:6px;min-height:46px;font-size:14px;box-shadow:none}.button:hover{box-shadow:none}.hero .button{background:#eff2f8;color:#16191e;border:1px solid #d8deea;box-shadow:0 0 18px #a9caff0d}.hero .button:hover{background:white}.hero .button.secondary{background:#232528;border-color:#3a3d42;color:#e2e4ea}.hero .button.secondary:hover{background:#303339}.hero .availability{color:#939aa6;font-size:12px}.hero-visual{padding-bottom:105px}.hero-feature{border-radius:8px;border:1px solid #494b50;box-shadow:0 18px 60px #0005;background:#b3b3b3;transform:perspective(1100px) rotateY(-4deg);transition:transform .3s,border-color .3s}.hero-feature:hover{transform:perspective(1100px) rotateY(0);border-color:#819ccd}.figure-top,.figure-bottom{background:#1b1d20;color:#ecedf0;padding:17px 20px}.figure-top{font-family:Consolas,'Courier New',monospace;color:#a9b0bd;border-bottom:1px solid #393b40;font-size:10px;letter-spacing:.09em}.figure-bottom{border-top:1px solid #393b40}.figure-bottom span{color:#a4a9b4}.hero-mini{background:#1a1c1f;border-color:#393c42;border-radius:7px;box-shadow:0 20px 45px #0004;right:-5px;bottom:5px;width:285px;padding:10px}.hero-mini img{border-radius:3px}.hero-mini strong{color:#eff1f5;font-weight:400}.hero-mini span{color:#a5abb6}.tool-strip{padding:29px 0;border-top:0;border-bottom:1px solid var(--line);color:#656a73}.tool-strip>span{font-family:Consolas,'Courier New',monospace;font-size:11px;letter-spacing:.02em}.tool-strip>div{font-size:18px;font-weight:500}.section{padding-block:96px}.eyebrow{font-family:Consolas,'Courier New',monospace;font-weight:400;letter-spacing:.11em}h2{letter-spacing:-.045em;font-weight:500}.section-heading h2{font-size:clamp(32px,3.2vw,46px)}.section-heading>p{font-size:16px}.filters{padding-bottom:22px;border-bottom:1px solid var(--line)}.filters button{border-radius:5px;padding:8px 16px;border-color:transparent;background:#f3f4f6}.filters button.active{background:#e9f0fc;border-color:#cad8ee}.project-grid{gap:45px 30px}.project-image{border-radius:7px;border:1px solid #e3e5e8}.project-card h3{font-size:27px;font-weight:500}.project-card a:hover img{transform:scale(1.025)}.image-label{border-radius:4px;font-family:Consolas,'Courier New',monospace;font-size:11px;border:1px solid #dadde2;background:#fffffff0}.card-meta{font-family:Consolas,'Courier New',monospace;font-size:11px;line-height:1.6}.text-link{font-weight:500}.process{background:#141517;color:#f1f3f6;border-top:1px solid #303236;border-bottom:1px solid #303236}.process .eyebrow{color:#a3aab7}.process h2{max-width:760px}.process-grid{gap:0;border:1px solid #35373c;border-radius:7px;overflow:hidden;margin-top:42px}.process-grid article{padding:30px}.process-grid article+article{border-left:1px solid #35373c}.process-grid p{color:#adb2bd}.process-grid h3{font-size:22px;font-weight:400}.process-grid .step{font-family:Consolas,'Courier New',monospace;color:#a8c6fc}.timeline article{border-left:1px solid #c9d5e7;position:relative}.timeline article:before{content:'';width:7px;height:7px;background:#165dce;position:absolute;left:-4px;top:12px}.timeline article+article:before{top:30px}.contact{background:#151618;color:#f3f4f7;border:1px solid #3b3e44;border-radius:8px;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#c6d8f6,transparent)}.contact .eyebrow{color:#a1a9b6}.contact>p{color:#b4bac4}.contact .button{background:#edf1f8;border-color:#edf1f8;color:#1b2029}.contact .button.secondary{background:#24272c;border-color:#3f444d;color:#f0f2f6}.contact .email{color:#b7d0fc}.contact .contact-note{color:#979fad}.footer .brand{color:#252a32}.case-intro{padding-top:52px}.case-intro h1{letter-spacing:-.05em}.facts{border-color:#d5dae2}.facts dt{font-family:Consolas,'Courier New',monospace}.case-figure .zoom,.secondary-figure .zoom{border-radius:7px;border:1px solid #dfe2e7}.next-project{border-radius:7px;background:#151618;color:#f3f4f7}.next-project .eyebrow{color:#a8b0be}.next-project .button{background:#edf1f8;color:#181c23;border-color:#edf1f8}.next-project .back-link{color:#b7d0fc}dialog{border-radius:8px}dialog button{border-radius:5px}
@media(min-width:1450px){.hero{padding-top:110px;padding-bottom:100px;min-height:720px}}@media(max-width:1000px){.header{padding-inline:24px}.hero{padding:72px 24px 65px;gap:30px;min-height:auto}.hero h1{font-size:49px}.hero-mini{right:0;width:265px}.process-grid article{padding:24px}.section{padding-block:72px}}@media(max-width:700px){.header{height:72px;padding-inline:20px}.menu-toggle{background:#232528;border:1px solid #40444b;border-radius:5px;color:#f3f4f6}.header nav{background:#151618;border-color:#353940}.header nav a{color:#d9dce3}.hero{padding:50px 20px 42px;gap:42px;grid-template-columns:1fr}.hero h1{font-size:46px;line-height:1.08}.hero .lead{font-size:18px}.hero .eyebrow{font-size:11px}.hero-visual{padding-bottom:104px}.hero-feature{transform:none}.hero-mini{width:265px;right:0}.hero .availability{font-size:12px}.figure-bottom{padding:15px}.figure-top{font-size:9px;padding:15px}.tool-strip{gap:15px}.tool-strip>div{font-size:16px}.section{padding-block:60px}.process-grid{grid-template-columns:1fr;gap:0}.process-grid article{padding:25px;border:0}.process-grid article+article{border-left:0;border-top:1px solid #35373c}.card-meta{font-size:11px}.filters{gap:8px}.filters button{font-size:13px;padding:9px 12px}.contact{padding:42px 20px}.contact h2{font-size:36px}.case-intro{padding-top:30px}.next-project{padding:38px 20px}}
/* Graphite-led refinement: continuous dark canvas and restrained technical panels. */
:root{--ink:#edf0f4;--muted:#a5aab4;--blue:#c6d4ec;--line:#303338;--surface:#191b1e;--pale:#22262d}
body{background:#101112;color:var(--ink)}.header{background:#101112f2}.header nav{color:#b3b7c0}.header .nav-contact{background:#eff0f2;color:#17191d!important}.skip{background:#f4f5f7;color:#111}.hero{background:#101112;border-bottom:0;min-height:680px}.hero h1 span{color:#999fa9}.hero:before{background:radial-gradient(ellipse at 80% 40%,#ffffff09,transparent 55%)}.hero .button,.contact .button,.next-project .button{background:#eeeff1;color:#121416;border-color:#eeeff1}.hero .button:hover,.contact .button:hover,.next-project .button:hover{background:#fff}.hero-feature{transform:none;border-color:#393c41;box-shadow:0 0 0 7px #ffffff02,0 25px 70px #0007}.hero-feature:hover{transform:translateY(-3px);border-color:#757b85}.hero-mini{border-color:#3b3e43;box-shadow:0 18px 45px #0006}.hero .eyebrow,.eyebrow{color:#969da9}.hero .availability{color:#a2a8b1}.tool-strip{border-top:1px solid #303338;border-bottom:1px solid #303338;color:#c2c6cf;padding:30px 0}.tool-strip>span{color:#9198a4}.tool-strip>div{font-size:19px;font-weight:400}.section-heading>p{color:#a5aab4}.section-heading h2{font-size:clamp(34px,3.5vw,50px)}.section{padding-block:105px}.filters{border-color:#303338}.filters button{background:transparent;border:1px solid #34373d;color:#aeb4bf;border-radius:5px}.filters button.active{background:#e9ebef;border-color:#e9ebef;color:#17191d}.filters button:hover{border-color:#8b929e}.project-grid{gap:24px}.project-card{border:1px solid #34373d;border-radius:7px;overflow:hidden;background:#17191c;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#757c87;transform:translateY(-3px)}.project-card>a{display:block;height:100%;padding:12px 12px 26px}.project-image{border:0;border-bottom:1px solid #353940;border-radius:3px;background:#21242a}.project-image img{aspect-ratio:1.62}.image-label{background:#181b20ed;color:#e2e6ed;border-color:#555b65;bottom:14px;left:14px}.card-meta{padding:0 12px;margin:22px 0 12px;color:#a4acb9}.project-card h3,.project-card p,.project-card .text-link{margin-left:12px;margin-right:12px}.project-card h3{color:#f0f2f5;font-size:27px}.project-card p{color:#a9afb9;max-width:450px;font-size:15px}.project-card .text-link{color:#e1e6ef;margin-top:22px;font-size:13px;border-bottom:1px solid #656c77;padding-bottom:3px}.project-card a:hover h3{color:#fff}.process{background:#101112;border-top:1px solid #303338;border-bottom:1px solid #303338}.process-grid{background:#17191b}.process-grid .step{color:#d6dce7}.process-grid article{padding:34px}.process-grid article+article{border-color:#35383d}.about{gap:80px}.about h2{color:#f0f2f5}.about .lead{color:#c3c8d0}.location{color:#b9c3d3}.timeline article{border-left-color:#4d535d}.timeline article:before{background:#d1d8e4}.timeline h3{color:#f0f2f5}.timeline .role{color:#c8d1df}.timeline p{color:#a8aeb9}.contact{background:linear-gradient(145deg,#1d2025,#131416);border-color:#40454e;border-radius:7px;padding-block:76px}.contact:before{left:0;right:0;background:linear-gradient(90deg,transparent,#c7cdd7,transparent)}.contact .email{color:#dce2ec}.contact .button.secondary{color:#e3e7ee;background:#272b31;border-color:#4b525e}.contact .contact-note{color:#a6adb8}.footer{border-color:#34373d;color:#9da5b1}.footer .brand{color:#e2e6ed}.footer .blue{color:#aeb8c8}.footer p{color:#9da5b1}.case-intro{border-bottom:0}.case-intro .lead{color:#b5bdc9}.case-intro .eyebrow{color:#a5adba}.back-link{color:#d0dae9}.facts{border-color:#343940}.facts dt{color:#969fac}.facts dd{color:#dbe0e9}.case-figure .zoom,.secondary-figure .zoom{border-color:#3e434c;background:#191c21}.case-figure figcaption,.secondary-figure figcaption{color:#a5adba}.case-story h2{color:#edf0f5}.case-story p{color:#aeb6c3}.case-story .step{color:#d0d9e8}.next-project{border:1px solid #3d434d;background:#191c21}.next-project .back-link{color:#cad4e5}dialog{background:#1c1f24;border:1px solid #515865;color:#e8edf5}dialog p{color:#b9c1cd}dialog button{background:#e9edf3;color:#171b21}:focus-visible{outline-color:#b9d2fc!important}.button.secondary{background:#22262c;color:#e3e9f2;border-color:#4d5663}.button.secondary:hover{background:#303740}.menu-toggle{color:#edf0f5}::selection{background:#566781;color:white}
@media(max-width:1000px){.hero{min-height:auto}.section{padding-block:76px}.about{gap:40px}}@media(max-width:700px){.hero{padding-top:52px;padding-bottom:46px}.hero h1{font-size:44px}.section{padding-block:64px}.project-grid{gap:24px}.project-card>a{padding:9px 9px 24px}.project-card h3{font-size:25px}.card-meta{font-size:10px;gap:8px;padding-inline:9px}.project-card h3,.project-card p,.project-card .text-link{margin-left:9px;margin-right:9px}.project-card p{font-size:15px}.process-grid article{padding:26px}.contact{padding:48px 20px}.tool-strip>div{font-size:16px}.header nav{background:#15171a}.section-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.project-card:hover,.hero-feature:hover{transform:none}}
.vehicle-supplement{padding-bottom:90px}.vehicle-supplement>p:not(.eyebrow){margin-top:20px}.vehicle-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.vehicle-gallery figure{margin:0;border:1px solid #34373d;border-radius:7px;overflow:hidden;background:#17191c}.vehicle-gallery .zoom{border-radius:0}.vehicle-gallery img{width:100%;aspect-ratio:1.6;object-fit:contain}.vehicle-gallery figcaption{padding:16px 18px;color:#e4e8ee}.editor-record img{background:#21242a}.vehicle-supplement h2{font-size:clamp(30px,3vw,42px)}@media(max-width:700px){.vehicle-gallery{grid-template-columns:1fr}.vehicle-supplement{padding-bottom:64px}}