@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');
:root{--paper:#f3f0e9;--ink:#171714;--red:#c23a2c;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:6px}.skip{position:absolute;left:1rem;top:-100px;z-index:5;background:var(--paper);padding:1rem}.skip:focus{top:1rem}header{padding:28px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17171422;gap:25px}.brand{font-family:var(--serif);font-size:24px;white-space:nowrap}.brand span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:2px;text-align:center;margin-top:6px}nav{display:flex;align-items:center;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:1.3px}.contact{border:1px solid currentColor;padding:16px 24px;display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:1.4px}nav a:hover,.related a:hover{color:var(--red)}.opening{padding:65px 7% 45px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:400;color:var(--red);line-height:1.6}h1{font-size:clamp(36px,5.6vw,90px);font-weight:400;font-family:var(--serif);margin:25px 0 0;line-height:1.04}h1>span{display:block;font-size:clamp(55px,9.5vw,150px);letter-spacing:-2px;margin-top:10px}em{font-weight:400}h2{font-family:var(--serif);font-size:clamp(42px,6.4vw,98px);font-weight:400;line-height:1.02;margin:22px 0 30px;letter-spacing:-1px}.opening-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:35px;font-size:14px;line-height:1.6}.opening-bottom>a{border-bottom:1px solid;padding-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}figure{margin:0}img{display:block;width:100%;height:auto}figcaption{padding:14px 0;font-size:12px;letter-spacing:1px;text-transform:uppercase;line-height:1.5;opacity:.7}.opening-photo{width:68%;margin:0 auto 110px}.opening-photo img{max-height:1000px;object-fit:contain}.intro{display:grid;grid-template-columns:1fr 2fr;gap:5%;padding:0 10% 115px}.intro p:not(.eyebrow),.copy p,.closing>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:660px}.chapter{padding:90px 7% 110px;border-top:1px solid #17171422}.chapter-heading{margin-bottom:30px}.copy{max-width:760px;margin:0 0 65px auto}.spread{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:start;margin:65px auto;max-width:1200px}.spread.offset>figure:nth-child(2){padding-top:140px}.detail-spread{max-width:850px;gap:12%}.wide{max-width:1300px;margin:90px auto}.quiet{width:45%;max-width:650px;margin:90px auto 0}.quiet.landscape{width:70%;max-width:1000px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#ed7c6e}.cover-art{max-width:1100px;margin:0 auto 90px}.closing{padding:100px 10%;border-top:1px solid #17171422}.closing>p{max-width:650px}.related{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin:55px 0}.related a{font-family:var(--serif);font-size:34px;border-top:1px solid #17171444;padding-top:20px;line-height:1.2}.related span{display:block;font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;color:var(--red)}.credits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 7%;border-top:1px solid #17171422;font-size:13px;line-height:1.8}footer{display:flex;gap:35px;padding:30px 7%;background:var(--ink);color:var(--paper);font-size:12px;text-transform:uppercase;letter-spacing:1px}footer span{margin-right:auto}@media(max-width:700px){header{padding:20px 5%;flex-wrap:wrap}.brand{font-size:22px}nav{width:100%;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.5px}nav .contact{padding:10px;font-size:10px}.opening{padding:40px 6% 30px}h1>span{letter-spacing:-1px}.opening-bottom{font-size:12px;gap:18px}.opening-photo{width:88%;margin-bottom:60px}.intro{display:block;padding:0 7% 60px}.intro p:not(.eyebrow),.copy p,.closing>p:not(.eyebrow){font-size:16px;line-height:1.75}.chapter{padding:55px 6% 65px}.copy{margin-bottom:35px}.spread{gap:4%;margin:35px auto}.spread.offset>figure:nth-child(2){padding-top:60px}.detail-spread{gap:8%}.wide{margin:45px auto}.quiet{width:72%;margin-top:45px}.quiet.landscape{width:100%}.cover-art{margin-bottom:45px}.closing{padding:60px 7%}.related{grid-template-columns:1fr;gap:30px;margin:35px 0}.related a{font-size:30px}.credits{grid-template-columns:1fr;gap:0;padding:25px 7%}footer{flex-wrap:wrap;gap:20px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.story-title{font-family:var(--serif);font-size:clamp(48px,8vw,125px);line-height:1.05;letter-spacing:-1px;margin:20px 0 0}.opening h1{font-size:clamp(30px,4vw,62px);line-height:1.12}.closing h3{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.2;margin-top:40px}.chapter h2{font-size:clamp(40px,5.7vw,86px)}
/* More restrained single-image layouts. */
.opening-photo{width:56%;max-width:760px}
.wide{width:78%;max-width:940px;margin:70px auto}
.cover-art{width:76%;max-width:820px;margin:0 auto 70px}
.quiet{width:40%;max-width:540px;margin:70px auto 0}
.quiet.landscape{width:62%;max-width:820px}
@media(max-width:700px){
 .opening-photo{width:82%;margin-bottom:55px}
 .wide{width:90%;margin:40px auto}
 .cover-art{width:86%;margin-bottom:40px}
 .quiet{width:66%;margin-top:40px}
 .quiet.landscape{width:90%}
}

.intro p a,.copy p a,.closing p a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.intro p a:hover,.copy p a:hover,.closing p a:hover{color:var(--red)}



/* English navigation: design and full-screen mobile layout from Wedding Photographer Paris. */
#pmEnglishHeader, #pmEnglishHeader * {box-sizing:border-box;}
#pmEnglishHeader{position:fixed;inset:0 0 auto;z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 34px;color:#fff;font-family:"DM Sans",sans-serif;line-height:1.4;transition:background .35s,color .35s,padding .35s;}
#pmEnglishHeader.pm-scrolled{background:rgba(243,240,233,.94);backdrop-filter:blur(14px);color:#171714;padding-top:14px;padding-bottom:14px;border-bottom:1px solid rgba(23,23,20,.18);}
#pmEnglishHeader a{color:inherit;text-decoration:none;box-shadow:none;}
#pmEnglishHeader .pm-brand{position:relative;z-index:10002;display:block;flex-shrink:0;width:clamp(172px,16vw,228px);line-height:0;}
#pmEnglishHeader .pm-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1);}
#pmEnglishHeader.pm-scrolled .pm-brand img{filter:none;}
#pmEnglishHeader .pm-nav{display:flex;align-items:center;gap:28px;font:400 11.04px/1.4 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.12em;}
#pmEnglishHeader .pm-nav a{display:block;margin:0;padding:0;float:none;width:auto;font:inherit;letter-spacing:inherit;white-space:nowrap;}
#pmEnglishHeader .pm-nav .pm-cta{border:1px solid currentColor;padding:11px 17px;background:rgba(0,0,0,.08);}
#pmEnglishHeader.pm-scrolled .pm-nav .pm-cta{background:transparent;}
#pmEnglishHeader .pm-toggle{display:none;flex-shrink:0;background:none;border:0;border-radius:0;color:inherit;width:40px;height:40px;padding:0;cursor:pointer;}
#pmEnglishHeader .pm-toggle span{display:block;height:1px;background:currentColor;margin:8px;}
#pmEnglishHeader a:focus-visible,#pmEnglishHeader button:focus-visible{outline:2px solid currentColor;outline-offset:5px;}
@media(min-width:901px) and (max-width:1100px){#pmEnglishHeader .pm-nav{gap:16px;font-size:10px;}}
@media(max-width:900px){
 #pmEnglishHeader{padding:18px 20px;}
 #pmEnglishHeader .pm-brand{width:164px;}
 #pmEnglishHeader .pm-toggle{display:block;position:relative;z-index:10002;}
 #pmEnglishHeader .pm-nav{display:none;}
 #pmEnglishHeader.pm-open{position:fixed;inset:0 0 auto;width:100%;transform:none;backdrop-filter:none;color:#fff;background:#171714;}
 #pmEnglishHeader.pm-open .pm-brand img{filter:none;}
 #pmEnglishHeader.pm-open .pm-nav{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100svh;max-height:none;margin:0;padding:calc(104px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:clamp(14px,3.2vh,26px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:none;opacity:1;visibility:visible;pointer-events:auto;z-index:10001;background:#171714;color:#fff;font-family:"Italiana",serif;font-size:32px;}
 #pmEnglishHeader.pm-open .pm-nav a{display:block;width:100%;max-width:calc(100vw - 48px);margin:0;padding:0;color:#fff;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.08;}
 #pmEnglishHeader.pm-open .pm-nav .pm-cta{margin-top:4px;background:#c23a2c;border-color:#c23a2c;}
}
@media(max-width:620px){#pmEnglishHeader .pm-brand{width:148px;}}
@media(max-width:420px),(max-height:650px){#pmEnglishHeader.pm-open .pm-nav{padding-top:calc(86px + env(safe-area-inset-top));gap:12px;}}
@media(prefers-reduced-motion:reduce){#pmEnglishHeader{transition:none;}}


body{padding-top:104px}#pmEnglishHeader{border-bottom:1px solid rgba(23,23,20,.18)}@media(max-width:900px){body{padding-top:86px}}@media(max-width:700px){#pmEnglishHeader .pm-nav{width:auto;justify-content:flex-start}#pmEnglishHeader .pm-nav .pm-cta{font-size:inherit;letter-spacing:inherit}}