/* STELLAH + CO · V16 site-wide footer and editorial polish */
#stellah-global-footer{background:#291912;color:#f1e7da;padding:clamp(65px,8vw,128px) 0 26px;font-family:'Jost',Arial,sans-serif}
#stellah-global-footer *{box-sizing:border-box}
#stellah-global-footer .foot-shell{width:min(calc(100% - 7vw),1540px);margin:0 auto}
#stellah-global-footer .foot-grid{display:grid;grid-template-columns:minmax(265px,1.8fr) minmax(130px,.7fr) minmax(165px,.9fr) minmax(110px,.6fr);gap:clamp(28px,5vw,85px)}
#stellah-global-footer .foot-brand{font:400 clamp(52px,5.9vw,90px)/1 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:0 0 30px;color:#f0e4d6}
#stellah-global-footer .foot-thought{font:400 clamp(19px,1.85vw,27px)/1.35 'Playfair Display',Georgia,serif;max-width:19ch;margin:0 0 20px}
#stellah-global-footer .foot-cityline{font-size:13px;font-weight:300;letter-spacing:.02em;color:#c5b1a3;margin:0}
#stellah-global-footer .foot-label{font:500 11px/1.6 'Jost',Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase;color:#ac9686;margin:0 0 27px}
#stellah-global-footer .foot-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
#stellah-global-footer .foot-links a{font-size:15px;font-weight:300;text-decoration:none;color:#f0e2d4;line-height:1.5}
#stellah-global-footer .foot-links a:hover,#stellah-global-footer .foot-links a:focus-visible{color:#ddaeae;text-decoration:underline;text-underline-offset:4px}
#stellah-global-footer .foot-place{margin:0 0 24px}
#stellah-global-footer .foot-place strong{font:italic 500 clamp(19px,1.75vw,25px)/1.2 'Playfair Display',Georgia,serif;display:block;color:#f2e7d8;margin:0 0 5px}
#stellah-global-footer .foot-place span{font-size:13px;font-weight:300;line-height:1.55;color:#bfaa9b}
#stellah-global-footer .foot-bottom{border-top:1px solid #f0e2d433;margin-top:clamp(75px,8vw,130px);padding-top:28px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b09a8d}
#stellah-global-footer .foot-bottom a{color:inherit;text-decoration:none}
#stellah-global-footer .foot-bottom a:hover{color:#fff}
@media(max-width:1000px){#stellah-global-footer .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#stellah-global-footer .foot-brand-col{grid-column:1/-1}#stellah-global-footer .foot-thought{max-width:38ch}}
@media(max-width:620px){#stellah-global-footer .foot-shell{width:calc(100% - 38px)}#stellah-global-footer .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 24px}#stellah-global-footer .foot-brand-col{grid-column:1/-1}#stellah-global-footer .foot-city-col{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 25px}#stellah-global-footer .foot-city-col .foot-label{width:100%;margin:0}#stellah-global-footer .foot-place{min-width:130px;margin:0}#stellah-global-footer .foot-bottom{flex-direction:column;gap:12px;margin-top:70px}#stellah-global-footer .foot-brand{font-size:60px}}
/* Remove the unnecessary pre-grid homepage visual placeholder completely. */
.home-content-tight{padding-top:clamp(48px,6vw,90px)!important}
/* More breathing room around editorial contact page */
.contact-page-main{min-height:70vh;background:#eee6d6}
.contact-page-main .contact-shell{width:min(100% - 7vw,1540px);margin:0 auto;padding:clamp(75px,10vw,160px) 0 clamp(90px,11vw,160px)}
.contact-page-main .contact-heading-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.7fr);column-gap:clamp(55px,8vw,150px);align-items:start}
.contact-page-main .contact-eyebrow{font:500 11px 'Jost',Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase;color:#8b7568;margin:0 0 42px}
.contact-page-main .contact-title{font:700 clamp(67px,8.5vw,150px)/.99 'Playfair Display',Georgia,serif;letter-spacing:-.065em;color:#261911;margin:0 0 28px;max-width:11ch;text-wrap:balance}
.contact-page-main .contact-title em{display:block;color:#7c283b;font-weight:500;font-style:italic}
.contact-page-main .contact-intro{font:300 clamp(16px,1.45vw,21px)/1.65 'Jost',Arial,sans-serif;color:#5a4d45;max-width:40ch;margin:0}
.contact-page-main .contact-connect{display:grid;gap:40px;padding-top:52px}
.contact-page-main .contact-small{font:500 10px 'Jost',Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8b7568;margin:0 0 12px}
.contact-page-main .contact-email{font:italic 500 clamp(22px,2.6vw,39px)/1.25 'Playfair Display',Georgia,serif;color:#291911;text-decoration:none;overflow-wrap:anywhere}
.contact-page-main .contact-email:hover{color:#7c283b}
.contact-page-main .contact-territory{font:300 16px/1.6 'Jost',Arial,sans-serif;color:#5d4e44}
.contact-page-main .contact-form-wrap{border-top:1px solid #26191133;margin-top:clamp(80px,8vw,145px);padding-top:clamp(40px,5vw,75px);display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:clamp(30px,7vw,100px)}
.contact-page-main .contact-form-title{font:500 clamp(33px,3.6vw,59px)/1.16 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:0 0 20px}
.contact-page-main .contact-form-hint{font:300 15px/1.65 'Jost',Arial,sans-serif;color:#60544b;max-width:35ch;margin:0}
.contact-page-main .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px}
.contact-page-main .field{display:flex;flex-direction:column;gap:9px;min-width:0}
.contact-page-main .field.span-all{grid-column:1/-1}
.contact-page-main .field label{font:500 10px 'Jost',Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em;color:#766357}
.contact-page-main .field input,.contact-page-main .field textarea{font:300 17px/1.55 'Jost',Arial,sans-serif;background:transparent;border:0;border-radius:0;border-bottom:1px solid #29191155;color:#291911;outline-offset:5px;padding:13px 0 14px;min-width:0;width:100%}
.contact-page-main .field textarea{min-height:110px;resize:vertical}
.contact-page-main .contact-submit{border:0;background:#291911;color:#f3e9db;font:500 11px 'Jost',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:17px 25px;cursor:pointer;justify-self:start}
.contact-page-main .contact-submit:hover{background:#7c283b}
.contact-page-main .contact-note{font:300 12px/1.6 'Jost',Arial,sans-serif;color:#74665c;align-self:center}
@media(max-width:830px){.contact-page-main .contact-heading-grid{grid-template-columns:1fr}.contact-page-main .contact-title{max-width:none}.contact-page-main .contact-connect{display:grid;grid-template-columns:1fr 1fr;padding-top:55px}.contact-page-main .contact-form-wrap{grid-template-columns:1fr}}
@media(max-width:540px){.contact-page-main .contact-shell{width:calc(100% - 38px)}.contact-page-main .contact-title{font-size:clamp(53px,13vw,78px)}.contact-page-main .contact-connect{grid-template-columns:1fr;gap:26px}.contact-page-main .contact-form{grid-template-columns:1fr}.contact-page-main .field.span-all{grid-column:auto}.contact-page-main .contact-submit{justify-self:stretch}}

/* V18 / Small-screen editorial type corrections.
   Prevent clipping on 320–360px screens without changing desktop typography. */
@media (max-width: 360px) {
  .work-lead h1 {
    font-size: clamp(42px, 13.5vw, 48px);
    letter-spacing: -0.055em;
  }
  .folio-title {
    font-size: clamp(40px, 12.5vw, 45px);
    overflow-wrap: anywhere;
  }
}


/* V19 · EDITORIAL / RESPONSIVE SCRUB
   Borders removed from the Work index; carousel navigation returned to the
   normal document flow under the imagery; no alterations to lightbox styling. */

/* Selected Work: no grid rules, horizontal or vertical. */
.portfolio-grid{border:0!important;gap:clamp(16px,2.3vw,34px) clamp(14px,2.3vw,32px)!important;margin-bottom:clamp(40px,7vw,84px)}
.portfolio-grid .portfolio-card{border:0!important;outline:0!important;background:transparent}
.portfolio-grid .portfolio-card:focus-visible{outline:2px solid var(--wine)!important;outline-offset:4px!important}
.portfolio-grid .portfolio-caption{min-height:0;padding:clamp(14px,1.6vw,22px) 8px clamp(15px,2vw,30px)}
.portfolio-grid .portfolio-caption h2{line-height:1.16}
.portfolio-grid .portfolio-caption span{margin-top:8px;line-height:1.4}

/* Carousel navigation below the photographs, on its own ivory ground. */
.project-media-carousel{background:var(--paper)!important;isolation:auto}
.project-media-carousel .carousel-accessories{
  position:relative!important;inset:auto!important;bottom:auto!important;right:auto!important;
  z-index:1;width:100%;min-height:68px;
  display:flex;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,19px);
  padding:15px clamp(17px,3.5vw,56px);margin:0;
  background:var(--paper)!important;color:var(--ink)!important;
}
.project-media-carousel .carousel-accessories button{
  color:var(--ink)!important;border:0!important;
  font-size:11px;min-height:38px;min-width:38px;padding:9px 11px;
  transition:color 160ms ease;
}
.project-media-carousel .carousel-accessories button:hover,
.project-media-carousel .carousel-accessories button:focus-visible{color:var(--wine)!important}
.project-media-carousel .carousel-accessories button:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
.project-media-carousel .carousel-accessories .carousel-count{min-width:57px;text-align:center;font-size:11px;white-space:nowrap}
.project-media-carousel .project-gallery-cta{
  margin-left:clamp(3px,1vw,15px)!important;padding-left:clamp(11px,1.5vw,22px)!important;
  border-left:1px solid var(--line)!important;letter-spacing:.18em;
  min-width:auto!important;white-space:nowrap;
}
.project-media-carousel .carousel-viewport{background:#c3a98d}

/* A project page should never feel like a form or two narrow newspaper columns. */
.folio-content{padding-top:clamp(35px,4.5vw,68px);padding-bottom:clamp(55px,7vw,102px)}
.folio-description p{line-height:1.65;max-width:67ch}
.folio-info{gap:22px}
.info-text{line-height:1.55}
.project-pager{padding-top:18px;padding-bottom:45px}
.pager-name{line-height:1.2}

/* Homepage: photographic credits sit together, not at opposite ends of a narrow row. */
@media(max-width:700px){
  .work-meta{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:8px!important}
  .work-meta small{text-align:left!important;line-height:1.45!important;max-width:34ch}
  .work-grid{row-gap:clamp(34px,8vw,56px)!important}
  .section-head{margin-bottom:26px!important}
  .home-press{padding:70px 0}
  .home-press-right p{margin-bottom:20px}
}
@media(max-width:600px){
  .portfolio-grid{grid-template-columns:1fr!important;gap:12px!important}
  .portfolio-grid .portfolio-caption{padding:16px 7px 25px;min-height:0}
  .portfolio-grid .portfolio-caption h2{font-size:clamp(23px,6.5vw,29px)}
  .portfolio-grid .portfolio-caption span{font-size:10px;letter-spacing:.09em}
  .folio-content{padding:38px 0 48px!important}
  .folio-grid{gap:28px!important}
  .folio-title{font-size:clamp(41px,11vw,60px)!important;line-height:1.07;overflow-wrap:break-word}
  .folio-subtitle{font-size:clamp(24px,6.4vw,32px)!important;margin-bottom:25px}
  .folio-description p{font-size:16px;line-height:1.62;margin-bottom:15px}
  .folio-info{grid-template-columns:1fr!important;gap:19px!important;
    margin-top:4px!important;padding-top:25px!important}
  .folio-info .info-item{max-width:55ch}
  .folio-info .info-label{margin-bottom:6px}
  .folio-info .info-text{font-size:15.5px;line-height:1.55}
  .project-media-carousel .carousel-accessories{
    min-height:61px;justify-content:center!important;gap:4px!important;
    padding:10px 12px!important;flex-wrap:nowrap!important;
  }
  .project-media-carousel .carousel-accessories button{font-size:10px!important;min-height:40px;min-width:34px;padding:8px 6px!important}
  .project-media-carousel .carousel-accessories .carousel-count{font-size:10px}
  .project-media-carousel .project-gallery-cta{margin-left:6px!important;padding-left:12px!important;letter-spacing:.08em}
  .pager-grid{grid-template-columns:1fr!important}
  .pager-item{padding:20px 0!important;text-align:left!important;border:0!important}
  .pager-item+ .pager-item{margin-top:6px;padding-top:28px!important;border-top:1px solid var(--line)!important}
  .pager-name{font-size:clamp(25px,6vw,31px)!important;margin-top:6px}
  .pager-category{font-size:9.5px;line-height:1.5;letter-spacing:.11em}
  .back-work{margin-top:18px}
  .project-pager{padding-bottom:35px}
  #stellah-global-footer{padding-top:58px;padding-bottom:max(25px,env(safe-area-inset-bottom))}
  #stellah-global-footer .foot-brand{font-size:clamp(48px,12vw,65px)!important}
  #stellah-global-footer .foot-grid{gap:36px 25px}
  #stellah-global-footer .foot-bottom{margin-top:55px}
  .contact-page-main .contact-title{font-size:clamp(46px,12vw,67px)!important}
  .contact-page-main .contact-eyebrow{margin-bottom:24px}
  .contact-page-main .contact-shell{padding-top:60px;padding-bottom:75px}
  .contact-page-main .contact-form-wrap{margin-top:60px;padding-top:38px;gap:26px}
  .contact-page-main .contact-form{gap:20px}
  .contact-page-main .field{gap:5px}
  .contact-page-main .field input,.contact-page-main .field textarea{font-size:16px;padding:8px 0 12px}
  .contact-page-main .field textarea{min-height:95px}
  .contact-page-main .contact-submit{font-size:10px;letter-spacing:.13em}
}
@media (max-width:360px){
  .project-media-carousel .carousel-accessories{gap:1px!important;padding-inline:7px!important}
  .project-media-carousel .carousel-accessories button{min-width:31px;padding:7px 4px!important}
  .project-media-carousel .project-gallery-cta{padding-left:9px!important;margin-left:3px!important}
  .folio-title{font-size:clamp(37px,11vw,41px)!important}
}
@media(max-width:600px){
  .motion-reveal{--motion-duration:540ms!important;--motion-travel:8px!important;--motion-delay:0ms!important}
}
@media(prefers-reduced-motion:reduce){
  .carousel-tile img,.work-grid .work-image img{transition:none!important}
}

/* v20: true server-submitted contact form. Accessible status; no layout jump. */
.contact-page-main .contact-honey{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
.contact-page-main .contact-feedback{grid-column:1/-1;margin:0;font:400 clamp(14px,1.2vw,16px)/1.55 'Jost',Arial,sans-serif;min-height:0;}
.contact-page-main .contact-feedback:empty{display:none;}
.contact-page-main .contact-feedback.is-success{color:#265637;}
.contact-page-main .contact-feedback.is-error{color:#8a2935;}
.contact-page-main .contact-submit:disabled{cursor:wait;opacity:.62;}
.contact-page-main .field :is(input,textarea):focus-visible{outline:2px solid #7c283b;outline-offset:5px;}
.contact-page-main .contact-submit:focus-visible{outline:2px solid #7c283b;outline-offset:4px;}
@media(prefers-reduced-motion:reduce){.contact-page-main .contact-feedback{scroll-behavior:auto}}

/* v24: Studio services and partners; remove decorative photo overlays. */
.work-grid .work-image::before,
.work-grid .work-image::after,
.work-item .work-image::before,
.work-item .work-image::after {content:none !important;display:none !important;}
.work-grid .work-image img{opacity:1 !important;filter:none !important;mix-blend-mode:normal !important;}
.practice-partners{margin-top:clamp(72px,9vw,145px);}
.practice-partners .eyebrow{font-family:'Jost',Arial,sans-serif;font-size:clamp(10px,.9vw,12px);font-weight:500;letter-spacing:.25em;text-transform:uppercase;line-height:1.6;color:#756c65;margin:0 0 clamp(25px,4vw,54px);}
.practice-partners-list{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(29px,3.3vw,51px);line-height:1.53;letter-spacing:-.026em;color:#6b5d54;max-width:1450px;margin:0;text-wrap:pretty;}
.practice-partners-list span{font-style:normal;color:#93847a;margin:0 .09em;}
.practice .practice-support{text-wrap:pretty;}
.practice .practice-lead{text-wrap:balance;}
@media(max-width:750px){
 .practice-partners{margin-top:68px;}
 .practice-partners-list{font-size:clamp(27px,6.4vw,38px);line-height:1.49;}
 .practice-grid{gap:clamp(20px,5vw,32px)!important;}
}

/* v25 / Photo-first work imagery: no tints, pseudo-element overlays or hover shading. */
.portfolio-grid .portfolio-card:not(.portfolio-card--unpictured) .portfolio-photo::before,
.portfolio-grid .portfolio-card:not(.portfolio-card--unpictured) .portfolio-photo::after,
.work-grid .work-image::before,.work-grid .work-image::after,
.portfolio-grid .portfolio-card:not(.portfolio-card--unpictured) .portfolio-photo img::before,
.portfolio-grid .portfolio-card:not(.portfolio-card--unpictured) .portfolio-photo img::after{
  content:none!important;display:none!important;
}
.portfolio-grid .portfolio-card .portfolio-photo img,
.work-grid .work-image img{
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
}
.portfolio-grid .portfolio-card .portfolio-photo,
.work-grid .work-image{background-image:none!important;box-shadow:none!important;}
.portfolio-grid .portfolio-card:hover .portfolio-photo img{transform:none!important;}
/* Ensure clear mouse and keyboard affordances without decorating the photograph. */
.portfolio-grid .portfolio-card:focus-visible{outline:2px solid #7c283b!important;outline-offset:4px!important;}


/* V29 · quiet interface details: black mobile menu and custom hairline arrows. */
.mobile-toggle{color:#261911!important;-webkit-text-fill-color:#261911!important;}
.mobile-toggle .menu-bars{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:21px;height:18px;pointer-events:none;}
.mobile-toggle .menu-bars span{display:block;width:21px;height:2px;flex:none;background:#261911;border-radius:2px;transition:transform .24s ease,opacity .18s ease;transform-origin:center;}
.mobile-toggle[aria-expanded="true"] .menu-bars span:first-child{transform:translateY(7px) rotate(45deg);}
.mobile-toggle[aria-expanded="true"] .menu-bars span:nth-child(2){opacity:0;}
.mobile-toggle[aria-expanded="true"] .menu-bars span:last-child{transform:translateY(-7px) rotate(-45deg);}
.mobile-toggle:focus-visible{outline:2px solid #7c283b;outline-offset:3px;}
.site-link-arrow{display:inline-block;width:1.07em;height:1.07em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.16em;margin-left:.34em;overflow:visible;transition:transform .22s ease;}
.site-link-arrow--left{margin-left:0;margin-right:.34em;}
button>.site-link-arrow{margin:0;vertical-align:middle;width:1.12em;height:1.12em;}
a:hover>.site-link-arrow:not(.site-link-arrow--left),a:focus-visible>.site-link-arrow:not(.site-link-arrow--left){transform:translate(2px,-1px);}
a:hover>.site-link-arrow--left,a:focus-visible>.site-link-arrow--left{transform:translateX(-3px);}
.gallery-dialog .viewer-caption{display:none!important;}
.gallery-dialog .viewer-photo img{max-height:100%!important;}
@media(prefers-reduced-motion:reduce){.mobile-toggle .menu-bars span,.site-link-arrow{transition:none!important;}}