.editorial{background:#f4f1eb;color:#302b25;font-family:"Futura Light",Arial,sans-serif}
.editorial h2,.editorial h3{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.15}
.editorial h2{font-size:clamp(36px,4.5vw,64px)}
.editorial p{line-height:1.75}
.editorial section[id],.editorial div[id]{scroll-margin-top:24px}
.b-hero{height:100svh;min-height:640px;max-height:1200px;position:relative;color:#fff;isolation:isolate;display:grid;align-items:center}
.b-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.b-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17120c55,#17120c44 40%,#17120c88);z-index:-1}
.b-top{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.b-top a{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.14em}
.b-top .b-brand{font-family:"Bodoni Moda",Georgia,serif;font-size:23px;letter-spacing:.08em}
.b-nav{position:absolute;left:5%;top:130px;display:grid;gap:10px}
.b-nav a{font-family:inherit;font-size:11px;letter-spacing:.13em;color:white}
.b-title{padding:100px 8% 40px;text-align:center}
.b-title p{font-size:11px;letter-spacing:.22em;margin-bottom:28px}
.b-title h1{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(45px,6.5vw,94px);line-height:1.06;margin-bottom:40px}
.b-title em{font-weight:400}.b-title>a{display:inline-block;color:white;font-size:11px;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid #ffffff99;padding-bottom:12px}
.b-hero-foot{position:absolute;bottom:28px;left:5%;font-size:10px;letter-spacing:.17em}
.b-label{font-size:11px;letter-spacing:.16em;line-height:1.5}
.b-intro,.b-process{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:110px 8%;border-bottom:1px solid #c8c1b6}
.b-intro>div{max-width:680px}.b-intro p{max-width:510px;margin:30px 0}
.b-link{font-size:11px;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}
.b-philosophy{display:grid;grid-template-columns:1fr 1fr;background:#e6e1d7}
.b-philosophy .about-services{display:block;width:auto;padding:75px 14%;margin:0}
.b-philosophy .about-services h2{font:11px/1.5 "Futura Light",Arial,sans-serif;letter-spacing:.16em}
.b-philosophy .about-services h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.025em}
.b-philosophy .about-services p{text-align:left}
.b-philosophy>img{width:100%;height:100%;min-height:540px;object-fit:cover}
.b-work{padding:100px 5%}.b-section-head{display:flex;align-items:start;justify-content:space-between;gap:36px;margin-bottom:50px}
.b-section-head h2{width:65%;margin:0}
.editorial .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.editorial .gallery-grid img{aspect-ratio:4/5;transition:filter .2s}
.editorial .gallery-grid a:hover img{filter:brightness(.9)}
.editorial .about-team{padding:80px 8% 100px;width:auto;max-width:none;background:#e6e1d7;border:0}
.editorial .about-team>h2{font:11px/1.5 "Futura Light",Arial,sans-serif;letter-spacing:.16em}
.editorial .about-team-grid{grid-template-columns:1fr 1fr;gap:8%;margin-top:40px;align-items:center}
.editorial .about-team-copy{padding:0}.editorial .about-team blockquote{font-size:clamp(32px,3.8vw,54px);text-align:left;max-width:none;color:#5c5747}
.editorial .about-bio{margin:36px 0 0;max-width:none;text-align:left;font-family:"Futura Light",Arial,sans-serif;font-size:17px}
.editorial .about-team-grid>img{min-height:0;max-height:650px;height:auto}
.b-packages{padding:100px 8%}
.editorial .split{padding:50px 0;border-top:1px solid #c8c1b6;max-width:none;gap:8%;grid-template-columns:1fr 1fr}
.editorial .split img{aspect-ratio:4/5;height:100%;max-height:600px}
.editorial .split h2{font-size:36px}.editorial .split li{margin-bottom:6px}
.editorial .button{font-size:13px;border-color:#77725f;padding:12px 20px}
.b-process{background:#292927;color:#f4f1eb;border:0}
.b-process ol{list-style:none;counter-reset:steps;padding:0;margin:40px 0 0}
.b-process li{counter-increment:steps;position:relative;padding:24px 0 24px 60px;border-top:1px solid #ffffff40}
.b-process li::before{content:"0" counter(steps);position:absolute;left:0;top:28px;font-size:13px}
.b-process h3{font-size:28px;margin-bottom:8px}.b-process p{margin:0;max-width:500px}
.editorial .testimonials{padding:90px 8%;max-width:none;gap:8%;background:#e6e1d7}
.editorial .testimonials blockquote{font-size:27px}
.editorial .contact-layout{padding-top:100px;margin-bottom:100px;max-width:1400px}
.editorial .contact-intro .b-label{display:block;margin-bottom:25px}
.editorial footer{background:#e6e1d7;border-top:1px solid #c8c1b6}
@media(max-width:800px){.b-intro,.b-process{grid-template-columns:1fr;gap:28px;padding:64px 7%}.b-philosophy{grid-template-columns:1fr}.b-philosophy .about-services{padding:60px 7%}.b-philosophy>img{min-height:0;aspect-ratio:4/3}.b-work,.b-packages{padding:64px 7%}.b-section-head{display:block}.b-section-head h2{width:auto;margin-top:24px}.editorial .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editorial .about-team-grid,.editorial .split{grid-template-columns:1fr;gap:32px}.editorial .about-team{padding:64px 7%}.editorial .split img{max-height:500px}.editorial .testimonials{grid-template-columns:1fr;padding:64px 7%;gap:48px}.editorial .contact-layout{padding-top:64px;margin-bottom:64px}.b-nav{top:100px;left:7%;right:7%;display:flex;justify-content:center;flex-wrap:wrap;gap:22px}.b-top{left:7%;right:7%;top:24px}.b-top .b-brand{font-size:18px}.b-top>a:last-child{font-size:9px}.b-title{padding-top:145px}.b-hero{min-height:620px}.b-title h1{font-size:clamp(43px,8vw,64px)}}
@media(prefers-reduced-motion:reduce){.editorial .gallery-grid img{transition:none}}

/* Studio name leads the hero; the tagline sits quietly beneath it. */
.b-title h1{font-size:clamp(54px,9.2vw,138px);line-height:1.08;letter-spacing:-.045em;margin-bottom:18px}
.b-title .b-tagline{font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(16px,1.8vw,25px);line-height:1.5;letter-spacing:0;margin:0 0 38px}
@media(max-width:600px){.b-title h1{font-size:clamp(46px,11vw,66px)}.b-title .b-tagline{font-size:16px;max-width:280px;margin:0 auto 32px}}

/* Refined editorial typography: classical serif with quiet sans-serif details. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("https://fonts.gstatic.com/s/cormorantgaramond/v21/co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_v86GnM.ttf") format("truetype")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("https://fonts.gstatic.com/s/cormorantgaramond/v21/co3smX5slCNuHLi8bLeY9MK7whWMhyjYrGFEsdtdc62E6zd58jDOjw.ttf") format("truetype")}
.editorial{font-family:"Avenir Light",Avenir,"Helvetica Neue",sans-serif;font-size:16px}
.editorial h2,.editorial h3,.editorial .b-title h1,.editorial .b-top .b-brand,.editorial .b-title .b-tagline,.editorial .about-team blockquote{font-family:"Cormorant Garamond",Garamond,Georgia,serif;font-weight:400;font-synthesis:none}
.editorial h2{font-size:clamp(40px,4.8vw,70px);letter-spacing:-.02em;line-height:1.08}
.editorial h3{letter-spacing:-.01em}
.editorial .b-title h1{font-size:clamp(58px,10.2vw,148px);letter-spacing:.005em;line-height:1.02;margin-bottom:22px}
.editorial .b-title .b-tagline{font-size:clamp(18px,1.9vw,27px);letter-spacing:.012em;line-height:1.4}
.editorial .b-top .b-brand{font-size:25px;letter-spacing:.07em}
.editorial .b-label,.editorial .b-nav a,.editorial .b-top>a:last-child,.editorial .b-title>p:first-child,.editorial .b-title>a,.editorial .b-hero-foot,.editorial .b-link{font-family:"Avenir Light",Avenir,sans-serif;font-weight:400;letter-spacing:.18em}
.editorial .b-nav{gap:13px}
.editorial .b-title>p:first-child{font-size:10px}
.editorial .b-philosophy .about-services h2,.editorial .about-team>h2{font-family:"Avenir Light",Avenir,sans-serif;font-size:11px;letter-spacing:.18em}
.editorial .about-services p,.editorial .about-bio,.editorial .contact-intro p,.editorial .contact-layout form{font-family:"Avenir Light",Avenir,sans-serif;font-size:16px;line-height:1.85}
.editorial .b-philosophy .about-services h3{font-size:clamp(34px,3.5vw,50px);line-height:1.15}
.editorial .about-team blockquote{font-size:clamp(38px,4.5vw,64px);line-height:1.12;letter-spacing:-.02em}
.editorial .split h2{font-size:44px}
.editorial .b-process h3{font-size:34px}
.editorial .contact-intro h2{font-family:"Cormorant Garamond",Garamond,Georgia,serif}
.editorial .inquiry h2{font-size:32px;letter-spacing:0}
.editorial .button,.editorial footer a,.editorial footer nav a{font-family:"Avenir Light",Avenir,sans-serif}
.editorial .button{letter-spacing:.055em}
.editorial footer nav a{font-size:11px;letter-spacing:.15em}
@media(max-width:600px){.editorial .b-title h1{font-size:clamp(48px,11.3vw,70px);letter-spacing:0}.editorial .b-title .b-tagline{font-size:18px;max-width:290px}.editorial .b-top .b-brand{font-size:21px}.editorial h2{font-size:42px}.editorial .split h2{font-size:38px}}

/* Charcoal studio footer with three quiet editorial columns. */
.editorial .editorial-footer{display:block;padding:0;background:#292927;color:#eeeae2;border:0;margin:0;text-align:left}
.editorial .editorial-footer a{color:inherit;text-decoration:none}
.editorial-footer .footer-top{display:block;width:max-content;margin:0 auto;padding:54px 12px 30px;font-size:10px;letter-spacing:.2em;text-align:center}
.editorial-footer .footer-columns{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:clamp(30px,5vw,75px);max-width:1200px;margin:auto;padding:0 7% 76px;align-items:start}
.editorial-footer .footer-brand{padding:24px 32px 24px 0;border-right:1px solid #eeeae245;min-height:242px}
.editorial .editorial-footer .footer-wordmark{font-family:"Cormorant Garamond",Garamond,Georgia,serif;font-size:30px;letter-spacing:.045em;line-height:1.1;display:block;white-space:nowrap}
.editorial-footer .footer-descriptor{font-size:9px;letter-spacing:.17em;line-height:1.6;margin:7px 0 23px}
.editorial-footer .footer-message{font-size:15px;line-height:1.65;margin:0 0 24px}
.editorial-footer .footer-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-5px}
.editorial-footer .footer-links{display:flex;flex-direction:column;gap:13px;padding:24px 0 0;margin:0;align-items:flex-start;justify-content:flex-start;min-width:0}
.editorial .editorial-footer :is(.footer-links,.footer-contact) h2{font-family:"Avenir Light",Avenir,sans-serif;font-size:10px;letter-spacing:.19em;line-height:1.5;margin:0 0 15px}
.editorial .editorial-footer .footer-links a{font-size:10px;letter-spacing:.16em;padding:0;line-height:1.6}
.editorial-footer .footer-contact{padding-top:24px;min-width:0}
.editorial-footer .footer-email{display:block;font-size:10px;letter-spacing:.12em;line-height:1.8;overflow-wrap:anywhere;margin-top:26px}
.editorial-footer .footer-inquire{display:inline-block;font-size:12px;letter-spacing:.08em;margin-top:64px;padding:0 0 8px;border-bottom:1px solid #eeeae280}
.editorial-footer a:hover{opacity:.75}
.editorial-footer a:focus-visible{outline:1px solid #eeeae2;outline-offset:6px}
.editorial-footer .footer-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 60px;padding:14px 24px;background:#bcb7ad;color:#393832;font-size:9px;letter-spacing:.14em;line-height:1.5;text-align:center}
@media(max-width:800px){.editorial-footer .footer-columns{grid-template-columns:1fr 1fr;gap:32px;padding-bottom:50px}.editorial-footer .footer-brand{grid-column:1/-1;border-right:0;border-bottom:1px solid #eeeae245;min-height:0;padding:10px 0 30px}.editorial-footer .footer-contact,.editorial-footer .footer-links{padding-top:0}.editorial-footer .footer-inquire{margin-top:32px}.editorial-footer .footer-top{padding-top:40px}}
@media(max-width:480px){.editorial-footer .footer-columns{grid-template-columns:1fr;gap:35px}.editorial .editorial-footer .footer-wordmark{font-size:29px}.editorial-footer .footer-email{margin-top:0}.editorial-footer .footer-bottom{gap:7px 20px}}

.editorial-footer .footer-columns{width:100%}.editorial-footer .footer-bottom{width:100%}

/* More compact selected-work thumbnails. */
.editorial .b-work .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.editorial .b-work .gallery-grid img{aspect-ratio:1;object-fit:cover}
@media(max-width:1000px){.editorial .b-work .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.editorial .b-work .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* A quiet horizontal edit of selected work, retaining each photograph's proportions. */
.editorial .b-work .b-selected-gallery{display:flex;grid-template-columns:none;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b9b0a2 transparent;padding:0 0 16px;max-width:100%;overscroll-behavior-x:contain}
.editorial .b-work .b-selected-gallery a{flex:0 0 auto;scroll-snap-align:start;margin:0}
.editorial .b-work .b-selected-gallery img{height:clamp(210px,22vw,300px);width:auto;max-width:none;aspect-ratio:auto;object-fit:contain}
.editorial .b-work .b-gallery-controls{position:static;display:flex;justify-content:flex-end;gap:9px;padding:0 0 20px}
.editorial .b-gallery-controls button{width:38px;height:38px;min-width:38px;min-height:38px;border:1px solid #a89f91;border-radius:50%;color:#49473f;background:transparent;font:20px/1 Georgia,serif}
.editorial .b-gallery-controls button:hover{background:#e6e1d7}
.editorial .b-gallery-controls button:focus-visible,.editorial .b-selected-gallery:focus-visible{outline:2px solid #726b5e;outline-offset:4px}
@media(max-width:600px){.editorial .b-work .b-selected-gallery{gap:12px}.editorial .b-work .b-selected-gallery img{height:210px}.editorial .b-work .b-gallery-controls{padding-bottom:14px}}

/* Original supplied logo, displayed in ivory on dark backgrounds. */
.editorial .studio-logo{display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.94}
.editorial .b-top .b-brand{display:block;width:250px;max-width:55%;line-height:0}
.editorial .editorial-footer .footer-wordmark{display:block;width:280px;max-width:100%;line-height:0;margin-top:-8px}
.editorial-footer .footer-descriptor{margin-top:4px}
@media(max-width:600px){.editorial .b-top .b-brand{width:195px;max-width:58%}.editorial .editorial-footer .footer-wordmark{width:255px}}

/* Updated supplied logo: preserve its lettering and trim its surrounding white space in layout. */
.editorial .b-top .b-brand,.editorial .editorial-footer .footer-wordmark{position:relative;aspect-ratio:20/7;overflow:hidden}
.editorial .b-top .studio-logo,.editorial .editorial-footer .studio-logo{position:absolute;top:-85%;left:0;width:100%;height:auto;max-width:none;filter:grayscale(1) invert(1) brightness(1.6);mix-blend-mode:screen;opacity:.94}

/* Contact button matches the charcoal sections. */
.editorial .contact-layout form button{background:#292927;border-color:#292927;color:#f4f1eb}
.editorial .contact-layout form button:hover{background:#3a3a37;border-color:#3a3a37}