/* M1du: a personal seal, a red journal, generous photographic spreads. */
:root{--wine:#710f20;--cream:#f8eee2;--muted:#dfbbb9;--night:#180d10;--line:#f8eee22f}
body{background:var(--night)}
.hero-stage:before{content:'';position:absolute;inset:-16%;z-index:1;pointer-events:none;opacity:.34;mix-blend-mode:screen;background:radial-gradient(circle at 47% 42%,#ff72831f 0,transparent 25%),radial-gradient(circle at 78% 18%,#8ed5ff1c 0,transparent 20%);animation:hero-breathe 11s ease-in-out infinite alternate}
.small{font-size:.75rem;line-height:1.7;letter-spacing:.13em}
.header{padding:22px 4vw;align-items:center}
.header:after{content:'';position:absolute;bottom:0;left:4vw;right:4vw;height:1px;background:linear-gradient(90deg,#f8eee235,transparent 38%,transparent 62%,#f8eee235);pointer-events:none}
.header .wordmark{display:grid;place-items:center;width:64px;height:64px;line-height:0;border-radius:19px;transition:transform .3s ease,box-shadow .3s ease}
.header .wordmark img{width:64px;height:64px;filter:drop-shadow(0 8px 16px #18030830)}
.header .wordmark:hover{transform:translateY(-3px) rotate(-5deg);box-shadow:0 10px 28px #15040740}
.header .wordmark:focus-visible{outline-offset:6px}
.header .menu-trigger,.header-link{text-shadow:0 2px 12px #170509}
.hero-wash{background:linear-gradient(180deg,#19080c75,transparent 30%,transparent 65%,#19080caa)}
.hero-stage:after{content:'';position:absolute;inset:130px 4vw 125px;border:1px solid #fff3;pointer-events:none;opacity:0;transition:opacity .7s;z-index:1}
.hero.film-revealed .hero-stage:after{opacity:1}
.hero-bottom{left:4vw;right:4vw;bottom:30px}
.hero-media video{transform:none;filter:none;object-position:50% 50%}
.introduction{display:block;min-height:0;padding:38px 6vw 35px;background:var(--wine)}
.intro-kicker{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}
.intro-editorial{display:grid;grid-template-columns:1fr 1.05fr;gap:5vw;align-items:center;margin:65px 0 70px}
.introduction .statement{text-align:left;font:400 clamp(4.5rem,8.7vw,10rem)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 28px}
.introduction .statement em{color:#ffc2ae}
.journey-deck{text-align:left;font-size:1.05rem;line-height:1.8;margin:0 0 20px}
.intro-links{justify-content:flex-start;gap:25px;margin:0;line-height:1.6}
.intro-photograph{margin:50px 0 0;min-width:0}
.editorial-shot{position:relative;display:block;padding:0;overflow:hidden;box-shadow:20px 24px 0 #3d0a1566;width:100%}
.editorial-shot img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:53% 50%;transition:transform .9s cubic-bezier(.2,.6,.2,1)}
.editorial-shot:hover img{transform:scale(1.04)}
.intro-photo-label{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 22px;background:linear-gradient(transparent,#000a);text-align:left;color:#fff}
.intro-photograph figcaption{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;line-height:1.6;letter-spacing:.07em;margin-top:42px;color:var(--muted)}
.intro-bottom{align-items:center;padding-top:24px;font-size:.875rem;line-height:1.7}
.intro-bottom a{padding:10px 0;border-bottom:1px solid var(--line)}
.daily-frame{background:#180d10;padding:65px 6vw 95px}
.daily-frame-layout{grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.daily-frame-copy h2{font-size:clamp(3.3rem,5.9vw,6.5rem);line-height:1.12}
.daily-frame-card{display:block;position:relative;min-width:0}
.daily-frame-media{width:100%;border:1px solid var(--line);padding:14px;background:#28151a}
.daily-frame-media img{aspect-ratio:4/3;object-fit:contain;max-height:62svh;background:#10090c}
.daily-frame-open{left:14px;right:14px;bottom:14px;padding-top:40px}
.daily-frame-meta{position:relative;margin:25px 0 0;padding:0}
.daily-frame-meta h3{font-size:clamp(2.5rem,4vw,4.2rem);line-height:1.1;margin:10px 0}
.daily-frame-meta p{font-size:1.3rem}
.american-chapter{padding-top:65px;padding-bottom:90px;background:#f8eee2}
.journey-heading{margin:70px 0 50px;gap:6vw}
.journey-heading h2{font-size:clamp(4rem,7.7vw,8.5rem);line-height:1.08}
.landscape-feature{position:relative}
.landscape-feature img{max-height:none;aspect-ratio:3/2;object-fit:cover;object-position:center 55%}
.feature-open{border-radius:50%;width:88px;height:88px;display:grid;place-items:center;text-align:center;padding:15px;font-size:.75rem;line-height:1.6;letter-spacing:.04em;transition:transform .3s}
.landscape-feature button:hover .feature-open{transform:rotate(-8deg)}
.memory-pair{grid-template-columns:.85fr 1.15fr;margin:110px 0 0;gap:9vw}
.memory-portrait{transform:rotate(-4deg);width:90%;max-width:365px;padding:12px;background:#fffaf3;box-shadow:0 18px 40px #4e192018}
.memory-portrait img{box-shadow:none}
.memory-portrait>p{font-size:.75rem;letter-spacing:.06em;margin:16px 3px 5px}
.memory-notes h3{font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.15}
.memory-landscape{margin-top:35px}
.place-notes{gap:40px;margin-top:90px}
.place-notes article+article{border-left:1px solid #650b1035;padding-left:35px}
.journey-map{background:#eee1d5;padding:32px;margin-top:80px;border:0}
.journey-map .map-heading h3{font-size:clamp(3rem,4.8vw,5rem);line-height:1.12}
.route-map:before{display:none}
.route-stop{padding:18px 10px;border-bottom:1px solid #650b1035;min-height:110px;grid-template-columns:50px minmax(0,1fr)}
.route-stop.active{border-bottom:2px solid #710f20}
.route-stop strong{font-size:clamp(1.5rem,2.5vw,2rem)}
.route-code{font-size:.75rem}
.route-dot{background:#eee1d5}
.route-note .text-button{font-size:.875rem;line-height:1.6}
.motion-memories{background:#510f1c;padding:60px 6vw 110px}
.motion-heading{margin:60px 0}
.motion-heading h2{line-height:1.15}
.film-grid{gap:22px;align-items:start}
.film-card{border:1px solid #f8eee23a;border-radius:130px 130px 3px 3px}
.film-card:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 35%,#fff5 50%,transparent 65%);transform:translateX(-135%);transition:transform .85s cubic-bezier(.2,.7,.2,1);mix-blend-mode:screen}
.film-card:hover:before,.film-card:focus-visible:before{transform:translateX(135%)}
.film-card:nth-child(even){transform:translateY(42px)}
.film-card img{aspect-ratio:3/5;filter:saturate(.85)}
.film-play{top:auto;bottom:145px;left:22px;width:50px;height:50px;background:#180d1055}
.film-caption{bottom:28px;left:22px;right:18px;font-size:1.8rem;line-height:1.18}
.film-caption small{font-size:.75rem}
.gallery-stage{background:radial-gradient(ellipse at center,#992237,var(--wine) 75%)}
.gallery-top:before{font-size:.75rem;top:34px}
.archive{padding:65px 6vw 100px;background:#180d10}
.archive-heading{margin:65px 0 50px}
.archive-heading h2{font-size:clamp(4rem,7vw,8rem);line-height:1.1}
.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6vw;row-gap:55px}
.archive-card{min-width:0}
.archive-image{transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s cubic-bezier(.2,.7,.2,1)}
.archive-card:hover .archive-image,.archive-card:focus-within .archive-image{transform:translateY(-8px);box-shadow:0 24px 48px #0005}
.archive-card:nth-child(even){margin-top:70px}
.archive-image{background:#28151a;padding:12px;border:1px solid #f8eee220}
.open-archive-photo{background:#10090c}
.archive-card[data-kind=photo] .open-archive-photo img{aspect-ratio:4/3;object-fit:contain;height:auto;max-height:none;background:#10090c}
.archive-card[data-entry='2'] .open-archive-photo img,.archive-card[data-entry='0'] .open-archive-photo img,.archive-card[data-entry='1'] .open-archive-photo img{aspect-ratio:4/5;max-height:650px}
.archive-card[data-kind=video] .open-archive-photo img{aspect-ratio:4/5;object-fit:cover}
.archive-card-caption h3{font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:1.14}
.archive-card-caption .small{font-size:.75rem}
.photo-vietnamese{font-size:.9375rem}
.favorite-button{width:44px;height:44px;top:22px;right:22px;background:#710f20}
.filter-button.active{background:var(--cream);color:#510f1c}
.archive-status{font-size:.875rem}
.personal-story{background:var(--wine);padding:65px 6vw 90px}
.story-heading h2{font-size:clamp(4rem,7vw,8rem);line-height:1.1}
.story-copy .story-lead{font-size:clamp(1.7rem,2.6vw,2.8rem);line-height:1.4}
.story-copy p{line-height:1.95}
.story-byline{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:.75rem}
.story-interests{gap:40px}
.story-interests article{position:relative;padding:24px 20px 6px 0;transition:transform .35s ease,color .35s ease}
.story-interests article:before{content:'';position:absolute;left:0;top:0;width:34px;height:2px;background:#ffc2ae;transform-origin:left;transition:width .35s ease}
.story-interests article:hover{transform:translateY(-7px)}
.story-interests article:hover:before{width:72px}
.story-interests h3{max-width:12ch}
footer{padding:50px 6vw 30px;background:#180d10}
.footer-frame{border:0;min-height:65svh;padding:70px 0;text-align:left;align-items:flex-start;border-bottom:1px solid var(--line)}
.footer-frame:before,.footer-frame:after{display:none}
.footer-frame h2{font-size:clamp(4rem,8.5vw,10rem);line-height:1.12;margin:30px 0 38px}
.footer-frame h2 em{color:#ffc2ae}
.footer-bottom{font-size:.875rem;line-height:1.7}
.credit{text-align:left;margin-top:25px}
.navigation{background:#510f1c}
.navigation>.wordmark{margin-top:8px}
.navigation>.wordmark img{width:78px;height:78px}
.navigation nav a{font-size:clamp(2rem,4.5vw,4.6rem);padding:14px 0;line-height:1.2;transition:padding .3s,color .3s}
.navigation nav a:hover{padding-left:18px;color:#ffc2ae}
.lightbox{background:#180d1afa}
.text-button{line-height:1.6}
@keyframes hero-breathe{0%{transform:scale(1) translate3d(-1%,0,0);opacity:.24}100%{transform:scale(1.13) translate3d(2%,-1%,0);opacity:.46}}
@media(min-width:1600px){.introduction,.daily-frame,.american-chapter,.motion-memories,.archive,.personal-story,footer{padding-left:max(6vw,calc((100vw - 1480px)/2));padding-right:max(6vw,calc((100vw - 1480px)/2))}}
@media(max-width:1000px){.daily-frame-layout{gap:5vw}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.film-card:nth-child(even){transform:translateY(28px)}.film-card img{aspect-ratio:3/4}.route-map{gap:10px}.route-stop{column-gap:8px}.story-layout{gap:5vw}}
@media(max-width:700px){
 .header{padding:18px 20px;grid-template-columns:1fr 64px 1fr}.header .wordmark,.header .wordmark img{width:52px;height:52px}.header:after{left:20px;right:20px}
 .hero{height:220svh}.hero-stage:after{inset:110px 22px 118px}.hero-bottom{left:22px;right:22px;bottom:22px}
 .introduction,.daily-frame,.american-chapter,.motion-memories,.archive,.personal-story,footer{padding-left:24px;padding-right:24px}
 .intro-kicker{font-size:.75rem;letter-spacing:.06em;flex-wrap:wrap;gap:8px}
 .intro-editorial{grid-template-columns:1fr;gap:30px;margin:40px 0 45px}.introduction .statement{font-size:clamp(4rem,16vw,6.8rem);line-height:1.08;margin-bottom:25px}.intro-links{gap:22px;font-size:.9375rem}.journey-deck{font-size:1rem}
 .intro-photograph{margin:0 10px 0 0}.editorial-shot{box-shadow:10px 12px 0 #3d0a1566}.editorial-shot img{aspect-ratio:4/3}.intro-photo-label{font-size:.75rem;letter-spacing:.04em;padding:40px 15px 15px}.intro-photograph figcaption{margin-top:28px;flex-wrap:wrap;gap:5px}.intro-photograph figcaption span:last-child{display:none}.intro-bottom .small{font-size:.75rem;letter-spacing:.04em}
 .daily-frame{padding-top:45px;padding-bottom:60px}.daily-frame-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.daily-frame-copy h2{font-size:clamp(3rem,11.5vw,4.5rem);line-height:1.12}.daily-frame-media{padding:9px}.daily-frame-open{left:9px;right:9px;bottom:9px}.daily-frame-meta h3{font-size:2.8rem}
 .chapter-line{font-size:.75rem;letter-spacing:.05em;flex-wrap:wrap;gap:8px}.journey-heading{grid-template-columns:1fr;gap:25px;margin:40px 0 30px}.journey-heading h2{font-size:clamp(3.5rem,13vw,5rem)}.landscape-feature img{aspect-ratio:4/3}.feature-open{width:65px;height:65px;font-size:.75rem;right:12px;bottom:12px;padding:8px}.landscape-feature figcaption{font-size:.75rem}
 .memory-pair{grid-template-columns:1fr;gap:48px;margin-top:60px}.memory-portrait{width:66%;max-width:290px}.memory-notes h3{font-size:2.8rem}.place-notes{grid-template-columns:1fr;gap:25px;margin-top:45px}.place-notes article+article{padding-left:0;border-left:0}
 .journey-map{margin-top:45px;padding:24px 18px}.map-heading{grid-template-columns:1fr;gap:20px}.journey-map .map-heading h3{font-size:3rem}.route-map{grid-template-columns:1fr;padding:0;margin:24px 0;gap:0}.route-stop{min-height:80px;grid-template-columns:44px 1fr;padding:10px 0}.route-stop strong{font-size:2rem}.route-note{grid-template-columns:1fr;gap:14px}
 .motion-memories{padding-top:45px;padding-bottom:70px}.motion-heading{margin:35px 0}.motion-heading h2{font-size:clamp(2.7rem,10.5vw,4rem)}.film-grid{gap:14px}.film-card{border-radius:85px 85px 2px 2px}.film-card:nth-child(even){transform:translateY(20px)}.film-card img{aspect-ratio:3/5}.film-caption{font-size:1.35rem;bottom:16px;left:12px;right:10px}.film-caption small{font-size:.75rem;letter-spacing:0}.film-play{left:12px;bottom:128px;width:40px;height:40px}
 .archive{padding-top:45px;padding-bottom:65px}.archive-heading{grid-template-columns:1fr;gap:28px;margin:40px 0}.archive-heading h2{font-size:clamp(3.5rem,13vw,5rem)}.archive-toolbar{align-items:stretch;flex-direction:column;gap:20px}.photo-search{width:100%}.photo-grid{grid-template-columns:1fr;gap:40px}.archive-card:nth-child(even){margin-top:0}.archive-card-caption h3{font-size:2.6rem}.archive-image{padding:9px}.favorite-button{top:18px;right:18px}.filter-button{font-size:.875rem;padding:8px 12px}.archive-status{flex-direction:column;gap:6px}
 .personal-story{padding-top:45px;padding-bottom:60px}.story-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.story-heading{position:relative;top:0}.story-heading h2{font-size:clamp(3.5rem,13vw,5rem)}.story-interests{grid-template-columns:1fr;gap:25px}.story-copy{max-width:none}.story-copy .story-lead{font-size:2rem}
 .footer-frame{min-height:0;padding:45px 0}.footer-frame h2{font-size:clamp(3.2rem,12vw,5rem)}.footer-frame>.small{font-size:.75rem;letter-spacing:.08em}.footer-bottom{justify-content:flex-start;text-align:left}.footer-bottom a{text-align:left}.navigation>.wordmark img{width:64px;height:64px}.navigation nav a{font-size:2rem;line-height:1.25}.lightbox{padding:65px 38px 25px}
}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.gallery{height:auto}.header .wordmark:hover,.film-card:nth-child(even),.memory-portrait,.story-interests article:hover,.archive-card:hover .archive-image,.archive-card:focus-within .archive-image{transform:none}.hero-stage:before{animation:none;opacity:.18}.hero-stage:after{opacity:1}.editorial-shot:hover img{transform:none}.story-interests article:hover:before{width:34px}}

.credit a{display:inline-block;padding:6px 0;text-decoration:underline;text-underline-offset:4px}