@font-face{font-family:HPInter;src:url('./fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:HPInter;src:url('./fonts/inter-600.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:HPArchivo;src:url('./fonts/archivo-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:HPSpace;src:url('./fonts/space-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
.hp-carousel{display:block;position:relative;width:100%;aspect-ratio:4/5;container-type:inline-size;isolation:isolate;text-align:left;color:#171a16;font-family:HPInter,Arial,sans-serif;font-weight:400;line-height:1.25;letter-spacing:0;overflow:hidden;background:#f5f1e5}
.hp-carousel *{box-sizing:border-box}
.hp-carousel :where(div,p,span,img,svg){margin:0;padding:0;border:0;border-radius:0;max-width:none}
.hp-carousel .hp-slide{position:absolute;inset:0;overflow:hidden;font-size:3cqw}
.hp-carousel .hp-photo{display:block;width:100%;height:100%;object-fit:cover}
.hp-carousel .hp-bleed{position:absolute;inset:0}
.hp-carousel .hp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 30%,transparent 65%,rgba(0,0,0,.55))}
.hp-carousel .hp-top,.hp-carousel .hp-footer{position:absolute;left:6.5cqw;right:6.5cqw;display:flex;align-items:center;justify-content:space-between;gap:4cqw;font-weight:600;font-size:1.65cqw;letter-spacing:.085em;line-height:1.2;z-index:4}
.hp-carousel .hp-top{top:5.5cqw}
.hp-carousel .hp-footer{bottom:4.7cqw;font-size:1.5cqw;letter-spacing:.04em}
.hp-carousel .hp-light{color:#fff}
.hp-carousel .hp-title{font-family:HPArchivo,Arial,sans-serif;font-weight:800;font-size:10cqw;letter-spacing:-.065em;line-height:.99}
.hp-carousel .hp-eyebrow{display:block;font-weight:600;font-size:2cqw;letter-spacing:.065em;line-height:1.2}
.hp-carousel .hp-print{position:absolute;background:#fffef6;padding:2cqw 2cqw 5.8cqw;box-shadow:0 1.2cqw 2.5cqw #0003}
.hp-carousel .hp-print .hp-photo{aspect-ratio:4/5;height:calc(100% - 0cqw)}
.hp-carousel .hp-print>span{position:absolute;left:2cqw;right:2cqw;bottom:1.8cqw;text-align:center;font-weight:600;font-size:2cqw;line-height:1.1;letter-spacing:-.025em}
.hp-carousel .hp-print:before{content:'';position:absolute;left:32%;top:-2.3cqw;width:36%;height:4.8cqw;z-index:2;background:#ebe4c49c;transform:rotate(-5deg);backdrop-filter:blur(1px)}
.hp-carousel .hp-star{display:block;width:100%;height:100%}
/* 01 / A tactile, sun-warmed travel scrapbook. */
.hp-carousel .hp-weekend{background:#f4f0df;color:#193a54}
.hp-carousel .hp-weekend-cover .hp-top,.hp-carousel .hp-weekend-street .hp-top,.hp-carousel .hp-weekend-details .hp-top{color:#fff;text-shadow:0 .2cqw .4cqw #0008}
.hp-carousel .hp-weekend-cover>.hp-photo{object-position:50% 51%}
.hp-carousel .hp-weekend-title{position:absolute;top:21cqw;left:7cqw;z-index:2;transform:rotate(-3deg)}
.hp-carousel .hp-paper{display:table;padding:1.2cqw 4cqw 1.8cqw;background:#fffef2;color:#163c60;font-family:HPArchivo,Arial,sans-serif;font-weight:800;font-size:14.3cqw;letter-spacing:-.045em;line-height:1.04;box-shadow:.5cqw .7cqw 0 #0002;clip-path:polygon(1% 4%,20% 1%,45% 3%,63% 0,82% 3%,99% 0,100% 95%,83% 98%,68% 95%,49% 100%,26% 97%,0 100%)}
.hp-carousel .hp-paper:nth-child(2){margin-left:3cqw;margin-top:-.5cqw;transform:rotate(1deg)}
.hp-carousel .hp-yellow-paper{margin-left:10cqw;margin-top:-.5cqw;background:#f7d443;transform:rotate(-2deg)}
.hp-carousel .hp-round-stamp{position:absolute;left:8cqw;top:80cqw;width:21cqw;height:21cqw;background:#f7d443;border-radius:50%;display:grid;align-content:center;text-align:center;font:800 2.5cqw/1.12 HPArchivo,Arial,sans-serif;transform:rotate(-13deg);color:#183951;box-shadow:.4cqw .5cqw 0 #0003}
.hp-carousel .hp-cover-print{right:7cqw;top:77cqw;width:29cqw;height:34cqw;transform:rotate(8deg)}
.hp-carousel .hp-bottom-note{position:absolute;bottom:12cqw;left:7cqw;width:48cqw;color:white;font-size:3.2cqw;font-weight:600;text-shadow:0 .2cqw .6cqw #000}
.hp-carousel .hp-ticket{position:absolute;left:9cqw;right:9cqw;top:41cqw;padding:7cqw 7cqw 3cqw;background:#fdf9e9;box-shadow:.8cqw 1.1cqw 0 #122f4380;transform:rotate(-3deg);border:.2cqw solid #153653}
.hp-carousel .hp-ticket-label{display:block;padding-bottom:5cqw;font-size:2.1cqw;letter-spacing:.04em}
.hp-carousel .hp-ticket .hp-title{font-size:8.4cqw;line-height:1.03}
.hp-carousel .hp-ticket p{font-size:3cqw;line-height:1.5;margin-top:4cqw}
.hp-carousel .hp-ticket-bottom{display:flex;justify-content:space-between;align-items:center;border-top:.25cqw dashed #183b5670;margin-top:5cqw;padding-top:3cqw;font-size:1.8cqw;font-weight:600}
.hp-carousel .hp-ticket-bottom span:last-child{font-size:5cqw}
.hp-carousel .hp-location-tag{position:absolute;bottom:17cqw;right:7cqw;background:#f7d443;padding:2cqw 3cqw;font-size:2.8cqw;font-weight:600;transform:rotate(4deg)}
.hp-carousel .hp-weekend-coffee>.hp-title{position:absolute;top:16cqw;left:7cqw;font-size:10.7cqw}
.hp-carousel .hp-underline{background:linear-gradient(transparent 75%,#f2cc39 75%)}
.hp-carousel .hp-big-print{top:43cqw;left:12cqw;width:74cqw;height:53cqw;transform:rotate(-4deg)}
.hp-carousel .hp-big-print .hp-photo{aspect-ratio:auto;object-position:48% 47%}
.hp-carousel .hp-small-sticker{position:absolute;top:83cqw;right:6cqw;width:22cqw;height:20cqw;display:grid;align-content:center;text-align:center;background:#f7d443;font:800 3.2cqw/1.05 HPArchivo,Arial,sans-serif;transform:rotate(6deg);box-shadow:.5cqw .7cqw 1.8cqw #0002}
.hp-carousel .hp-weekend-caption{position:absolute;top:100cqw;left:8cqw;font-size:3.4cqw;line-height:1.35;letter-spacing:-.03em}
.hp-carousel .hp-weekend-details>.hp-photo{filter:brightness(.8);object-position:50% 45%}
.hp-carousel .hp-detail-paper{position:absolute;left:8cqw;right:8cqw;top:27cqw;background:#fffdf0;padding:7cqw 6cqw 8cqw;transform:rotate(3deg);box-shadow:1cqw 1cqw 3cqw #0003}
.hp-carousel .hp-detail-paper .hp-title{font-size:10cqw;line-height:1.04;margin-top:5cqw}
.hp-carousel .hp-blue-text{color:#1760bf}
.hp-carousel .hp-detail-paper p{font-size:3.1cqw;line-height:1.4;margin-top:5cqw}
.hp-carousel .hp-detail-circle{position:absolute;bottom:14cqw;left:10cqw;border: .5cqw solid #f7d443;border-radius:50%;color:#f7d443;width:25cqw;height:17cqw;display:grid;align-content:center;text-align:center;font:800 3.3cqw/1.05 HPArchivo,Arial,sans-serif;transform:rotate(-10deg);text-shadow:0 .1cqw .6cqw #0008}
.hp-carousel .hp-weekend-close>.hp-title{position:absolute;top:17cqw;left:7cqw;font-size:10cqw;line-height:1.07}
.hp-carousel .hp-yellow-word{background:linear-gradient(transparent 12%,#f7d443 12%,#f7d443 90%,transparent 90%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hp-carousel .hp-postcard-pair{position:absolute;top:52cqw;left:6cqw;right:6cqw;height:47cqw}
.hp-carousel .hp-postcard-pair .hp-print{left:2cqw;top:1cqw;width:42cqw;height:47cqw;transform:rotate(-8deg)}
.hp-carousel .hp-postcard-pair .hp-print:nth-child(2){left:auto;right:1cqw;top:2cqw;transform:rotate(7deg)}
.hp-carousel .hp-closing-line{position:absolute;left:8cqw;bottom:12cqw;font-size:3.4cqw;line-height:1.4;letter-spacing:-.03em}
/* 02 / Large, candid photographs and punchy off-duty typography. */
.hp-carousel .hp-offline{background:#f5eee0;color:#18231e}
.hp-carousel .hp-offline-cover .hp-top,.hp-carousel .hp-offline-make .hp-top{color:#fff}
.hp-carousel .hp-offline-cover>.hp-photo{object-position:52% 50%}
.hp-carousel .hp-offline-cover>.hp-title{position:absolute;left:6cqw;top:15cqw;color:#fff7d6;font-size:16cqw;line-height:.94;text-shadow:0 .1cqw .5cqw #1d414928}
.hp-carousel .hp-offline-cover>.hp-title span{display:block;font-size:12cqw;letter-spacing:-.06em;margin-top:1cqw}
.hp-carousel .hp-orange-label{position:absolute;left:6cqw;bottom:17cqw;padding:2.5cqw 4cqw;background:#ff693e;color:#18231e;font-weight:600;font-size:4cqw;line-height:1.13;transform:rotate(-3deg)}
.hp-carousel .hp-offline-orbit{position:absolute;right:5cqw;bottom:14cqw;width:22cqw;height:22cqw;color:#fff3c1;transform:rotate(12deg)}
.hp-carousel .hp-offline-orbit span{position:absolute;inset:0;display:grid;align-content:center;text-align:center;color:#203227;font:800 2.6cqw/1.03 HPArchivo,Arial,sans-serif}
.hp-carousel .hp-offline-walk>.hp-title{position:absolute;left:6cqw;top:17cqw;font-size:10.3cqw;line-height:1.01}
.hp-carousel .hp-offline-walk>.hp-title span{color:#ec542d;font-size:8.2cqw;letter-spacing:-.06em}
.hp-carousel .hp-offline-landscape{position:absolute;left:6cqw;right:6cqw;top:44cqw;height:46cqw}
.hp-carousel .hp-offline-landscape .hp-photo{object-position:50% 43%}
.hp-carousel .hp-photo-caption{position:absolute;left:3cqw;bottom:3cqw;color:#fff;font-size:2.3cqw;text-shadow:0 .2cqw .4cqw #000}
.hp-carousel .hp-offline-bottom{position:absolute;left:6cqw;right:7cqw;bottom:12cqw;display:flex;align-items:center;gap:7cqw}
.hp-carousel .hp-huge-number{font:800 16cqw/.85 HPArchivo,Arial,sans-serif;letter-spacing:-.08em}
.hp-carousel .hp-offline-bottom .hp-huge-number{color:#ed5e35}
.hp-carousel .hp-offline-bottom p{font-size:3.1cqw;line-height:1.32}
.hp-carousel .hp-offline-make>.hp-photo{object-position:50% 52%;filter:brightness(.75)}
.hp-carousel .hp-make-strip{position:absolute;left:6cqw;top:18cqw;background:#ff6337;padding:2cqw 3cqw;font-weight:600;font-size:2.2cqw;transform:rotate(-3deg)}
.hp-carousel .hp-offline-make>.hp-title{position:absolute;left:6cqw;top:30cqw;color:#fff2d9;font-size:15.2cqw;line-height:.95}
.hp-carousel .hp-offline-make>.hp-title span{color:#ff7944}
.hp-carousel .hp-photo-paragraph{position:absolute;bottom:13cqw;left:6cqw;color:#fff7e7;font-size:3.2cqw;line-height:1.4;text-shadow:0 .2cqw .5cqw #000}
.hp-carousel .hp-offline-morning{background:#ff693e}
.hp-carousel .hp-morning-header{position:absolute;left:6cqw;top:17cqw;right:6cqw}
.hp-carousel .hp-morning-header>span{font:800 7.3cqw/.98 HPArchivo,Arial,sans-serif;letter-spacing:-.055em;display:block}
.hp-carousel .hp-morning-header>strong{display:block;font:800 15.6cqw/1 HPArchivo,Arial,sans-serif;letter-spacing:-.07em;margin-top:1cqw}
.hp-carousel .hp-morning-photo{position:absolute;left:7cqw;right:7cqw;top:51cqw;height:52cqw;transform:rotate(3deg);border:1.5cqw solid #f9f1db;box-shadow:1cqw 1cqw 0 #18231e}
.hp-carousel .hp-morning-note{position:absolute;left:5cqw;top:82cqw;padding:3cqw 4cqw;background:#fff6d8;transform:rotate(-5deg);box-shadow:.5cqw .6cqw .8cqw #0002}
.hp-carousel .hp-morning-note>span{display:block;font-size:1.7cqw;letter-spacing:.07em;font-weight:600;margin-bottom:2cqw}
.hp-carousel .hp-morning-note p{font-size:3.3cqw;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.hp-carousel .hp-orange-dot{position:absolute;right:4.5cqw;top:46cqw;width:17cqw;height:17cqw;display:grid;align-content:center;text-align:center;background:#ffe479;border-radius:50%;font:800 3.4cqw/1 HPArchivo,Arial,sans-serif;transform:rotate(9deg)}
.hp-carousel .hp-offline-close{background:#223b32;color:#f7efda}
.hp-carousel .hp-offline-close>.hp-title{position:absolute;left:6cqw;top:18cqw;font-size:11.8cqw;line-height:1.03}
.hp-carousel .hp-offline-close>.hp-title span{color:#ff7950}
.hp-carousel .hp-offline-photo-row{position:absolute;left:6cqw;right:6cqw;top:62cqw;height:25cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}
.hp-carousel .hp-offline-photo-row>.hp-photo{object-position:50% 48%}
.hp-carousel .hp-calendar-note{position:absolute;left:6cqw;right:6cqw;top:92cqw;height:22cqw;background:#f7efda;color:#20392f;padding:3cqw 4cqw}
.hp-carousel .hp-calendar-note>span:first-child{display:block;font-size:1.8cqw;font-weight:600;letter-spacing:.08em;margin-bottom:1.6cqw}
.hp-carousel .hp-calendar-note>strong{font-family:HPSpace,Arial,sans-serif;font-size:4.6cqw;line-height:1.03;letter-spacing:-.04em;display:block}
.hp-carousel .hp-check-circle{position:absolute;right:5cqw;top:5cqw;width:12cqw;height:12cqw;border-radius:50%;background:#ff764a;color:#223b32;display:grid;place-items:center;font-size:7cqw}
/* 03 / An art-book field guide: graphic, close-cropped, citrus accents. */
.hp-carousel .hp-noticed{background:#e9eadf;color:#171c17}
.hp-carousel .hp-noticed-cover,.hp-carousel .hp-noticed-close{background:#1e271f;color:#f9f6e7}
.hp-carousel .hp-noticed-cover>.hp-title{position:absolute;left:6cqw;top:16cqw;font-size:10.8cqw;line-height:1.02;z-index:3}
.hp-carousel .hp-noticed-cover>.hp-title span{color:#d7ef5a}
.hp-carousel .hp-flower-window{position:absolute;left:6cqw;right:6cqw;top:51cqw;bottom:13cqw;border-radius:50% 50% 0 0;overflow:hidden}
.hp-carousel .hp-flower-window .hp-photo{object-position:50% 52%;transform:scale(1.3)}
.hp-carousel .hp-green-note{position:absolute;right:4cqw;bottom:12cqw;background:#d7ef5a;color:#182218;padding:3cqw 4cqw;transform:rotate(5deg);font-size:3.2cqw;line-height:1.25;font-weight:600;box-shadow:.6cqw .6cqw 0 #0003}
.hp-carousel .hp-noticed-light>.hp-photo{object-position:60% 50%}
.hp-carousel .hp-noticed-light .hp-top{color:#fff}
.hp-carousel .hp-focus-corners{position:absolute;left:20cqw;right:20cqw;top:22cqw;height:39cqw;background:linear-gradient(#d7ef5a,#d7ef5a) left top/7cqw .45cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) left top/.45cqw 7cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) right top/7cqw .45cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) right top/.45cqw 7cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) left bottom/7cqw .45cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) left bottom/.45cqw 7cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) right bottom/7cqw .45cqw no-repeat,linear-gradient(#d7ef5a,#d7ef5a) right bottom/.45cqw 7cqw no-repeat}
.hp-carousel .hp-light-label{position:absolute;left:6cqw;right:6cqw;bottom:14cqw;background:#f6f5e8;padding:5cqw 5cqw 6cqw;box-shadow:.7cqw .7cqw 0 #d7ef5a}
.hp-carousel .hp-light-label .hp-title{font-size:8cqw;margin-top:4cqw;line-height:1.08}
.hp-carousel .hp-light-label .hp-title span{background:#d7ef5a;padding:0 .5cqw}
.hp-carousel .hp-light-label p{font-size:2.6cqw;line-height:1.45;margin-top:4cqw}
.hp-carousel .hp-noticed-crop>.hp-title{position:absolute;left:6cqw;top:18cqw;font-size:10cqw;line-height:1.05}
.hp-carousel .hp-noticed-crop>.hp-title span{color:#567037}
.hp-carousel .hp-crop-comparison{position:absolute;left:6cqw;right:6cqw;top:45cqw;height:44cqw;display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw}
.hp-carousel .hp-crop-comparison>div{position:relative;overflow:hidden}
.hp-carousel .hp-crop-comparison>div:first-child .hp-photo{object-fit:cover;object-position:50% 50%}
.hp-carousel .hp-crop-comparison>div:last-child .hp-photo{transform:scale(2.8)}
.hp-carousel .hp-crop-comparison>div>span{position:absolute;left:2cqw;bottom:2cqw;z-index:2;font-size:1.7cqw;letter-spacing:.055em;font-weight:600;background:#d7ef5a;padding:1.3cqw 1.6cqw}
.hp-carousel .hp-detail-copy{position:absolute;left:6cqw;right:6cqw;bottom:13cqw;display:flex;gap:6cqw;align-items:center}
.hp-carousel .hp-detail-copy .hp-huge-number{font-size:14cqw;color:#718348}
.hp-carousel .hp-detail-copy p{font-size:3cqw;line-height:1.36}
.hp-carousel .hp-noticed-color{background:#d7ef5a}
.hp-carousel .hp-color-head{position:absolute;top:17cqw;left:6cqw;right:6cqw;display:flex;justify-content:space-between;align-items:center}
.hp-carousel .hp-color-head .hp-title{font-size:9.4cqw;line-height:1.06}
.hp-carousel .hp-color-wheel{width:12cqw;height:12cqw;border-radius:50%;background:conic-gradient(#e46133 0 90deg,#f6c44e 90deg 180deg,#546e45 180deg 270deg,#f5ede0 270deg)}
.hp-carousel .hp-color-mosaic{position:absolute;top:44cqw;left:6cqw;right:6cqw;height:52cqw;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:2cqw}
.hp-carousel .hp-color-mosaic .hp-photo{min-height:0}
.hp-carousel .hp-color-mosaic .hp-photo:first-child{object-position:50% 75%}
.hp-carousel .hp-color-mosaic .hp-photo:last-child{object-position:67% 33%}
.hp-carousel .hp-color-caption{position:absolute;left:6cqw;right:6cqw;bottom:13cqw;display:flex;align-items:center;gap:4cqw}
.hp-carousel .hp-color-swatch{display:block;width:8cqw;height:8cqw;background:#e36b38;border-radius:50%}
.hp-carousel .hp-color-caption p{font-size:3cqw;line-height:1.35}
.hp-carousel .hp-noticed-close>.hp-title{position:absolute;left:6cqw;top:17cqw;font-size:9.6cqw;line-height:1.08}
.hp-carousel .hp-noticed-close>.hp-title span{color:#d7ef5a;font-size:17cqw}
.hp-carousel .hp-observed-prints{position:absolute;left:5cqw;right:5cqw;top:66cqw;height:32cqw}
.hp-carousel .hp-observed-prints .hp-print{left:1cqw;top:0;width:29cqw;height:33cqw;transform:rotate(-8deg);color:#171c17}
.hp-carousel .hp-observed-prints .hp-print:nth-child(2){left:31cqw;top:-4cqw;transform:rotate(4deg);z-index:2}
.hp-carousel .hp-observed-prints .hp-print:nth-child(3){left:auto;right:0;top:0;transform:rotate(-3deg)}
.hp-carousel .hp-observed-prints .hp-print:before{display:none}
.hp-carousel .hp-noticed-end{position:absolute;left:6cqw;top:103cqw;font-size:3.7cqw;font-weight:600;letter-spacing:-.035em}
.hp-carousel .hp-save-label{position:absolute;left:6cqw;top:112cqw;font-size:1.75cqw;font-weight:600;letter-spacing:.075em;color:#d7ef5a}