:root{
  --blush:#EFD9CC; --cream:#F4EFE7; --ink:#19100B; --ink-soft:#6B5A50; --rust:#B9472B; --line: rgba(25,16,11,0.15);
  font-size:16px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{ margin:0; background:var(--cream); color:var(--ink); font-family:'Archivo', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img{max-width:100%;} a{color:inherit;}
.wrap{ width:100%; max-width:1240px; margin-inline:auto; padding-inline:22px; }
@media (min-width:720px){ .wrap{ padding-inline:44px; } }

h1,h2{ font-family:'Bricolage Grotesque', ui-sans-serif, sans-serif; font-weight:600; line-height:0.94; letter-spacing:-0.02em; margin:0; text-wrap:balance; text-transform:uppercase; }

.eyebrow{ font-family:'Archivo'; font-weight:700; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--rust); margin:0 0 16px; display:flex; align-items:center; gap:10px; }
.eyebrow::before{ content:""; width:24px; height:1px; background:var(--rust); }

.accent{ font-family:'Fraunces', serif; font-style:italic; font-weight:400; text-transform:none; color:var(--rust); }
h1 .accent, h2 .accent{ font-size:0.86em; }
.accent-sans{ font-family:'Bricolage Grotesque', sans-serif; font-style:normal; font-weight:700; text-transform:uppercase; color:var(--rust); letter-spacing:-0.01em; }
.mix-headline{ font-family:'Fraunces', serif; font-style:italic; font-weight:400; text-transform:none; color:var(--ink); }
.mix-headline .hi{ font-family:'Bricolage Grotesque', sans-serif; font-style:normal; font-weight:800; text-transform:uppercase; color:var(--rust); font-size:1.18em; letter-spacing:-0.01em; }

header.site{ position:sticky; top:0; z-index:40; background:rgba(244,239,231,0.88); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav-row{ display:flex; align-items:center; justify-content:space-between; padding-block:20px; gap:20px; }
.wordmark{ font-family:'Archivo'; font-weight:700; font-size:0.86rem; letter-spacing:0.02em; text-decoration:none; display:flex; align-items:center; gap:9px; }
.wordmark .mark{ width:24px; height:24px; flex:none; }
nav.links{ display:flex; gap:26px; font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; font-weight:600; }
nav.links a{ text-decoration:none; opacity:0.72; transition:opacity .2s; padding-bottom:3px; }
nav.links a:hover{ opacity:1; }
nav.links a.active{ opacity:1; border-bottom:1.5px solid var(--rust); }
.nav-right{ display:flex; align-items:center; gap:22px; }
.langsw{ display:flex; gap:2px; font-size:0.68rem; font-weight:700; letter-spacing:0.06em; border:1px solid var(--line); border-radius:20px; padding:3px; }
.langsw button{ border:0; background:transparent; cursor:pointer; padding:5px 11px; border-radius:16px; font:inherit; color:var(--ink-soft); }
.langsw button[aria-pressed="true"]{ background:var(--ink); color:var(--cream); }
.burger{ display:none; }
@media (max-width:880px){ nav.links{ display:none; } .burger{ display:block; border:0; background:none; font-size:1.3rem; cursor:pointer; } }

.cta{ display:inline-flex; align-items:center; gap:10px; padding:14px 26px; background:var(--ink); color:var(--cream); text-decoration:none; font-size:0.72rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; transition:transform .25s ease, background .25s ease; border:1px solid var(--ink); }
.cta:hover{ background:var(--rust); border-color:var(--rust); transform:translateY(-2px); }
.cta.line{ background:transparent; color:var(--ink); }
.cta.line:hover{ background:var(--ink); color:var(--cream); }

section{ padding-block:100px; } section.tight{ padding-block:76px; } section.flush{ padding-block:0; }

.marquee{ overflow:hidden; border-block:1px solid var(--line); background:var(--cream); }
.marquee .track{ display:flex; width:max-content; animation:marquee-scroll 26s linear infinite; }
.marquee span{ display:inline-flex; align-items:center; padding-block:16px; padding-inline:14px; font-family:'Bricolage Grotesque'; font-weight:600; font-size:1.05rem; text-transform:uppercase; letter-spacing:0.01em; white-space:nowrap; }
.marquee span::after{ content:"—"; color:var(--rust); margin-left:14px; }
@keyframes marquee-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .marquee .track{ animation:none; } }

.hero{ background:var(--blush); padding-block:26px 0; position:relative; }
.hero-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px; flex-wrap:wrap; }
.hero-top .eyebrow{ margin:0; }
.hero-stage{ position:relative; padding-block:18px 60px; }
.hero-stack{ font-size:clamp(3.1rem, 11vw, 8.4rem); display:flex; flex-direction:column; gap:0; }
.hero-stack span{ display:block; }
.hero-stack .push{ padding-left:clamp(20px, 14vw, 220px); }
.hero-stack .rust{ color:var(--rust); font-family:'Fraunces',serif; font-style:italic; font-weight:400; text-transform:none; font-size:0.82em; }
.hero-photo-wrap{ position:absolute; right:clamp(0px,4vw,60px); top:38%; width:clamp(150px,26vw,300px); }
.hero-photo{ aspect-ratio:4/5; border:6px solid var(--cream); box-shadow:0 18px 40px rgba(25,16,11,0.18); overflow:hidden; transform:rotate(2deg); }
@media (max-width:720px){ .hero-photo-wrap{ position:static; margin-top:24px; width:min(260px,70vw); } .hero-photo{ transform:none; } }
.hero-lede-row{ display:flex; justify-content:flex-end; padding-bottom:40px; }
.hero-lede{ max-width:34ch; text-align:right; }
.hero-lede p{ color:var(--ink-soft); font-size:1rem; line-height:1.55; margin:0 0 20px; }

