@font-face{font-family:Italiana;src:url('assets/italiana-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark light;--ink:#181c19;--paper:#f3f0e9;--espresso:#302c27;--sage:#536348;--muted:#d1d5c8;--serif:Italiana,Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--gutter:clamp(24px,6.1vw,104px);--section-space:clamp(76px,7.2vw,112px);--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--ink);color:var(--paper);font:400 1.125rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:#cad0c0;color:var(--ink)}
[hidden]{display:none!important}
img,video{display:block;width:100%;height:auto}
figure,p,blockquote{margin:0}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.018em;text-wrap:balance}
h1,h2{font-size:clamp(3.5rem,4.65vw,4.625rem);line-height:1.1}
h3{font-size:2.125rem;line-height:1.18}
.container{width:min(100%,1440px);margin-inline:auto;padding-inline:var(--gutter)}
.paper{background:var(--paper);color:var(--ink);--muted:#57604f}
.eyebrow{font-size:.875rem;line-height:1.55;letter-spacing:.09em;color:var(--muted);margin-bottom:30px;text-wrap:balance}
.body-copy{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.6;text-wrap:pretty;max-width:34rem}
.photo-frame{position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate}
.photo-frame>img{object-fit:cover}
.reading-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:#a8b199;z-index:10;pointer-events:none}

/* The film stays in the page and never blocks scrolling. */
.hero{padding-block:70px 76px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:8%;align-items:start}
.brand-mark{width:282px;max-width:100%;height:auto;margin-top:26px}
.hero-label{grid-column:1;grid-row:2;margin-block:68px 0;max-width:38rem}
.hero-copy{grid-column:1;grid-row:3;align-self:center;padding-block:50px 72px}
.hero h1{font-size:clamp(3.5rem,5.3vw,4.75rem);line-height:1.08}
.hero .body-copy{margin-top:32px;max-width:32rem;color:#e0e2d8}
.location{margin-top:40px;font-size:.875rem;color:var(--muted)}
.hero-portrait{grid-column:2;grid-row:1/4;width:100%;aspect-ratio:1080/1916;background:var(--ink)}
.hero-poster,.hero-video{width:100%;height:100%;object-fit:cover}
.hero-video{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.video-visible .hero-video{opacity:1}
.video-resetting .hero-video{opacity:0;transition:none}
.video-toggle{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;padding:0;border:1px solid #f3f0e978;border-radius:50%;background:#181c19cc;color:var(--paper);font:400 1.1rem var(--sans);cursor:pointer;display:grid;place-items:center}
.video-toggle:hover{background:var(--ink)}
.video-toggle:focus-visible{outline:3px solid var(--paper);outline-offset:4px}

.recognition{padding-block:88px 86px}
.recognition-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:end}
.recognition .body-copy{padding-bottom:6px;max-width:30rem}
.observation{padding-block:0 var(--section-space)}
.observation>.container{padding-top:72px;position:relative}
.observation>.container:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:#181c1930}
.observation-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:12%;align-items:center;margin-top:48px}
.observations{min-width:0}
.observation-item+.observation-item{border-top:1px solid #bfc7b6;margin-top:30px;padding-top:30px}
.observation-title{display:flex;align-items:baseline;gap:24px;margin-bottom:18px}
.observation-title>span{font-size:.8125rem;color:var(--sage)}
.observation-item p{font-size:clamp(1.125rem,1.46vw,1.3125rem);line-height:1.62;max-width:36rem;text-wrap:pretty}

.ensemble{padding-block:var(--section-space)}
.ensemble-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);grid-template-rows:1fr auto 1fr;column-gap:12%;row-gap:28px;align-items:center}
.ensemble .photo-frame{grid-column:1;grid-row:1/4}
.ensemble .section-heading{grid-column:2;grid-row:1;align-self:end}
.ensemble .body-copy{grid-column:2;grid-row:2;align-self:start;max-width:30rem}
.ensemble .testimonial{grid-column:2;grid-row:3;align-self:start}

.consultation{padding-block:90px 84px;text-align:center}
.consultation h2{font-size:clamp(3.5rem,5vw,4.5rem)}
.consultation-accent{font:400 clamp(2rem,3.5vw,3.125rem)/1.2 var(--serif);color:var(--sage);margin-top:22px;text-wrap:balance}
.consultation .body-copy{max-width:40rem;margin:32px auto 0}

.studio{padding-block:var(--section-space) 76px;background:var(--espresso)}
.studio-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.2fr);column-gap:12%;align-items:center}
.studio-intro{grid-column:2;grid-row:1}
.studio-intro .body-copy{margin-top:26px;max-width:34rem}
.studio-visual{grid-column:1;grid-row:1;min-width:0}
.testimonial{border-top:1px solid #f3f0e938;padding-top:28px;max-width:38rem}
.testimonial blockquote{font:400 clamp(1.125rem,1.4vw,1.25rem)/1.7 var(--sans);text-wrap:pretty}
.testimonial figcaption{margin-top:20px;font-size:.9375rem;line-height:1.7}
.testimonial figcaption>span{display:block}
.review-source{font-size:.875rem;color:var(--muted)}
.studio-address{margin-top:20px;font-size:.9375rem;font-style:normal;line-height:1.65;color:var(--muted)}

.invitation{text-align:center;padding-block:94px 76px}
.invitation h2{font-size:clamp(3.5rem,4.86vw,4.375rem)}
.invitation .body-copy{margin:28px auto 0}
.invitation-action{margin-top:32px}
.consultation-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;min-width:300px;max-width:100%;padding:17px 28px;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:var(--paper);font-size:1.0625rem;text-decoration:none;transition:background .25s ease,transform .25s ease}
.consultation-button:hover{background:var(--sage);border-color:var(--sage);transform:translateY(-2px)}
.consultation-button:focus-visible{outline:3px solid var(--sage);outline-offset:6px}
.consultation-button:active{transform:translateY(0)}
.invitation-detail{display:block;margin-top:20px;font-size:.875rem;color:var(--sage)}
.site-footer{display:flex;justify-content:center;padding:24px var(--gutter);background:var(--ink)}
.site-footer img{width:214px;height:auto}

