.alba{--hdr:4rem;--gutter:1rem;width:100vw;height:calc(100svh - var(--hdr));view-timeline-name:--alba;view-timeline-axis:block;view-timeline-inset:var(--hdr) 0px;min-height:34rem;margin-inline:calc(50% - 50vw);position:relative}.alba-pin{top:var(--hdr);height:calc(100svh - var(--hdr));isolation:isolate;background:linear-gradient(#aad0eb 0%,#c8e8f0 26%,#f9eed1 46%,#ffd1a3 62%,#ffc294 100%);background:linear-gradient(lab(81.5142% -8.77088 -17.4062) 0%,lab(89.8063% -9.4755 -7.63768) 26%,lab(94.3837% .320703 15.5725) 46%,lab(87.1068% 13.4606 31.484) 62%,lab(83.4085% 20.1584 34.893) 100%);min-height:34rem;position:sticky;overflow:clip}.alba-day{opacity:0;background:linear-gradient(#7bc0ed 0%,#b4e4f5 52%,#f1f0d9 100%);background:linear-gradient(lab(74.5383% -13.6635 -29.5878) 0%,lab(87.5325% -13.1437 -13.846) 52%,lab(94.436% -2.51809 11.1711) 100%);position:absolute;inset:0}.alba-sun{aspect-ratio:1;background:#fff9db;background:lab(97.9607% -1.75264 17.3542);border-radius:50%;width:clamp(5.5rem,15vmin,11rem);position:absolute;bottom:36%;left:61%;box-shadow:0 0 4.5rem 1.6rem #ffebbc8c;box-shadow:0 0 4.5rem 1.6rem lab(94.3787% 6.28799 36.1369/.55)}.alba-ridge{transform-origin:50% 100%;width:max(100%,62rem);display:block;position:absolute;left:50%;translate:-50%}.alba-sky{height:46%;bottom:22%}.alba-far{height:42%;bottom:15%}.alba-mid{height:36%;bottom:8%}.alba-near{height:27%;bottom:2%}.alba-ground{height:13%;bottom:-1px}.alba-pine{fill:#0a2f17;fill:lab(16.0852% -18.5696 11.1248)}.alba-ground path{fill:var(--color-pino)}.alba-camp{perspective:70em;transform-origin:50% 100%;font-size:clamp(.56rem,1.05vw,1.35rem);position:absolute;bottom:10.5%;right:clamp(1rem,13vw,16rem)}.alba-tent{--w:14em;--h:9.5em;--d:17em;--s:11.8em;--a:36.38deg;width:var(--w);height:var(--h);transform-style:preserve-3d;position:relative;transform:rotateX(-9deg)rotateY(38deg)}.alba-tent>i{display:block;position:absolute}.alba-tent-roof{left:calc(50% - var(--d) / 2);width:var(--d);height:var(--s);transform-origin:50% 0;top:0}.alba-tent-roof-l{transform:rotateZ(var(--a)) rotateY(90deg);background:linear-gradient(#9d5126,#7f3d1f);background:linear-gradient(lab(43.5857% 29.6595 39.0708),lab(34.3317% 27.1287 31.5324))}.alba-tent-roof-r{transform:rotateZ(calc(var(--a) * -1)) rotateY(90deg);background:linear-gradient(#e99f4e,#d58138);background:linear-gradient(lab(71.8327% 22.7516 52.436),lab(62.2861% 29.2539 52.0978))}.alba-tent-end{clip-path:polygon(50% 0,100% 100%,0 100%);inset:0}.alba-tent-front{transform:translateZ(calc(var(--d) / 2));background:linear-gradient(#cb7c3d,#b1632f);background:linear-gradient(lab(59.9983% 27.4182 46.8802),lab(50.6109% 29.0228 42.8753))}.alba-tent-front:after{content:"";clip-path:polygon(50% 26%,71% 100%,29% 100%);background:radial-gradient(circle at 50% 96%,#ffe2a3 0%,#ffb53d 34%,#f90 62%,#b85f00 100%);position:absolute;inset:0}.alba-tent-back{transform:translateZ(calc(var(--d) / -2));background:#6e351b;background:lab(29.764% 24.3939 28.2893)}.alba-tent-floor{width:var(--w);height:var(--d);transform-origin:50% 0;transform:translateZ(calc(var(--d) / 2)) rotateX(90deg);background:#021406;background:lab(4.7855% -7.45058 4.47409);top:100%;left:0;box-shadow:0 0 2.2em 1.4em #0010038c;box-shadow:0 0 2.2em 1.4em lab(3.31754% -5.74908 3.42551/.55)}.alba-tent-glow{transform-origin:50% 0;width:72%;height:5.5em;transform:translateZ(calc(var(--d) / 2 + 5.5em)) rotateX(90deg);background:radial-gradient(at 50% 100%,#fea92f80,#fea92f00 70%);background:radial-gradient(at 50% 100%,lab(76.4708% 25.7709 70.5619/.5),lab(76.4708% 25.7709 70.5619/0) 70%);top:100%;left:14%}.alba-copy{z-index:2;top:clamp(1.5rem,9vh,6rem);left:max(var(--gutter), calc((100vw - 80rem) / 2 + var(--gutter)));width:min(calc(100vw - 2 * var(--gutter)), 50rem);color:#021c09;color:lab(7.82597% -12.8365 7.68025);position:absolute}.alba-copy h1{font-family:var(--font-heading);letter-spacing:-.012em;text-wrap:balance;margin:0;font-size:clamp(3.1rem,5.5vw,5.1rem);font-weight:800;font-stretch:68%;line-height:.92}.alba-copy p{color:#122d19;color:lab(15.9572% -15.0184 9.81599);max-width:34rem;margin:1.1rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5}.alba-links{flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;padding:0;list-style:none;display:flex}.alba-links a{color:#021c09;color:lab(7.82597% -12.8365 7.68025);background:#fdfaf3;background:lab(98.3001% .286371 3.81302);border-radius:.5rem;align-items:center;min-height:2.9rem;padding:0 1.15rem;font-size:.98rem;font-weight:650;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #021c09c7;box-shadow:inset 0 0 0 1.5px lab(7.82597% -12.8365 7.68025/.78)}.alba-links li:first-child a{color:#fbf4e6;color:lab(96.5967% .633419 7.66813);box-shadow:none;background:#021c09;background:lab(7.82597% -12.8365 7.68025)}.alba-links a:hover{color:#fbf4e6;color:lab(96.5967% .633419 7.66813);background:#021c09;background:lab(7.82597% -12.8365 7.68025)}.alba-links li:first-child a:hover{background:#033816;background:lab(19.7945% -24.304 16.2004)}.alba-links a:focus-visible{outline-offset:3px;outline:3px solid #f90}@media (min-width:40rem){.alba{--gutter:1.5rem}}@media (min-width:64rem){.alba{--gutter:2rem}}@media (max-width:47.99rem){.alba-camp{font-size:.6rem;bottom:10%;right:50%;translate:50%}.alba-sun{--sun-rise:-13vh;bottom:33%;left:66%}.alba-copy h1{font-size:min(10.2vw,3.4rem)}.alba-sky{height:36%}.alba-far{height:33%}.alba-mid{height:28%}.alba-near{height:21%}.alba-links a{min-height:2.75rem;padding:0 .95rem;font-size:.92rem}}@media (max-height:34rem){.alba-camp{display:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.alba{height:calc(100svh - var(--hdr) + 90vh)}.alba-day,.alba-sun,.alba-ridge,.alba-camp,.alba-tent{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--alba;animation-range:contain}.alba-day{animation-name:alba-day}.alba-sun{animation-name:alba-sun}.alba-sky{animation-name:alba-sky}.alba-far{animation-name:alba-far}.alba-mid{animation-name:alba-mid}.alba-near{animation-name:alba-near}.alba-ground{animation-name:alba-ground}.alba-camp{animation-name:alba-camp}.alba-tent{animation-name:alba-tent}}}@keyframes alba-day{to{opacity:1}}@keyframes alba-sun{to{transform:translateY(var(--sun-rise,-24vh)) scale(.82)}}@keyframes alba-sky{to{transform:translateY(-1vh)scale(1.03)}}@keyframes alba-far{to{transform:translateY(-2vh)scale(1.07)}}@keyframes alba-mid{to{transform:translateY(-3vh)scale(1.13)}}@keyframes alba-near{to{transform:translateY(1vh)scale(1.26)}}@keyframes alba-ground{to{transform:scale(1.3,1.5)}}@keyframes alba-camp{to{transform:translateY(-1.5vh)scale(1.3)}}@keyframes alba-tent{to{transform:rotateX(-5deg)rotateY(-30deg)}}
.board{perspective:90rem;perspective-origin:50% 0}.board-plane{transform-origin:50% 0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.board-plane{animation:linear both board-rise;animation-timeline:view();animation-range:entry cover 36%}}}@keyframes board-rise{0%{opacity:.35;transform:rotateX(50deg)scale(.84)}to{opacity:1;transform:none}}