[data-sig="timber-weather"]{height:210dvh;position:relative;view-timeline-name:--weather;view-timeline-axis:block}[data-sig="timber-weather"] .weather-stage{position:sticky;top:90px;height:calc(100dvh - 90px);min-height:600px;overflow:hidden;background:var(--ice)}[data-sig="timber-weather"] .weather-photo{position:absolute;inset:0}[data-sig="timber-weather"] .weather-photo picture{position:absolute;inset:0}[data-sig="timber-weather"] .hero-frame{visibility:hidden;object-position:66% 58%}[data-sig="timber-weather"] .hero-frame.active{visibility:visible}[data-sig="timber-weather"] .weather-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,40,32,.58),rgba(25,40,32,0) 72%)}[data-sig="timber-weather"] .weather-copy{position:absolute;top:11%;left:var(--edge);color:var(--surface);max-width:860px}[data-sig="timber-weather"] .weather-copy>p{font-size:18px;max-width:360px}[data-sig="timber-weather"] h1{margin:16px 0 24px;font-size:clamp(64px,6.3vw,96px);line-height:.99;text-transform:uppercase}[data-sig="timber-weather"] .button{margin-top:28px;background:var(--surface);color:var(--ink);border-color:var(--surface)}[data-sig="timber-weather"] .thermometer{position:absolute;right:var(--edge);top:9%;color:var(--ink);width:120px}[data-sig="timber-weather"] output{font-family:var(--display);font-size:58px;line-height:1;font-variant-numeric:tabular-nums}[data-sig="timber-weather"] output small{font:20px var(--body)}[data-sig="timber-weather"] .thermo-track{margin-top:20px;height:150px;border-left:2px solid var(--ink);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-left:22px;font-size:12px}[data-sig="timber-weather"] .thermo-track:before{content:'';position:absolute;left:-7px;bottom:-12px;width:12px;height:12px;border-radius:50%;background:var(--ink)}[data-sig="timber-weather"] .thermo-track i{position:absolute;left:-3px;bottom:0;width:4px;height:150px;background:var(--ink);transform-origin:bottom;transform:scaleY(var(--heat,1))}[data-sig="timber-weather"] .thermometer p{font-size:12px;line-height:1.5;margin-top:28px}[data-sig="timber-weather"] .layer-rail{position:absolute;left:var(--edge);right:var(--edge);bottom:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(240,243,239,.97);z-index:2}[data-sig="timber-weather"] .layer{display:flex;gap:12px;padding:16px;align-items:center;min-width:0;border-right:1px solid var(--line);opacity:.7}[data-sig="timber-weather"] .layer.on{opacity:1}[data-sig="timber-weather"] .layer img{width:50px;height:64px;object-fit:cover}[data-sig="timber-weather"] .layer span{font-weight:600;font-size:14px;line-height:1.2}[data-sig="timber-weather"] .layer small{display:block;font-size:11px;font-weight:400;margin-top:6px}[data-sig="timber-weather"] .layer-check{margin-left:auto}[data-sig="timber-weather"] .frost-plate{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.4;transform:scale(1.5);mask-image:radial-gradient(ellipse,transparent 48%,#111 87%);z-index:1}@supports(animation-timeline:view()){[data-sig="timber-weather"] .frost-plate{animation:frost-in linear both;animation-timeline:--weather;animation-range:contain 0% contain 100%}@keyframes frost-in{from{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:.8}}}@media(max-width:800px){[data-sig="timber-weather"]{height:170dvh}[data-sig="timber-weather"] .weather-stage{top:72px;height:calc(100dvh - 72px);min-height:630px}[data-sig="timber-weather"] .hero-frame{object-position:65% 55%}[data-sig="timber-weather"] .weather-copy{top:7%;max-width:350px}[data-sig="timber-weather"] h1{font-size:clamp(30px,9.2vw,48px);margin:16px 0}[data-sig="timber-weather"] .weather-copy>p{font-size:14px;max-width:245px}[data-sig="timber-weather"] .button{margin-top:20px;font-size:13px;padding:13px 16px}[data-sig="timber-weather"] .thermometer{top:48%;right:20px;width:66px}[data-sig="timber-weather"] output{font-size:40px}[data-sig="timber-weather"] .thermo-track{height:86px;margin-top:12px}[data-sig="timber-weather"] .thermo-track i{height:86px}[data-sig="timber-weather"] .thermometer p{display:none}[data-sig="timber-weather"] .layer-rail{bottom:20px;left:20px;right:20px;grid-template-columns:repeat(5,minmax(0,1fr))}[data-sig="timber-weather"] .layer{padding:8px 4px;flex-direction:column;gap:6px;text-align:center}[data-sig="timber-weather"] .layer img{width:40px;height:48px}[data-sig="timber-weather"] .layer span{font-size:10px}[data-sig="timber-weather"] .layer small,[data-sig="timber-weather"] .layer-check{display:none}}@media(prefers-reduced-motion:reduce){[data-sig="timber-weather"]{height:auto}[data-sig="timber-weather"] .weather-stage{position:relative;top:0}[data-sig="timber-weather"] .frost-plate{animation:none;transform:none;opacity:.5}}

@media(max-width:800px){[data-sig="timber-weather"] .thermometer{color:var(--surface);right:16px;top:54%;width:62px;background:rgba(41,55,47,.72);padding:8px}[data-sig="timber-weather"] .thermo-track{border-color:var(--surface)}[data-sig="timber-weather"] .thermo-track i,[data-sig="timber-weather"] .thermo-track:before{background:var(--surface)}}

@media(max-width:800px){[data-sig="timber-weather"] .thermometer{width:86px;right:16px}[data-sig="timber-weather"] output{font-size:36px}[data-sig="timber-weather"] .hero-frame{object-position:50% 55%}}
@media(min-width:1100px){[data-sig="timber-weather"] .layer-rail{left:auto;right:var(--edge);width:222px;bottom:24px;display:flex;flex-direction:column;background:transparent;gap:5px}[data-sig="timber-weather"] .layer{background:var(--surface);border:0;padding:10px;min-height:70px;transform:translateX(12px)}[data-sig="timber-weather"] .layer.on{transform:none}[data-sig="timber-weather"] .layer img{width:40px;height:50px}[data-sig="timber-weather"] .layer small{max-width:125px}[data-sig="timber-weather"] .thermometer{right:var(--edge);width:222px}}