:root{--paper:#f5f3eb;--ink:#254b38;--deep:#173729;--lime:#dce8a4;--muted:#62695c;--line:#d3d7c8;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(44px,4.5vw,70px)}h3{font-size:32px}em{font-weight:400}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;width:100%;height:100%;object-fit:cover}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #789a30;outline-offset:6px}.work :focus-visible,.contact :focus-visible{outline-color:var(--lime)}.container{width:min(1400px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.7;margin-bottom:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--lime);padding:14px 24px;transform:translateY(-150%)}.skip-link:focus{transform:none}.header{position:relative;z-index:20}.header-inner{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1;flex-shrink:0}.wordmark strong{font:italic 37px/.9 var(--serif);letter-spacing:-.065em}.wordmark small{display:block;font:600 8px/1 var(--sans);letter-spacing:.32em;margin-top:10px;padding-left:3px}.brand-symbol{display:grid;place-items:center;width:38px;height:48px}.brand-symbol svg{width:37px;height:37px;stroke-width:1.2}#navigation{display:flex;gap:34px;align-items:center;font-size:13px}#navigation>a{text-decoration:none;padding-block:12px}#navigation>a:not(.nav-cta):hover{text-decoration:underline}.nav-cta{display:flex;align-items:center;gap:24px;padding:12px 21px!important;border:1px solid var(--ink);border-radius:40px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-toggle{background:none;border:1px solid var(--line);border-radius:24px;padding:10px 16px;gap:15px;align-items:center;font-size:13px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:48px;align-items:center;padding-block:54px 44px}.hero-copy{padding-block:16px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.11em;display:flex;align-items:center;gap:8px}.status-dot,.photo-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#839d52}.hero h1{font-size:clamp(86px,9vw,142px);line-height:.87;letter-spacing:-.064em;margin:35px 0 27px}.hero h1 em{color:#617850}.hero-description{font-size:15px;max-width:420px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font:500 12px/1.5 var(--sans);text-decoration:none;padding:17px 25px;border:1px solid transparent;border-radius:50px;min-height:52px;transition:background .2s,transform .2s}.button svg{width:18px;height:18px;transition:transform .2s}.button:hover svg{transform:translateX(4px)}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--deep)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:500;text-decoration:none;min-height:44px}.text-link:hover{text-decoration:underline}.text-link svg{width:19px;height:19px}.hero-phone{display:grid;grid-template-columns:auto 24px;max-width:235px;align-items:center;gap:3px 20px;font-size:17px;text-decoration:none;margin-top:34px}.hero-phone span{grid-column:1/-1;font-size:8px;letter-spacing:.15em;color:var(--muted)}.hero-phone svg{width:18px}.hero-phone:hover{text-decoration:underline}.hero-photo{position:relative;height:540px;min-width:0;overflow:hidden;background:var(--deep)}.hero-photo>img{object-position:54% 50%}.hero-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102116c9);pointer-events:none}.hero-photo figcaption{position:absolute;left:30px;right:30px;bottom:30px;color:white;z-index:2;font:italic 25px/1.2 var(--serif)}.hero-photo .photo-dot{background:var(--lime);margin-right:7px}.caption-detail{display:block;font:500 8px/1.5 var(--sans);letter-spacing:.16em;margin-top:10px}.intro-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:20px 26px;font-size:11px;color:var(--muted)}.intro-line a{text-decoration:none;display:flex;align-items:center;gap:25px;min-height:44px}.intro-line p{font-size:13px}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.services-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:385px;margin-top:25px}.service-photo{margin-top:38px;max-width:390px}.service-photo img{height:235px}.service-photo figcaption{font-size:10px;color:var(--muted);margin-top:10px}.service-list{border-top:1px solid var(--line)}.service-row{display:flex;gap:27px;padding:33px 0 27px;border-bottom:1px solid var(--line)}.service-row .eyebrow{font-size:8px;margin-bottom:12px;color:var(--muted)}.service-row h3{font-size:34px;margin-bottom:15px}.service-row p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:410px}.service-row .text-link{margin-top:10px}.work{background:var(--deep);color:var(--paper);overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:50px}.section-heading>p{color:#bac8b8;font-size:13px;padding-bottom:8px}.work .eyebrow{color:var(--lime)}.work h2 em{color:var(--lime)}.project-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6c805b transparent;overscroll-behavior-x:contain;padding-bottom:20px;scroll-behavior:smooth}.project-card{flex:0 0 64%;scroll-snap-align:start;min-width:0}.project-card:nth-child(even){flex-basis:37%}.project-card img{height:410px;object-position:center}.project-card:nth-child(even) img{height:330px}.project-card figcaption{margin-top:23px}.project-card figcaption>span{font-size:8px;letter-spacing:.16em;color:#c0cbbb}.project-card h3{font-size:28px;margin-top:8px}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.gallery-controls{display:flex;gap:10px;align-items:center}.circle-button{width:47px;height:47px;display:grid;place-items:center;border:1px solid #6b806d;border-radius:50%;background:transparent;transition:background .2s}.circle-button:hover:not(:disabled){background:#ffffff16}.circle-button.previous svg{transform:rotate(180deg)}.review-heading{text-align:center}.rating{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;text-decoration:none;font-size:11px}.rating>span:first-child{letter-spacing:2px;color:#56733a;font-size:12px}.feature-review{text-align:center;margin:45px auto 55px}.feature-review blockquote{font:400 clamp(35px,4.1vw,61px)/1.15 var(--serif);letter-spacing:-.04em;margin:0 auto;max-width:1000px}.feature-review em{color:#657c52}.feature-review figcaption{display:flex;align-items:center;justify-content:center;gap:13px;text-align:left;margin-top:33px;font-size:11px}.feature-review figcaption strong{display:block;font-weight:500}.feature-review figcaption div>span{display:block;font-size:10px;color:var(--muted)}.review-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e6e8dc;font-size:10px}.supporting-reviews{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:900px;margin:auto;padding-top:35px;border-top:1px solid var(--line)}.supporting-reviews blockquote{font:italic 22px/1.3 var(--serif);margin:0 0 10px}.supporting-reviews figcaption,.supporting-reviews>p{font-size:10px;color:var(--muted)}.supporting-reviews .text-link{font-size:10px}.process{background:#eaece0}.process .section-heading{align-items:center}.process h2{font-size:clamp(40px,4vw,60px)}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process-grid h3{font-size:28px;margin-bottom:16px}.process-grid p{font-size:13px;color:#535e4d;max-width:330px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq h2{margin-bottom:30px}.faq>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;cursor:pointer;font-size:14px;list-style:none;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;flex-shrink:0;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);padding:0 32px 25px 0;line-height:1.8}.contact{background:var(--ink);color:var(--paper);text-align:center;position:relative;overflow:hidden}.contact-leaf{display:block;color:var(--lime);margin-bottom:30px}.contact-leaf svg{width:48px;height:48px;stroke-width:1}.contact .eyebrow{color:var(--lime);font-size:9px}.contact h2{font-size:clamp(62px,7vw,110px)}.contact h2 em{color:var(--lime)}.contact h2+p{font-size:13px;color:#d0dbc9;margin:23px 0 30px}.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button-lime{background:var(--lime);color:var(--deep)}.button-lime:hover{background:#e9f3c2}.button-outline{border-color:#8da185;background:transparent;color:var(--paper)}.button-outline:hover{background:#ffffff0f}.contact-phone{font-size:12px;display:inline-block;margin-top:26px;min-height:44px}.footer{padding-block:55px 25px}.footer-top{display:flex;gap:35px;justify-content:space-between;align-items:center;padding-bottom:45px}.footer-top>p{margin-right:auto;margin-left:45px;font-size:12px;color:var(--muted)}.footer-bottom{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:24px;font-size:9px;color:var(--muted)}.footer-bottom>a{margin-left:auto;text-decoration:none;padding:12px 0}.motion-toggle{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:12px;font-size:9px}.mobile-actions{display:none}.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}.motion-ready .hero-copy{animation:copy-arrive .9s ease both}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important}@keyframes photo-arrive{from{transform:scale(1.07);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes copy-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-photo{height:610px}.hero{padding-block:65px}.hero h1{font-size:155px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:32px}.hero h1{font-size:105px}.hero-photo{height:520px}.hero-copy .eyebrow{max-width:280px}.hero-actions{gap:10px}.services{gap:45px}.faq{gap:40px}#navigation{gap:22px}.project-card img{height:360px}.project-card:nth-child(even) img{height:295px}.footer-top>p{margin-left:0}}
@media(max-width:800px){:root{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.section{padding-block:72px}.header-inner{height:86px}.wordmark strong{font-size:34px}.brand-symbol{width:29px}.brand-symbol svg{width:30px}.menu-toggle:not([hidden]){display:flex}#navigation{position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:22px;box-shadow:0 12px 18px #17372912;display:flex;align-items:stretch;flex-direction:column;gap:6px;border-bottom:1px solid var(--line)}#navigation>a{min-height:46px}.nav-cta{justify-content:space-between}.hero{grid-template-columns:1fr;padding-block:34px 0;gap:30px}.hero-copy{padding:0}.hero-copy .eyebrow{max-width:none;margin-bottom:26px;font-size:8px}.hero h1{font-size:clamp(85px,17vw,135px);margin:25px 0;line-height:.9}.hero-description{font-size:14px;max-width:410px}.hero-actions{gap:14px;margin-top:24px}.hero-phone{margin-top:22px;font-size:16px}.hero-phone span{display:none}.hero-photo{height:390px}.hero-photo figcaption{left:22px;bottom:24px;right:22px;font-size:25px}.intro-line{padding-block:15px;font-size:10px}.intro-line p{font-size:11px}.services{grid-template-columns:1fr;gap:37px}.services-intro{display:grid;grid-template-columns:1fr .75fr;gap:0 30px}.services-intro .eyebrow{grid-column:1/-1}.services-intro h2{grid-column:1}.services-intro>p:not(.eyebrow){grid-column:1;font-size:13px;margin-top:18px}.service-photo{grid-column:2;grid-row:2/4;margin:0;max-width:none}.service-photo img{height:100%;max-height:290px}.service-photo figcaption{display:none}.service-row{padding-block:27px}.service-row p:not(.eyebrow){max-width:none}.service-row h3{font-size:33px}.section-heading{gap:20px;margin-bottom:32px}.section-heading>p{font-size:10px;max-width:175px}.project-card,.project-card:nth-child(even){flex-basis:80%}.project-card img,.project-card:nth-child(even) img{height:340px}.project-track{gap:18px}.project-card h3{font-size:25px}.gallery-footer{gap:12px;flex-wrap:wrap}.gallery-footer .text-link{font-size:10px}.circle-button{width:44px;height:44px}.feature-review blockquote br{display:none}.feature-review{margin-block:35px}.feature-review blockquote{font-size:43px;max-width:600px}.supporting-reviews{align-items:start;flex-direction:column}.process .section-heading{align-items:start;flex-direction:column;gap:16px}.process-grid{gap:25px}.process-grid h3{font-size:26px}.process-grid p{font-size:12px}.faq{grid-template-columns:1fr;gap:32px}.faq h2{margin-bottom:20px}.contact h2{font-size:80px}.footer{padding-bottom:105px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>p{margin-left:auto;margin-right:0}.footer-top>.text-link{width:100%}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom>span{width:100%}.motion-toggle{padding-left:0}.mobile-actions{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;align-items:stretch;background:var(--paper);border-top:1px solid var(--line);padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:10px;box-shadow:0 -4px 22px #1737290b}.mobile-actions a{min-height:46px;display:flex;justify-content:center;align-items:center;gap:20px;border-radius:30px;font-size:12px;text-decoration:none}.mobile-actions a:first-child{flex:1;border:1px solid var(--line)}.mobile-actions a:last-child{flex:1.5;background:var(--ink);color:var(--paper)}.mobile-actions svg{width:17px;height:17px}}
@media(max-width:480px){h2{font-size:44px}.hero h1{font-size:90px}.hero-actions{align-items:flex-start;flex-direction:column;gap:3px}.hero .button{font-size:12px;gap:36px;padding:16px 22px}.hero-phone{margin-top:12px}.hero-photo{height:310px}.intro-line>a{gap:10px}.services-intro{display:block}.services-intro .eyebrow{font-size:8px}.service-photo{display:none}.service-row{gap:20px}.service-row h3{font-size:31px}.service-row p:not(.eyebrow){font-size:13px}.section-heading{align-items:start;flex-direction:column}.section-heading>p{max-width:none}.section-heading>p br{display:none}.project-card,.project-card:nth-child(even){flex-basis:88%}.project-card img,.project-card:nth-child(even) img{height:315px}.project-card figcaption{margin-top:17px}.gallery-footer .text-link{margin-top:5px}.feature-review blockquote{font-size:38px}.rating{font-size:10px;gap:6px}.review-heading .eyebrow{font-size:8px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid p{font-size:13px;max-width:none}.process-grid h3{font-size:30px}.process .section-heading{margin-bottom:20px}.faq .eyebrow{font-size:8px}summary{font-size:13px}.contact h2{font-size:66px}.contact-actions{align-items:stretch;flex-direction:column;max-width:310px;margin:auto}.contact .eyebrow{font-size:8px}.contact-phone{font-size:11px}.footer-top>p{font-size:11px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

@media(min-width:801px){.menu-toggle{display:none}}

/* Photographic motion is gated by visibility and the user's motion preference. */
.hero-scenes,.hero-scene{position:absolute;inset:0}.hero-scene{opacity:0;transition:opacity 1.4s ease;pointer-events:none}.hero-scene.is-current{opacity:1}.hero-scene img{object-position:54% 50%;transform:scale(1.035);transition:transform 8s linear}.hero-scene.is-current img{transform:scale(1)}.hero-photo figcaption{bottom:68px}.hero-film-controls{position:absolute;z-index:3;bottom:16px;left:30px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.hero-progress{display:flex;gap:6px}.hero-progress i{display:block;width:35px;height:2px;background:#ffffff55;position:relative;overflow:hidden}.hero-progress i::after{content:"";position:absolute;inset:0;background:var(--lime);transform:translateX(-100%)}.hero-progress .is-current::after{transform:translateX(0)}.motion-ready .hero-progress .is-current::after{animation:film-progress 7s linear}.hero-motion{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;background:#17372977;transition:background .2s}.hero-motion:hover{background:#173729d9}.hero-motion svg{width:17px;height:17px}.hero-motion:focus-visible{outline-color:var(--lime)}.hero-film-paused .hero-progress i::after{animation-play-state:paused!important}.hero-film-paused .hero-scene img{transition:none}.motion-paused .hero-scene img{transform:none}.motion-ready .hero h1 em{display:inline-block;animation:word-arrive 1.1s cubic-bezier(.2,.65,.3,1) both}.motion-ready .hero-actions{animation:copy-arrive 1s .18s both}.motion-ready .hero-phone{animation:copy-arrive 1s .28s both}.service-row{transition:background .35s,padding .35s}.service-row .text-link svg{transition:transform .3s}.service-photo{overflow:hidden}.service-photo img{transition:transform .9s cubic-bezier(.2,.65,.3,1)}.project-card{overflow:hidden}.project-card img{transition:transform 1s cubic-bezier(.2,.65,.3,1)}.brand-symbol svg{transition:transform .45s}.wordmark:hover .brand-symbol svg{transform:rotate(-12deg)}.intro-line a span{transition:transform .3s}.intro-line a:hover span{transform:translateY(5px)}.footer-bottom{font-size:11px}.footer-bottom .motion-toggle{font-size:11px}.hero-copy .eyebrow{font-size:10px}.service-row .eyebrow,.project-card figcaption>span,.caption-detail{font-size:9px}.hero-photo .caption-detail{color:#f5f3eb}.motion-toggle:disabled{opacity:1;color:var(--muted);cursor:default}
@keyframes film-progress{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes word-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-row:hover,.service-row:focus-within{padding-left:12px;background:#e9ecdf75}.service-row:hover .text-link svg,.service-row:focus-within .text-link svg{transform:translateX(5px)}.service-photo:hover img{transform:scale(1.035)}.project-card:hover img{transform:scale(1.02)}}
@media(max-width:800px){.hero-film-controls{left:22px;right:16px}.hero-copy .eyebrow{font-size:9px}.hero-photo figcaption{bottom:71px}.caption-detail{font-size:8px}.footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-scene img{transform:none!important}.hero-progress i::after{animation:none!important}}

/* Without enhancement the narrow navigation stays in document flow. */
@media(max-width:800px){.header-inner:not(.nav-enhanced){height:auto;min-height:86px;flex-wrap:wrap;padding-block:20px}.header-inner:not(.nav-enhanced) #navigation{position:static;width:100%;padding:0;border:0;box-shadow:none}}
@media(max-width:480px){.hero h1{font-size:clamp(76px,23vw,90px)}}

/* Keep section structure without decorative ordinals or platform arrow glyphs. */
.process-grid>li{border-top:1px solid #bcc5af;padding-top:24px}.footer-bottom>a{display:inline-flex;align-items:center;gap:10px}.footer-bottom>a svg{width:17px;height:17px}.rating svg{width:15px;height:15px}.intro-line a svg{transition:transform .3s}.intro-line a:hover svg{transform:translateY(5px)}

/* Photography is the detail: generous framing, quiet controls, no counters. */
.hero-photo{border-radius:3px}.hero-scene:first-child img{object-position:50% 62%}
.project-card{flex-basis:60%;overflow:visible}.project-card:nth-child(even){flex-basis:42%}
.photo-open{display:block;position:relative;overflow:hidden;border-radius:3px;background:#254b38;isolation:isolate}
.project-card img,.project-card:nth-child(even) img{height:410px}
.photo-expand{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:13px;padding:10px 15px;border-radius:30px;background:#f5f3ebf5;color:var(--deep);font-size:10px;line-height:1.5;box-shadow:0 4px 20px #0002;transition:transform .3s,background .3s}
.photo-expand svg{width:17px;height:17px}.photo-open:hover .photo-expand,.photo-open:focus-visible .photo-expand{transform:translateY(-3px);background:white}
.project-card figcaption{border-top:1px solid #647664;padding-top:17px;margin-top:20px}.project-card figcaption>span{letter-spacing:.13em;font-size:10px}.project-card h3{font-size:30px;margin-top:9px}
.project-track{padding:8px 7px 24px;margin-inline:-7px;scroll-padding-inline:7px}.gallery-footer{margin-top:18px}
.photo-viewing{overflow:hidden}.photo-dialog{border:1px solid #586b59;border-radius:5px;padding:22px 28px 24px;width:min(1180px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 32px);color:var(--paper);background:#122b21;box-shadow:0 30px 100px #0007}
.photo-dialog::backdrop{background:#091710eb}.photo-dialog[open]{animation:photo-dialog-in .25s ease both}
.photo-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.photo-dialog-top>span{font-size:10px;letter-spacing:.15em;color:#ccd8c6}
.photo-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #819079;border-radius:50%;background:transparent;color:var(--paper);flex-shrink:0}.photo-close:hover{background:#ffffff15}
.photo-detail img{width:100%;height:min(65dvh,760px);object-fit:contain;background:#0c2118;border-radius:2px}
.photo-detail figcaption{padding-top:22px;padding-right:125px;min-height:92px}.photo-detail .eyebrow{font-size:9px;color:var(--lime);margin-bottom:8px}.photo-detail h2{font-size:32px;letter-spacing:-.03em}
.photo-dialog-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:-56px;min-height:56px}.photo-dialog :focus-visible{outline-color:var(--lime)}
@keyframes photo-dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:800px){.project-card,.project-card:nth-child(even){flex-basis:86%}.project-card img,.project-card:nth-child(even) img{height:350px}.project-card h3{font-size:27px}.photo-dialog{width:calc(100% - 24px);padding:12px 16px 20px}.photo-detail img{height:57dvh}.photo-detail figcaption{padding-right:0;min-height:0}.photo-detail h2{font-size:29px}.photo-dialog-controls{margin-top:20px;justify-content:space-between;min-height:44px}.photo-dialog-top>span{font-size:8px}.photo-expand{right:12px;bottom:12px;padding:9px 12px}}
@media(max-width:480px){.project-card img,.project-card:nth-child(even) img{height:320px}.project-card h3{font-size:25px}.photo-detail img{height:49dvh}.photo-detail h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.photo-dialog[open]{animation:none}.photo-expand{transition:none}}