[data-sig="cabins-window"]{height:300dvh;background:var(--surface-deep);view-timeline-name:--window;view-timeline-axis:block}[data-sig="cabins-window"] .window-stage{position:sticky;top:0;height:100dvh;min-height:660px;padding:24px var(--gutter) 0;display:grid;grid-template-rows:auto minmax(0,1fr) 130px;background:var(--surface-deep);overflow:hidden}[data-sig="cabins-window"] .window-title{display:grid;grid-template-columns:1.4fr .7fr;gap:64px;align-items:center;padding:16px 0 32px}[data-sig="cabins-window"] h1{font-size:clamp(52px,5.2vw,80px);max-width:12ch;margin:0}[data-sig="cabins-window"] .window-title p{font-size:15px;max-width:32ch;margin:0 0 18px;color:var(--muted)}[data-sig="cabins-window"] .window-view{position:relative;min-height:0;border:14px solid #3d2c20;box-shadow:0 0 0 2px #5c4430,0 0 0 12px #251d15,inset 0 0 0 1px #674b32;overflow:hidden}[data-sig="cabins-window"] .season-view{position:absolute;inset:0;opacity:0}[data-sig="cabins-window"] .season-view picture,[data-sig="cabins-window"] .season-view img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}[data-sig="cabins-window"] .mullion{position:absolute;left:49%;top:0;bottom:0;width:16px;background:#3c2b1f;box-shadow:2px 0 #705037,-2px 0 #1e1711}[data-sig="cabins-window"] .horizontal-mullion{position:absolute;left:0;right:0;top:34%;height:10px;background:#3c2b1f;box-shadow:0 2px #67492f}[data-sig="cabins-window"] .windowsill{position:relative;margin:0 -12px;background:linear-gradient(#4a3626,#211a13);border-top:8px solid #725236;padding:26px 28px;min-height:130px}[data-sig="cabins-window"] .season-control{position:relative;z-index:2;max-width:65%;display:flex;gap:40px;align-items:center}[data-sig="cabins-window"] .season-caption p{margin:0;font-size:13px;max-width:24ch;color:var(--paper)}[data-sig="cabins-window"] .season-buttons{display:flex;gap:16px;flex-wrap:wrap}[data-sig="cabins-window"] .season-buttons button{font-size:13px;background:transparent;border:0;border-bottom:1px solid transparent;padding:8px 0;color:var(--muted);min-height:44px}[data-sig="cabins-window"] .season-buttons button[aria-pressed=true]{color:var(--paper);border-bottom-color:var(--accent)}[data-sig="cabins-window"] .sill-photo{position:absolute;right:0;top:-45px;width:32%;height:175px;opacity:0;mask-image:linear-gradient(to right,transparent,#191611 35%);pointer-events:none}[data-sig="cabins-window"] .sill-photo img{height:100%;object-fit:cover;object-position:90% 73%}[data-sig="cabins-window"] .sill-photo{transform:translateY(var(--sill-shift,0px))}
@media(max-width:800px){[data-sig="cabins-window"]{height:220dvh}[data-sig="cabins-window"] .window-stage{padding:16px 24px 54px;min-height:620px;grid-template-rows:auto minmax(0,1fr) 134px}[data-sig="cabins-window"] .window-title{grid-template-columns:1fr;gap:20px;padding:0 0 28px}[data-sig="cabins-window"] h1{font-size:48px;max-width:12ch}[data-sig="cabins-window"] .window-title p{font-size:13px;max-width:30ch;margin-bottom:12px}[data-sig="cabins-window"] .window-title>div:last-child{display:flex;gap:16px;align-items:center}[data-sig="cabins-window"] .window-title .button{font-size:12px;padding:8px 12px;flex-shrink:0}[data-sig="cabins-window"] .window-view{border-width:8px}[data-sig="cabins-window"] .season-view img{object-position:45% 55%}[data-sig="cabins-window"] .mullion{width:9px;left:46%}[data-sig="cabins-window"] .horizontal-mullion{height:7px;top:27%}[data-sig="cabins-window"] .season-control{display:block;max-width:100%}[data-sig="cabins-window"] .windowsill{padding:14px 12px}[data-sig="cabins-window"] .season-caption p{font-size:12px;max-width:26ch;margin-bottom:8px}[data-sig="cabins-window"] .season-buttons{gap:20px}[data-sig="cabins-window"] .sill-photo{width:40%;height:96px;top:-24px}[data-sig="cabins-window"] .season-buttons button{font-size:12px}}
@media(prefers-reduced-motion:reduce){[data-sig="cabins-window"]{height:auto}[data-sig="cabins-window"] .window-stage{position:relative}[data-sig="cabins-window"] .season-view,[data-sig="cabins-window"] .sill-photo{animation:none!important;transform:none!important}}
[data-sig="cabins-window"] .sill-layers{position:absolute;inset:0;pointer-events:none;transform:translateY(var(--sill-shift,0px))}[data-sig="cabins-window"] .sill-photo{width:25%;right:2%;height:150px;top:-50px;mask-image:none;transform:none}[data-sig="cabins-window"] .sill-photo img{object-fit:contain;object-position:center;filter:drop-shadow(0 4px 3px #211a1360)}
@supports(animation-timeline:view()){[data-sig="cabins-window"] .sill-layers{animation:sill-drift linear both;animation-timeline:--window;animation-range:contain 0% contain 100%}@keyframes sill-drift{from{transform:translateY(0)}to{transform:translateY(-12px)}}}
@media(max-width:800px){[data-sig="cabins-window"] .sill-photo{width:34%;right:0;height:90px;top:-25px}}
@media(prefers-reduced-motion:reduce){[data-sig="cabins-window"] .sill-layers{animation:none;transform:none}}
/* All seasonal layers share one clipped stage and the same hold/fade curves. */
[data-sig="cabins-window"] .window-stage{isolation:isolate;contain:paint}
[data-sig="cabins-window"] .window-view{isolation:isolate}
[data-sig="cabins-window"] .season-view{z-index:0}
[data-sig="cabins-window"] .mullion,[data-sig="cabins-window"] .horizontal-mullion{z-index:1}
@supports(animation-timeline:view()){
[data-sig="cabins-window"] .season-view:nth-child(1),[data-sig="cabins-window"] .sill-photo:nth-child(1){animation:sill-spring linear both;animation-timeline:--window;animation-range:contain 0% contain 100%}
[data-sig="cabins-window"] .season-view:nth-child(2),[data-sig="cabins-window"] .sill-photo:nth-child(2){animation:sill-summer linear both;animation-timeline:--window;animation-range:contain 0% contain 100%}
[data-sig="cabins-window"] .season-view:nth-child(3),[data-sig="cabins-window"] .sill-photo:nth-child(3){animation:sill-autumn linear both;animation-timeline:--window;animation-range:contain 0% contain 100%}
[data-sig="cabins-window"] .season-view:nth-child(4),[data-sig="cabins-window"] .sill-photo:nth-child(4){animation:sill-winter linear both;animation-timeline:--window;animation-range:contain 0% contain 100%}
@keyframes sill-spring{0%,26%{opacity:1}30%,100%{opacity:0}}
@keyframes sill-summer{0%,26%{opacity:0}30%,59%{opacity:1}63%,100%{opacity:0}}
@keyframes sill-autumn{0%,59%{opacity:0}63%,92%{opacity:1}96%,100%{opacity:0}}
@keyframes sill-winter{0%,92%{opacity:0}96%,100%{opacity:1}}
[data-sig="cabins-window"].manual .season-view,[data-sig="cabins-window"].manual .sill-photo{animation:none}
}