:root{--paper:#fffaf1;--sand:#e9dfcd}
.home-hero{min-height:650px}
.home-hero .hero-shade{background:linear-gradient(90deg,#130f0bad 0%,#130f0b50 49%,#130f0b12 100%),linear-gradient(0deg,#100d09b8,transparent 36%,#100d0966 100%)}
.home-hero-rail{position:absolute;left:6.25vw;right:6.25vw;top:148px;display:flex;justify-content:space-between;z-index:2;color:#f7f3ecc7;font:8px var(--sans);letter-spacing:.24em}
.home-hero-rail span:last-child{color:#e0c586}
.home-hero .hero-title{text-align:left;left:6.25vw;right:auto;bottom:132px;max-width:780px}
.home-hero .hero-title .eyebrow{margin:0;color:#e7c681;font-size:9px}
.home-hero .hero-title h1{font-size:clamp(76px,9.5vw,146px);line-height:.8;letter-spacing:-.045em;margin:27px 0 22px;text-shadow:0 5px 35px #0007}
.home-hero .hero-title h1 em{font-weight:400;white-space:nowrap}
.hero-subline{font:italic 27px/1.2 var(--serif);color:#f7f3ecdb}
.hero-folio{position:absolute;right:6.25vw;top:53%;transform:rotate(90deg) translateX(50%);transform-origin:right center;font:8px var(--sans);letter-spacing:.28em;color:#fff9;z-index:2}
.home-hero .hero-bottom{border-top:1px solid #ffffff80;padding-top:20px;bottom:32px;left:6.25vw;right:6.25vw}
.home-hero .film-link{font-size:10px;letter-spacing:.05em}
.home-hero .scroll-cue{font-size:8px}
.home-intro{position:relative;display:grid;grid-template-columns:1.1fr .72fr;gap:11vw;padding:140px 9vw 135px;background:radial-gradient(#9a8f7914 .7px,transparent .7px),#f7f3ec;background-size:8px 8px}
.home-intro:before{content:'M / 01';position:absolute;top:42px;left:9vw;font:10px 'Courier New',monospace;letter-spacing:.18em;color:#a28f6d}
.home-intro-heading{padding-top:26px}
.home-intro-heading>.eyebrow{color:var(--red);font-size:9px}
.home-intro h2{font-size:clamp(54px,6vw,91px);line-height:.99;margin:30px 0 23px}
.home-intro h2 em{color:var(--red)}
.home-script{display:block;font:italic 27px/1.2 'Bradley Hand','Segoe Print',var(--serif);color:#9b7a39;transform:rotate(-4deg);width:max-content;max-width:100%}
.home-intro-note{position:relative;background:var(--paper);padding:66px 50px 34px;box-shadow:3px 10px 28px #4c3d2620;transform:rotate(2deg)}
.paper-tape{position:absolute;z-index:2;top:-16px;left:calc(50% - 47px);width:94px;height:33px;background:#d4c09aaf;transform:rotate(-7deg);pointer-events:none}
.home-intro-note .note-star{font-size:33px;color:var(--gold)}
.home-intro-note p{font:28px/1.28 var(--serif);margin:20px 0 15px;color:#383028}
.home-intro-note .text-link{font-size:11px;color:var(--red)}
.home-intro-note small{display:block;border-top:1px solid #ddcfb8;margin-top:48px;padding-top:15px;font:8px var(--sans);letter-spacing:.16em;color:#907d61}
.home-selected{background:#eee7da;padding-top:110px;padding-bottom:160px}
.home-section-top{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #c9b99e;padding-top:18px}
.home-section-top>.eyebrow{color:var(--red);font-size:9px}
.home-section-top>span{font:8px var(--sans);letter-spacing:.16em;color:#897b66}
.home-selected .section-heading{margin:62px 0 55px}
.home-selected .section-heading h2{font-size:clamp(60px,6.5vw,96px)}
.home-selected .section-heading h2 em{color:var(--red)}
.home-selected .section-heading .text-link{color:var(--red)}
.home-print-grid{display:grid;grid-template-columns:1fr 1.12fr .88fr;gap:3vw;align-items:start}
.home-print{position:relative;background:var(--paper);padding:13px 13px 12px;box-shadow:5px 10px 25px #5f523220;transform:rotate(-3deg);transition:transform .35s}
.home-print:nth-child(2){margin-top:90px;transform:rotate(3deg)}
.home-print:nth-child(3){margin-top:25px;transform:rotate(-2deg)}
.home-print:hover{transform:rotate(0deg) translateY(-5px)}
.home-print .photo-open{aspect-ratio:.76;overflow:hidden}
.home-print:nth-child(2) .photo-open{aspect-ratio:.8}
.home-print figcaption{align-items:baseline;gap:12px;padding-top:17px;font-size:8px;letter-spacing:.13em;color:#5c5247}
.home-print figcaption i{font:italic 23px/1 var(--serif);letter-spacing:0;color:var(--red);white-space:nowrap}
.home-print .paper-tape{top:-15px}
.home-feeling-picker{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;border-top:1px solid #c9b99e;border-bottom:1px solid #c9b99e;padding:20px 0;margin:-8px 0 70px}
.feeling-options{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.feeling-prompt{font:8px var(--sans);letter-spacing:.15em;color:#816c4c;margin-right:13px}
.feeling-option{border:1px solid #ac987a;background:transparent;color:#5e4937;padding:10px 16px;border-radius:100px;font:10px var(--sans);transition:background .2s,color .2s,border-color .2s}
.feeling-option:hover,.feeling-option:focus-visible{border-color:var(--red)}
.feeling-option.is-active{background:var(--red);border-color:var(--red);color:#fffaf1}
.feeling-response{display:flex;align-items:center;gap:19px;justify-content:flex-end}
.feeling-response>span{font:8px 'Courier New',monospace;letter-spacing:.1em;color:#8a775c;white-space:nowrap}
.feeling-response>p{font:italic 22px/1.1 var(--serif);color:#45382c;max-width:290px}
.feeling-response>button{border:0;border-bottom:1px solid var(--red);background:none;color:var(--red);padding:8px 0;font:9px var(--sans);white-space:nowrap}
.home-print.is-featured,.home-print:nth-child(2).is-featured,.home-print:nth-child(3).is-featured{transform:rotate(0deg) translateY(-10px);box-shadow:6px 17px 30px #5f52323d;outline:1px solid #b79559;outline-offset:5px;z-index:1}
.home-cinema{background:#24201c;color:#f7f3ec;padding:120px 9vw 130px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;position:relative}
.home-cinema:before{content:'02 / MOTION';position:absolute;right:9vw;top:45px;font:9px 'Courier New',monospace;letter-spacing:.15em;color:#bea663}
.home-cinema-heading .eyebrow{color:#c6a24a;font-size:9px}
.home-cinema-heading h2{font-size:clamp(62px,6vw,88px);margin:27px 0}
.home-cinema-heading h2 em{color:#d3b676}
.home-cinema-heading>p:last-child{font:italic 25px var(--serif);color:#f7f3ecc4}
.home-cinema-frame{background:#0f0d0b;padding:24px 22px 17px;box-shadow:0 25px 50px #0005;position:relative;transform:rotate(1.5deg)}
.film-sprockets{position:absolute;left:13px;right:13px;top:6px;height:9px;background:repeating-linear-gradient(90deg,#e8dcc94d 0 13px,transparent 13px 28px)}
.home-cinema-play{display:block;position:relative;aspect-ratio:1.5;overflow:hidden}
.home-cinema-play:after{content:'';position:absolute;inset:0;background:#0004}
.home-cinema-play .round-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;margin:0;width:78px;height:78px;color:white}
.home-cinema-caption{display:flex;justify-content:space-between;padding-top:13px;font:8px var(--sans);letter-spacing:.17em;color:#e0d2b8}
.home-cinema>.text-link{grid-column:2;justify-self:start;color:#d4b778;margin-top:-30px}
.home-people{background:var(--red);color:var(--ivory);display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;padding:110px 8vw 125px;min-height:650px;overflow:hidden}
.home-people-copy{align-self:center}
.home-people-copy>.eyebrow{color:#e2c37d;font-size:9px}
.home-people h2{font-size:clamp(68px,7vw,105px);line-height:.92;margin:26px 0 34px}
.home-people h2 em{color:#d7bd83}
.home-people-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:380px;color:#f7f3ecd1}
.home-people-copy>.text-link{margin-top:25px;color:#f2e5cf}
.home-people-copy>small{display:block;font-size:8px;letter-spacing:.12em;color:#f7f3ec9c;margin-top:36px}
.home-people-prints{min-height:475px;position:relative}
.home-person-print{position:absolute;display:block;background:#fffaf0;padding:11px 11px 19px;width:46%;max-width:300px;box-shadow:3px 10px 25px #23000055;transform:rotate(-8deg);top:12px;left:8%}
.home-person-print.person-1{left:46%;top:115px;transform:rotate(7deg)}
.home-person-print img{height:auto;aspect-ratio:.86;object-fit:cover;object-position:center 20%}
.home-person-print>span:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:5px;padding-top:12px;font:italic 28px var(--serif);color:#2a221e}
.home-person-print i{font:8px var(--sans);color:#827266;text-align:right}
.home-people-stamp{position:absolute;right:0;bottom:2%;border:1px solid #d2b278;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;font:11px/1.5 var(--serif);letter-spacing:.08em;color:#e7cc91;transform:rotate(15deg)}
.home-people-stamp b{font:8px var(--sans);letter-spacing:.14em}
.home-approach{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw;padding-top:130px;padding-bottom:130px;background:#f6f0e6}
.home-approach-heading .eyebrow{color:var(--red);font-size:9px}
.home-approach h2{font-size:clamp(64px,6vw,92px);margin:28px 0;color:var(--ink)}
.home-approach h2 em{color:var(--red)}
.home-approach-heading>p:last-child{font-size:13px;line-height:1.85;color:var(--stone);max-width:380px}
.home-approach-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}
.home-approach-notes article{background:#fffaf1;min-height:190px;padding:26px 25px;box-shadow:3px 7px 18px #51463213;transform:rotate(-2deg)}
.home-approach-notes article:nth-child(2){transform:rotate(3deg);margin-top:35px}
.home-approach-notes article:nth-child(3){transform:rotate(1deg);grid-column:1 / -1;max-width:72%;margin-left:13%}
.home-approach-notes article>span{font:8px var(--sans);letter-spacing:.14em;color:#987840}
.home-approach-notes h3{font-size:31px;margin:19px 0 12px}
.home-approach-notes article>p{font-size:11px;line-height:1.7;color:var(--stone)}
.home-approach-notes>.text-link{grid-column:1 / -1;justify-self:start;margin-top:5px;color:var(--red)}
.home-prewedding{display:grid;grid-template-columns:1.15fr .85fr;background:#e7dccc;padding:100px 9vw;gap:9vw;align-items:center}
.home-prewedding-photo{position:relative;background:#fffaf1;padding:15px 15px 35px;transform:rotate(-3deg);box-shadow:5px 14px 28px #5c4d3924}
.home-prewedding-photo img{height:auto;aspect-ratio:1.24;object-fit:cover}
.home-prewedding-caption{display:block;font:8px var(--sans);letter-spacing:.16em;color:#776754;padding-top:21px}
.home-prewedding-copy>.eyebrow{color:var(--red);font-size:9px}
.home-prewedding-copy h2{font-size:clamp(59px,6vw,90px);margin:25px 0}
.home-prewedding-copy h2 em{color:var(--red)}
.home-prewedding-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--stone);margin-bottom:17px}
.home-prewedding-copy>.text-link{color:var(--red)}
@media(max-width:900px){.home-intro{gap:5vw;padding-left:6vw;padding-right:6vw}.home-intro-note{padding:48px 30px 30px}.home-intro-note p{font-size:25px}.home-cinema{gap:4vw;padding-left:6vw;padding-right:6vw}.home-people{padding-left:6vw;padding-right:6vw}.home-approach{gap:5vw}.home-prewedding{gap:5vw;padding-left:6vw;padding-right:6vw}}
@media(max-width:700px){.home-hero{min-height:610px}.home-hero .hero-shade{background:linear-gradient(0deg,#110e0bd9 0%,#110e0b60 52%,#110e0b6e 100%)}.home-hero-rail{top:112px;left:24px;right:24px;font-size:7px}.home-hero-rail span:last-child{display:none}.home-hero .hero-title{left:24px;right:24px;bottom:160px}.home-hero .hero-title h1{font-size:clamp(65px,13vw,100px);margin-top:22px;white-space:normal}.home-hero .hero-title h1 em{white-space:normal}.home-hero .hero-title .eyebrow{font-size:7px;line-height:1.7}.hero-subline{font-size:23px}.hero-folio{display:none}.home-hero .hero-bottom{left:24px;right:24px;bottom:30px}.home-intro{grid-template-columns:1fr;gap:55px;padding:105px 25px 95px}.home-intro:before{left:25px;top:32px}.home-intro-heading{padding-top:0}.home-intro h2{font-size:clamp(55px,11vw,74px)}.home-script{font-size:22px}.home-intro-note{max-width:460px;justify-self:center;transform:rotate(1deg)}.home-selected{padding-top:75px;padding-bottom:95px}.home-section-top>span{display:none}.home-selected .section-heading{margin:35px 0 45px}.home-selected .section-heading h2{font-size:60px}.home-print-grid{grid-template-columns:1fr 1fr;gap:22px}.home-print:nth-child(2){margin-top:55px}.home-print:nth-child(3){grid-column:1 / -1;max-width:65%;margin-top:18px;justify-self:center}.home-print{padding:8px 8px 10px}.home-print figcaption{font-size:6px;letter-spacing:.08em}.home-print figcaption i{font-size:19px}.home-cinema{grid-template-columns:1fr;gap:35px;padding:85px 25px 100px}.home-cinema:before{right:25px;top:30px}.home-cinema-heading h2{font-size:65px}.home-cinema-heading>p:last-child{font-size:22px}.home-cinema-frame{padding:18px 16px 13px}.home-cinema>.text-link{grid-column:1;margin-top:0}.home-people{grid-template-columns:1fr;gap:48px;padding:83px 25px 95px}.home-people h2{font-size:80px}.home-people-prints{min-height:390px;max-width:500px;width:100%;margin:auto}.home-person-print{width:51%;left:5%}.home-person-print.person-1{left:45%;top:88px}.home-people-stamp{right:0;bottom:0;width:80px;height:80px;font-size:9px}.home-approach{grid-template-columns:1fr;gap:45px;padding-top:85px;padding-bottom:85px}.home-approach h2{font-size:69px}.home-approach-notes{gap:17px}.home-approach-notes article{min-height:0;padding:21px}.home-approach-notes h3{font-size:27px}.home-prewedding{grid-template-columns:1fr;gap:65px;padding:85px 25px 95px}.home-prewedding-photo{max-width:560px}.home-prewedding-copy h2{font-size:65px}}
@media(max-width:420px){.home-hero .hero-title h1{font-size:62px}.home-people h2{font-size:69px}.home-people-prints{min-height:310px}.home-person-print>span:last-child{font-size:20px}.home-person-print i{font-size:6px}.home-approach-notes{grid-template-columns:1fr}.home-approach-notes article:nth-child(2){margin-top:0}.home-approach-notes article:nth-child(3){grid-column:1;max-width:100%;margin-left:0}}
@media(max-width:900px){.home-feeling-picker{grid-template-columns:1fr;gap:15px}.feeling-response{justify-content:flex-start}}
@media(max-width:700px){.home-feeling-picker{margin:-8px 0 48px;padding:18px 0}.feeling-options{gap:8px}.feeling-prompt{width:100%;margin-bottom:3px}.feeling-option{padding:9px 14px}.feeling-response{display:grid;grid-template-columns:auto 1fr;gap:7px 13px}.feeling-response>p{font-size:20px}.feeling-response>button{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.home-print{transition:none}}

/* Scroll-led 60s field note: each frame is a real, openable Musafir photograph. */
.home-sixties{height:210svh;min-height:1370px;background:#5b110b;color:#f8f0e3;position:relative;isolation:isolate}
.home-sixties:before{content:'';position:absolute;inset:0;background:radial-gradient(#e4b97816 .8px,transparent .8px),linear-gradient(120deg,#7a1c12,#4d0b09);background-size:8px 8px,auto;z-index:-1}
.sixties-inner{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:7vh 9vw;overflow:hidden}
.sixties-copy{position:relative;max-width:570px}
.sixties-copy>.eyebrow{color:#e2c17b;font-size:9px}
.sixties-index{display:block;font:9px 'Courier New',monospace;letter-spacing:.16em;color:#ddcba9;margin-top:55px}
.sixties-copy h2{font-size:clamp(76px,8vw,125px);line-height:.85;letter-spacing:-.045em;margin:22px 0 28px}
.sixties-copy h2 em{color:#e3bd78}
.sixties-lede{font:italic 30px/1.15 var(--serif);color:#f7ead5}
.sixties-body{font-size:13px;line-height:1.9;max-width:420px;color:#f7f0e5c9;margin-top:24px}
.sixties-open{margin-top:28px;border:0;border-bottom:1px solid #e0bf7d;background:none;padding-left:0;color:#e7c98d;gap:28px}
.sixties-disclosure{font-size:9px;line-height:1.65;color:#e7d7b8a3;max-width:310px;margin-top:43px}
.sixties-display{justify-self:center;width:min(100%,440px);position:relative}
.sixties-viewport{height:min(77svh,710px);overflow:hidden;border:8px solid #19120f;background:#19120f;box-shadow:15px 22px 50px #1d050966;position:relative}
.sixties-viewport:before,.sixties-viewport:after{content:'';position:absolute;top:0;bottom:0;width:21px;background:radial-gradient(ellipse at center,#b99b72 0 4px,#18110e 4.7px) center top/21px 31px repeat-y;z-index:2;pointer-events:none}
.sixties-viewport:before{left:0}.sixties-viewport:after{right:0}
.sixties-track{padding:9px 26px 0;will-change:transform;transform:translate3d(0,0,0)}
.sixties-frame{margin:0 0 16px;background:#241a15;padding:9px 9px 11px;border-top:1px solid #735f47;border-bottom:1px solid #735f47;position:relative}
.sixties-frame-no{position:absolute;top:13px;left:16px;z-index:2;color:#f7f3ec;background:#1a120d99;padding:3px 5px;font:8px 'Courier New',monospace}
.sixties-frame .photo-open{aspect-ratio:1.58;overflow:hidden}
.sixties-frame .photo-open img{filter:sepia(.32) saturate(.8) contrast(1.07);transition:filter .35s,transform .7s}
.sixties-frame .photo-open:hover img,.sixties-frame .photo-open:focus-visible img{filter:none}
.sixties-frame figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:8px;color:#e6d0a3;font:8px var(--sans);letter-spacing:.14em}
.sixties-frame figcaption>span:last-child{color:#a99981;font-size:7px}
.sixties-meta{display:flex;justify-content:space-between;gap:12px;padding:15px 1px 10px;color:#e5c785;font:8px var(--sans);letter-spacing:.15em}
.sixties-progress{height:1px;background:#d7b6815e;overflow:hidden}
.sixties-progress>span{display:block;height:100%;width:100%;background:#e8cb8c;transform:scaleX(0);transform-origin:left}
.home-approach-notes details{width:100%}
.home-approach-notes summary{list-style:none;cursor:pointer;position:relative;padding-right:26px}
.home-approach-notes summary::-webkit-details-marker{display:none}
.home-approach-notes summary>span:first-child{font:8px var(--sans);letter-spacing:.14em;color:#987840}
.home-approach-notes summary h3{margin:19px 0 0}
.home-approach-notes .note-plus{position:absolute;right:0;top:0;color:#977337;font:25px var(--serif);line-height:1}
.home-approach-notes details[open] .note-plus{transform:rotate(45deg)}
.home-approach-notes details>p{font-size:11px;line-height:1.75;color:var(--stone);margin-top:17px}
.home-approach-notes article:hover{box-shadow:4px 12px 23px #51463226}
.home-prewedding-photo .photo-open{aspect-ratio:1.24}
.home-prewedding-photo .photo-open img{height:100%}
@media(max-width:900px){.sixties-inner{gap:4vw;padding-left:6vw;padding-right:6vw}.sixties-copy h2{font-size:clamp(70px,8vw,100px)}.sixties-index{margin-top:30px}.sixties-lede{font-size:26px}.sixties-body{font-size:12px}.sixties-viewport{height:min(72svh,640px)}}
@media(max-width:700px){.home-sixties{height:auto;min-height:0}.sixties-inner{position:static;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:42px;padding:85px 25px 95px;overflow:visible}.sixties-copy{max-width:500px}.sixties-copy>.eyebrow{font-size:8px}.sixties-index{margin-top:26px}.sixties-copy h2{font-size:clamp(73px,14vw,100px);margin:17px 0 22px}.sixties-lede{font-size:26px}.sixties-body{font-size:12px;margin-top:19px}.sixties-open{margin-top:18px}.sixties-disclosure{margin-top:28px}.sixties-display{width:min(100%,420px)}.sixties-viewport{height:510px}.sixties-frame figcaption{font-size:7px}.sixties-meta{font-size:7px}}
@media(max-width:420px){.sixties-viewport{height:440px}.sixties-copy h2{font-size:71px}.sixties-lede{font-size:24px}}
@media(prefers-reduced-motion:reduce){.sixties-viewport{overflow:auto}.sixties-track{transform:none!important;will-change:auto}.sixties-frame .photo-open img{transition:none}}

/* A second reel runs across the page, echoing a length of exposed film. */
.home-horizontal{background:#f2eadc;color:#251d19;height:var(--horizontal-section-height,240svh);position:relative}
.home-horizontal:before{content:'';position:absolute;inset:0;background:radial-gradient(#8c74511b .6px,transparent .6px);background-size:7px 7px;pointer-events:none}
.horizontal-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:40px 0 34px;overflow:hidden}
.horizontal-heading{position:relative;display:flex;justify-content:space-between;align-items:end;gap:9vw;margin:0 9vw 42px}
.horizontal-heading .eyebrow{font-size:9px;color:var(--red)}
.horizontal-heading h2{font-size:clamp(61px,6vw,92px);line-height:.88;margin:25px 0 0;letter-spacing:-.03em}
.horizontal-heading h2 em{color:var(--red)}
.horizontal-aside{width:240px;flex:none}
.horizontal-aside>p{font:italic 23px/1.2 var(--serif);color:#5d5043;margin:0 0 25px}
.horizontal-controls{display:flex;align-items:center;gap:9px}
.horizontal-count{font:9px 'Courier New',monospace;letter-spacing:.16em;color:#846f50;margin-right:auto}
.horizontal-controls button{width:42px;height:42px;border:1px solid #a8906f;border-radius:50%;background:transparent;color:#5c382e;font:22px var(--serif);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.horizontal-controls button:hover,.horizontal-controls button:focus-visible{background:var(--red);color:#f7f3ec;transform:scale(1.07)}
.horizontal-controls button:disabled{opacity:.38;cursor:default;transform:none;background:transparent;color:#5c382e}
.horizontal-stage{position:relative;transform:rotate(-1deg) scale(1.025);transform-origin:center;background:#211a16;box-shadow:0 17px 28px #35251b40}
.horizontal-stage:before,.horizontal-stage:after{content:'';height:18px;position:absolute;left:0;right:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,#16110e 0 10px,#c4a27b 10px 27px,#16110e 27px 40px)}
.horizontal-stage:before{top:0}.horizontal-stage:after{bottom:0}
.horizontal-side-note{position:absolute;left:2.2%;top:50%;z-index:2;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:7px 'Courier New',monospace;letter-spacing:.19em;color:#cbb48b}
.horizontal-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;padding:34px max(6vw,65px) 38px;position:relative}
.horizontal-viewport::-webkit-scrollbar{display:none}
.horizontal-track{display:flex;gap:16px;width:max-content}
.horizontal-frame{width:clamp(280px,30vw,435px);margin:0;flex:none;background:#332921;padding:11px 11px 12px;scroll-snap-align:start;position:relative}
.horizontal-frame .photo-open{display:block;width:100%;aspect-ratio:1.5;overflow:hidden}
.horizontal-frame .photo-open img{height:100%;object-fit:cover;filter:sepia(.2) saturate(.78);transition:filter .35s,transform .65s}
.horizontal-frame .photo-open:hover img,.horizontal-frame .photo-open:focus-visible img{filter:none;transform:scale(1.055)}
.horizontal-frame-number{position:absolute;top:19px;left:20px;z-index:2;background:#211a16ba;color:#ead8bb;padding:5px 7px;font:8px 'Courier New',monospace;letter-spacing:.12em;pointer-events:none}
.horizontal-frame figcaption{color:#e4d2b7;font:italic 23px/1 var(--serif);padding:12px 2px 3px}
.horizontal-footer{position:relative;display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:25px;margin:27px 9vw 0;font:8px var(--sans);letter-spacing:.15em;color:#7f6d53}
.horizontal-progress{height:2px;background:#b9a5866e;overflow:hidden}
.horizontal-progress>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
@media(max-width:700px){.horizontal-sticky{padding:25px 0}.horizontal-heading{display:block;margin:0 25px 30px}.horizontal-heading h2{font-size:clamp(53px,11vw,72px)}.horizontal-aside{width:auto;margin-top:20px;display:flex;justify-content:space-between;align-items:end;gap:18px}.horizontal-aside>p{font-size:20px;max-width:190px;margin:0}.horizontal-controls{flex:none}.horizontal-count{font-size:8px}.horizontal-controls button{width:36px;height:36px}.horizontal-stage{transform:rotate(-1deg) scale(1.03)}.horizontal-stage:before,.horizontal-stage:after{height:15px;background-size:auto}.horizontal-side-note{display:none}.horizontal-viewport{padding:30px 27px 34px}.horizontal-frame{width:min(75vw,360px);padding:8px 8px 9px}.horizontal-frame figcaption{font-size:20px}.horizontal-footer{grid-template-columns:1fr;margin:23px 25px 0;gap:10px}.horizontal-footer>span:last-child{display:none}}
@media(max-width:420px){.horizontal-aside{display:block}.horizontal-aside>p{max-width:none;margin-bottom:17px}.horizontal-controls{justify-content:flex-end}.horizontal-count{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.home-horizontal{height:auto}.horizontal-sticky{position:static;height:auto;padding:80px 0}.horizontal-stage{transform:none}.horizontal-frame .photo-open img{transition:none}.horizontal-controls button{transition:none}}