*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#e7e4de;color:#222320;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #d98551;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:16px;z-index:10}.skip:focus{top:0}.hero{position:relative;min-height:680px;height:100svh;max-height:1100px;overflow:hidden;background:#a4babf}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 60%}nav{position:relative;display:flex;justify-content:center;gap:56px;padding:40px 24px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}h1{position:relative;margin:22px auto 0;width:min(84%,1100px)}h1 img{width:100%;display:block}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;color:#fff;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 4px #000}.services{padding:100px 7%;}.section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase}.service-list{display:flex;justify-content:space-between;border-bottom:1px solid #a6a49d;margin-top:46px;padding-bottom:38px;gap:24px}.service-list h2{font-size:clamp(24px,3.6vw,54px);font-weight:400;letter-spacing:-2px;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:38px 0 0 25%}.about p{font-size:17px;line-height:1.7;margin:0}.about p+p{font-size:14px;color:#5e605b}.work{background:#1e211f;padding:70px 4%;color:#f4f1e9}.work-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.work-heading h2{font-size:42px;font-weight:400;letter-spacing:-1.5px;margin:0}.work-heading>span{font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px 18px}.gallery button{cursor:pointer;padding:0;text-align:left;background:none;border:0;color:inherit;font:inherit;min-width:0}.gallery .wide{grid-column:1/-1}.gallery img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;transition:filter .3s}.gallery button:nth-child(4) img{object-position:center 67%}.gallery button:hover img{filter:brightness(1.08)}.gallery button>span{display:flex;align-items:center;padding-top:13px;font-size:13px;letter-spacing:.7px}.gallery small{margin-left:16px;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:1px}.gallery b{margin-left:auto;font-weight:400;font-size:22px}.contact{padding:90px 7% 70px}.contact h2{font-size:clamp(36px,6vw,82px);font-weight:400;letter-spacing:-3px;line-height:1.05;margin:40px 0}.contact-link{display:flex;max-width:470px;justify-content:space-between;border-bottom:1px solid #222;padding:15px 0;font-size:22px}.contact-details{display:flex;flex-wrap:wrap;gap:32px;margin-top:46px;font-size:13px}footer{padding:25px 7%;border-top:1px solid #babbb4;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1px}dialog{border:0;padding:50px 60px;background:#111;color:#fff;width:100vw;max-width:100vw;height:100svh;max-height:100svh}dialog::backdrop{background:#111}dialog[open]{display:flex;align-items:center;justify-content:center}dialog figure{margin:0;max-width:100%;text-align:center}dialog img{display:block;max-width:100%;max-height:80svh;object-fit:contain;margin:auto}dialog figcaption{font-size:12px;padding:14px;color:#bbb}dialog button{position:absolute;background:none;border:0;color:white;font-size:30px;cursor:pointer;padding:15px}.close{right:14px;top:8px}.prev{left:0;top:45%}.next{right:0;top:45%}@media(max-width:700px){.hero{height:78svh;min-height:540px}.hero-image{object-position:51% center}nav{gap:18px;padding:27px 12px;font-size:10px;letter-spacing:.5px}h1{width:94%;margin-top:25px}.hero-bottom{bottom:22px;font-size:9px}.hero-bottom>span:last-child{display:none}.services{padding:60px 6%}.service-list{flex-direction:column;gap:15px;margin-top:28px;padding-bottom:25px}.service-list h2{font-size:38px;letter-spacing:-1px}.about{margin:25px 0 0;grid-template-columns:1fr;gap:18px}.about p{font-size:16px}.work{padding:45px 5%}.work-heading{align-items:start;gap:16px}.work-heading h2{font-size:32px;white-space:nowrap}.work-heading>span{max-width:120px;text-align:right;font-size:9px;line-height:1.6}.gallery{grid-template-columns:1fr;gap:28px}.gallery .wide{grid-column:auto}.gallery button:nth-child(4) img{aspect-ratio:4/3}.contact{padding:55px 6%}.contact h2{letter-spacing:-1.5px}.contact-details{gap:20px;flex-direction:column}footer{gap:18px;flex-wrap:wrap}dialog{padding:50px 36px}dialog button{padding:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Gallery matched to supplied Wix references. */
.work{padding:0;background:#fff;color:#fff}.work-heading{height:27vw;min-height:260px;max-height:500px;margin:0;display:flex;justify-content:center;align-items:flex-start;padding-top:90px;background:url('assets/porsche-profile.jpg') center top/100% auto no-repeat}.work-heading h2{text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;font-size:36px;letter-spacing:0;font-weight:400;text-align:center}.work-heading h2:before{content:'';display:block;width:38px;height:3px;background:#424641;margin:0 auto 22px}.gallery{display:flex;flex-wrap:wrap;gap:0}.gallery button{flex:1 1 33.333%;line-height:0;overflow:hidden}.gallery button:nth-child(4){flex-basis:42.8%}.gallery button:nth-child(5){flex-basis:57.2%}.gallery img{aspect-ratio:16/9;object-fit:cover;transition:none}.gallery button:nth-child(4) img,.gallery button:nth-child(5) img{height:32vw;aspect-ratio:auto}.gallery button:hover img{filter:none}.gallery button:focus-visible{outline-offset:-4px}.hero-bottom,.section-label,.about,.contact h2,.contact-details{display:none}.services{padding:65px 8%}.service-list{margin:0;border:0;padding:0}.service-list h2{font-size:24px;letter-spacing:1px;text-transform:uppercase}.contact{padding:70px 8%;background:white}.contact-link{margin:auto;max-width:220px;justify-content:center;font-size:18px;text-transform:uppercase;letter-spacing:2px;border:0}.contact-link span{display:none}footer{background:#fff;border:0}dialog{background:white;color:#333;padding:6vh 5vw}dialog::backdrop{background:white}dialog img{max-height:88svh}dialog button{color:#444;font-weight:200}.close{font-size:42px;top:0;right:5px}.prev,.next{font-size:34px}.sr-only{position:absolute;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.work-heading{height:260px;min-height:0;padding-top:65px;background-size:auto 500px}.work-heading h2{font-size:30px}.gallery button{flex-basis:50%}.gallery button:nth-child(4){flex-basis:50%}.gallery button:nth-child(5){flex-basis:100%}.gallery button:nth-child(4) img{height:auto;aspect-ratio:16/9}.gallery button:nth-child(5) img{height:auto;aspect-ratio:16/9}.services{padding:40px 6%}.service-list{flex-direction:row;gap:12px}.service-list h2{font-size:12px;letter-spacing:.5px}dialog{padding:55px 28px}.contact{padding:50px 6%}}

.gallery{display:block}.gallery-row{display:flex;width:100%;gap:0}.gallery .gallery-row button,.gallery .gallery-row button:nth-child(n){flex:var(--ratio) 1 0%;min-width:0}.gallery .gallery-row img,.gallery .gallery-row button:nth-child(n) img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.gallery-row button{cursor:pointer;line-height:0}

.gallery .gallery-row img,.gallery .gallery-row button:nth-child(n) img{height:auto;aspect-ratio:var(--ratio);object-fit:contain}.gallery-row{align-items:flex-start}h1{margin-top:0}h1 img{max-height:36vh;object-fit:contain}

/* Stationary photograph behind the scrolling Work heading. */
.work-heading{height:42vh;min-height:300px;max-height:520px;align-items:center;padding:0;background-image:url('assets/porsche-profile.jpg');background-position:center 60%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
@media(max-width:700px){.work-heading{height:36vh;min-height:260px;background-size:cover;background-position:center 60%;padding:0}}

/* One fixed backdrop shared by the introductory scrolling sections. */
body{background:#a4babf;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url('assets/porsche-profile.jpg') center 60%/cover no-repeat;pointer-events:none}
.hero{background:transparent}.hero-image{display:none}
.services{background:rgba(37,67,71,.18);color:white;padding:90px 8%}
.work{background:transparent}.work-heading{background:none;height:46vh;min-height:320px;max-height:600px}
.gallery{background:white}
@media(max-width:700px){.services{padding:65px 6%}.work-heading{height:40vh;min-height:260px}}

/* Direct project inquiry with visible contact information. */
.contact-link{max-width:320px}.inquiry-note{max-width:480px;margin:20px auto 14px;text-align:center;color:#555;font-size:14px;line-height:1.6}.inquiry-email{display:block;text-align:center;font-size:14px}nav{gap:40px}@media(max-width:700px){nav{gap:15px;font-size:10px}}

/* Gentle gallery hover, with motion preference support. */
.gallery img{transition:transform .45s ease;transform:scale(1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.gallery button:hover img{transform:scale(1.035)}}

@keyframes logo-sway{0%{transform:rotate(0)}18%{transform:rotate(-3deg)}38%{transform:rotate(2.4deg)}58%{transform:rotate(-1.6deg)}76%{transform:rotate(.9deg)}90%{transform:rotate(-.35deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:no-preference){.hero h1 img{transform-origin:50% 0;animation:logo-sway 3.2s ease-in-out .3s both}}