@media(min-width:761px) and (max-width:1050px){
  :root{--gutter:40px}
  .hero-layout{column-gap:6%;grid-template-columns:1.2fr 1fr}
  .hero h1{font-size:3.5rem}
  .hero-label{margin-top:36px}
  .hero-copy{padding-block:32px 12px}
  .hero .body-copy{font-size:1.125rem}
  .location{margin-top:24px}
  .brand-mark{width:235px;margin-top:0}
  h2,.consultation h2,.invitation h2{font-size:3.25rem}
  .recognition-layout,.ensemble-layout,.observation-layout,.studio-layout{column-gap:7%}
  .studio-intro{padding-top:0}
  .studio-layout{row-gap:28px}
  .testimonial{padding-top:26px}
}

@media(max-width:760px){
  :root{--gutter:24px;--radius:20px;--section-space:64px}
  h1,h2,.hero h1,.consultation h2,.invitation h2{font-size:clamp(2.25rem,10.25vw,2.75rem);line-height:1.1}
  h3{font-size:1.75rem}
  .eyebrow{font-size:.8125rem;letter-spacing:.045em;line-height:1.55;margin-bottom:24px}
  .body-copy,.observation-item p{font-size:1.125rem;line-height:1.56}
  .hero{padding-block:28px 58px}
  .hero-layout{display:flex;flex-direction:column;align-items:center;text-align:center}
  .brand-mark{width:202px;margin:0 0 28px}
  .hero-label{margin:0 0 24px;font-size:.75rem;letter-spacing:.045em;max-width:100%}
  .hero-portrait{width:min(100%,440px)}
  .hero-copy{padding:38px 0 0;width:100%;max-width:440px}
  .hero .body-copy{margin:22px auto 0;max-width:23rem}
  .location{font-size:.8125rem;margin-top:24px}
  .video-toggle{right:12px;bottom:12px}
  .recognition{padding-block:64px 54px;text-align:center}
  .recognition-layout{display:block}
  .recognition .body-copy{padding:0;margin:28px auto 0;max-width:21rem}
  .observation>.container{padding-top:58px}
  .observation-layout{display:block;margin-top:30px}
  .observation-layout>.photo-frame{max-width:440px;margin-inline:auto}
  .observations{margin-top:34px}
  .observation-title{gap:20px;margin-bottom:14px}
  .observation-item+.observation-item{margin-top:26px;padding-top:28px}
  .observation-title>span{font-size:.75rem}
  .ensemble-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .ensemble .section-heading{align-self:stretch}
  .ensemble .photo-frame{width:100%;max-width:440px;margin-inline:auto}
  .ensemble .body-copy{margin:0}
  .consultation{padding-block:68px 64px}
  .consultation-accent{font-size:clamp(1.875rem,8.2vw,2.25rem);margin-top:20px}
  .consultation .body-copy{max-width:20rem;margin-top:28px}
  .studio{padding-block:64px 56px}
  .studio-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px}
  .studio-intro{padding:0}
  .studio-intro .body-copy{margin-top:22px}
  .studio-visual{max-width:440px;width:100%;margin-inline:auto}
  .testimonial{padding-top:26px}
  .testimonial blockquote{font-size:1.125rem;line-height:1.7}
  .testimonial figcaption{font-size:.875rem;margin-top:22px}
  .review-source{font-size:.8125rem}
  .studio-address{margin-top:18px;font-size:.875rem}
  .invitation{padding-block:68px 56px}
  .invitation h2{font-size:clamp(2.25rem,10.5vw,2.75rem)}
  .invitation .body-copy{margin-top:24px}
  .invitation-action{margin-top:30px}
  .consultation-button{width:100%;max-width:365px;min-width:0}
  .invitation-detail{margin-top:18px}
  .site-footer{padding-block:20px}
}

@media(prefers-reduced-motion:no-preference){
  .motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.65,.2,1)}
  .motion-ready .reveal.visible{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal{opacity:1!important;transform:none!important}
}
@media print{
  .reading-progress,.video-toggle,.hero-video{display:none!important}
  .reveal{opacity:1!important;transform:none!important}
  .photo-frame{break-inside:avoid}
}