
:root{--paper:#f7f4ec;--ink:#25251f;--accent:#d95735;--sage:#e2e7d6;--line:#d9d5c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}.wrap{width:min(1360px,90%);margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(247,244,236,.97);border-bottom:1px solid var(--line)}.top-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:25px;font-weight:900;letter-spacing:-.085em;line-height:1}.logo small{display:block;font-size:9px;letter-spacing:.25em;margin-top:7px}.nav{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.pill,.nav .pill{border-radius:30px;background:var(--ink);color:white;padding:14px 20px;display:inline-block}.nav .pill:hover,.pill:hover{background:var(--accent);color:white}.menu{display:none;border:0;background:none;font-size:28px;cursor:pointer}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.hero{padding:76px 0 0}.hero-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.hero h1{font-size:clamp(54px,8vw,118px);letter-spacing:-.085em;line-height:.95;margin:22px 0 35px;font-weight:900}.hero h1 em{font-style:normal;color:var(--accent)}.hero-intro{max-width:245px;line-height:1.65;font-size:16px;padding-bottom:35px}.hero-gallery{display:grid;grid-template-columns:1.1fr .7fr .8fr;gap:12px;align-items:start}.hero-gallery figure{margin:0;background:#e7e4db;min-width:0;overflow:hidden}.hero-gallery img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain}.hero-gallery figure:nth-child(2){padding-top:35px}.hero-gallery figure:nth-child(3){padding-top:75px}.ticker{margin-top:25px;background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:18px 0;font-size:12px;font-weight:700;letter-spacing:.16em}.ticker span{display:inline-block;animation:marquee 35s linear infinite}.ticker b{color:#f4a58c;margin:0 32px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head p{max-width:400px;line-height:1.7;color:#626359}.section h2,.page-hero h1{font-size:clamp(45px,6.2vw,87px);line-height:1;letter-spacing:-.075em;margin:15px 0}.page-hero{padding:85px 0 45px}.page-hero p{max-width:640px;line-height:1.75;color:#55574f;font-size:17px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-card{min-width:0}.work-card .photo{background:#e7e4db;display:flex;align-items:center;justify-content:center;min-height:200px}.work-card .photo img{width:100%;height:auto;max-height:480px;object-fit:contain}.work-card h3{font-size:21px;letter-spacing:-.04em;margin:16px 0 6px}.work-card p{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#77776f;margin:0 0 20px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.video-card{min-width:0}.video-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#24251f;border-radius:4px}.video-card p{font-size:12px;color:#666;margin:12px 0}.sage{background:var(--sage)}.service-list{border-top:1px solid #b5bcae}.service-row{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:20px;padding:30px 0;border-bottom:1px solid #b5bcae;align-items:center}.service-row h3{font-size:clamp(24px,3vw,40px);letter-spacing:-.06em;margin:0}.service-row p{line-height:1.65;color:#52584f;margin:0}.dark{background:var(--ink);color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.metric strong{font-size:clamp(38px,5vw,72px);letter-spacing:-.08em}.metric span{display:block;color:#c8c6c0;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.split img{max-height:700px;width:100%;object-fit:contain;background:#e7e4db}.split p{line-height:1.85;color:#56574e}.quote{border-top:1px solid var(--line);padding:25px 0;font-style:italic;line-height:1.8}.cta{background:var(--accent);color:white;padding:85px 0}.cta h2{font-size:clamp(48px,8vw,112px);line-height:1;letter-spacing:-.08em;margin:10px 0 30px}.cta .pill{background:white;color:var(--ink)}.footer{background:#1f201c;color:white;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer small{color:#b8b8b1}.footer-links{display:flex;gap:22px;font-size:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-info a{text-decoration:underline;text-underline-offset:5px}.form-note{font-size:13px;color:#666;line-height:1.7}.field{display:block;margin:0 0 18px}.field span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.field input,.field textarea{width:100%;padding:15px;border:1px solid #c8c5bc;background:white;border-radius:0}.submit{border:0;cursor:pointer}.button-row{margin-top:30px}.subtle{color:#666;line-height:1.7}.spacer{height:20px}
@media(max-width:950px){.hero-top,.section-head{display:block}.hero-intro{max-width:500px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row{grid-template-columns:40px 1fr}.service-row p{grid-column:2}.split{gap:35px}}
@media(max-width:700px){.top-inner{min-height:70px}.menu{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:25px 5%;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{padding-top:45px}.hero h1{font-size:clamp(50px,12vw,80px)}.hero-gallery{grid-template-columns:1fr 1fr}.hero-gallery figure:nth-child(2){padding-top:25px}.hero-gallery figure:nth-child(3){display:none}.hero-gallery img{max-height:350px}.section{padding:65px 0}.gallery{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metrics{grid-template-columns:1fr 1fr}.split,.contact-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-links{margin-top:20px}.page-hero{padding:55px 0 25px}}
@media(prefers-reduced-motion:reduce){.ticker span{animation:none}html{scroll-behavior:auto}}

/* Mockup-only: minimal proportions refinement. No added imagery or typography changes. */
.page-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);column-gap:clamp(24px,5vw,80px);align-items:end}
.page-hero .eyebrow{grid-column:1/-1}
.page-hero h1{grid-column:1;max-width:900px}
.page-hero p{grid-column:2;max-width:360px;margin:15px 0 18px}
.hero:not(:has(.hero-gallery)){padding-bottom:0}
@media(max-width:800px){.page-hero{display:block}.page-hero p{max-width:640px}}

/* Edit Three: compact, interactive Our Work photography gallery only. */
.work-scroll{display:flex!important;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-x:contain;padding:4px 0 12px}
.work-scroll .work-card{flex:0 0 clamp(195px,23vw,260px);min-width:0;scroll-snap-align:start}
.work-scroll .work-card .photo{height:auto!important;aspect-ratio:4/3!important;background:transparent!important;overflow:hidden;border:0!important}
.work-scroll .work-card .photo img{width:100%;height:100%;object-fit:cover;display:block}
.work-scroll-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:9px;font-size:10px;letter-spacing:.13em}
.work-scroll-controls>div{display:flex;gap:8px}
.work-arrow{width:38px;height:38px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font-size:20px}
.work-arrow:hover{background:#dce4d7}
@media(max-width:700px){.work-scroll .work-card{flex-basis:210px}}

/* Approved Option 3: understated right-side tagline and portfolio CTA. */
.hero-option-three{max-width:350px;justify-self:end;align-self:center}
.hero-option-three .hero-intro{margin:0 0 20px;max-width:350px}
.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid currentColor;border-radius:30px;padding:12px 19px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s ease}
.hero-cta:hover{background:#dce4d7}
@media(max-width:700px){.hero-option-three{justify-self:start;margin-top:24px}.hero-option-three .hero-intro{margin-bottom:16px}}

/* Edit Three: proportion and editorial refinements */
.hero-option-three{position:relative;transform:translateX(-clamp(12px,3vw,54px))}
.metric-words{font-size:clamp(1.35rem,2.7vw,2.5rem)!important;line-height:1.15;display:block;max-width:240px}
.portfolio-first{padding-top:clamp(42px,6vw,90px)!important}
.about-hero{padding-top:clamp(55px,8vw,115px)!important;padding-bottom:clamp(24px,4vw,56px)!important;min-height:0!important}
.about-hero h1{max-width:850px}.about-hero p{max-width:650px}
.about-founder{padding-top:clamp(20px,3vw,50px)!important}.founder-split{align-items:center;gap:clamp(32px,5vw,85px)}
.founder-split>img{width:100%;max-height:570px;object-fit:cover;object-position:center 35%;border-radius:3px}
.founder-title{font-size:clamp(1.15rem,1.6vw,1.55rem);margin:14px 0 24px;font-weight:500}
.testimonials{padding-top:clamp(65px,8vw,110px);padding-bottom:clamp(65px,8vw,110px)}
.testimonials h2{margin:15px 0 30px}.testimonial-carousel{max-width:860px;min-height:145px}
.testimonial{display:none;margin:0;font-family:Georgia,serif;font-size:clamp(1.35rem,2.4vw,2.25rem);line-height:1.4;font-weight:400}.testimonial.active{display:block}
.testimonial-controls{display:flex;align-items:center;gap:20px;margin-top:24px;font-size:12px;letter-spacing:.1em}
.testimonial-controls button{border:1px solid currentColor;border-radius:50%;width:40px;height:40px;background:transparent;cursor:pointer;font-size:20px}
@media(max-width:700px){.hero-option-three{transform:none}.founder-split>img{max-height:460px}}

/* Edit Three refinements */
.hero-option-three{transform:translateX(-4vw);max-width:480px}
.hero-intro{font-size:clamp(1.12rem,1.6vw,1.45rem);line-height:1.5;margin-bottom:12px}
.hero-cta{margin-top:8px}
.portfolio-first~.section .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.portfolio-first~.section .work-card .photo{aspect-ratio:4/3}
.founder-split>img{object-fit:contain!important;object-position:center top!important;background:#eee9df;height:auto!important;max-height:650px}
@media(max-width:800px){.hero-option-three{transform:none}.portfolio-first~.section .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.portfolio-first~.section .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
body:has(.portfolio-first) .gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body:has(.portfolio-first) .gallery .photo{min-height:0;aspect-ratio:4/3;overflow:hidden}
body:has(.portfolio-first) .gallery .photo img{width:100%;height:100%;max-height:none;object-fit:cover}
@media(max-width:800px){body:has(.portfolio-first) .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Edit Three refinements */
.hero-option-three{transform:translateX(-6vw);max-width:480px}.hero-option-three .hero-intro{font-size:19px;line-height:1.55;max-width:440px;margin-bottom:10px;padding-bottom:0}.hero-option-three .hero-cta{display:inline-block;margin-top:0}.split img,.founder-split img{background:transparent!important}.work-scroll .photo{background:transparent!important}.work-scroll .photo img{object-fit:cover;aspect-ratio:4/5;max-height:310px}.portfolio-first~.section .gallery .photo{background:transparent}.about-hero{padding-bottom:10px}.about-founder{padding-top:40px}.founder-split>img{object-fit:contain;max-height:650px;object-position:center top}.metric-words{font-size:clamp(25px,3vw,46px)!important;letter-spacing:-.055em!important}@media(max-width:950px){.hero-option-three{transform:none;margin-top:18px}} 

/* Edit Four: founder portrait, hero emphasis and collaborator showcase */
.hero h1 em{color:var(--accent)}.hero h1{color:var(--ink)}
.founder-split{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(28px,4.5vw,75px)}
.founder-split>img{width:100%;max-height:680px;object-fit:contain!important;object-position:center center!important;background:transparent!important}
.client-logos-section{background:var(--paper);border-top:1px solid var(--line)}
.client-logos-section h2{margin-bottom:14px}
.client-logos-intro{max-width:560px;color:#66685e;line-height:1.7;margin:0 0 38px}
.client-logos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.client-logo-slot{height:140px;border:1px solid #dfdbd1;background:#fdfbf7;display:flex;align-items:center;justify-content:center}
.client-logo-slot span{font-size:10px;letter-spacing:.22em;color:#b8b5ac;font-weight:700}
.client-logos-note{font-size:12px;color:#77766e;margin-top:18px}
@media(max-width:800px){.founder-split{grid-template-columns:1fr}.client-logos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-slot{height:110px}}

/* Edit Five: balanced editorial homepage */
@media(min-width:951px){
.hero .hero-top{align-items:start;column-gap:clamp(48px,6vw,100px)}
.hero .hero-top>div:first-child{flex:1 1 auto;min-width:0}
.hero .hero-option-three{transform:translate(0,-22px);margin-left:auto;max-width:410px;flex:0 1 410px;align-self:start;padding-top:12px}
.hero h1{font-size:clamp(64px,6.6vw,112px);line-height:1.04}
}
@media(max-width:950px){.hero .hero-option-three{transform:none}}

/* Edit Six */
@media(min-width:951px){.hero h1{font-size:clamp(70px,7vw,119px)!important}.hero .hero-option-three{transform:translate(-38px,-24px)!important;max-width:420px!important}.hero .hero-cta{font-size:16px!important;padding:12px 0!important;font-weight:650}}
@media(max-width:950px){.hero .hero-option-three{transform:none!important}.hero .hero-cta{font-size:16px}}
.video-card[hidden]{display:none!important}.video-more-btn{display:block;margin:36px auto 0;border:1px solid currentColor;background:transparent;color:inherit;padding:15px 28px;font:inherit;font-size:13px;letter-spacing:.09em;cursor:pointer;transition:background .2s,color .2s}.video-more-btn:hover{background:#222;color:#fff}.client-logo-artwork{width:100%;max-width:1050px;margin:24px auto 0}.client-logo-artwork img{display:block;width:100%;height:auto;mix-blend-mode:multiply}

/* Edit Seven */
.hero .hero-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:14px;white-space:nowrap;padding:16px 27px!important;border:1px solid currentColor;border-radius:2px;font-size:15px!important;line-height:1.2;min-height:54px}
.hero .hero-cta span{font-size:18px}
@media(min-width:951px){.founder-split{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr)!important;gap:clamp(22px,3.5vw,58px)!important}.founder-split>img{max-height:710px!important;width:100%!important;object-fit:contain!important;object-position:center top!important}}
.client-logo-circles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2.5vw,34px);align-items:center;margin:40px auto 0;max-width:1080px}
.client-logo-circle{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.055);padding:9px;transition:transform .25s ease}
.client-logo-circle:hover{transform:translateY(-4px)}
.client-logo-circle img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%}
@media(max-width:850px){.client-logo-circles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.client-logo-circles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-logo-circle{padding:5px}}

/* Edit Eight — compact two-row moving logo showcase */
.client-logos-section{padding-top:52px!important;padding-bottom:56px!important;overflow:hidden}
.client-logos-section .wrap{max-width:none!important;padding-left:0!important;padding-right:0!important}
.client-logos-section .eyebrow,.client-logos-section h2,.client-logos-section .client-logos-intro{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.client-logos-section h2{font-size:clamp(28px,3vw,43px);margin-bottom:9px}
.client-logos-section .client-logos-intro{margin-bottom:20px;font-size:14px}
.logo-marquee{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:13px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-lane{display:flex;width:max-content;align-items:center;gap:16px;animation:logos-left 60s linear infinite;will-change:transform}
.logo-lane-2{animation-name:logos-right;animation-duration:54s;transform:translateX(-50%)}
.logo-marquee:hover .logo-lane,.logo-marquee:focus-within .logo-lane{animation-play-state:paused}
.logo-group{display:flex;gap:16px;flex:none;align-items:center}
.logo-dot{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:#fff;padding:2px;overflow:hidden;border:1px solid rgba(30,30,30,.055)}
.logo-dot img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
@keyframes logos-left{to{transform:translateX(calc(-50% - 8px))}}
@keyframes logos-right{from{transform:translateX(calc(-50% - 8px))}to{transform:translateX(0)}}
@media(max-width:640px){.client-logos-section{padding-top:40px!important;padding-bottom:42px!important}.logo-dot{width:76px;height:76px}.logo-lane,.logo-group{gap:12px}.logo-marquee{gap:10px}}
@media(prefers-reduced-motion:reduce){.logo-lane{animation:none!important}.logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-group[aria-hidden=true]{display:none}}

/* Edit Nine: five-across photography gallery and purposeful copy placement */
@media(min-width:1100px){body:has(.portfolio-first) .gallery{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}}
@media(min-width:800px) and (max-width:1099px){body:has(.portfolio-first) .gallery{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:799px){body:has(.portfolio-first) .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body:has(.portfolio-first) .gallery .work-card h3{font-size:clamp(15px,1.5vw,20px)}
body:has(.portfolio-first) .gallery .work-card p{font-size:12px}
body:has(.portfolio-first) .gallery .photo{aspect-ratio:4/5;overflow:hidden}
body:has(.portfolio-first) .gallery .photo img{width:100%;height:100%;object-fit:cover}
.page-hero.about-hero{padding-bottom:24px!important}
.page-hero.about-hero h1{margin-bottom:0}
.about-intro-line{max-width:560px;line-height:1.7;color:#626359;margin:12px 0 26px}
body:has(.service-list) .page-hero{padding-top:62px;padding-bottom:38px}
body:has(.service-list) .section.sage{padding-top:55px}
body:has(.service-list) .section.sage .section-head{margin-bottom:30px;align-items:start}
.cta-support-copy{max-width:550px;margin:16px auto 24px;line-height:1.65;color:inherit;opacity:.85}

/* Edit Ten: intentional typography and compact services introduction */
.portfolio-first .section-head h2 .keep-together{white-space:nowrap}
@media(min-width:900px){.portfolio-first .section-head h2{font-size:clamp(48px,5.1vw,74px);line-height:1.02}}
.services-hero{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:0!important;padding-top:clamp(52px,6vw,85px)!important;padding-bottom:clamp(58px,7vw,96px)!important;max-width:1360px}
.services-hero .eyebrow{margin-bottom:18px}
.services-hero h1{margin:0 0 24px!important;max-width:900px;line-height:.98}
.services-hero p{margin:0!important;max-width:650px!important;font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:#626359}
@media(max-width:700px){.portfolio-first .section-head h2 .keep-together{white-space:normal}.services-hero{padding-top:50px!important;padding-bottom:55px!important}.services-hero h1{margin-bottom:18px!important}}

/* Edit Eleven: original editorial photography balances Services introduction */
.services-hero{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;align-items:center!important;gap:clamp(30px,5vw,85px)!important;padding-top:clamp(55px,6vw,85px)!important;padding-bottom:clamp(55px,6vw,85px)!important}
.services-hero-copy{min-width:0}.services-hero-copy .eyebrow{margin-bottom:22px}.services-hero-copy h1{font-size:clamp(50px,6.3vw,91px);margin:0 0 22px!important}.services-hero-copy p{max-width:530px!important;margin:0!important}
.services-hero-visual{margin:0;overflow:hidden;aspect-ratio:1.16;background:transparent}.services-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:800px){.services-hero{grid-template-columns:1fr!important;gap:30px!important;padding-top:50px!important;padding-bottom:55px!important}.services-hero-visual{aspect-ratio:1.5}.services-hero-copy h1{font-size:clamp(48px,11vw,78px)}}

/* Edit Twelve — Contact page editorial spacing */
.contact-hero{display:block!important;padding-top:clamp(54px,6vw,88px)!important;padding-bottom:0!important}
.contact-hero .eyebrow{display:block;margin-bottom:20px}
.contact-hero h1{max-width:960px;margin:0!important;font-size:clamp(58px,7.8vw,112px);line-height:1.02;letter-spacing:-.075em}
.contact-section{padding-top:clamp(38px,5vw,70px)!important;padding-bottom:clamp(75px,8vw,125px)!important}
.contact-section .contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(45px,7vw,115px);align-items:start}
.contact-info h2{font-size:clamp(30px,3.3vw,48px);line-height:1.1;letter-spacing:-.055em;margin:0 0 18px}
.contact-info .contact-intro{max-width:440px;font-size:17px;line-height:1.75;color:#55574f;margin:0 0 30px}
.contact-info>p:not(.contact-intro){margin:0 0 17px;line-height:1.6}
.contact-info .subtle{margin-top:28px!important;max-width:380px;font-size:13px}
.contact-section #inquiry{padding-top:4px}
@media(max-width:800px){.contact-hero{padding-top:48px!important}.contact-section{padding-top:38px!important}.contact-section .contact-grid{grid-template-columns:1fr;gap:36px}.contact-hero h1{font-size:clamp(52px,11vw,78px)}.contact-info .contact-intro{font-size:16px;margin-bottom:22px}}

/* Edit Thirteen: centered services section heading without floating aside */
.sage .section-head{align-items:flex-start}.sage .section-head>div:first-child{max-width:100%}

/* Edit 2 Official — refined hero typography and controlled two-line copy */
.hero .hero-option-three{max-width:540px!important;flex-basis:540px!important;transform:translate(0,-12px)!important}
.hero .hero-option-three .hero-intro{max-width:none!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(19px,1.7vw,24px)!important;font-weight:400!important;letter-spacing:-.025em;line-height:1.45!important;color:var(--ink);text-wrap:balance}
@media(min-width:951px){.hero .hero-top{column-gap:clamp(18px,2.5vw,44px)!important}.hero .hero-option-three .hero-intro{font-size:clamp(18px,1.5vw,22px)!important}}
@media(max-width:950px){.hero .hero-option-three{transform:none!important;max-width:100%!important;flex-basis:auto!important}.hero .hero-option-three .hero-intro br{display:none}}
@media(max-width:600px){.hero .hero-option-three .hero-intro{font-size:20px!important}}

/* Official Edit 3: original logo and refined homepage typography */
.top .logo,.footer .logo{display:inline-flex;align-items:center;flex:none;letter-spacing:normal;line-height:1}
.top .logo img{display:block;width:158px;height:auto;max-height:55px;object-fit:contain}
.footer .logo img{display:block;width:160px;height:auto;filter:brightness(0) invert(1);opacity:.88}
.hero .hero-option-three .hero-intro{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:400!important;font-size:clamp(17px,1.4vw,20px)!important;letter-spacing:.005em!important;line-height:1.62!important;color:#73746c!important;max-width:540px!important;text-wrap:initial!important}
@media(min-width:951px){.hero .hero-option-three{max-width:555px!important;flex-basis:555px!important}.hero .hero-option-three .hero-intro{font-size:clamp(16px,1.38vw,20px)!important;white-space:nowrap}}
@media(max-width:950px){.hero .hero-option-three .hero-intro{white-space:normal!important}}
@media(max-width:700px){.top .logo img{width:132px}.footer .logo img{width:145px}.hero .hero-option-three .hero-intro{font-size:18px!important}}

/* Official Edit 4 — make the original fine-line wordmark more legible without redrawing it. */
.top .logo img{filter:drop-shadow(.42px 0 0 currentColor) drop-shadow(-.42px 0 0 currentColor) drop-shadow(0 .42px 0 currentColor) drop-shadow(0 -.42px 0 currentColor);color:#474747}
.footer .logo img{filter:brightness(0) invert(1) drop-shadow(.42px 0 0 #fff) drop-shadow(-.42px 0 0 #fff) drop-shadow(0 .42px 0 #fff) drop-shadow(0 -.42px 0 #fff);opacity:1}

/* Edit 6: seamless photography gallery and Calendly contact booking */
.work-scroll{scroll-snap-type:none!important;scroll-behavior:auto!important}
.booking-section{padding-top:clamp(55px,7vw,95px);padding-bottom:clamp(70px,8vw,110px);border-top:1px solid var(--line)}
.booking-section .booking-intro{max-width:660px;margin-bottom:28px}
.booking-section h2{font-size:clamp(36px,5vw,66px);line-height:1.08;letter-spacing:-.055em;margin:12px 0 18px}
.booking-section .booking-intro p{color:#55574f;line-height:1.7}
.calendly-inline-widget{min-width:280px;height:720px;overflow:hidden}
.booking-fallback{font-size:14px;margin-top:16px}
@media(max-width:700px){.calendly-inline-widget{height:760px}.booking-section{padding-top:55px}}


/* Edit 7 — Contact form and Calendly side by side, no extra gray calendar panel */
.contact-booking-layout{padding-top:clamp(35px,4vw,65px)!important}
.contact-booking-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(28px,4vw,65px);align-items:start}
.contact-booking-inquiry,.contact-booking-calendar{min-width:0}
.contact-booking-inquiry .contact-info{margin-bottom:30px}
.contact-booking-calendar{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.contact-booking-calendar h2{font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.055em;margin:12px 0 14px}
.contact-booking-calendar .booking-description{font-size:16px;line-height:1.65;color:#55574f;margin:0 0 18px}
.contact-booking-calendar .calendly-inline-widget{min-width:0;width:100%;height:710px;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}
.contact-booking-calendar .booking-fallback{margin-top:10px}
@media(max-width:900px){.contact-booking-grid{grid-template-columns:1fr;gap:42px}.contact-booking-calendar .calendly-inline-widget{height:760px}}


/* Edit 8: open, minimal contact page; booking left and inquiry right */
.contact-booking-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:clamp(32px,5.5vw,90px)!important;align-items:start}
.contact-booking-calendar,.contact-booking-inquiry{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.contact-booking-calendar h2,.contact-booking-inquiry h2{font-size:clamp(26px,2.6vw,38px)!important;line-height:1.15;letter-spacing:-.045em;margin:0 0 24px!important}
.contact-booking-calendar .calendly-inline-widget{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;height:690px;overflow:hidden}
.contact-booking-inquiry .field{margin-bottom:16px}
.contact-booking-inquiry textarea{min-height:110px}
.contact-booking-inquiry .form-note{font-size:12px;line-height:1.55}
.contact-essentials{display:flex;flex-direction:column;gap:9px;margin-top:27px;font-size:14px}
.contact-essentials a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.contact-booking-calendar .booking-fallback{font-size:13px;margin:12px 0 0}
@media(max-width:900px){.contact-booking-grid{grid-template-columns:1fr!important;gap:38px!important}.contact-booking-calendar .calendly-inline-widget{height:740px}}

/* Edit 9: smaller Calendly on the left; clean white booking area */
@media(min-width:901px){
.contact-booking-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:clamp(44px,6vw,100px)!important}
.contact-booking-calendar{max-width:520px}
}
.contact-booking-calendar,.contact-booking-calendar .calendly-inline-widget{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
.contact-booking-calendar .calendly-inline-widget{height:670px!important}
@media(max-width:900px){.contact-booking-calendar{max-width:560px;width:100%}.contact-booking-calendar .calendly-inline-widget{height:740px!important}}


/* Edit 10: remove white blocks behind the booking heading and fallback link */
.contact-booking-calendar,
.contact-booking-calendar h2,
.contact-booking-calendar .booking-fallback,
.contact-booking-calendar .booking-fallback a{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
