:root{--paper:#0b0b0b;--surface:#151515;--ink:#f1eee7;--muted:#a6a39d;--line:#33312e;--pink:#c58c5b;--pink-light:#30251c;--sidebar:0px;color-scheme:dark}
body{background:#0b0b0b}.sidebar,.topbar{display:none!important}.app-shell{margin-left:0}.midnight-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;border-bottom:1px solid #222}.midnight-brand{font-size:14px;font-weight:400;letter-spacing:4px}.midnight-header nav{display:flex;gap:40px;align-items:center}.midnight-header nav a{font-size:12px;padding:10px 0;min-height:0;color:#ece9e3;background:none!important;box-shadow:none!important}.midnight-header nav a.active{color:#d69b68}.midnight-header nav span{color:#d69b68;width:35px;text-align:right}main{padding:0;max-width:none}.midnight-hero{height:min(610px,60vw);min-height:440px;position:relative;overflow:hidden;background:#131313}.midnight-hero>img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.midnight-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808ed 0%,#080808b3 26%,#08080818 60%,#08080808)}.midnight-hero-copy{position:absolute;z-index:1;left:3.3vw;top:50%;transform:translateY(-50%)}.midnight-hero h1{font:300 clamp(50px,5.4vw,86px)/1.01 var(--sans);letter-spacing:-3px;margin:0 0 26px}.copper-rule{display:block;width:33px;height:1px;background:#c58c5b;margin:25px 0}.midnight-hero-copy p{font-size:10px;letter-spacing:4px;line-height:1.9;color:#d2cec7}.midnight-explore{display:inline-block;font-size:10px;color:#c9b199;margin-top:22px;padding-bottom:6px;border-bottom:1px solid #a26e454d}.midnight-edit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) .43fr;gap:18px;padding:24px 3.2vw 12px}.midnight-edit .project-visual,.midnight-edit .project-visual:has(.scene-rendered){height:clamp(210px,20vw,330px);aspect-ratio:auto}.midnight-edit .art-scene{height:100%;aspect-ratio:auto}.midnight-edit .card-copy{padding:0}.midnight-edit .card-copy:before{display:none}.midnight-edit .card-meta{margin:18px 0 8px}.midnight-edit .client{font-size:10px;letter-spacing:2px;color:#e7e3dc}.midnight-edit .category-tag{display:none}.midnight-edit .project-title{font-size:12px;font-weight:400;color:#c5c0b9}.midnight-edit .card-subline{font-size:8px;letter-spacing:1px;color:#96938d}.midnight-bio{border-left:1px solid #90633e;padding:12px 0 12px 24px;display:flex;flex-direction:column;justify-content:end}.midnight-bio h2{font-size:10px;font-weight:400;letter-spacing:2.5px;margin:0 0 12px}.midnight-bio>span:not(.copper-rule){font-size:8px;line-height:1.7;color:#bcb7af}.midnight-bio p{font-size:11px;line-height:1.9;color:#aaa59e;margin:0}.midnight-bio a{font-size:9px;margin-top:20px;color:#d19b6f}.midnight-more{display:flex;justify-content:space-between;padding:28px 3.2vw 45px;color:#a9a39a;font-size:9px;letter-spacing:2px}.midnight-more a{color:#e1c7ad;letter-spacing:1px}.main-footer{margin:0 3.2vw;color:#8e8981;border-color:#282521}main:has(.page-heading){padding:40px 3.2vw}.page-heading h1{font-family:var(--sans);font-weight:300;font-size:clamp(44px,6vw,90px);letter-spacing:-3px}.archive-tools{color:var(--ink)}input,select,textarea{color:var(--ink)}select option{background:#161616}.filter.active{color:#dca773!important}.layout-toggle button.active{background:#30251c;color:#dca773}.editorial-card .client{color:#ddd7ce}.button{background:#c58c5b;color:#111;border-color:#c58c5b}.button:hover{background:#dbac83}.button.secondary{color:#eee;background:none}.profile-brand{background:#191817}.big-monogram{color:#c58c5b}.profile-brand small{color:#ccc4b8}.client-tile,.profile-story,.capability,.contact-panel{background:#141414;color:#eee;border-color:#333}.case-study,.project-dialog,.profile-dialog{background:#141414;color:#eee}.case-study .modal-topbar,.expanded-toolbar{background:#1c1b19;color:#eee}.case-stage-tools button.active{background:#c58c5b;color:#111}.case-next{background:#211c17}.mockup-note{color:#b3aba0}.profile-dialog input,.profile-dialog textarea{background:#222;color:#eee}.view-enter{animation:none}.skip{left:16px}
@media(max-width:1000px){.midnight-edit{grid-template-columns:repeat(3,minmax(0,1fr))}.midnight-bio{grid-column:1/-1;display:block;padding:20px 24px;margin-top:12px}.midnight-bio .copper-rule{margin:14px 0}.midnight-header nav{gap:24px}.midnight-brand{font-size:11px;letter-spacing:2px}}
@media(max-width:600px){.midnight-header{height:70px;padding:0 18px;gap:15px}.midnight-brand{font-size:10px;line-height:1.6;letter-spacing:1.5px;max-width:145px}.midnight-header nav{gap:15px}.midnight-header nav a{font-size:10px}.midnight-header nav span{display:none}.midnight-hero{height:530px;min-height:0}.midnight-hero>img{object-position:62% 50%}.midnight-hero:after{background:linear-gradient(90deg,#080808d9,#08080833)}.midnight-hero-copy{left:24px}.midnight-hero h1{font-size:56px;letter-spacing:-2px}.midnight-edit{grid-template-columns:1fr;padding:22px 18px;gap:28px}.midnight-edit .project-visual,.midnight-edit .project-visual:has(.scene-rendered){height:auto;aspect-ratio:1.5}.midnight-bio{grid-column:auto}.midnight-more{padding:12px 18px 30px;gap:20px;font-size:8px;line-height:1.8}.main-footer{margin:0 18px}main:has(.page-heading){padding:25px 18px}.page-heading h1{font-size:49px}.project-grid:not(.list)>.project-card{grid-column:1/-1!important}}

.about-process{padding:45px 0;border-top:1px solid var(--line);margin-top:35px}.about-process h2{font-weight:300;font-size:clamp(27px,3vw,42px);letter-spacing:-1px}.about-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.about-process article{border-top:1px solid #755238;padding-top:20px}.about-process article>span{color:#c58c5b;font-size:9px;letter-spacing:1.5px}.about-process h3{font-weight:400;font-size:20px}.about-process p{color:var(--muted);font-size:12px;line-height:1.8;max-width:300px}@media(max-width:600px){.about-process>div{grid-template-columns:1fr}.profile-story h2{font-size:27px}}

/* Client names are placeholders for supplied logo assets. */
.client-marquee{padding:22px 0 26px;border-bottom:1px solid var(--line);background:#11100f;overflow:hidden}.client-marquee-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3.2vw 23px;color:#b8a18b;font-size:8px;letter-spacing:2px}.client-marquee-heading button{background:none;color:#aca69e;font-size:9px;letter-spacing:.5px;padding:8px}.client-marquee-window{overflow:hidden}.client-marquee-track{display:flex;width:max-content;animation:client-scroll 100s linear infinite}.client-marquee-group{display:flex;align-items:center;gap:70px;padding-right:70px;flex-shrink:0}.client-marquee-name{white-space:nowrap;font:400 25px/1.4 var(--serif);color:#d3cec6;letter-spacing:.2px}.client-marquee:hover .client-marquee-track,.client-marquee:focus-within .client-marquee-track,.client-marquee.paused .client-marquee-track{animation-play-state:paused}@keyframes client-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.client-marquee-name{font-size:21px}.client-marquee-group{gap:40px;padding-right:40px}.client-marquee-heading{margin-left:18px;margin-right:18px}}@media(prefers-reduced-motion:reduce){.client-marquee-track{animation:none;width:auto}.client-marquee-group{flex-wrap:wrap;gap:20px 35px;padding:0 3.2vw}.client-marquee-group[aria-hidden]{display:none}.client-marquee-heading button{display:none}.client-marquee-name{font-size:19px}}

/* Completed mockups: restrained gallery motion on pointer hover and keyboard focus. */
.project-visual:has(.scene-rendered){isolation:isolate;transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .55s ease}
.project-visual .scene-rendered{transform:scale(1);transform-origin:center;transition:transform .85s cubic-bezier(.2,.75,.25,1),filter .65s ease}
.project-card:has(.scene-rendered) .project-title span{display:inline-block;transition:transform .45s ease,color .45s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .project-visual:has(.scene-rendered):hover{transform:translateY(-4px);box-shadow:0 16px 32px #0005}
 .project-visual:hover .scene-rendered{transform:scale(1.045);filter:brightness(1.035)}
 .project-card:has(.project-visual:hover .scene-rendered) .project-title span{transform:translate(3px,-3px);color:#dca773}
}
@media(prefers-reduced-motion:no-preference){
 .project-visual:has(.scene-rendered):focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px #0005}
 .project-visual:focus-visible .scene-rendered{transform:scale(1.045);filter:brightness(1.035)}
 .project-card:has(.project-visual:focus-visible .scene-rendered) .project-title span{transform:translate(3px,-3px);color:#dca773}
}
@media(prefers-reduced-motion:reduce){
 .project-visual:has(.scene-rendered),.project-visual .scene-rendered,.project-card:has(.scene-rendered) .project-title span{transition:none;transform:none}
}