
#vacation-january {padding:24px 12px; color-scheme:light; color:#3f443e; font:15px/1.5 'Segoe UI',sans-serif; --trip-circle-size:272px; --trip-display:Georgia,'Times New Roman',serif;}
#vacation-january * {box-sizing:border-box;}
#vacation-january [hidden] {display:none!important;}
#vacation-january .trip-phone {max-width:390px; margin:auto; background:#faf7f1; border:1px solid #e8e1d7; border-radius:30px; overflow:hidden; box-shadow:0 18px 48px #26211912; min-height:690px;}
#vacation-january button {font:inherit; -webkit-tap-highlight-color:transparent;}
#vacation-january p,#vacation-january h1,#vacation-january h2,#vacation-january h3 {margin:0;}
#vacation-january .trip-top {display:flex; align-items:center; justify-content:space-between; padding:25px 28px 21px; color:#777969; font:italic 17px var(--trip-display);}
#vacation-january .trip-top svg {width:19px;height:19px; color:#8d927d;}
#vacation-january .trip-home {text-align:center; padding:13px 18px 22px;}
#vacation-january .trip-eyebrow {font-size:11px; letter-spacing:3px; color:#777969;}
#vacation-january h1 {font:400 47px/1.08 var(--trip-display); letter-spacing:-1.6px; margin:16px 0 13px; color:#454c41;}
#vacation-january h1 em {font-weight:400; color:#78846e;}
#vacation-january .trip-subtitle {font-size:13px; color:#777969;}
#vacation-january .trip-orbit {position:relative; margin:37px auto 0; width:min(var(--trip-circle-size),100%);}
#vacation-january .trip-day-number {display:block; margin-bottom:13px; font-size:10px; letter-spacing:2.6px; color:#868575;}
#vacation-january .trip-circle {display:block; width:100%; aspect-ratio:1; border-radius:50%; position:relative; overflow:hidden; padding:0; border:0; box-shadow:0 10px 27px #43586a24,0 0 0 7px #fffdf8; color:#fff; transition:transform .25s;}
#vacation-january .trip-circle:hover {transform:translateY(-3px);}
#vacation-january .trip-photo {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
#vacation-january .trip-shade {position:absolute; inset:0; background:linear-gradient(180deg,transparent 15%,#182d4433 42%,#152b51b8 100%);}
#vacation-january .trip-circle-copy {position:absolute; left:10px; right:10px; bottom:38px; display:flex; flex-direction:column; align-items:center; text-shadow:0 1px 9px #132c4f66;}
#vacation-january .trip-circle-date {font-size:14px; letter-spacing:1.3px; margin-bottom:9px;}
#vacation-january .trip-circle-title {font:400 28px/1.13 var(--trip-display);}
#vacation-january .trip-circle-place {font-size:11px; margin-top:12px; opacity:.9;}
#vacation-january .trip-tail {display:block; width:1px; height:30px; background:#c9c9b9; margin:16px auto 0;}
#vacation-january .trip-invite {margin-top:12px; font-size:12px; color:#7b7d6c;}
#vacation-january .trip-footer {display:flex; align-items:center; justify-content:center; gap:8px; margin-top:35px; color:#989787; font-size:11px;}
#vacation-january .trip-footer svg {width:13px;height:13px;}
#vacation-january .trip-detail {padding-bottom:12px;}
#vacation-january .trip-back {display:flex; align-items:center; gap:8px; min-height:44px; border:0; background:transparent; color:#636d5e; margin:0 18px 12px; padding:8px; font-size:13px;}
#vacation-january .trip-back svg {width:16px; height:16px;}
#vacation-january .trip-hero {height:212px; margin:0 18px; position:relative; border-radius:24px; overflow:hidden; color:#fff;}
#vacation-january .trip-hero>div {position:absolute; bottom:22px; left:23px; right:16px;}
#vacation-january .trip-hero>div>span {font-size:10px; letter-spacing:2px;}
#vacation-january h2 {font:400 33px/1.09 var(--trip-display); margin-top:9px;}
#vacation-january h2 em {font-weight:400;}
#vacation-january .trip-day-body {padding:22px 26px 12px;}
#vacation-january .trip-location {display:flex; align-items:center; gap:7px; color:#6c7563; font-size:12px; margin-bottom:25px;}
#vacation-january .trip-location svg {width:14px;height:14px; flex-shrink:0;}
#vacation-january h3 {font:400 24px/1.2 var(--trip-display);}
#vacation-january .trip-plan {list-style:none; margin:20px 0 25px; padding:0;}
#vacation-january .trip-plan li {position:relative; display:flex; gap:13px; padding-bottom:21px;}
#vacation-january .trip-plan li:last-child {padding-bottom:0;}
#vacation-january .trip-plan li:not(:last-child):before {content:''; position:absolute; left:4px; top:13px; bottom:0; width:1px; background:#d9ddcf;}
#vacation-january .trip-plan-dot {width:9px; height:9px; background:#89997d; border-radius:50%; flex-shrink:0; margin-top:6px;}
#vacation-january .trip-plan strong {font-size:13px;font-weight:500;}
#vacation-january .trip-plan p {font-size:12px; color:#7a7d70; margin-top:4px;}
#vacation-january .trip-demo-label {font-size:10px; text-align:center; color:#858675; margin-top:12px;}
#vacation-january dl {margin:18px 0; display:grid; gap:11px;}
#vacation-january dl div {display:flex; justify-content:space-between; gap:12px; font-size:11px;}
#vacation-january dd {margin:0; text-align:right;}
#vacation-january dt {color:#7a7d70;}
@media(max-width:380px) {#vacation-january {padding:14px 3px;} #vacation-january .trip-home {padding-left:15px; padding-right:15px;} #vacation-january h1 {font-size:41px;} #vacation-january .trip-day-body {padding-left:20px;padding-right:20px;} }
@media(prefers-reduced-motion:reduce) {#vacation-january .trip-circle {transition:none;}}
#vacation-january .trip-checks {display:grid;gap:13px;margin:20px 0 30px;}
#vacation-january .trip-checks label {display:flex;align-items:flex-start;gap:11px;font-size:13px;min-height:34px;}
#vacation-january .trip-checks input {accent-color:#76866a;width:18px;height:18px;flex-shrink:0;margin:2px 0 0;}
#vacation-january .trip-checks label:has(input:checked) span {color:#858675;text-decoration:line-through;}
#vacation-january .trip-checks strong {font-weight:600;}
#vacation-january .trip-flight-caption {color:#737b69;font-size:11px;margin:8px 0 18px;}
#vacation-january .trip-flight-times {display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;}
#vacation-january .trip-flight-times>div {display:flex;flex-direction:column;gap:5px;}
#vacation-january .trip-flight-times>div:last-child {text-align:right;}
#vacation-january .trip-flight-times .trip-time {font:400 35px/1.15 var(--trip-display);color:#424d3d;}
#vacation-january .trip-flight-times strong {font-size:12px;font-weight:500;}
#vacation-january .trip-flight-times span:not(.trip-time) {font-size:11px;color:#747966;}
#vacation-january .trip-flight-times small {font-size:11px;color:#747966;line-height:1.6;margin-top:5px;}
#vacation-january .trip-flight-times>svg {height:18px;width:18px;align-self:start;margin-top:14px;color:#839078;}
#vacation-january .trip-time-note {font-size:11px;color:#747966;margin:15px 0 25px;}
#vacation-january .trip-phone {max-width:600px;}
#vacation-january .trip-phone.is-day-open {max-width:390px;}
#vacation-january .trip-home {padding:13px 26px 32px;}
#vacation-january .trip-range {font-size:12px;color:#777969;margin-top:18px;}
#vacation-january .trip-month {margin-top:38px;text-align:left;}
#vacation-january .trip-month-title {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:23px;gap:12px;}
#vacation-january .trip-month-title h2 {font:400 28px/1.2 var(--trip-display);color:#545e4b;margin:0;}
#vacation-january .trip-month-title>span {font-size:11px;color:#858575;}
#vacation-january .trip-days-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px;}
#vacation-january .trip-date {display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;background:transparent;border:0;padding:0;color:#fffdf8;}
#vacation-january .trip-date-circle {display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 28% 18%,#bdcbd1a0,transparent 57%),linear-gradient(155deg,#8a9fa9,#506b7b);box-shadow:0 0 0 4px #fffdf8,0 7px 18px #3b4b5520;transition:transform .2s;}
#vacation-january .trip-date:hover .trip-date-circle {transform:translateY(-3px);}
#vacation-january .trip-month-feb .trip-date-circle {background:radial-gradient(ellipse at 28% 18%,#c9d0b680,transparent 57%),linear-gradient(155deg,#9aa58c,#65755c);}
#vacation-january .trip-date-circle>time {display:flex;flex-direction:column;align-items:center;font-size:13px;gap:2px;}
#vacation-january .trip-date-circle b {font:400 39px/1.1 var(--trip-display);}
#vacation-january .trip-date-caption {font-size:11px;color:#7b7e70;text-align:center;}
#vacation-january .trip-date-circle>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
#vacation-january .trip-date-shade {position:absolute;inset:0;background:linear-gradient(180deg,#1c385600 12%,#19365599 100%);}
#vacation-january .trip-date-copy {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 8px 21px;gap:7px;text-align:center;text-shadow:0 1px 6px #1b385c66;}
#vacation-january .trip-date-copy>time {font-size:12px;}
#vacation-january .trip-date-copy>span {font:400 21px/1.1 var(--trip-display);}
#vacation-january .trip-empty-content {padding:22px 26px 70px;text-align:center;}
#vacation-january .trip-empty-number {font-size:11px;color:#858575;letter-spacing:2px;}
#vacation-january .trip-empty-title {font:400 39px/1.2 var(--trip-display);color:#545e4b;margin-top:15px;}
#vacation-january .trip-empty-weekday {font-size:12px;color:#777969;margin-top:8px;}
#vacation-january .trip-empty-symbol {width:138px;height:138px;margin:42px auto 30px;background:#ecefe5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#849275;}
#vacation-january .trip-empty-symbol svg {width:35px;height:35px;stroke-width:1.2;}
#vacation-january .trip-empty-caption {font-size:13px;color:#7a7d70;margin-top:13px;}
@media(max-width:519px) {#vacation-january .trip-days-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;}#vacation-january .trip-home {padding-left:23px;padding-right:23px;}}
@media(max-width:360px) {#vacation-january .trip-home {padding-left:18px;padding-right:18px;}#vacation-january .trip-days-grid {column-gap:19px;}#vacation-january .trip-date-copy>span {font-size:18px;}#vacation-january .trip-date-copy {padding-bottom:16px;}}
@media(prefers-reduced-motion:reduce) {#vacation-january .trip-date-circle {transition:none;}}

