@font-face{font-family:Cormorant;src:url('assets/serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/serif-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/sans.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f7f3eb;--ink:#30392f;--muted:#74776a;--red:#a64236;--line:#dcded0;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.97}em{font-weight:400;color:var(--red)}::selection{background:#e8c6b5}section{position:relative}.wrap{width:min(1240px,88%);margin:auto}.eyebrow{font:11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase}.muted{color:var(--muted)}.hand{font-family:var(--serif);font-size:28px;font-style:italic}.heart{color:var(--red)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:10px}.progress{position:fixed;left:0;top:0;height:3px;z-index:60;background:var(--red);width:100%;transform:scaleX(0);transform-origin:left}.header{height:88px;display:flex;align-items:center;justify-content:space-between;width:88%;margin:auto;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:italic 25px var(--serif)}.brand svg{width:21px;stroke:var(--red);fill:none;stroke-width:1.4}.nav{display:flex;gap:34px;font-size:11px;letter-spacing:.06em}.nav a{position:relative}.nav a::after{content:"";height:1px;background:var(--red);position:absolute;bottom:-5px;left:0;width:0;transition:width .3s}.nav a:hover::after{width:100%}.header-note{font-size:10px;letter-spacing:.13em;color:var(--muted)}
.hero{min-height:760px;height:calc(100svh - 88px);max-height:1050px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:3%;padding:65px 0 96px}.hero-copy{padding-left:5%;position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(110px,11.7vw,176px);letter-spacing:-.06em;line-height:.8}.hero h1 span{display:block}.hero h1 em{display:inline-block;position:relative}.hero h1 em::after{content:"";position:absolute;width:110%;height:14px;bottom:-13px;left:-5%;border-top:2px solid var(--red);border-radius:50%;transform:rotate(-6deg)}.hero-intro{max-width:290px;margin-top:42px;font-size:13px;line-height:1.9}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:26px;font-size:11px;letter-spacing:.08em;border-bottom:1px solid #a5a897;padding-bottom:7px}.text-link span{font-size:20px;line-height:1}.hero-art{height:590px;position:relative}.photo{padding:12px 12px 36px;background:#fffdf8;box-shadow:0 12px 34px #39382822;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.hero-main{position:absolute;width:76%;height:490px;top:18px;left:6%;transform:rotate(-6deg);z-index:1}.hero-main img{object-position:center 38%}.hero-small{position:absolute;width:43%;height:290px;bottom:5px;right:-2%;transform:rotate(9deg);z-index:2}.photo-caption{position:absolute;bottom:7px;left:12px;right:12px;text-align:center;font:italic 20px var(--serif)}.tape{position:absolute;z-index:3;width:103px;height:29px;background:#c9c7aa7a;top:-12px;left:34%;transform:rotate(5deg);backdrop-filter:blur(2px)}.hero-label{position:absolute;right:0;top:0;transform:rotate(7deg);font:italic 27px var(--serif);color:var(--red);z-index:3}.hero-mark{position:absolute;bottom:12px;left:12%;font:italic 24px var(--serif);transform:rotate(-8deg)}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue::before{content:"";height:29px;width:1px;background:var(--muted);animation:breathe 2s infinite}.hero-index{display:flex;gap:20px}.hero-index span:first-child{color:var(--red)}
.opening{padding:135px 0 145px;text-align:center;border-top:1px solid var(--line)}.opening .eyebrow{margin-bottom:30px}.opening h2{font-size:clamp(42px,5.4vw,75px);line-height:1.12;max-width:900px;margin:auto}.opening p{max-width:540px;margin:30px auto 0;color:var(--muted)}.little-star{display:block;color:var(--red);font-size:27px;margin-bottom:30px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:85px auto 0;max-width:750px;text-align:left}.date{font:43px var(--serif);padding-top:20px;border-top:1px solid var(--line)}.date small{font:10px var(--sans);display:block;letter-spacing:.18em;text-transform:uppercase;margin-top:8px}.date p{font-size:12px;margin:14px 0 0;max-width:300px}
.chapter{padding:110px 0}.chapter-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8%;margin-bottom:60px}.chapter-heading h2{font-size:clamp(50px,6.4vw,86px);margin-top:19px}.chapter-heading>p{max-width:370px;color:var(--muted);padding-bottom:5px}.couple{background:#eeeee3}.couple-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:10%;align-items:center}.wide-photo{position:relative;overflow:hidden}.wide-photo>img{width:100%;height:600px;object-fit:cover}.image-open{padding:0;background:transparent;display:block;width:100%;position:relative}.image-open::after{content:'↗';position:absolute;right:15px;bottom:15px;background:#f7f3ebed;width:34px;height:34px;line-height:34px;border-radius:50%;opacity:0;transform:translateY(5px);transition:.3s}.image-open:hover::after,.image-open:focus-visible::after{opacity:1;transform:none}.side-note{padding:20px 0 40px}.side-note h3{font-size:48px;line-height:1.12;margin-bottom:24px}.side-note p{color:var(--muted);max-width:300px}.small-print{width:88%;margin-top:48px;transform:rotate(5deg);height:350px}.small-print img{object-position:50% 82%}.section-foot{margin-top:22px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.06em}
.family-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:24px;align-items:center}.family-grid figure:nth-child(1){transform:rotate(-3deg);margin-top:65px}.family-grid figure:nth-child(3){transform:rotate(3deg);margin-top:100px}.family-grid .image-open{height:370px}.family-grid figure:nth-child(2) .image-open{height:485px}.family-grid img{width:100%;height:100%;object-fit:cover}.family-grid figcaption{font:italic 23px var(--serif);text-align:center;margin-top:16px}.family-after{max-width:610px;margin:75px auto 0;text-align:center;font:34px/1.25 var(--serif)}
.interlude{min-height:720px;height:90svh;max-height:1000px;display:grid;place-items:center;overflow:hidden;color:#fff9eb}.interlude>img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;object-position:center 45%;will-change:transform}.interlude::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#18241de0,#18241d3b 70%)}.interlude-copy{position:relative;z-index:1;text-align:center;width:85%;max-width:900px;padding-top:140px}.interlude .eyebrow{margin-bottom:34px;color:#fff9ebbd}.interlude h2{font-size:clamp(50px,7.2vw,100px);line-height:1.05}.interlude em{color:#e9d8ab}.interlude p{margin-top:35px;font-size:12px;letter-spacing:.06em}
.adventures{background:#eae9dc}.adventure-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:start}.adventure-grid .image-open{height:500px;overflow:hidden}.adventure-grid img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.adventure-grid .image-open:hover img{transform:scale(1.035)}.adventure-grid figure:nth-child(2){padding-top:85px}.adventure-grid figure:nth-child(2) .image-open{height:420px}.adventure-grid figcaption{display:flex;justify-content:space-between;padding-top:17px;color:var(--muted);font-size:11px}.adventure-grid figcaption span:first-child{font:italic 25px var(--serif);color:var(--ink)}.film{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:100px;border-top:1px solid #cdd0bf;padding-top:75px}.film video{width:100%;max-height:420px;background:#23281f;display:block}.film-frame{max-width:440px;width:100%;margin:0 auto;height:430px}.film-frame>.image-open{height:100%}.film-frame .image-open img{height:100%;width:100%;object-fit:cover;object-position:center 30%}.film h3{font-size:49px;margin:20px 0}.film p{max-width:340px;color:var(--muted)}
.album{padding-bottom:125px}.album-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.album-heading h2{font-size:clamp(50px,6vw,80px);margin-top:20px}.album-heading p{font-size:11px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter{background:transparent;border:1px solid #d1d2c5;padding:9px 22px;border-radius:24px;font-size:11px;transition:.25s}.filter:hover{border-color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery{columns:4;column-gap:15px}.gallery-item{break-inside:avoid;margin-bottom:15px;position:relative;overflow:hidden;background:#e7e4db}.gallery-item img{width:100%;height:auto;transition:transform .6s,filter .6s}.gallery-item:hover img{transform:scale(1.025);filter:saturate(1.08)}.gallery-item[hidden]{display:none}.more-wrap{text-align:center;margin-top:40px}.outline-button{background:transparent;border:1px solid #a9ad9d;border-radius:0;padding:14px 30px;font-size:11px;letter-spacing:.04em;transition:.25s}.outline-button:hover{background:var(--ink);color:var(--paper)}.album-note{text-align:center;font:italic 24px var(--serif);margin-top:30px;color:var(--muted)}
.letter-section{background:#e7e9de;padding:120px 0 140px;overflow:hidden}.letter-intro{text-align:center;margin-bottom:55px}.letter-intro h2{font-size:clamp(60px,7vw,100px);margin-top:20px}.letter-toggle{display:flex;flex-direction:column;align-items:center;margin:0 auto;background:transparent}.envelope{display:grid;place-items:center;width:110px;height:80px;border:1px solid #a9ae98;position:relative;background:#f7f3eb;margin-bottom:22px;box-shadow:0 7px 20px #30392f0c}.envelope::before{content:"";position:absolute;width:76px;height:76px;top:-39px;transform:rotate(45deg);border-right:1px solid #c6c8b6;border-bottom:1px solid #c6c8b6;background:var(--paper);clip-path:polygon(100% 0,100% 100%,0 100%)}.seal{position:relative;z-index:1;background:var(--red);color:#f8e5d8;width:32px;height:32px;border-radius:50%;line-height:32px;margin-top:20px;font-size:16px}.letter-toggle>span:last-child{font-size:11px;border-bottom:1px solid #9ba28b;padding-bottom:5px}.letter-paper{max-width:720px;margin:45px auto 0;background:#fffdf6;padding:65px 75px;box-shadow:0 15px 55px #30392f0a;position:relative}.letter-paper[hidden]{display:none}.letter-paper::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#a6423650 0 12px,transparent 12px 24px)}.letter-paper h3{font-size:44px;margin-bottom:30px}.letter-paper p{font-size:14px;line-height:2;margin:0 0 23px}.letter-paper .letter-last{font:33px/1.3 var(--serif);margin-top:35px}.signature{font:italic 32px var(--serif);color:var(--red)}.closing{padding:130px 0 90px;text-align:center}.closing h2{font-size:clamp(55px,7vw,100px);line-height:1.02;margin:25px auto 30px}.closing p{color:var(--muted);max-width:400px;margin:auto}.closing .hand{display:block;margin-top:35px;color:var(--red)}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:26px 0;font-size:10px;color:var(--muted)}.footer a{border-bottom:1px solid var(--line)}
.lightbox{border:none;padding:0;background:#171e18f5;color:var(--paper);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.lightbox::backdrop{background:#171e18}.lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{max-width:85vw;max-height:80dvh;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:transparent;color:var(--paper);width:48px;height:48px;font-size:30px}.lightbox-close{right:20px;top:15px}.lightbox-prev{left:15px;top:48%}.lightbox-next{right:15px;top:48%}.lightbox-caption{font-size:12px;margin-top:20px;max-width:80%;text-align:center}.lightbox-counter{position:absolute;top:28px;left:28px;letter-spacing:.12em;font-size:11px}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.2,1);transition-delay:var(--delay,0s)}.js .reveal.visible{opacity:1;transform:none}.js .reveal.photo.visible{transform:rotate(var(--rotation,0deg))}.read-line span{opacity:.24;transition:opacity .6s}.read-line span.read{opacity:1}@keyframes breathe{50%{transform:scaleY(.6);opacity:.5}}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:arrive 1.1s ease both}.hero-art{animation:arrive 1.4s .15s ease both}
@media(min-width:1600px){.hero{gap:8%}.hero-art{height:640px}.hero-main{height:540px}.hero-small{height:290px}}
@media(max-width:1000px){.header-note{display:none}.hero{min-height:690px;gap:0}.hero-art{height:470px}.hero-main{height:400px;width:85%;left:0}.hero-small{height:250px;width:50%;bottom:-5px;right:-3%}.hero-label{font-size:24px;top:-12px}.hero-mark{left:0;bottom:0;font-size:22px}.hero h1{font-size:clamp(110px,14vw,150px)}.hero-copy{padding-left:0}.hero-intro{max-width:250px}.hero-bottom{bottom:20px}.wide-photo>img{height:510px}.couple-layout{gap:6%}.family-grid{gap:16px}.family-grid .image-open{height:300px}.family-grid figure:nth-child(2) .image-open{height:380px}.gallery{columns:3}.adventure-grid .image-open{height:400px}.adventure-grid figure:nth-child(2) .image-open{height:340px}.nav{gap:20px}}
@media(max-width:680px){.wrap{width:88%}.header{height:74px}.brand{font-size:22px}.nav{gap:18px;font-size:10px}.nav a:first-child{display:none}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:48px 0 76px;gap:40px}.hero-copy{padding-left:1%}.hero-copy>.eyebrow{font-size:9px;margin-bottom:25px}.hero h1{font-size:105px;line-height:.83}.hero h1 span{display:inline}.hero h1 span:nth-child(2)::after{content:"";display:block}.hero h1 em{margin-top:6px}.hero-intro{max-width:290px;margin-top:30px;font-size:12px}.text-link{margin-top:20px;font-size:10px}.hero-art{height:420px;width:91%;margin:auto}.hero-main{width:81%;height:350px;top:18px;left:3%}.hero-small{width:50%;height:235px;right:-5%;bottom:4px}.hero-label{font-size:23px;right:-4%;top:-7px}.hero-mark{left:2%;font-size:21px;bottom:7px}.photo{padding:9px 9px 30px}.photo-caption{font-size:17px;bottom:5px}.hero-bottom{font-size:8px;letter-spacing:.13em;bottom:20px}.hero-index{gap:10px}.opening{padding:75px 0 80px}.opening h2{font-size:42px}.opening p{font-size:13px}.timeline{gap:28px;margin-top:55px}.date{font-size:31px}.date small{font-size:8px}.date p{font-size:11px}.chapter{padding:75px 0}.chapter-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.chapter-heading h2{font-size:58px}.chapter-heading>p{font-size:13px;max-width:100%}.eyebrow{font-size:9px}.couple-layout{grid-template-columns:1fr;gap:35px}.wide-photo>img{height:480px}.side-note{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:center;padding:0}.side-note h3{font-size:32px;margin-bottom:15px}.side-note p{font-size:11px}.small-print{height:280px;width:100%;margin-top:0}.section-foot{font-size:8px;gap:20px}.family-grid{grid-template-columns:1fr 1fr;gap:17px}.family-grid figure:nth-child(2){grid-column:2;grid-row:1 / span 2}.family-grid figure:nth-child(1){margin-top:0;transform:rotate(-3deg)}.family-grid figure:nth-child(3){margin-top:12px;transform:rotate(2deg)}.family-grid .image-open{height:215px}.family-grid figure:nth-child(2) .image-open{height:360px}.family-grid figcaption{font-size:18px;margin-top:9px}.family-after{font-size:29px;margin-top:45px}.interlude{min-height:600px;height:80svh}.interlude-copy{padding-top:70px}.interlude h2{font-size:57px}.interlude>img{object-position:48% center}.adventure-grid{gap:20px;grid-template-columns:1fr}.adventure-grid .image-open{height:380px}.adventure-grid figure:nth-child(2){padding-top:20px;padding-left:15%}.adventure-grid figure:nth-child(2) .image-open{height:350px}.film{grid-template-columns:1fr;gap:28px;margin-top:55px;padding-top:45px}.film h3{font-size:42px}.film p{font-size:12px}.film video{max-height:370px}.film-frame{height:350px;width:90%}.album-heading{display:block;margin-bottom:30px}.album-heading h2{font-size:56px}.album-heading p{margin-top:18px}.filter{padding:8px 15px;font-size:10px}.gallery{columns:2;column-gap:10px}.gallery-item{margin-bottom:10px}.album-note{font-size:21px}.letter-section{padding:75px 0 85px}.letter-intro h2{font-size:70px}.letter-paper{padding:40px 26px}.letter-paper p{font-size:13px;line-height:1.95}.letter-paper h3{font-size:37px}.letter-paper .letter-last{font-size:29px}.closing{padding:80px 0 65px}.closing h2{font-size:60px}.closing p{font-size:12px}.footer{font-size:8px;gap:20px}.lightbox img{max-width:96vw;max-height:75dvh}.lightbox-prev,.lightbox-next{top:auto;bottom:35px;background:#30392f80;border-radius:50%}.lightbox-prev{left:25%}.lightbox-next{right:25%}.lightbox-caption{margin-bottom:50px;font-size:11px}}
[hidden]{display:none!important}.small-print>.image-open{height:100%}.small-print .image-open img{height:100%;width:100%;object-fit:cover}.hero-small img{object-position:center 62%}
.dance-moment{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center;max-width:970px;margin:100px auto 0}.dance-moment figure{position:relative}.dance-moment img{width:100%;height:550px;object-fit:cover}.dance-moment figcaption{font:italic 23px var(--serif);margin-top:15px}.dance-moment h3{font-size:65px;margin:22px 0}.dance-moment>div>p:last-child{font-size:13px;color:var(--muted);max-width:310px}.panorama{height:210svh;max-height:none;min-height:0;display:block;overflow:visible;background:#263c32}.panorama::after{display:none}.interlude-pin{height:100svh;min-height:560px;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.landscape-layers{position:absolute;inset:0;will-change:transform}.landscape-layers img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.landscape-second{opacity:0}.interlude-pin::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#14291dd4,#15221c50 80%)}.panorama .interlude-copy{padding-top:0}.panorama .interlude-copy h2{text-shadow:0 2px 30px #14291d50}.landscape-note{position:absolute;bottom:35px;left:6%;z-index:2;font-size:9px;letter-spacing:.22em}.closing-sea{position:relative;overflow:hidden;color:#fffaf0;min-height:760px;display:grid;place-items:center}.closing-sea>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}.closing-sea::after{content:"";position:absolute;inset:0;background:linear-gradient(#17352c4d,#102e29c9)}.closing-sea .closing{z-index:1;position:relative}.closing-sea em,.closing-sea .hand{color:#ecd3a4}.closing-sea p{color:#fffaf0d9}
@media(max-width:760px){.dance-moment{grid-template-columns:1fr;gap:30px;margin-top:70px}.dance-moment figure{width:88%;margin:auto;transform:rotate(-2deg)}.dance-moment img{height:450px}.dance-moment>div{padding:0 6%}.dance-moment h3{font-size:48px}.dance-moment>div>p:last-child{max-width:none}.panorama{height:185svh}.panorama h2{font-size:50px}.closing-sea{min-height:650px}.hero-small img{object-position:center 60%}}
.duo-moment{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;align-items:center;margin-top:90px;padding-top:70px;border-top:1px solid #d4d0c1}.duo-copy h3{font-size:clamp(40px,4.8vw,64px);line-height:1.1;margin:18px 0}.duo-copy p{color:var(--muted);font-size:13px;line-height:1.9;max-width:340px}.duo-photos{display:flex;gap:24px;justify-content:center}.duo-photo{width:48%;max-width:270px;height:350px}.duo-photo>.image-open{height:100%}.duo-photo .image-open img{width:100%;height:100%;object-fit:cover}.duo-left{transform:rotate(-3deg);margin-top:20px}.duo-right{transform:rotate(4deg)}.summer-scene{margin-top:95px;padding-top:75px;border-top:1px solid #cdd0bf}.summer-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:45px}.summer-heading h3{font-size:clamp(42px,5.2vw,68px);line-height:1.08;margin-top:16px}.summer-heading p{color:var(--muted);font-size:13px;line-height:1.9;max-width:360px}.summer-duo{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}.summer-photo-a,.summer-photo-b{height:460px}.summer-photo-a>.image-open,.summer-photo-b>.image-open{height:100%}.summer-photo-a .image-open img,.summer-photo-b .image-open img{width:100%;height:100%;object-fit:cover}.summer-photo-a{transform:rotate(-2deg)}.summer-photo-b{transform:rotate(3deg);margin-top:40px}.interlude-pin{width:100%}.landscape-layers{width:100%;height:100%}
.story-stage{background:#303c30;color:#f7f3eb}.story-sticky{position:relative;width:100%;overflow:hidden}.story-top,.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;width:88%;margin:auto;padding:35px 0}.story-top{border-bottom:1px solid #ffffff25}.story-top a{font-size:10px;color:#e9e5cd}.story-scene{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;width:min(1100px,82%);margin:60px auto 80px}.story-copy h2{font-size:clamp(50px,6.3vw,90px);margin:25px 0}.story-copy em{color:#d8bc83}.story-copy>p:last-child{font-size:13px;max-width:340px;color:#d4d9c9}.story-date{font:italic 30px var(--serif);margin-bottom:17px;color:#e4cda6}.story-photo{height:min(65svh,580px);width:100%;max-width:460px;transform:rotate(-4deg);color:var(--ink)}.story-photo img{height:100%;width:100%;object-fit:cover}.story-bottom{font-size:9px;letter-spacing:.15em;border-top:1px solid #ffffff25}.story-track{height:1px;background:#ffffff30;flex:1;max-width:500px}.story-track span{display:block;height:2px;width:100%;background:#d8bc83;transform:scaleX(0);transform-origin:left}.js .story-stage{height:410svh}.js .story-sticky{position:sticky;top:0;height:100svh;min-height:610px}.js .story-scenes{position:absolute;inset:110px 0 90px}.js .story-scene{position:absolute;inset:0;margin:auto;height:100%;will-change:opacity,transform}.js .story-scene:not(:first-child){opacity:0;visibility:hidden}.js .story-photo{height:min(64svh,570px);will-change:transform}.js .story-bottom{position:absolute;bottom:0;left:6%}
@media(max-width:680px){.js .story-stage{height:360svh}.duo-moment{grid-template-columns:1fr;gap:35px;margin-top:60px;padding-top:50px}.duo-photos{flex-direction:row;gap:14px}.duo-photo{height:250px;width:50%}.summer-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.summer-duo{grid-template-columns:1fr;gap:25px}.summer-photo-a,.summer-photo-b{height:340px;margin-top:0}.js .story-sticky{min-height:570px}.story-top{padding:25px 0;gap:10px}.story-top .eyebrow{font-size:8px;letter-spacing:.13em}.story-top a{font-size:9px;white-space:nowrap}.js .story-scenes{inset:90px 0 65px}.story-scene{grid-template-columns:1fr;gap:22px;width:78%;text-align:center}.js .story-scene{display:flex;flex-direction:column;justify-content:center;gap:20px}.story-copy h2{font-size:44px;margin:12px 0}.story-copy h2 br{display:none}.story-copy h2 br::after{content:' '}.story-copy>p:last-child{font-size:11px;line-height:1.7;margin:auto}.story-date{font-size:23px;margin-bottom:10px}.js .story-photo,.story-photo{height:36svh;max-height:330px;min-height:190px;width:72%;max-width:275px}.story-photo .photo-caption{font-size:15px}.story-bottom{padding:22px 0;gap:15px;font-size:8px}.story-track{max-width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.read-line span{opacity:1}.interlude>img{transform:none!important}.js .story-stage{height:auto}.js .story-sticky{position:relative;height:auto;min-height:0}.js .story-scenes{position:static}.js .story-scene,.js .story-scene:not(:first-child){position:relative;inset:auto;opacity:1;visibility:visible;margin:60px auto;height:auto}.js .story-bottom{position:static}.js .story-photo{height:420px;min-height:0}.story-copy{margin-bottom:20px}.panorama{height:auto}.interlude-pin{position:relative}.landscape-layers{transform:none!important}.panorama .interlude-copy{transform:none!important}}