/* Sergio Grasso — editorial craftsmanship photographs and subtle motion */
.sg-photo-essay{padding:clamp(82px,9vw,150px) 0;background:#e8e1d6;color:#211d18;overflow:hidden}
.sg-photo-essay-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(25px,7vw,110px);align-items:end;margin-bottom:clamp(35px,5vw,75px)}
.sg-photo-essay-heading h2{font:400 clamp(48px,6.5vw,100px)/.99 Georgia,serif;letter-spacing:-.055em;margin:22px 0 0}
.sg-photo-essay-heading h2 em,.sg-craft-interlude h2 em{font-weight:400;color:#8e7d68}
.sg-photo-essay-heading>p{font-size:clamp(17px,1.35vw,21px);color:#5b5249;max-width:500px;line-height:1.72;margin:0}
.sg-photo-essay-layout{display:grid;grid-template-columns:1.35fr .72fr;gap:clamp(16px,2.4vw,38px)}
.sg-photo-essay figure{position:relative;overflow:hidden;margin:0;background:#d1c6b7}
.sg-photo-essay-feature{height:clamp(530px,56vw,810px)}
.sg-photo-essay-pair{display:grid;grid-template-rows:1fr 1fr;gap:clamp(16px,2.4vw,38px);min-height:0}
.sg-photo-essay-pair figure{height:100%;min-height:245px}
.sg-photo-essay figure img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 850ms cubic-bezier(.22,1,.36,1),filter 850ms ease;transform:scale(1.015)}
.sg-photo-essay figure:hover img{transform:scale(1.055);filter:brightness(1.04)}
.sg-photo-essay figure:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(16,14,12,.62));pointer-events:none}
.sg-photo-essay figcaption{position:absolute;z-index:2;bottom:25px;left:28px;right:28px;color:#fff;font:400 15px/1.4 Georgia,serif;display:flex;gap:20px;align-items:center;letter-spacing:.08em}
.sg-photo-essay figcaption span{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.18em}
.sg-craft-interlude{position:relative;min-height:clamp(480px,62vw,730px);background:#171411;color:#fff;overflow:hidden;display:flex;align-items:center}
.sg-craft-interlude-images,.sg-craft-interlude-shade{position:absolute;inset:0}
.sg-craft-interlude-images{display:grid;grid-template-columns:1fr 1fr}
.sg-craft-interlude-images:has(>.sg-craft-interlude-photo:only-child){display:block}
.sg-craft-interlude-images>.sg-craft-interlude-photo:only-child{height:100%;width:100%}
.sg-craft-interlude-photo{overflow:hidden;min-width:0}
.sg-craft-interlude-photo img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 1.3s ease}
.sg-craft-interlude:hover img{transform:scale(1.035)}
.sg-craft-interlude-shade{background:linear-gradient(90deg,rgba(12,10,9,.82),rgba(12,10,9,.30) 75%),linear-gradient(0deg,rgba(12,10,9,.35),transparent 55%);pointer-events:none}
.sg-craft-interlude-content{position:relative;z-index:2;padding:105px 0}
.sg-craft-interlude h2{font:400 clamp(55px,7vw,106px)/1.0 Georgia,serif;letter-spacing:-.055em;margin:22px 0 40px}
.sg-craft-interlude h2 em{color:#e2d0ba}
.sg-craft-interlude .btn.light{background:rgba(0,0,0,.16)}
.sg-craft-interlude .btn.light:hover{background:#fff;color:#1e1a15}
.sg-motion-reveal{opacity:0;transform:translate3d(0,28px,0);transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .8s ease}
.sg-motion-reveal.sg-motion-visible{opacity:1;transform:none}
@media(max-width:900px){
 .sg-photo-essay-heading{grid-template-columns:1fr}
 .sg-photo-essay-layout{grid-template-columns:1fr}
 .sg-photo-essay-feature{height:clamp(370px,72vw,650px)}
 .sg-photo-essay-pair{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:14px}
 .sg-photo-essay-pair figure{min-height:230px;height:clamp(260px,42vw,400px)}
 .sg-craft-interlude-content{padding:90px 0}
}
@media(max-width:560px){
 .sg-photo-essay{padding:70px 0}
 .sg-photo-essay-heading{margin-bottom:32px}
 .sg-photo-essay-heading h2{font-size:clamp(45px,11vw,64px)}
 .sg-photo-essay-feature{height:390px}
 .sg-photo-essay-pair{grid-template-columns:1fr;grid-template-rows:repeat(2,270px)}
 .sg-photo-essay-pair figure{height:270px;min-height:0}
 .sg-photo-essay figcaption{left:17px;right:17px;bottom:16px}
 .sg-craft-interlude{min-height:530px}
 .sg-craft-interlude-images{grid-template-columns:1fr}
 .sg-craft-interlude-photo:nth-child(2){display:none}
 .sg-craft-interlude h2{font-size:clamp(47px,11vw,75px)}
 .sg-craft-interlude-shade{background:linear-gradient(90deg,rgba(10,10,9,.83),rgba(10,10,9,.35))}
}
@media(prefers-reduced-motion:reduce){
 .sg-motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .sg-photo-essay figure img,.sg-craft-interlude-photo img{transform:none!important;transition:none!important}
}