@font-face{font-family:Instrument;src:url('/assets/instrument-serif-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-display:swap}
:root{--paper:#eee8e1;--ink:#30272c;--muted:#70656a;--plum:#736068;--line:#c9bdb7;--gallery:#211e20;--pad:clamp(24px,6vw,112px);color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:disabled{opacity:.3;cursor:default}img{display:block;max-width:100%;object-fit:contain}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Instrument,Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(44px,4.3vw,66px)}h2{font-size:clamp(34px,3vw,46px)}h3{font-size:30px}p{max-width:58ch}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #a18b77;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);padding:10px;z-index:100}.skip:focus{top:10px}.site-header{height:92px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px}.identity{font-family:Instrument,serif;font-size:29px;line-height:1.1}.identity span{display:block;font:10px/1.6 Manrope,sans-serif;letter-spacing:.04em;margin-top:4px;color:var(--muted)}.site-header nav{display:flex;gap:34px;font-size:12px;align-items:center}.header-contact{border-bottom:1px solid var(--line);padding-bottom:4px}.hero{min-height:650px;height:calc(100svh - 92px);max-height:980px;position:relative;display:grid;grid-template-columns:36% 64%;padding:24px var(--pad) 70px;align-items:center;background:#e9e1da}.hero-image{grid-column:2;grid-row:1;height:100%;min-height:0;padding:12px 0;display:grid;place-items:center;transform:translateY(var(--hero-y,0px));will-change:transform}.hero-image img{width:100%;height:100%;object-fit:contain}.hero-copy{grid-column:1;grid-row:1;align-self:center;padding:0 28px 28px 0;z-index:1}.hero-intro{font-size:12px;color:var(--muted);margin-bottom:22px}.hero-copy h1{margin-bottom:24px}.hero-copy>p:not(.hero-intro){color:var(--muted);font-size:16px}.text-link{display:inline-flex;gap:24px;align-items:center;padding:6px 0;background:none;border:0;border-bottom:1px solid currentColor;font-size:12px;line-height:1.8}.hero-copy .text-link{margin-top:38px}.hero-bottom{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.section{padding:112px var(--pad)}.section-label{font-size:12px;color:var(--muted);margin-bottom:22px}.intro{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:24px 70px}.intro-line{font-size:12px;color:var(--muted);padding-top:8px}.intro h2{max-width:22ch;font-size:clamp(33px,3vw,44px);line-height:1.25}.intro-bottom{grid-column:2;display:flex;gap:50px;align-items:start}.serif-note{display:none}.intro-bottom p{max-width:49ch;color:var(--muted);font-size:14px}.scroll-text span{color:var(--muted);transition:color .3s}.scroll-text span.read{color:var(--ink)}
.portfolio{background:var(--gallery);color:#eee7df;padding:62px 0 26px}.portfolio-heading{padding:0 var(--pad);display:flex;align-items:end;justify-content:space-between;gap:32px}.portfolio-heading .section-label{color:#baabb2;margin-bottom:14px}.portfolio-heading h2{font-size:clamp(32px,3vw,44px);max-width:19ch}.portfolio-heading>p{font-size:12px;color:#c2b5bc}.carousel-shell{position:relative}.gallery{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;height:clamp(460px,73svh,960px);overscroll-behavior-x:contain;cursor:grab}.gallery::-webkit-scrollbar{display:none}.gallery.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.photo{flex:0 0 100%;width:100%;height:100%;display:grid;place-items:center;scroll-snap-align:center;scroll-snap-stop:always;padding:16px 88px}.photo img{width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #6f626a;border-radius:50%;background:#211e20d9;color:#e8ded9;font-size:21px;z-index:2}.carousel-prev{left:24px}.carousel-next{right:24px}.carousel-arrow:hover{background:#50424a}.gallery-bottom{padding:24px var(--pad) 8px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;color:#c2b5bc}.gallery-progress{height:1px;max-width:300px;flex:1;background:#4f444b;overflow:hidden}.gallery-progress i{display:block;background:#dcc7cf;width:16.666%;height:1px;transform:translateX(var(--progress,0%));transition:transform .45s}.gallery-bottom .text-link{font-size:11px}
.keepsake-heading{max-width:690px;margin:0 auto 48px;text-align:center}.keepsake-heading .section-label{margin-bottom:18px}.keepsake-heading h2{margin-bottom:24px}.keepsake-heading>p:last-child{color:var(--muted);font-size:14px;margin:auto}.objects{display:grid;grid-template-columns:1fr 1fr;gap:36px}.objects figure>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#ded3c9}.objects figcaption{padding-top:24px}.objects h3{margin-bottom:10px}.objects p{color:var(--muted);font-size:13px;max-width:44ch}.album-object{padding-top:80px}.mockup-note{max-width:85ch;font-size:11px;color:var(--muted);margin:35px auto 0;text-align:center}.about{background:#ded3ce;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(48px,9vw,150px);align-items:center}.about-portrait img{width:100%;max-height:490px;object-fit:contain}.about-copy{max-width:510px}.about-copy h2{margin-bottom:25px}.about-copy>p:not(.section-label){font-size:14px;color:#675b60;margin-top:16px}.recognition{margin-top:30px;border-top:1px solid #bdaeaa;padding-top:20px;font-size:11px;color:#675b60}.recognition strong{display:block;font-weight:400;color:var(--ink);font-size:12px;margin-bottom:5px}.recognition span{display:block}.session{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:100px}.session h2{margin-bottom:24px}.session-intro>p:not(.section-label){font-size:14px;color:var(--muted);margin-top:14px}.session-price{align-self:center;padding:4px 0 4px 45px;border-left:1px solid var(--line)}.price{font:48px/1.2 Instrument,serif}.session-price>p{font-size:12px;color:var(--muted);margin-top:6px}.price-detail{font-size:12px;color:var(--muted);max-width:35ch;margin:20px 0}.button{display:inline-flex;gap:24px;align-items:center;background:var(--plum);color:#fff7f0;padding:12px 20px;font-size:12px}.price-note{display:block;font-size:11px;color:var(--muted);margin-top:16px}.questions{padding-top:0;max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.questions h2{font-size:36px;max-width:12ch}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:13px;cursor:pointer;padding:20px 0}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);padding:0 28px 22px 0;max-width:58ch}.contact{background:#6d5b63;color:#f6ede7;text-align:center;padding-top:82px;padding-bottom:26px}.contact .section-label{color:#d8c7cd;margin-bottom:18px}.contact h2{font-size:clamp(37px,4vw,52px);margin-bottom:20px}.contact>p{margin-left:auto;margin-right:auto;font-size:14px;color:#e2d2d9}.contact-mail{display:block;width:fit-content;margin:30px auto 12px;padding-bottom:5px;border-bottom:1px solid #bca5af;font-size:18px}.contact-phone{font-size:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #927c86;margin-top:70px;padding-top:24px;font-size:10px;color:#e2d2d9}.footer-bottom nav{display:flex;gap:20px}.footer-bottom button{background:none;border:0;padding:0;font-size:10px}.lightbox-open{overflow:hidden}dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:#171417;color:#f3ebe5}dialog::backdrop{background:#171417}.lightbox-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:11px}dialog button{border:0;background:none;color:inherit;padding:10px;font-size:13px}.lightbox-stage{height:calc(100dvh - 112px);display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:12px}.lightbox-stage img{width:100%;height:100%;min-height:0;object-fit:contain}.lightbox-stage button{font-size:26px}#lightbox-caption{height:48px;max-width:none;text-align:center;font-size:10px;padding:15px;color:#b5a7ae}.motion-off{scroll-behavior:auto}.motion-off .scroll-text span{color:var(--ink)}@media(min-width:1600px){.hero{grid-template-columns:40% 60%}.hero-copy{padding-left:7vw}.hero-image{padding-right:3vw}}
@media(max-width:900px){.site-header nav{gap:20px}.hero{grid-template-columns:36% 64%;min-height:580px}.hero-copy h1{font-size:46px}.intro{gap:25px 40px}.section{padding-top:80px;padding-bottom:80px}.session{gap:50px}.questions{gap:40px;padding-top:0}.objects{gap:24px}.about{gap:45px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){:root{--pad:24px}.site-header{height:80px}.identity{font-size:26px}.site-header nav>a:not(.header-contact){display:none}.site-header nav{font-size:11px}.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:36px 24px 54px}.hero-copy{order:0;width:100%;padding:0 0 30px}.hero-copy h1{font-size:43px;margin-bottom:14px}.hero-intro{font-size:11px;margin-bottom:13px}.hero-copy>p:not(.hero-intro){font-size:14px}.hero-copy .text-link{margin-top:18px;font-size:11px}.hero-image{order:1;width:100%;height:auto;padding:0 10px;transform:none!important}.hero-image img{width:100%;height:auto;max-height:55svh;object-fit:contain}.hero-bottom{bottom:16px;font-size:9px}.hero-bottom a{display:none}.section{padding:64px 24px}.intro{display:block}.intro-line{margin-bottom:20px;font-size:11px}.intro h2{font-size:33px;max-width:23ch}.intro-bottom{margin-top:22px}.intro-bottom p{font-size:13px}.portfolio{padding:40px 0 20px}.portfolio-heading{align-items:start}.portfolio-heading h2{font-size:32px;max-width:18ch}.portfolio-heading>p{display:none}.portfolio-heading .section-label{font-size:11px}.gallery{height:62svh;min-height:360px;max-height:650px}.photo{padding:16px 18px}.carousel-arrow{width:32px;height:32px;top:auto;bottom:-60px;font-size:18px}.carousel-prev{left:calc(50% - 38px)}.carousel-next{right:calc(50% - 38px)}.gallery-bottom{min-height:74px;gap:8px;font-size:9px;padding:18px 24px 8px}.gallery-bottom .text-link{font-size:9px;gap:8px}.gallery-progress{display:none}#gallery-status{max-width:95px}.keepsake-heading{text-align:left;margin-bottom:32px}.keepsake-heading h2{font-size:34px}.keepsake-heading>p:last-child{font-size:13px}.keepsake-heading br{display:none}.objects{grid-template-columns:1fr;gap:34px}.album-object{padding-top:0}.objects figcaption{padding-top:18px}.objects h3{font-size:28px}.objects p{font-size:12px}.mockup-note{text-align:left;font-size:10px;margin-top:26px}.about{grid-template-columns:1fr;gap:32px}.about-portrait img{max-height:340px}.about-copy h2{font-size:35px}.about-copy>p:not(.section-label){font-size:13px}.recognition{font-size:10px}.session{display:block}.session h2{font-size:35px}.session-intro>p:not(.section-label){font-size:13px}.session-price{margin-top:34px;padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.price{font-size:43px}.price-detail{max-width:43ch}.questions{display:block;padding-top:0}.questions h2{max-width:none;font-size:32px;margin-bottom:20px}summary{font-size:12px}.contact h2{font-size:39px}.contact-mail{font-size:17px}.footer-bottom{justify-content:center;margin-top:45px;gap:16px}.footer-bottom nav{gap:15px}.footer-bottom>a:last-child{display:none}.lightbox-toolbar{padding:0 14px;height:60px;font-size:10px}.lightbox-stage{height:calc(100dvh - 120px);grid-template-columns:1fr;position:relative;gap:0;padding:0 12px}.lightbox-stage button{position:absolute;bottom:-52px;font-size:24px;z-index:1}.lightbox-stage button:first-child{left:10px}.lightbox-stage button:last-child{right:10px}#lightbox-caption{padding:18px 55px 0;height:60px;font-size:9px}.section-label{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image,.scroll-text span{color:var(--ink)}}
@media(min-width:601px){.hero{grid-template-rows:minmax(0,1fr)}.hero-image{display:block;min-height:0;overflow:visible}.hero-image img{height:100%;min-height:0}}

/* Quiet layout: one portfolio, a full-height opening with copy over the image. */
:root{--pad:clamp(40px,10vw,210px)}
.hero{height:calc(100svh - 92px);min-height:600px;max-height:none;display:block;padding:0;background:#e4e0d8}
.hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;transform:none;will-change:auto}
.hero-image img{width:100%;height:100%;max-height:none;object-fit:contain}
.hero-copy{position:absolute;z-index:1;right:max(var(--pad),calc((100vw - (100svh - 92px))/2 + 32px));bottom:7%;width:350px;max-width:calc(100% - 2*var(--pad));padding:30px 34px;background:rgba(238,232,225,.90);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 30px #30272c0b}
.hero-intro{font-size:11px;margin-bottom:14px}
.hero-copy h1{font-size:46px;margin-bottom:16px}
.hero-copy>p:not(.hero-intro){font-size:14px;line-height:1.8}
.hero-copy .text-link{margin-top:24px;font-size:11px}
.intro,.session,.questions{max-width:none;padding-left:var(--pad);padding-right:var(--pad)}
.portfolio{padding-top:44px}
.portfolio-heading{padding:0 var(--pad) 26px;align-items:center}
.portfolio-heading h2{font-size:36px;max-width:none}
.portfolio-heading>p{display:block;font-size:11px}
.photo{padding:12px var(--pad)}
.carousel-prev{left:calc(var(--pad) - 60px)}
.carousel-next{right:calc(var(--pad) - 60px)}
.objects{max-width:860px;width:100%;margin:0 auto;gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.album-object{padding-top:0}
.objects figcaption{padding-top:18px}
.objects h3{font-size:27px;margin-bottom:8px}
.objects p{font-size:12px;line-height:1.7}
.keepsake-heading{margin-bottom:36px}
.mockup-note{max-width:80ch;font-size:10px}
.about{gap:clamp(42px,7vw,110px)}
.about-portrait img{max-height:430px}
@media(max-width:900px){
.hero{min-height:560px}.hero-copy{width:310px;right:var(--pad);padding:26px 28px}.hero-copy h1{font-size:41px}
.session{gap:50px}.session-price{padding-left:30px}.questions{gap:35px}.site-header nav{gap:18px}.site-header{gap:20px}
}
@media(max-width:600px){
:root{--pad:32px}
.site-header{height:80px;padding-left:var(--pad);padding-right:var(--pad)}
.hero{height:calc(100svh - 80px);min-height:620px;display:block;padding:0}
.hero-image{inset:0;width:100%;height:100%;padding:0}
.hero-image img{height:100%;width:100%;max-height:none;object-fit:contain}
.hero-copy{right:var(--pad);bottom:5%;width:280px;max-width:calc(100% - 2*var(--pad));padding:22px 25px}
.hero-copy h1{font-size:37px;margin-bottom:12px}
.hero-intro{font-size:10px;margin-bottom:10px}
.hero-copy>p:not(.hero-intro){font-size:12px}
.hero-copy .text-link{margin-top:15px;font-size:10px}
.section{padding-left:var(--pad);padding-right:var(--pad)}
.portfolio{padding-left:0;padding-right:0;padding-top:36px}
.portfolio-heading{padding-bottom:16px}.portfolio-heading h2{font-size:32px}.portfolio-heading>p{display:none}
.photo{padding:12px var(--pad)}
.carousel-prev{left:calc(50% - 38px)}.carousel-next{right:calc(50% - 38px)}
.gallery-bottom{padding-left:var(--pad);padding-right:var(--pad)}
.objects{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.objects h3{font-size:22px;line-height:1.12}.objects p{font-size:11px;line-height:1.65}.objects figcaption{padding-top:13px}
.session-price{padding-left:0}.questions{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.hero-image{transform:none!important}}

/* Shared content edge, aligned with the photographer portrait. Portfolio stays wide. */
:root{--content-pad:max(var(--pad),calc((100% - 1060px)/2))}
.site-header,.section:not(.portfolio){padding-left:var(--content-pad);padding-right:var(--content-pad)}
.about{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.about-portrait img{object-position:left center}
.objects{margin-left:0;margin-right:0}
@media(max-width:600px){.about{grid-template-columns:1fr}}

/* Responsive photographic opening: cropping is allowed only in this hero. */
.site-header{position:absolute;inset:0 0 auto;z-index:5;background:transparent}
.hero{height:100svh;min-height:640px;max-height:none;overflow:hidden;background:#171719}
.hero-image{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.hero-copy{left:var(--content-pad);right:auto;top:clamp(112px,13svh,180px);bottom:auto;width:600px;max-width:calc(100% - 2*var(--content-pad));padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:#30272c}
.hero-intro{font-size:12px;letter-spacing:.08em;margin-bottom:16px;color:#51494c}
.hero-copy h1{font-size:clamp(64px,6vw,96px);line-height:1.03;margin-bottom:16px}
.hero-copy>p:not(.hero-intro){font-size:18px;line-height:1.6;color:#51494c}
.hero-copy .text-link{margin-top:20px;font-size:12px}
.keepsake-heading{max-width:860px;margin:0 0 36px;text-align:left}
.keepsake-heading .section-label{max-width:none}
.keepsake-heading>p:last-child{margin-left:0;margin-right:0}
.mockup-note{margin-left:0;margin-right:0;text-align:left}
@media(max-width:700px){
.site-header{height:80px;padding-left:32px;padding-right:32px}
.site-header nav>a:not(.header-contact){display:none}
.hero{height:100svh;min-height:660px}
.hero-image img{object-position:50% 50%}
.hero-copy{left:32px;right:auto;top:auto;bottom:max(36px,env(safe-area-inset-bottom));width:310px;max-width:calc(100% - 64px);padding:0;color:#f8f2eb;text-shadow:0 1px 16px #0005}
.hero-intro{font-size:10px;margin-bottom:12px;color:#eee5df}
.hero-copy h1{font-size:clamp(49px,12vw,76px);margin-bottom:13px}
.hero-copy>p:not(.hero-intro){font-size:15px;line-height:1.6;color:#eee5df}
.hero-copy .text-link{margin-top:18px;font-size:11px}
}

/* The supplied signature stays intact; its transparent canvas is framed in CSS. */
.site-header{justify-content:flex-end}
.hero-brand{position:absolute;z-index:2;top:clamp(112px,13svh,180px);right:var(--content-pad);width:clamp(280px,29vw,440px);aspect-ratio:8654/2264;overflow:hidden}
.hero-brand img{position:absolute;width:117.2984%;max-width:none;height:auto;left:-10.6656%;top:-61.7049%;object-fit:contain}
@media(min-width:701px) and (max-width:1100px){.hero-brand{width:260px;top:112px}.hero-copy{top:112px;width:360px}.hero-copy h1{font-size:64px}.hero-copy>p:not(.hero-intro){font-size:16px}}
@media(max-width:700px){
.hero-brand{top:auto;right:auto;left:32px;bottom:260px;width:280px;max-width:calc(100% - 64px);filter:invert(1);opacity:.95}
}

/* A quiet dissolve keeps each photographer-defined composition intact. */
.gallery{position:relative;display:block;overflow:hidden;scroll-snap-type:none;touch-action:pan-y pinch-zoom}
.gallery .photo{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .75s ease;z-index:0}
.gallery .photo.is-active{opacity:1;pointer-events:auto;z-index:1}
.motion-off .gallery .photo{transition:none}
.about{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:660px;background:#eee8e1}
.about-background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;opacity:.83}
.about::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#eee8e1 0%,#eee8e1f2 30%,#eee8e1b3 45%,#eee8e130 70%,#eee8e114 100%)}
.about-copy{position:relative;max-width:440px}
.about-copy>p:not(.section-label),.recognition{color:#51484c}
@media(max-width:900px){.about{min-height:660px}.about-copy{max-width:390px}.about::after{background:linear-gradient(90deg,#eee8e1fa 0%,#eee8e1db 45%,#eee8e159 80%)}}
@media(max-width:600px){
.about{min-height:760px;padding-top:280px;padding-bottom:64px}
.about-background{height:430px;object-fit:cover;object-position:72% top;opacity:.65}
.about::after{background:linear-gradient(180deg,#eee8e114 0%,#eee8e130 180px,#eee8e1ed 350px,#eee8e1 440px)}
.about-copy{max-width:100%}
}

/* A compact contact form, in the same content column. */
.contact-form{max-width:640px;margin:36px auto 0;text-align:left}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.contact-field label{font-size:12px;color:#fff7f2}
.contact-field input,.contact-field textarea{width:100%;border:1px solid #c1acb5;border-radius:0;background:#ffffff09;color:#fffaf6;padding:12px 14px;font:16px/1.6 Manrope,Arial,sans-serif;box-shadow:none}
.contact-field textarea{resize:vertical;min-height:130px}
.contact-field textarea::placeholder{color:#e2d2d9;opacity:.85;font-size:13px}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid #fff7f0;outline-offset:3px}
.contact-form-bottom{display:flex;align-items:center;gap:24px}
.contact-form .button{border:1px solid #f2e7e0;background:#f2e7e0;color:#45363e;white-space:nowrap}
.contact-form .button:hover{background:#fffaf7}
#contact-note{font-size:10px;color:#eee0e6;max-width:26ch}
#contact-form-status{font-size:12px;line-height:1.7;margin-top:16px;color:#fff7f0}
.contact-form[data-state="preview"] #contact-form-status{border-left:2px solid #e7d5c9;padding-left:14px}
@media(max-width:600px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-form-bottom{align-items:flex-start;flex-direction:column;gap:14px}#contact-note{max-width:none}}
@media(prefers-reduced-motion:reduce){.gallery .photo{transition:none}}

/* A full-viewport, near-black portfolio with uncropped photographs. */
:root{--gallery:#060607}
.portfolio.section{height:100svh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:28px 0 16px;background:#060607;overflow:hidden}
.portfolio-heading{padding-bottom:18px}
.carousel-shell{min-height:0;height:100%}
.gallery{height:100%;min-height:0;max-height:none}
.gallery-bottom{padding-top:16px;padding-bottom:0;min-height:0}
.carousel-arrow{background:#060607df;border-color:#4d464a}
.carousel-arrow:hover{background:#252124}
/* Let the new environmental portrait fill the section without the washed-out veil. */
.about.section{min-height:660px;background:#f0e8dc;display:flex;align-items:center;padding-top:80px;padding-bottom:80px}
.about-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
.about::after{background:linear-gradient(90deg,#f3ebdf35,transparent 60%)}
.about-copy{max-width:420px}
@media(max-width:700px){
.portfolio.section{padding-top:20px;padding-bottom:18px}
.portfolio-heading{padding-bottom:12px}.portfolio-heading h2{font-size:30px}
.gallery-bottom{padding-top:14px;min-height:38px}
.carousel-arrow{top:50%;bottom:auto;transform:translateY(-50%);width:30px;height:30px}
.carousel-prev{left:5px}.carousel-next{right:5px}
.about.section{display:block;min-height:0;padding-top:370px;padding-bottom:56px}
.about-background{height:360px;object-fit:cover;object-position:82% top;opacity:1}
.about::after{background:linear-gradient(180deg,transparent 0%,transparent 300px,#f0e8dc 360px)}
.about-copy{max-width:100%}
}

/* Immersive photograph with a fine, direct-access navigation strip. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.portfolio.section{position:relative;display:block;height:100svh;height:100dvh;padding:0;isolation:isolate;background:#060607}
.carousel-shell,.gallery{height:100%;min-height:0;max-height:none}
.gallery .photo{padding:0}
.gallery .photo img{width:100%;height:100%;object-position:center;object-fit:contain}
.gallery .photo{transition:opacity .85s cubic-bezier(.22,.61,.36,1)}
.gallery-top{position:absolute;z-index:3;top:22px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#fff;text-shadow:0 1px 8px #000}
#gallery-status{font-size:11px;letter-spacing:.14em;background:#06060780;padding:5px 9px}
#expand-gallery{pointer-events:auto;width:40px;height:40px;border:1px solid #ffffff55;background:#06060766;color:#fff;font-size:25px;line-height:1}
.carousel-arrow{width:42px;height:42px;top:50%;bottom:auto;transform:translateY(-50%);background:#06060766;border:1px solid #ffffff44;color:#fff}
.carousel-prev{left:30px}.carousel-next{right:30px}
.gallery-select{position:absolute;z-index:3;left:8%;right:8%;bottom:15px;display:flex;gap:10px;justify-content:center}
.gallery-select button{flex:1;max-width:108px;min-width:0;height:44px;padding:0;border:0;background:none;display:grid;align-items:center}
.gallery-select button span{display:block;height:2px;background:#ffffff50;box-shadow:0 1px 5px #000;transition:background .3s,transform .3s;transform-origin:left}
.gallery-select button[aria-pressed="true"] span{height:3px;background:#f3e7df}
.gallery-select button:hover span{background:#fff}
.gallery-select button:focus-visible{outline-offset:0}
.reasons{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start;padding-top:96px;padding-bottom:80px}
.reasons h2{max-width:17ch}
.reasons-copy{font-size:14px;color:var(--muted);padding-top:6px}
.reasons-copy p+p{margin-top:20px}
.hero-image{transform:translate3d(0,var(--hero-y,0px),0);will-change:transform}
.about-background{object-position:right top;transform:translate3d(0,var(--portrait-y,0px),0);will-change:transform}
.motion-off .hero-image,.motion-off .about-background{transform:none!important}
.motion-off .gallery .photo{transition:none}
@media(max-width:700px){
 .gallery-top{top:14px;left:14px;right:14px}
 .carousel-prev{left:10px}.carousel-next{right:10px}
 .carousel-arrow{width:32px;height:32px;font-size:18px}
 .gallery-select{left:18px;right:18px;gap:7px;bottom:max(8px,env(safe-area-inset-bottom))}
 #expand-gallery{width:34px;height:34px;font-size:22px}
 .reasons{display:block;padding-top:64px;padding-bottom:24px}
 .reasons-copy{padding-top:25px;font-size:13px}
 .about-background{object-position:82% top}
}
@media(prefers-reduced-motion:reduce){.hero-image,.about-background{transform:none!important}.gallery .photo,.gallery-select button span{transition:none}}

/* A native arrival stop: the next scroll can leave the portfolio freely. */
html{scroll-snap-type:y proximity;scroll-padding-top:0}
.portfolio.section{scroll-snap-align:start;scroll-snap-stop:always}
.gallery,.gallery .photo{cursor:grab}
.gallery.is-dragging,.gallery.is-dragging .photo{cursor:grabbing;user-select:none}
.gallery .photo img{transform:translateX(var(--drag-x,0px));transition:transform .25s ease}
.gallery.is-dragging .photo img{transition:none}
.subtle-cta{margin-top:28px;gap:30px;border-bottom-color:#b5a5a9;font-size:11px;transition:color .2s,border-color .2s}
.subtle-cta:hover{color:#795966;border-bottom-color:currentColor}
@media(prefers-reduced-motion:reduce){.gallery .photo img{transition:none;transform:none}}

/* Three separate originals form one uncropped desktop composition. */
.gallery .photo.is-series .series-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,calc(100dvh * 1.997));height:min(100%,calc(100vw / 1.997));background:#fff}
.gallery .photo.is-series img{width:100%;height:100%;min-width:0;object-fit:contain!important}
.gallery-select{gap:8px}
@media(max-width:700px){.gallery-select{gap:4px;left:12px;right:12px}}

/* A full-height session, followed by a separate, softly tinted FAQ. */
.session.section{min-height:100svh;min-height:100dvh;align-items:center;align-content:center;padding-top:96px;padding-bottom:96px}
.questions.section{background:#ded2d5;padding-top:90px;padding-bottom:96px}
.questions details{border-bottom-color:#bca9b1}
.questions details p{color:#5f5058}
@media(max-width:600px){.session.section{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:64px;padding-bottom:64px;gap:0}.session-price{align-self:stretch}.questions.section{padding-top:64px;padding-bottom:64px}}

/* Shared, quiet scroll typography; original colours and line breaks remain intact. */
.scroll-text span{color:inherit;opacity:.42;transition:opacity .28s ease}
.scroll-text span.read{color:inherit;opacity:1}
.reveal-ready .soft-reveal{opacity:0;transform:translateY(12px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,.61,.36,1)}
.reveal-ready .soft-reveal.is-revealed,.reveal-ready .soft-reveal:focus-within{opacity:1;transform:none}
.reasons.section{min-height:50svh;min-height:50dvh;align-items:center;align-content:center;padding-top:64px;padding-bottom:64px}
.questions h2{font-size:clamp(34px,3vw,46px)}
.motion-off .scroll-text span{color:inherit;opacity:1;transition:none}
.motion-off .soft-reveal{opacity:1;transform:none;transition:none}
@media(max-width:600px){.questions h2{font-size:35px}.reasons.section{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.scroll-text span{color:inherit;opacity:1}.reveal-ready .soft-reveal{opacity:1;transform:none;transition:none}}

/* Selected palette 01: ivory, sand and cacao. */
:root{--paper:#f2ede5;--surface:#ded3c6;--ink:#302925;--muted:#6c6158;--cacao:#766252;--plum:var(--cacao);--line:#c4b5a5}
.hero-copy{color:var(--ink)}
.hero-intro,.hero-copy>p:not(.hero-intro){color:#554a41}
.about.section{background:var(--paper)}
.about::after{background:linear-gradient(90deg,#f2ede535,transparent 60%)}
.about-copy>p:not(.section-label),.recognition{color:#554a41}
.recognition{border-top-color:var(--line)}
.questions.section{background:var(--surface)}
.questions details{border-bottom-color:#b9a795}
.questions details p{color:#554a41}
.subtle-cta{border-bottom-color:#b9a795}
.subtle-cta:hover{color:var(--cacao)}
.button{background:var(--cacao);color:var(--paper)}
.contact{background:var(--cacao);color:var(--paper)}
.contact .section-label,.contact>p,.footer-bottom,#contact-note{color:var(--paper)}
.footer-bottom{border-top-color:#ae9986}
.contact-field label,.contact-field input,.contact-field textarea,#contact-form-status{color:#fffaf3}
.contact-field input,.contact-field textarea{border-color:#c4b5a5;background:#ffffff06}
.contact-field textarea::placeholder{color:var(--paper);opacity:1}
.contact-form .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.contact-form .button:hover{background:#fffaf3}
.contact-form[data-state="preview"] #contact-form-status{border-left-color:var(--surface)}
@media(max-width:700px){
 .hero-copy{color:var(--paper)}
 .hero-intro,.hero-copy>p:not(.hero-intro){color:var(--paper)}
 .about::after{background:linear-gradient(180deg,transparent 0%,transparent 300px,#f2ede5 360px)}
}

/* Material choices stay understated beneath the album impression. */
.objects .album-quality{margin-top:12px;font-size:11px;line-height:1.7}

.contact-honey{display:none!important}
.contact-form[data-state="error"] #contact-form-status{border-left:2px solid var(--paper);padding-left:14px}
#contact-note a{text-decoration:underline;text-underline-offset:3px}