.media-page{--media-dark:#292a26;--media-cream:#ebeadd;--media-rust:#b95840;background:var(--media-dark);color:var(--media-cream)}
.media-page main{overflow:clip}.media-page .header{background:#292a26}.media-page .return-bar{background:#292a26;border-color:#ffffff18}.media-page .return-bar .site-back{background:transparent;color:#ebeadd;border-color:#ebeadd55}.media-page .return-bar .site-back:hover{background:#b95840}
.media-hero{position:relative;min-height:760px;height:calc(100svh - 100px);padding:28px 4vw 25px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden}.media-hero-top,.media-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font:11px monospace;letter-spacing:.09em;position:relative;z-index:2}.media-hero-top .eyebrow{font-size:11px;color:#d98a68}.media-jump{text-decoration:none;border-bottom:1px solid #ebeadd70;padding-bottom:6px;color:inherit}.media-jump:hover{color:#e89470}.media-hero h1{font:900 clamp(70px,12.2vw,210px)/.85 Arial,sans-serif;letter-spacing:-.07em;margin:120px 0 24px;position:relative;z-index:1;max-width:95%;pointer-events:none;transform:translateY(var(--hero-title-y,0px))}.media-hero-copy{font-size:clamp(16px,1.6vw,23px);max-width:370px;line-height:1.5;position:relative;z-index:2;margin:0 0 45px}.media-hero-collage{position:absolute;inset:50px 0 90px;z-index:0;pointer-events:none}.media-hero-collage img{position:absolute;object-fit:cover;box-shadow:0 20px 70px #0005;transform:translate3d(var(--collage-x,0px),var(--collage-y,0px),0) rotate(var(--angle));will-change:transform}.media-hero-collage img:nth-child(1){width:27%;height:46%;right:4%;top:3%;--angle:8deg}.media-hero-collage img:nth-child(2){width:37%;height:54%;right:18%;top:35%;--angle:-6deg}.media-hero-collage img:nth-child(3){width:23%;height:32%;right:1%;bottom:2%;--angle:6deg}.media-hero-bottom{border-top:1px solid #ffffff35;padding-top:18px}
.media-chapters{display:flex;justify-content:space-between;gap:15px;padding:27px 4vw;background:#ebeadd;color:#292a26}.media-chapters a{font:12px monospace;text-decoration:none;border-bottom:1px solid transparent;padding:10px 0}.media-chapters a:hover{color:#b95840;border-color:currentColor}
.memory-reel{--reel-bg:#ebeadd;--reel-ink:#292a26;background:var(--reel-bg);color:var(--reel-ink);position:relative;scroll-margin-top:130px}.reel-2{--reel-bg:#b3b499}.reel-3{--reel-bg:#b95840;--reel-ink:#fff5e4}.reel-pin{padding:32px 0 24px;background:var(--reel-bg)}.reel-heading{display:flex;align-items:flex-end;gap:32px;padding:0 4vw 24px}.reel-heading .eyebrow{color:inherit;align-self:flex-start;padding-top:8px;font:12px monospace;white-space:nowrap}.reel-heading h2{font:900 clamp(32px,4.4vw,76px)/.9 Arial,sans-serif;letter-spacing:-.05em;margin:0}.reel-direction{margin-left:auto;font:11px monospace;padding-bottom:5px}.reel-window{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin}.reel-track{display:flex;width:max-content;gap:4vw;padding:0 4vw;will-change:transform}.reel-card{flex:none;width:clamp(300px,48vw,740px);margin:0;scroll-snap-align:center}.reel-card .memory-open{display:block;height:clamp(185px,29svh,440px);position:relative;overflow:hidden;background:#292a2610;cursor:zoom-in}.reel-card img{width:100%;height:100%;object-fit:cover;display:block;transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0) scale(1.15);transition:filter .3s;will-change:transform}.memory-open::after{content:'↗';position:absolute;right:16px;bottom:16px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ebeadd;color:#292a26;font:23px Arial;transform:scale(.75);opacity:0;transition:opacity .2s,transform .2s}.memory-open:hover::after,.memory-open:focus-visible::after{opacity:1;transform:scale(1)}.reel-card figcaption{position:relative;padding:22px 0 5px 52px;max-width:670px}.memory-number{position:absolute;left:0;top:25px;font:9px monospace;writing-mode:vertical-rl;opacity:.6}.reel-card h3{font:800 clamp(22px,2vw,31px)/1.1 Arial,sans-serif;letter-spacing:-.03em;margin:0 0 10px;color:inherit}.reel-card p{font-size:clamp(14px,1.2vw,18px);line-height:1.55;margin:0 0 5px;color:inherit}.reel-meter{height:2px;background:#292a2626;margin:22px 4vw 0;overflow:hidden}.reel-meter i{display:block;height:100%;width:100%;background:currentColor;transform:scaleX(var(--reel-progress,.03));transform-origin:left center}.reel-motion .reel-pin{position:sticky;top:var(--reel-top,100px)}.reel-motion .reel-window{overflow:hidden;scroll-snap-type:none}
.media-feature{background:#292a26;padding:9vw 4vw}.media-feature-link{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;color:#ebeadd;text-decoration:none}.media-feature-photo{height:650px;max-height:75svh;overflow:hidden}.media-feature-photo img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--feature-y,0px)) scale(1.18)}.media-feature-copy .eyebrow{color:#e89470}.media-feature-copy h2{font:900 clamp(43px,6vw,95px)/.92 Arial;letter-spacing:-.05em;margin:28px 0;transform:translateY(var(--feature-title-y,0px))}.media-feature-copy p{max-width:430px;font-size:19px;line-height:1.6;color:#c9cabd}.media-feature-copy .text-link{display:inline-block;margin-top:25px;transition:color .2s,transform .2s}.media-feature-link:hover .text-link{color:#e89470;transform:translateX(8px)}.media-outro{background:#ebeadd;color:#292a26;padding:40px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:55px}.media-outro .content-section{padding:30px 0;margin:0;width:auto}.media-outro h2{font:900 clamp(28px,3vw,48px)/1 Arial;letter-spacing:-.04em}.media-outro .coming-story{padding:0;border:0}.media-outro .media-route-links{grid-column:1/-1;border-top:1px solid #292a2630}.media-outro p{max-width:620px}.media-outro .text-link{color:#a04430}
.memory-viewer{width:96vw;max-width:1600px;height:94dvh;max-height:94dvh;padding:20px 24px;background:#20211e;color:#ebeadd;border:1px solid #ffffff30}.memory-viewer::backdrop{background:#10110ff0;backdrop-filter:blur(10px)}.memory-tools{display:flex;justify-content:space-between;align-items:center;font:12px monospace}.memory-viewer button{width:44px;height:44px;border:1px solid #ffffff50;background:transparent;color:#ebeadd;font-size:23px;cursor:pointer}.memory-viewer button:hover{background:#b95840}.memory-viewer button:disabled{opacity:.2;cursor:default}.memory-view-stage{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:16px}.memory-view-stage img{height:62dvh;width:100%;object-fit:contain}.memory-viewer #memory-caption{max-width:860px;margin:20px auto}.memory-viewer h3{font:800 25px Arial;margin:0 0 10px}.memory-viewer p{color:#c9cabd;font-size:16px;line-height:1.5}.memory-viewer .memory-number{display:none}body:has(.memory-viewer[open]){overflow:hidden}
.media-album .album-lead{background:#292a26;color:#ebeadd;width:100%;padding:8vw 4vw 6vw;margin:0}.media-album .album-lead h1{font:900 clamp(52px,9vw,145px)/.92 Arial;letter-spacing:-.06em;max-width:1100px}.media-album .album-lead p,.media-album .album-lead .text-link{color:#d0cfbe}.media-album .album-lead .eyebrow{color:#e89470}.media-album .album-body{width:92%;max-width:1700px}.media-album .album-intro{padding:45px 0}.media-album .album-day{padding:25px 0 50px}.media-album .album-day-head h2{font:900 clamp(28px,4vw,60px)/1 Arial;letter-spacing:-.05em}.media-album .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 5vw}.media-album .album-card:nth-child(4n+2){padding-top:100px}.media-album .album-photo{height:clamp(230px,34vw,570px)}.media-album .album-photo img{height:100%;object-fit:cover}.media-album .album-day:nth-child(3n+2){border-top:3px solid #b95840}.media-album .album-caption{font-size:17px}.media-album .album-end{font:900 clamp(35px,6vw,80px)/1 Arial;text-transform:uppercase;letter-spacing:-.04em;padding:50px 0}
@media(max-width:800px){.media-hero{height:auto;min-height:760px}.media-hero h1{font-size:15vw;margin-top:260px}.media-hero-collage{inset:60px 0 220px}.media-hero-collage img:nth-child(1){width:42%;height:50%;right:7%;top:0}.media-hero-collage img:nth-child(2){width:50%;height:55%;right:36%;top:12%}.media-hero-collage img:nth-child(3){width:32%;height:40%;right:8%;bottom:5%}.media-hero-top{align-items:flex-start}.media-hero-top .eyebrow,.media-jump{font-size:9px}.media-hero-copy{font-size:17px;max-width:290px;margin-bottom:30px}.media-chapters{gap:12px;flex-wrap:wrap}.media-chapters a{font-size:10px}.reel-heading{gap:15px;padding-top:15px}.reel-heading h2{font-size:42px}.reel-direction{display:none}.reel-card{width:82vw}.reel-card .memory-open{height:43svh}.reel-card p{font-size:15px}.reel-card figcaption{padding-left:28px}.reel-pin{padding-bottom:38px}.media-feature-link{grid-template-columns:1fr}.media-feature-photo{height:60svh}.media-feature-copy h2{font-size:14vw}.media-outro{grid-template-columns:1fr;gap:10px}.media-outro .media-route-links{grid-column:auto}.media-album .album-card:nth-child(4n+2){padding-top:45px}.media-album .album-grid{gap:28px}.memory-viewer{padding:12px;width:100vw;height:100dvh;max-height:100dvh}.memory-view-stage{grid-template-columns:34px 1fr 34px;gap:4px}.memory-view-stage button{width:34px}.memory-view-stage img{height:58dvh}.media-hero-bottom{font-size:9px}.media-hero-bottom span:last-child{display:none}}
@media(max-width:520px){.media-album .album-grid{grid-template-columns:1fr}.media-album .album-card:nth-child(4n+2){padding-top:0}.media-album .album-photo{height:auto}.media-album .album-photo img{height:auto}.media-album .album-day-head{align-items:flex-start}.media-album .album-day-head span{min-width:60px}}
@media(prefers-reduced-motion:reduce){.reel-track,.reel-card img,.media-hero h1,.media-hero-collage img,.media-feature-photo img,.media-feature-copy h2{transform:none!important;will-change:auto}.memory-open::after,.media-feature-copy .text-link{transition:none}.reel-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto}.reel-card{width:auto}.reel-window{overflow:visible}.reel-meter{display:none}.reel-card .memory-open{height:330px}.media-hero-collage img{transform:rotate(var(--angle))!important}}
@media(max-width:650px) and (prefers-reduced-motion:reduce){.reel-track{grid-template-columns:1fr}}

/* Photos lift and tilt toward the pointer; captions remain steady. */
.memory-open,.media-album .album-photo{transition:transform .24s ease,box-shadow .24s ease;transform:perspective(900px) rotateX(var(--hover-rx,0deg)) rotateY(var(--hover-ry,0deg)) translateY(var(--hover-lift,0px));transform-origin:center;isolation:isolate}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.memory-open:hover,.media-album .album-photo:hover{--hover-lift:-6px;box-shadow:0 14px 25px #0003}.reel-card .memory-open:hover img{filter:saturate(1.08);scale:1.035;transition:scale .35s,filter .35s}.reel-card img{scale:1;transition:scale .35s,filter .35s}}
.media-page .header .wrap{background:#292a26}.media-page .header .brand strong,.media-page .header .brand small,.media-page .header .lang button,.media-page .header .nav.curated-nav>a,.media-page .header .nav.curated-nav summary{color:#ebeadd}

/* A straight perspective road, controlled by dragging—not vertical scrolling. */
.road-carousel{height:auto!important}.road-carousel .reel-pin{position:relative!important;top:auto!important;padding:65px 0 35px}.road-carousel .reel-heading{position:relative;z-index:101;padding-bottom:45px}.road-carousel .reel-window{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;min-height:600px;height:76svh;scroll-snap-type:none;user-select:none}.road-carousel .reel-track{position:absolute;inset:130px 0 0;width:100%;padding:0;display:block;transform:none!important}.road-carousel .reel-card{position:absolute;left:50%;top:0;width:min(57vw,850px);margin:0;transform-origin:50% 0;transition:transform .6s cubic-bezier(.22,.8,.2,1),opacity .5s;will-change:transform}.road-carousel.is-dragging .reel-card{transition:none}.road-carousel.is-dragging .reel-window{cursor:grabbing}.road-carousel .memory-open{height:clamp(220px,32vw,450px);cursor:inherit;box-shadow:0 15px 38px #0003}.road-carousel .memory-open img{transform:none;object-fit:contain;background:#232420}.road-carousel .reel-card figcaption{opacity:0;visibility:hidden;transition:opacity .2s;user-select:text}.road-carousel .reel-card.is-front figcaption{opacity:1;visibility:visible}.road-carousel .reel-meter{display:none}.road-controls{display:flex;justify-content:center;gap:30px;align-items:center;font:12px monospace}.road-controls button{width:52px;height:45px;border:1px solid currentColor;background:transparent;color:inherit;font-size:22px;cursor:pointer;transition:background .2s,transform .2s}.road-controls button:hover{background:#292a26;color:#ebeadd;transform:translateY(-3px)}.road-controls button:disabled{opacity:.25;cursor:default}.road-carousel .reel-direction{white-space:nowrap}.road-carousel .memory-open:focus-visible,.reel-window:focus-visible{outline:3px solid #b95840;outline-offset:-3px}
@media(max-width:800px){.road-carousel .reel-heading{flex-wrap:wrap;gap:15px;padding-bottom:15px}.road-carousel .reel-direction{display:block;width:100%;margin:0}.road-carousel .reel-window{height:640px;min-height:0}.road-carousel .reel-track{top:105px}.road-carousel .reel-card{width:78vw}.road-carousel .memory-open{height:55vw;min-height:190px}.road-carousel .reel-card figcaption{padding:20px 5px 0 25px}.road-carousel .reel-card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.road-carousel .reel-card{transition:none}.road-carousel .reel-track{display:block}.road-carousel .memory-open{transform:none}.road-carousel .reel-window{overflow:hidden}}
.media-page .header .nav>a,.media-page .header .nav-drop>summary,.media-page .header .lang button,.media-page .header .menu{color:#ebeadd!important}.media-page .header .lang button[aria-pressed=true]{color:#e89470!important}.media-page .header>.wrap{width:100%;max-width:none;margin:0;padding:18px 3vw;box-sizing:border-box}.road-carousel .reel-window{height:clamp(660px,85svh,850px)}
.memory-reel{isolation:isolate;z-index:0}.road-carousel .reel-heading{z-index:2}
.road-carousel.is-coasting .reel-card{transition:none}.road-carousel.is-dragging .memory-open{transition:none}.road-carousel .memory-open{border-radius:18px;background:transparent}.road-carousel .memory-open img{object-fit:cover;background:transparent;border-radius:18px}.memory-view-stage img{border-radius:14px}
.road-carousel .reel-card{opacity:var(--road-opacity,1)!important}
.media-chapters{flex-wrap:wrap}.trip-album-date{font:12px monospace;margin:18px 0 0;line-height:1.5}.reel-4{--reel-bg:#b3b499}.trip-album-full{display:block;width:fit-content;margin:30px auto 0;padding:12px 16px;color:inherit;font:12px monospace;text-underline-offset:6px}.trip-album-full:hover{background:#292a26;color:#ebeadd}.reel-heading>div{min-width:0}.reel-4 .reel-heading h2{font-size:clamp(30px,4vw,68px)}

/* Give album stories their own title column and keep the drag hint clear. */
.road-carousel .reel-heading{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:30px;row-gap:18px;align-items:start}
.road-carousel .reel-heading .eyebrow{grid-column:1;grid-row:1;padding-top:8px}
.road-carousel .reel-heading>div{grid-column:2;grid-row:1}
.road-carousel .reel-heading .reel-direction{grid-column:2;grid-row:2;margin:0;justify-self:end}
.road-carousel .album-story-title{font-size:clamp(32px,4.5vw,76px);line-height:.98;max-width:1000px;text-wrap:balance}
.road-carousel .trip-album-date{margin-top:22px}
@media(max-width:650px){.road-carousel .reel-heading{grid-template-columns:1fr;row-gap:14px}.road-carousel .reel-heading .eyebrow,.road-carousel .reel-heading>div,.road-carousel .reel-heading .reel-direction{grid-column:1;grid-row:auto}.road-carousel .reel-heading .reel-direction{justify-self:start}.road-carousel .album-story-title{font-size:clamp(30px,8vw,48px)}}

.morocco-trip-photo .memory-open img{object-fit:cover}
.morocco-trip-photo .photo-date{font:11px monospace;letter-spacing:.04em;opacity:.72;margin-top:10px}
.morocco-trip-photo .album-place{font:11px monospace;margin:8px 0;letter-spacing:.04em}
.road-carousel .reel-window{perspective:none}.road-carousel .reel-track{transform-style:flat}.road-carousel .reel-card{transform-style:flat;backface-visibility:visible}.road-carousel .memory-open{clip-path:polygon(var(--road-taper,0%) 0,calc(100% - var(--road-taper,0%)) 0,100% 100%,0 100%);transition:clip-path .28s ease}.road-carousel .reel-card.is-front .memory-open{clip-path:none}

/* Keep the wide crew photo intact in the overlapping hero collage. */
.media-hero-collage img:nth-child(1){width:36%;height:auto;max-height:42%;aspect-ratio:4000/1848;object-fit:contain}
@media(max-width:800px){.media-hero-collage img:nth-child(1){width:58%;height:auto;max-height:40%;aspect-ratio:4000/1848;object-fit:contain}}
/* 2023 test videos stay silent and retain their native landscape crop. */
.road-carousel .video-card .memory-open{height:auto;aspect-ratio:4/3;cursor:default;clip-path:none!important;border-radius:18px;overflow:hidden}
.road-carousel .video-card .memory-open::after{display:none}
.road-carousel .video-card video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#232420}
.road-carousel .video-card video:focus-visible{outline:3px solid #b95840;outline-offset:2px}
