/* Photo diary: an isolated editorial layer for the Photos page. */
.photo-diary{--pd-ink:#111314;--pd-paper:#efefe9;--pd-line:#454a4b;background:var(--pd-ink);overflow:clip;color:var(--pd-paper)}
.photo-diary .pd-label,.pd-topline,.pd-print-caption,.pd-side-note,.pd-orbit,.pd-hero-bottom,.pd-toolbar,.pd-album-index,.pd-album-caption time,.pd-album-action,.pd-archive-end,.pd-step-number{font-family:var(--mono,monospace);font-size:10px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase}
.pd-hero{position:relative;min-height:760px;max-width:1800px;margin:auto;padding:30px 4.5% 70px;isolation:isolate}
.pd-topline{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--pd-line);color:#bcc0bc;position:relative;z-index:3}
.pd-topline span:first-child{color:var(--accent)}
.pd-hero-copy{position:relative;z-index:2;pointer-events:none;padding-top:74px;width:59%}
.pd-hero-copy>*{pointer-events:auto}
.pd-hero h1{font-family:var(--body);font-size:clamp(76px,9.9vw,158px);font-weight:800;letter-spacing:-.075em;line-height:.87;width:max-content;max-width:100%;margin:0 0 32px;text-transform:uppercase}
.pd-hero h1 span{display:block}
.pd-hero h1 span+span{color:var(--accent)}
.pd-intro{font-size:15px;line-height:1.7;max-width:285px;margin-bottom:24px;color:#d0d2cd}
.pd-button{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;min-height:54px;background:var(--pd-paper);color:var(--pd-ink);padding:17px 21px;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,transform .2s}
.pd-button .arrow{font-size:24px}
.pd-button:hover{background:var(--accent);transform:translateY(-2px)}
.pd-destination{margin-top:12px;font-size:10px;color:#a8aeaa;max-width:280px;line-height:1.5}
.pd-collage{position:absolute;inset:0;z-index:1;pointer-events:none}
.pd-print{position:absolute;display:block;padding:9px 9px 0;background:var(--pd-paper);color:var(--pd-ink);box-shadow:0 18px 50px #0005;pointer-events:auto;transition:box-shadow .2s ease}
.pd-print-main{width:46%;right:7%;top:109px;transform:rotate(-5deg)}
.pd-print-main .pd-image{aspect-ratio:1.37}
.pd-image{position:relative;background:#252b2d;overflow:hidden}
.pd-image img{height:100%;width:100%;object-fit:cover;transition:filter .6s,transform .6s}
.pd-print-caption{display:flex;justify-content:space-between;gap:15px;padding:11px 3px;font-size:9px}
.pd-print-small{width:25%;right:4.6%;top:423px;transform:rotate(7deg);z-index:2;padding:7px 7px 0}
.pd-print-small .pd-image{aspect-ratio:1.55}
.pd-print-small .pd-print-caption{font-size:8px;letter-spacing:0}
/* Keep the overlapping links stationary: changing transform or stacking on hover
   can move the target out from under the pointer and hide the other print. */
@media(hover:hover) and (pointer:fine){.pd-print:hover{box-shadow:0 0 0 2px var(--accent),0 18px 50px #0005}}
.pd-print:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.pd-frame-corner{position:absolute;inset:5px 8px auto auto;font-family:var(--mono);font-size:23px;color:white;line-height:1}
.pd-cross{position:absolute;font-family:var(--mono);font-size:26px;color:#929a94;font-weight:300}
.pd-cross-one{right:3.5%;top:76px}.pd-cross-two{right:48%;top:583px}
.pd-side-note{position:absolute;right:1.8%;top:195px;writing-mode:vertical-rl;color:#aaa}
.pd-orbit{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;right:30.5%;top:486px;width:115px;height:115px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);transform:rotate(-15deg);font-size:8px;line-height:1.2;letter-spacing:.12em}
.pd-orbit b{font-size:55px;font-family:Arial;font-weight:400;line-height:1;margin:0 0 6px}.pd-orbit span{font-size:7px}
.pd-hero-bottom{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;color:#a7afaa}
.pd-hero-bottom a{display:flex;gap:23px;align-items:center;min-height:44px;color:var(--pd-paper)}.pd-hero-bottom a span{font-size:25px;color:var(--accent)}
.pd-manifesto{display:flex;justify-content:space-between;align-items:center;gap:35px;border-block:1px solid var(--pd-line);padding:26px 4.5%;overflow:hidden}
.pd-manifesto p{font-family:var(--body);font-size:clamp(25px,4.55vw,73px);font-weight:750;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.pd-manifesto>span{font-size:44px;line-height:1;color:var(--accent)}
.pd-archive{padding:90px 4.5% 60px;max-width:1600px;margin:auto;scroll-margin-top:30px}
.pd-archive-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding-bottom:42px}
.photo-diary .pd-label{color:#b5bab5;margin-bottom:24px}
.pd-archive h2{font-family:var(--body);font-size:clamp(58px,8.2vw,118px);font-weight:750;letter-spacing:-.075em;line-height:.91}
.pd-archive h2 span{color:transparent;-webkit-text-stroke:1px var(--pd-paper)}
.pd-archive-intro{max-width:270px;padding-bottom:8px}.pd-archive-intro>p{font-size:14px;line-height:1.8;color:#b5bab5;margin-bottom:20px}
.pd-albums{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:26px;row-gap:75px;padding:60px 0 65px;align-items:start}
.pd-album{min-width:0;position:relative}.pd-album a{display:block}
.pd-album-index{display:flex;justify-content:space-between;padding:0 0 12px;color:#a7afaa;font-size:9px}
.pd-album .pd-image{aspect-ratio:1.48;border:1px solid #ffffff17}.pd-album-1{grid-column:1/8}.pd-album-2{grid-column:9/13;padding-top:115px}.pd-album-2 .pd-image{aspect-ratio:.85}
.pd-album-3{grid-column:2/6;padding-top:30px}.pd-album-3 .pd-image{aspect-ratio:.8}.pd-album-4{grid-column:7/13;padding-top:100px}
.pd-album-5{grid-column:1/8;padding-top:40px}.pd-album-6{grid-column:9/13;padding-top:105px}.pd-album-6 .pd-image{aspect-ratio:.92}
.pd-album-open{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pd-paper);color:var(--pd-ink);font-size:28px;transition:background .25s,transform .25s}
.pd-album a:hover .pd-album-open{background:var(--accent);transform:rotate(45deg)}.pd-album a:hover img{transform:scale(1.025)}
.pd-album-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--pd-line);padding:18px 0 20px}
.pd-album-caption time{display:block;color:#a7afaa;font-size:9px;margin-bottom:8px}
.pd-album-caption h3{font-family:var(--body);font-size:clamp(19px,2vw,29px);font-weight:550;line-height:1.2;letter-spacing:-.045em;max-width:380px}
.pd-album-action{font-size:8px;color:#c1c6c0;display:flex;gap:15px;align-items:center;margin-top:22px;white-space:nowrap}.pd-album-action>span{font-size:21px}
.pd-album:nth-child(2n) .pd-album-action,.pd-album-3 .pd-album-action{font-size:0;gap:0}
.pd-archive-end{display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid var(--pd-line);color:#a7afaa}.pd-archive-end .text-link{color:var(--pd-paper)}
.pd-takeaway{background:var(--pd-paper);color:var(--pd-ink);padding:40px 4.5% 28px;position:relative}
.pd-takeaway-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.photo-diary .pd-takeaway .pd-label{color:#555d54;margin:0}.pd-takeaway-top>span{font-size:62px;line-height:1}
.pd-takeaway h2{font-family:var(--body);font-size:clamp(48px,7.7vw,120px);letter-spacing:-.075em;line-height:.98;font-weight:750;margin:0 0 48px;max-width:1400px}
.pd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-block:1px solid #a0a89d;padding:25px 0 30px}.pd-steps>div{padding-right:20px;position:relative}.pd-steps>div+div{border-left:1px solid #a0a89d;padding-left:30px}
.pd-step-number{color:#5a6359;display:block;margin-bottom:20px}.pd-steps h3{font-family:var(--body);font-size:20px;letter-spacing:-.04em;font-weight:600;margin-bottom:8px}.pd-steps p{font-size:12px;color:#4b544a;line-height:1.7;max-width:280px}
.pd-takeaway-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px}.pd-takeaway .pd-button{background:var(--pd-ink);color:var(--pd-paper)}.pd-takeaway .pd-button:hover{background:#343934}.pd-takeaway-bottom>p{max-width:340px;font-size:10px;color:#5a6359;line-height:1.7}
.pd-last-line{display:flex;justify-content:space-between;align-items:center;margin-top:55px;font-size:clamp(18px,2vw,30px);letter-spacing:-.04em}.pd-last-line>span{font-size:45px}
.pd-unavailable::after{content:'ONE / PHOTO DIARY';position:absolute;inset:0;display:grid;place-items:center;font:10px var(--mono,monospace);letter-spacing:.12em;color:#aaa}.pd-unavailable img{visibility:hidden}
@media(min-width:1600px){.pd-hero{min-height:980px}.pd-print-main{top:120px}.pd-print-small{top:520px}.pd-orbit{top:625px}.pd-cross-two{top:725px}.pd-hero-copy{padding-top:95px}.pd-intro{margin-top:38px}}
@media(max-width:1050px) and (min-width:701px){.pd-hero{min-height:700px}.pd-print-main{top:115px;width:48%;right:5%}.pd-print-small{top:370px;width:28%}.pd-orbit{top:470px;right:32%;width:92px;height:92px}.pd-orbit b{font-size:40px}.pd-cross-two{top:545px}.pd-intro{max-width:245px;font-size:13px}.pd-albums{column-gap:17px}.pd-album-action{font-size:0;gap:0}.pd-archive-intro{max-width:240px}}
@media(max-width:700px){
 .pd-hero{padding:22px 6% 75px;min-height:0}.pd-topline{font-size:8px;padding-bottom:15px;gap:12px}.pd-topline span:last-child{display:none}
 .pd-hero-copy{width:100%;padding-top:38px}.pd-hero h1{font-size:clamp(65px,15vw,106px);margin-bottom:23px;letter-spacing:-.075em;line-height:.9}.pd-intro{font-size:13px;line-height:1.6;max-width:275px;margin-bottom:19px}.pd-button{font-size:10px;padding:15px 19px;min-height:51px}.pd-destination{font-size:9px;margin-top:10px}
 .pd-collage{position:relative;inset:auto;height:clamp(385px,85vw,580px);margin-top:26px;width:100%;z-index:1}.pd-print-main{top:27px;right:10%;width:83%;padding:6px 6px 0;transform:rotate(-6deg)}.pd-print-main .pd-image{aspect-ratio:1.35}.pd-print-small{width:53%;top:53%;right:0;padding:5px 5px 0}.pd-print-caption{font-size:8px;padding:9px 2px}.pd-print-small .pd-print-caption{font-size:6px;gap:8px}
 .pd-side-note{right:-4%;top:43px;font-size:7px}.pd-orbit{width:85px;height:85px;top:70%;left:10%;right:auto;font-size:6px}.pd-orbit b{font-size:37px}.pd-orbit span{font-size:5px}.pd-cross-one{right:-1%;top:0;font-size:22px}.pd-cross-two{display:none}
 .pd-hero-bottom{left:6%;right:6%;bottom:19px;font-size:7px}.pd-hero-bottom a{gap:15px}.pd-manifesto{padding:20px 6%;gap:17px}.pd-manifesto p{font-size:6vw;white-space:normal}.pd-manifesto>span{font-size:30px}.pd-manifesto>span:last-child{display:none}
 .pd-archive{padding:55px 6% 40px}.pd-archive-heading{display:block;padding-bottom:27px}.photo-diary .pd-label{font-size:8px;margin-bottom:20px}.pd-archive h2{font-size:clamp(47px,11.4vw,80px)}.pd-archive-intro{max-width:300px;padding:24px 0 0}.pd-archive-intro>p{font-size:12px;line-height:1.7;margin-bottom:17px}.pd-archive-intro .text-link{font-size:9px}
 .pd-toolbar{align-items:flex-start;flex-direction:column;gap:7px;padding:15px 0 12px;font-size:8px}.pd-tone{width:100%;gap:7px}.pd-tone button{font-size:8px;padding:10px 11px;min-height:44px;flex:1;justify-content:center}
 .pd-albums{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 12px;padding:32px 0 40px}.pd-album-1,.pd-album-3,.pd-album-5{grid-column:1/7;padding:0}.pd-album-2,.pd-album-4,.pd-album-6{grid-column:2/7;padding:0}.pd-album-1 .pd-image,.pd-album-3 .pd-image,.pd-album-5 .pd-image{aspect-ratio:1.23}.pd-album-2 .pd-image,.pd-album-4 .pd-image,.pd-album-6 .pd-image{aspect-ratio:1.13}
 .pd-album-index{font-size:8px;padding-bottom:8px}.pd-album-caption{padding:13px 0 15px;gap:10px}.pd-album-caption h3{font-size:24px;max-width:260px}.pd-album-caption time{font-size:8px;margin-bottom:7px}.pd-album-action{font-size:0;gap:0;margin-top:18px}.pd-album-open{width:40px;height:40px;right:12px;bottom:12px;font-size:25px}.pd-archive-end{font-size:7px;gap:15px}.pd-archive-end .text-link{font-size:8px;gap:12px}
 .pd-takeaway{padding:28px 6% 22px}.pd-takeaway-top{margin-bottom:22px}.pd-takeaway-top>span{font-size:42px}.pd-takeaway h2{font-size:clamp(32px,7.9vw,54px);margin-bottom:30px}.pd-steps{grid-template-columns:1fr;gap:0;padding:0;border-bottom:0}.pd-steps>div,.pd-steps>div+div{border:0;border-bottom:1px solid #a0a89d;padding:21px 0 21px 42px}.pd-step-number{position:absolute;left:0;top:23px;font-size:9px;margin:0}.pd-steps h3{font-size:19px}.pd-steps p{font-size:11px}.pd-takeaway-bottom{display:block;margin-top:25px}.pd-takeaway-bottom .pd-button{display:flex}.pd-takeaway-bottom>p{font-size:9px;margin-top:15px;max-width:none}.pd-last-line{font-size:16px;gap:15px;margin-top:36px}.pd-last-line>span{font-size:32px}
}
@media(max-width:370px){.pd-collage{height:340px}.pd-print-small{top:177px}.pd-orbit{top:237px;width:75px;height:75px}.pd-hero-bottom{font-size:6px}.pd-hero-bottom a{gap:9px}.pd-topline{font-size:7px}}
@media(prefers-reduced-motion:reduce){.photo-diary *{transition:none!important;scroll-behavior:auto!important}}
