/* Editorial motion edition — additive, reversible styling. */
:root{scroll-behavior:smooth}
body{overflow-x:clip}
header{z-index:100;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{position:relative;isolation:isolate}
.hero-photo{overflow:hidden}
.hero-photo img{transform:scale(var(--hero-scale,1.08)) translate3d(0,var(--hero-shift,0px),0);transform-origin:center center;will-change:transform}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{letter-spacing:-.045em}
.hero-copy a{display:inline-flex;align-items:center;transition:opacity .3s,transform .3s}
.hero-copy a:hover{transform:translateY(-3px);opacity:.7}
.section-head{position:relative}
.work-intro h2,.new-section-heading h2,.journey-heading h2,.reviews-heading h2{letter-spacing:-.045em}
.project-card,.featured-project,.exploration-card{position:relative;isolation:isolate}
.project-card>.scroll-zoom-frame,.featured-project>.scroll-zoom-frame,.exploration-card>img{transition:box-shadow .55s ease}
.project-card:hover>.scroll-zoom-frame,.featured-project:hover>.scroll-zoom-frame{box-shadow:0 18px 55px rgba(29,27,24,.12)}
.project-card .scroll-zoom-frame img,.featured-project .scroll-zoom-frame img{transition:filter .6s ease}
.project-card:hover .scroll-zoom-frame img,.featured-project:hover .scroll-zoom-frame img{filter:saturate(1.08)}
/* Magazine-like alternating compositions for recently completed homes. */
.recent-projects .featured-project:nth-of-type(even){direction:rtl}
.recent-projects .featured-project:nth-of-type(even)>*{direction:ltr}
.recent-projects .featured-project{transition:background-color .4s ease}
.recent-projects .featured-project:hover{background-color:rgba(124,111,91,.045)}
/* No intrusive animation: content remains visible until enhanced by JS. */
.motion-ready .reveal-on-scroll{opacity:0;transform:translate3d(0,28px,0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .reveal-on-scroll.delay-1{transition-delay:.09s}
.motion-ready .reveal-on-scroll.delay-2{transition-delay:.16s}
/* Full-width photographic pause between portfolio chapters. */
.editorial-interlude{position:relative;min-height:clamp(390px,72vh,780px);overflow:hidden;display:grid;place-items:center;background:#302e2a;color:#fff}
.editorial-interlude .interlude-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--interlude-scale,1.07));filter:brightness(.52);will-change:transform}
.editorial-interlude .interlude-content{position:relative;z-index:1;text-align:center;padding:60px 22px;max-width:900px}
.editorial-interlude .interlude-content p{font:500 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f3e9dc}
.editorial-interlude .interlude-content h2{font:400 clamp(48px,8vw,118px)/1.02 'Italiana',Georgia,serif;letter-spacing:-.035em;margin:22px 0;color:#fff}
.editorial-interlude .interlude-content a{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding:8px 0;font-size:12px;letter-spacing:.12em;transition:opacity .2s}
.editorial-interlude .interlude-content a:hover{opacity:.7}
/* Reaffirm the requested regular-weight project titles and address numerals. */
.project-directory .project-card h3,.project-directory .project-card h3 .address-number,.featured-project-copy h3,.exploration-card h3,.exploration-card h3 .address-number{font-family:'Italiana',Georgia,serif!important;font-weight:400!important;font-size:inherit;letter-spacing:normal!important}
.project-directory .project-card h3 .address-number,.exploration-card h3 .address-number{font-size:inherit!important;display:inline!important;vertical-align:baseline!important}
@media(max-width:700px){.recent-projects .featured-project:nth-of-type(even){direction:ltr}.editorial-interlude{min-height:440px}.editorial-interlude .interlude-content h2{font-size:clamp(46px,12vw,76px)}.motion-ready .reveal-on-scroll{transform:translate3d(0,15px,0)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.motion-ready .reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}.hero-photo img,.editorial-interlude .interlude-photo{transform:none!important;will-change:auto!important}}

/* Selected Works: restrained image zoom on mouse hover (no layout change). */
@media (hover:hover) and (pointer:fine){
  .project-directory .project-card > .scroll-zoom-frame img{
    transition:transform .65s cubic-bezier(.22,1,.36,1), filter .5s ease;
    transform:scale(var(--scroll-zoom,1));
  }
  .project-directory .project-card:hover > .scroll-zoom-frame img,
  .project-directory .project-card:focus-visible > .scroll-zoom-frame img{
    transform:scale(calc(var(--scroll-zoom,1) * 1.065));
  }
}
@media(prefers-reduced-motion:reduce){
  .project-directory .project-card > .scroll-zoom-frame img{transition:none!important;transform:none!important}
}