/* Layout for the original logo, now displayed through a transparent SVG mask. */
.brand-art{display:block;position:relative;width:100%;aspect-ratio:948/390;flex-shrink:0}
.brand{width:205px;align-items:center}
.brand .brand-art{width:205px;max-width:100%}
.nav{grid-template-columns:205px 1fr auto;gap:20px}
.desktop-nav{gap:20px}
.desktop-nav a{white-space:nowrap}
.logo-card{display:flex;align-items:center;width:300px;height:165px;padding:0;background:transparent;border:0}
.logo-card::after{display:none}
.footer-logo .brand-art{width:100%}
.assistant-top .assistant-wordmark{width:160px;height:auto;aspect-ratio:948/390}
.assistant-launcher .launcher-brand{display:block;width:76px;height:auto;aspect-ratio:948/390}
.work-section{background:#101010;scroll-margin-top:20px}
.work-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:54px}
.work-heading .section-title{font-size:clamp(2.8rem,4.8vw,4.8rem)}
.work-heading .body-copy{max-width:450px;margin-bottom:5px}
.work-media{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:start}
.work-media figure{margin:0;min-width:0}
.work-media figcaption{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.work-media figcaption>span{font-size:.8rem;color:#ed7c82;border-top:2px solid #be1723;padding-top:9px;align-self:stretch}
.work-media h2,.work-photo-heading h2{font-family:var(--display);font-size:2rem;font-weight:700;text-transform:uppercase;line-height:1.1}
.work-comparison .compare{height:660px;clip-path:none;border:1px solid #3e3e3e;border-radius:3px}
.work-comparison .compare .before,.work-comparison .compare .after{filter:none}
.work-comparison .compare:focus-within{outline-offset:4px}
.work-hint{font-size:.83rem;line-height:1.6;color:#b6b6b6;margin-top:15px}
.work-video video{display:block;width:100%;height:660px;background:#060606;object-fit:contain;border:1px solid #3e3e3e;border-radius:3px}
.work-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3e3e3e;padding-top:35px;margin-top:48px;margin-bottom:20px}
.work-photo-heading>span{font-size:.82rem;color:#b6b6b6}
.work-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.work-photo{position:relative;display:block;background:#080808;overflow:hidden;border:1px solid #3e3e3e;border-radius:3px}
.work-photo picture{height:380px}
.work-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform .3s}
.work-photo:hover img{transform:scale(1.025)}
.work-photo>span{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:.87rem;font-weight:700}
.work-photo b{font-size:1.3rem;color:#ed7c82}
.work-section .proof-signature{margin-top:25px}
.work-photo-customer picture{display:block;height:auto;aspect-ratio:3/4;background:#080808}
.work-photo-customer img{object-fit:contain;object-position:center}
.work-photo-customer>span{gap:12px;line-height:1.5}
.work-photo-customer b{flex-shrink:0}
.photo-dialog{position:fixed;inset:0;margin:auto;width:min(960px,94vw);max-width:94vw;max-height:94dvh;padding:60px 20px 20px;border:1px solid #656565;background:#101010;color:#ffffff;border-radius:6px;overflow:auto}
.photo-dialog::backdrop{background:#000000dd}
.photo-dialog>img{display:block;max-width:100%;width:auto;height:auto;max-height:72dvh;margin:auto;object-fit:contain}
.photo-dialog>p{text-align:center;font-size:.85rem;margin-top:14px}
.photo-close{position:absolute;inset-inline-end:10px;top:8px;display:grid;place-items:center;width:44px;height:44px;background:#303030;border:1px solid #707070;border-radius:50%;font-size:1.7rem}
html:has(.photo-dialog[open]){overflow:hidden}
@media(max-width:1200px){.nav{gap:16px}.desktop-nav{gap:16px}.work-media{gap:28px}.work-comparison .compare,.work-video video{height:560px}}
@media(max-width:1060px){.nav{grid-template-columns:1fr auto}}
@media(max-width:800px){.work-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.work-heading .body-copy{max-width:600px}.work-media{grid-template-columns:1fr;gap:35px}.work-comparison .compare{height:auto;aspect-ratio:4/5;max-height:660px}.work-video video{height:auto;max-height:660px;aspect-ratio:480/848}.work-photo picture{height:300px}.logo-card{width:250px;height:140px;padding:10px}.work-photo-heading{align-items:flex-start}.work-photo-heading>span{max-width:140px;text-align:end}}
@media(max-width:720px){.brand{width:170px;height:88px}.brand .brand-art{width:170px}.logo-card{width:215px;height:120px}.assistant-launcher .launcher-brand{width:56px;height:auto}.assistant-top .assistant-wordmark{width:145px;height:auto}.work-photos{gap:12px}.work-photo picture{height:250px}.work-photo>span{padding:12px}.work-media h2,.work-photo-heading h2{font-size:1.7rem}.work-heading .section-title{font-size:clamp(2.5rem,9vw,4rem)}}
@media(max-width:390px){.brand{width:146px}.brand .brand-art{width:146px}.logo-card{width:185px;height:105px}.work-photo picture{height:210px}}
@media(prefers-reduced-motion:reduce){.work-photo img{transition:none}.work-photo:hover img{transform:none}}
@media(max-width:800px){.work-photo-customer picture{height:auto}}
@media(max-width:520px){.work-photo-customer{grid-column:1/-1}.work-photo-customer picture{height:auto;aspect-ratio:3/4}}

/* Independent pages share the existing brand and navigation. */
.desktop-nav a[aria-current=page],.mobile-menu a[aria-current=page]{color:#cfcfcf;text-decoration:underline;text-underline-offset:8px}
.home-paths{padding-block:70px}
.destination{display:flex;align-items:center;gap:40px;position:relative;padding:40px 0;border-bottom:1px solid #3f3f3f}
.destination:first-child{border-top:1px solid #3f3f3f}
.destination>div{flex:1;min-width:0}
.destination h2{font:700 clamp(2.5rem,4.5vw,4.5rem)/1.05 var(--display);text-transform:uppercase}
.destination p:not(.eyebrow){color:#c3c3c3;line-height:1.7;margin-top:15px}
.destination>span{font-size:3rem;color:#c4c4c4;transition:transform .2s}
.destination:hover>span{transform:translate(4px,-4px)}
.destination-work picture{width:220px;height:180px;flex-shrink:0;overflow:hidden}
.destination-work img{height:100%;width:100%;object-fit:cover}
.page-contact-link{background:#1a1a1a;border-block:1px solid #3e3e3e;padding:36px 0}
.page-contact-link>.shell{display:flex;align-items:center;justify-content:space-between;gap:25px}
.page-contact-link p{font:700 clamp(1.8rem,3vw,2.8rem)/1.1 var(--display)}
.services-page .services,.work-page .work-section,.contact-page>.section{padding-top:48px}
.services-page .breadcrumbs,.work-page .breadcrumbs,.contact-page .breadcrumbs{margin-bottom:45px}
.work-page .work-heading{grid-template-columns:1fr 1fr}
.work-page .section-title{font-size:clamp(3rem,6vw,6rem)}
.technique-summary{background:#f1f1f1;color:#0f0f0f}
.technique-summary>.shell{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.technique-summary .body-copy{color:#525252;margin-bottom:20px}
.technique-summary .outline{-webkit-text-stroke-color:#151515}
.technique-summary .text-link{color:#4c4c4c}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.contact-page-title{font:700 2.3rem/1.15 var(--display);margin:25px 0 20px}
.contact-page .hero-actions{margin-top:25px}
.contact-page button.text-link{background:none;border:0;padding:0;color:#d6d6d6;text-align:start}
.contact-location{border-top:1px solid #3f3f3f;margin-top:35px;padding-top:25px}
.contact-location h2{font:700 1.6rem/1.2 var(--display);margin-bottom:15px}
.contact-location address{font-style:normal;line-height:1.8}
.contact-location p{font-size:.93rem;line-height:1.7;color:#c3c3c3;margin-top:15px}
.contact-inline{position:relative;inset:auto;margin:0;width:100%;max-width:none;max-height:none;overflow:visible;box-shadow:none;padding:30px;min-width:0}
@media(max-width:800px){.work-page .work-heading,.technique-summary>.shell,.contact-page-grid{grid-template-columns:1fr;gap:30px}.destination{gap:22px;padding-block:30px}.destination-work picture{width:120px;height:150px}.destination>span{font-size:2rem}.home-paths{padding-block:45px}.destination h2{font-size:2.5rem}.destination .eyebrow{font-size:.6rem}.contact-inline{padding:22px;inset:auto}.services-page .breadcrumbs,.work-page .breadcrumbs,.contact-page .breadcrumbs{margin-bottom:30px}}
@media(max-width:480px){.destination-work{flex-wrap:wrap}.destination-work picture{width:100%;height:155px}.destination-work .eyebrow{margin-top:5px}.page-contact-link>.shell{align-items:flex-start;flex-direction:column}.contact-inline{padding:20px 16px}.contact-page-grid{gap:35px}}