.page-hero{ background:var(--blush); padding-block:70px 60px; }
.page-hero h1{ font-size:clamp(2.6rem,7.2vw,5.6rem); }
.page-hero .sub{ max-width:52ch; margin-top:20px; color:var(--ink-soft); font-size:1.05rem; line-height:1.6; }
.back-link{ display:inline-block; margin-bottom:20px; font-size:0.74rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; text-decoration:none; opacity:0.75; }
.back-link:hover{ opacity:1; }

.duo{ position:relative; width:100%; height:100%; background:
    radial-gradient(120% 140% at 20% 10%, #7a716a 0%, transparent 55%),
    linear-gradient(150deg,#2a2622 0%, #55504a 45%, #8b837a 100%);
    filter:grayscale(1) contrast(1.08);
}
.duo::after{ content:""; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E"); mix-blend-mode:overlay; opacity:0.5; }
.duo.has-img{ background:none; filter:none; }
.duo.has-img::after{ display:none; }
.duo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* home gallery preview */
.phil{ display:grid; grid-template-columns:0.62fr 1fr; gap:60px; }
@media (max-width:880px){ .phil{ grid-template-columns:1fr; gap:26px; } }
.phil h2{ font-size:clamp(2rem,4.6vw,3.4rem); text-transform:none; font-family:'Fraunces'; font-style:italic; font-weight:400; letter-spacing:-0.01em; line-height:1.08; }
.phil .body{ color:var(--ink-soft); font-size:1.05rem; line-height:1.65; max-width:52ch; }

.gal-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:48px; }
.gal-head a{ text-decoration:none; font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:3px; white-space:nowrap; }
.gal-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
@media (max-width:880px){ .gal-grid{ grid-template-columns:repeat(2,1fr); } }
.gal-item-wrap{ grid-column:span 3; }
.gal-item-wrap:nth-child(1){ grid-column:span 4; }
.gal-item-wrap:nth-child(2){ grid-column:span 2; align-self:end; }
.gal-item-wrap:nth-child(3){ grid-column:span 2; }
.gal-item-wrap:nth-child(4){ grid-column:span 4; }
.gal-item-wrap:nth-child(5){ grid-column:span 3; }
.gal-item-wrap:nth-child(6){ grid-column:span 3; }
@media (max-width:880px){ .gal-item-wrap, .gal-item-wrap:nth-child(n){ grid-column:span 1 !important; } }
.gal-item{ position:relative; border-radius:1px; overflow:hidden; cursor:pointer; aspect-ratio:4/5; }
.gal-item-wrap:nth-child(2) .gal-item{ aspect-ratio:4/4.6; }
.gal-item .tile{ position:absolute; inset:0; filter:grayscale(1); }

/* motion banner */
.motion-banner{ position:relative; aspect-ratio:16/7.5; overflow:hidden; }
@media (max-width:720px){ .motion-banner{ aspect-ratio:3/4; } }
.motion-banner .kb{ position:absolute; inset:-7%; background: radial-gradient(120% 140% at 25% 20%, #726a63 0%, transparent 55%), linear-gradient(140deg,#211d19 0%,#4c453e 50%,#8a8177 100%); filter:grayscale(1) contrast(1.1); animation:kenburns 17s ease-in-out infinite alternate; }
.motion-banner .kb::after{ content:""; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E"); mix-blend-mode:overlay; opacity:0.45; }
@keyframes kenburns{ from{ transform:scale(1) translate(0,0); } to{ transform:scale(1.12) translate(-1.5%,-1%); } }
@media (prefers-reduced-motion:reduce){ .motion-banner .kb{ animation:none; } }
.motion-banner .veil{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,8,6,0.1) 0%, rgba(10,8,6,0.58) 100%); }
.motion-banner .center{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; color:#F4EFE7; text-align:center; padding-inline:20px; }
.motion-banner .play-btn{ width:76px; height:76px; border-radius:50%; background:rgba(244,239,231,0.12); border:1px solid rgba(244,239,231,0.55); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s ease, border-color .25s ease, transform .25s ease; color:#F4EFE7; }
.motion-banner .play-btn:hover{ background:var(--rust); border-color:var(--rust); transform:scale(1.05); }
.motion-banner .cap{ font-family:'Fraunces'; font-style:italic; font-size:clamp(1.2rem,2.6vw,1.7rem); max-width:28ch; }
.motion-banner .tag{ position:absolute; left:22px; bottom:20px; font-size:0.66rem; letter-spacing:0.14em; text-transform:uppercase; color:#F4EFE7; opacity:0.82; z-index:2; }
.motion-banner .tag.right{ left:auto; right:22px; }

.work{ background:var(--blush); }
.work-grid{ display:grid; grid-template-columns:1fr 0.85fr; gap:60px; align-items:center; }
@media (max-width:880px){ .work-grid{ grid-template-columns:1fr; gap:32px; } }
.work h2{ font-size:clamp(2.2rem,5vw,4rem); }
.work .body{ margin-top:20px; }
.work .body p{ color:var(--ink-soft); font-size:1.03rem; line-height:1.6; }
.work .body p + p{ margin-top:14px; }
.work-photo{ aspect-ratio:3/4; overflow:hidden; }

.about{ display:grid; grid-template-columns:0.8fr 1.2fr; gap:60px; }
@media (max-width:880px){ .about{ grid-template-columns:1fr; gap:30px; } }
.about h2{ font-size:clamp(2rem,4.4vw,3.2rem); text-transform:none; font-family:'Fraunces'; font-style:italic; font-weight:400; line-height:1.1; }
.about .body{ color:var(--ink-soft); font-size:1.03rem; line-height:1.65; }
.about .body p + p{ margin-top:16px; }
.about .signature{ font-family:'Fraunces'; font-style:italic; font-size:1.25rem; color:var(--ink); border-left:2px solid var(--rust); padding-left:18px; margin-top:24px; }
.founders{ margin-top:24px; display:flex; align-items:center; gap:12px; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; color:var(--ink-soft); }
.founders .dot{ width:6px; height:6px; border-radius:50%; background:var(--rust); }

.founders-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:60px; align-items:center; }
@media (max-width:880px){ .founders-grid{ grid-template-columns:1fr; gap:30px; } }
.founders-photo{ aspect-ratio:4/5; overflow:hidden; }
.founders-grid h2{ font-size:clamp(2rem,4.4vw,3.2rem); text-transform:none; font-family:'Fraunces'; font-style:italic; font-weight:400; line-height:1.1; }
.founders-grid .body p{ color:var(--ink-soft); font-size:1.03rem; line-height:1.65; margin:0 0 16px; }
.signature{ font-family:'Fraunces'; font-style:italic; font-size:1.2rem; margin-top:20px; }

.timeline{ margin-top:50px; border-top:1px solid var(--line); }
.t-step{ display:grid; grid-template-columns:80px 1fr; gap:28px; padding-block:30px; border-bottom:1px solid var(--line); }
.t-step .n{ font-family:'Fraunces'; font-style:italic; color:var(--rust); font-size:1.6rem; }
.t-step h4{ font-family:'Bricolage Grotesque'; text-transform:uppercase; font-size:1.1rem; margin:0 0 8px; }
.t-step p{ color:var(--ink-soft); margin:0; max-width:60ch; line-height:1.55; }

/* bodas index */
.wed-grid{ display:grid; grid-template-columns:1fr 1fr; column-gap:32px; row-gap:64px; }
@media (max-width:780px){ .wed-grid{ grid-template-columns:1fr; row-gap:48px; } }
.wed-grid a.wed-card{ text-decoration:none; color:inherit; display:block; }
.wed-grid a.wed-card:nth-child(even){ margin-top:70px; }
@media (max-width:780px){ .wed-grid a.wed-card:nth-child(even){ margin-top:0; } }
.wed-cover{ aspect-ratio:4/5; overflow:hidden; position:relative; }
.wed-cover .duo{ transition:transform .6s cubic-bezier(.16,.9,.25,1); }
.wed-card:hover .wed-cover .duo{ transform:scale(1.04); }
.wed-card h3{ margin-top:20px; font-size:clamp(1.5rem,2.6vw,2.1rem); text-transform:uppercase; line-height:1.02; }
.wed-card .meta{ display:block; margin-top:8px; font-size:0.74rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-soft); }
.wed-card .arrow{ display:inline-block; margin-left:6px; transition:transform .25s ease; }
.wed-card:hover .arrow{ transform:translateX(4px); }

/* wedding single page */
.cover{ aspect-ratio:16/9; overflow:hidden; }
.video-embed{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#000; }
.video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.intro{ display:grid; grid-template-columns:0.7fr 1.3fr; gap:60px; align-items:start; }
@media (max-width:880px){ .intro{ grid-template-columns:1fr; gap:26px; } }
.intro .body p{ color:var(--ink-soft); font-size:1.05rem; line-height:1.65; max-width:60ch; }
.intro .body p + p{ margin-top:16px; }
.story-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:780px){ .story-grid{ grid-template-columns:repeat(2,1fr); } }
.story-grid .ph{ aspect-ratio:4/5; overflow:hidden; grid-column:span 1; }
.story-grid .ph.w3{ grid-column:span 2; aspect-ratio:8/5; }
.story-grid .ph.w4{ grid-column:span 4; aspect-ratio:16/7; }
@media (max-width:780px){ .story-grid .ph.w3, .story-grid .ph.w4{ grid-column:span 2; } }

/* portfolio mix grid */
.mix-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:880px){ .mix-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .mix-grid{ grid-template-columns:1fr; } }
.mix-grid .tile{ overflow:hidden; cursor:pointer; }
.mix-grid .tile.p{ aspect-ratio:4/5; }
.mix-grid .tile.sq{ aspect-ratio:1/1; }
.mix-grid .tile.l{ aspect-ratio:5/4; }
.mix-grid .tile:hover .duo{ transform:scale(1.05); }

/* contact */
.contact-layout{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:70px; align-items:start; }
@media (max-width:940px){ .contact-layout{ grid-template-columns:1fr; gap:44px; } }
form{ display:flex; flex-direction:column; gap:20px; }
.frow{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:560px){ .frow{ grid-template-columns:1fr; } }
.field{ display:flex; flex-direction:column; gap:8px; }
.field label{ font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-soft); }
.field input, .field select, .field textarea{ font-family:'Archivo'; font-size:1rem; background:transparent; border:none; border-bottom:1.5px solid var(--line); padding:10px 2px; color:var(--ink); outline:none; transition:border-color .2s ease; }
.field input:focus, .field select:focus, .field textarea:focus{ border-color:var(--rust); }
.field textarea{ resize:vertical; min-height:100px; font-family:'Archivo'; }
.submit-btn{ align-self:flex-start; margin-top:10px; display:inline-flex; align-items:center; gap:10px; padding:15px 30px; background:var(--ink); color:var(--cream); border:1px solid var(--ink); cursor:pointer; font-size:0.72rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; transition:background .25s ease, transform .25s ease; }
.submit-btn:hover{ background:var(--rust); border-color:var(--rust); transform:translateY(-2px); }
.form-note{ font-size:0.78rem; color:var(--ink-soft); margin-top:-6px; }
.form-required{ font-size:0.72rem; color:var(--rust); font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin:-6px 0 4px; }

.contact-card{ border:1px solid var(--line); padding:34px; margin-bottom:26px; }
.contact-card .row{ display:flex; flex-direction:column; gap:4px; padding-block:15px; border-bottom:1px solid var(--line); }
.contact-card .row:last-child{ border-bottom:0; }
.contact-card .label{ font-size:0.66rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-soft); }
.contact-card .val{ font-family:'Fraunces'; font-size:1.18rem; text-decoration:none; }
.avail{ display:flex; align-items:center; gap:10px; padding:16px 20px; background:var(--blush); font-size:0.82rem; }
.avail .dot{ width:8px; height:8px; border-radius:50%; background:#3f7a4f; flex:none; }

.faq{ margin-top:6px; }
.faq details{ border-bottom:1px solid var(--line); padding-block:18px; }
.faq summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; font-family:'Bricolage Grotesque'; text-transform:uppercase; font-size:0.92rem; letter-spacing:-0.01em; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-family:'Archivo'; font-size:1.3rem; color:var(--rust); transition:transform .25s ease; flex:none; }
.faq details[open] summary::after{ transform:rotate(45deg); }
.faq p{ margin:14px 0 0; color:var(--ink-soft); line-height:1.6; font-size:0.95rem; max-width:64ch; }

.cta-band{ background:var(--ink); color:var(--cream); text-align:center; }
.cta-band h2{ font-size:clamp(2rem,5vw,3.4rem); }
.cta-band .sub{ color:rgba(244,239,231,0.7); max-width:44ch; margin:18px auto 30px; }

footer{ border-top:1px solid var(--line); padding-block:40px; font-size:0.76rem; color:var(--ink-soft); display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
footer .fmark{ font-family:'Archivo'; font-weight:700; color:var(--ink); font-size:0.82rem; letter-spacing:0.02em; }

.ig-block{ background:var(--blush); padding-block:70px; }
.ig-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom:34px; }
.ig-head h3{ font-family:'Fraunces'; font-style:italic; font-weight:400; font-size:clamp(1.4rem,3vw,2rem); margin:0; text-transform:none; }
.ig-head a{ text-decoration:none; font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:3px; white-space:nowrap; }
.ig-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
@media (max-width:780px){ .ig-grid{ grid-template-columns:repeat(3,1fr); } }
.ig-grid .tile{ aspect-ratio:1/1; overflow:hidden; }

.note-flag{ display:inline-block; margin-top:16px; font-size:0.7rem; color:var(--ink-soft); border:1px dashed var(--line); padding:6px 10px; }

.reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in{ opacity:1; transform:none; }
.reveal-photo{ opacity:0; transform:scale(1.12); clip-path:inset(0 0 16% 0); transition:opacity .9s ease, transform 1.1s cubic-bezier(.16,.9,.25,1), clip-path 1.1s cubic-bezier(.16,.9,.25,1); }
.reveal-photo.in{ opacity:1; transform:scale(1); clip-path:inset(0 0 0 0); }
@media (prefers-reduced-motion:reduce){ .reveal, .reveal-photo{ opacity:1; transform:none; clip-path:none; transition:none; } html{ scroll-behavior:auto; } }
.parallax{ will-change:transform; }