.rukn-materials__board{grid-template-columns:repeat(auto-fit,minmax(min(13.5rem,100%),1fr));gap:clamp(1rem,2vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.rukn-swatch{align-content:start;gap:.5rem;min-inline-size:0;display:grid}.rukn-swatch__sample{aspect-ratio:1;border-radius:var(--rukn-radius);background:var(--rukn-studio);margin-block-end:.5rem;display:block;position:relative;overflow:hidden}.rukn-swatch__sample img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.rukn-swatch__sample:after{content:"";border:1px solid color-mix(in srgb,var(--rukn-surface)70%,transparent);border-radius:calc(var(--rukn-radius)*.5);pointer-events:none;position:absolute;inset:10px}.rukn-swatch__sample[data-empty]{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--rukn-ink)8%,transparent)0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--rukn-ink)6%,transparent)0 1px,transparent 1px 5px),var(--rukn-linen)}.rukn-swatch__sample[data-empty]:after{border-color:var(--rukn-line-strong)}.rukn-swatch__name{font-size:1.125rem}.rukn-swatch__text{color:var(--rukn-band-muted);font-size:.9375rem}.rukn-swatch__link{min-block-size:44px;color:inherit;text-underline-offset:4px;justify-self:start;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;text-decoration:underline;display:inline-flex}.rukn-swatch__link .rukn-icon{block-size:1rem;inline-size:1rem}.rukn-compare__inner{justify-items:center;display:grid}.rukn-compare__inner>.rukn-head{justify-self:stretch}.rukn-compare__frame{aspect-ratio:16/10;border:1px solid var(--rukn-band-line);border-radius:var(--rukn-radius);background:var(--rukn-studio);touch-action:pan-y;user-select:none;inline-size:100%;max-inline-size:64rem;position:relative;overflow:hidden}.rukn-compare__frame[data-ratio=square]{aspect-ratio:1;max-inline-size:44rem}.rukn-compare__frame[data-ratio=portrait]{aspect-ratio:4/5;max-inline-size:36rem}.rukn-compare__after,.rukn-compare__before img{object-fit:cover;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.rukn-compare__before{clip-path:inset(0 calc(100% - var(--o-before-after,50%))0 0);position:absolute;inset:0}[dir=rtl] .rukn-compare__before{clip-path:inset(0 0 0 calc(100% - var(--o-before-after,50%)))}.rukn-compare__line{background:var(--rukn-surface);inline-size:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--rukn-graphite)20%,transparent);pointer-events:none;margin-inline-start:-1px;position:absolute;inset-block:0;inset-inline-start:var(--o-before-after,50%)}.rukn-compare__handle{display:none}[data-o-before-after][data-o-bound] .rukn-compare__handle{border:1px solid var(--rukn-graphite);border-radius:var(--rukn-radius);background:linear-gradient(90deg,transparent 13px,var(--rukn-graphite)13px 14px,transparent 14px 25px,var(--rukn-graphite)25px 26px,transparent 26px)center/100% 40% no-repeat,var(--rukn-surface);cursor:ew-resize;block-size:40px;inline-size:40px;margin-block-start:-20px;margin-inline-start:-20px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%}[data-o-before-after][data-o-dragging] .rukn-compare__handle{background-color:var(--rukn-linen)}.rukn-compare__label{border-radius:var(--rukn-radius-sm);background:var(--rukn-surface);color:var(--rukn-ink);pointer-events:none;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;inset-block-start:12px}.rukn-compare__label--before{inset-inline-start:12px}.rukn-compare__label--after{inset-inline-end:12px}.rukn-compare__range{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.rukn-compare__frame:has(.rukn-compare__range:focus-visible){outline:2px solid var(--rukn-band-fg);outline-offset:3px}.rukn-split__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.rukn-split[data-side=end] .rukn-split__media{order:2}.rukn-split__media{aspect-ratio:4/5;border-radius:var(--rukn-radius);background:var(--rukn-studio);position:relative;overflow:hidden}.rukn-split__media[data-ratio=square]{aspect-ratio:1}.rukn-split__media[data-ratio=landscape]{aspect-ratio:4/3}.rukn-split__media img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.rukn-split__media[data-empty]{background:repeating-linear-gradient(90deg,transparent 0 47px,var(--rukn-band-line)47px 48px),repeating-linear-gradient(0deg,transparent 0 47px,var(--rukn-band-line)47px 48px),var(--rukn-studio)}.rukn-split__text{justify-items:start;gap:1rem;max-inline-size:34rem;display:grid}.rukn-split__title{font-size:clamp(1.625rem,1.15rem + 1.6vw,2.5rem)}.rukn-split__body{color:var(--rukn-band-muted);font-size:1.0625rem}@media (width<=749.98px){.rukn-split__inner{grid-template-columns:minmax(0,1fr)}.rukn-split[data-side=end] .rukn-split__media{order:0}}.rukn-clock__row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.5rem clamp(1.5rem,4vw,3.5rem);display:grid}.rukn-clock__text{gap:.5rem;min-inline-size:0;display:grid}.rukn-clock__title{font-size:clamp(1.375rem,1rem + 1.1vw,2rem)}.rukn-clock__line{color:var(--rukn-band-muted)}.rukn-clock__face{border:1px solid var(--rukn-band-line);border-radius:var(--rukn-radius);display:flex}.rukn-clock__cell{justify-items:center;min-inline-size:4.5rem;padding:.75rem .5rem .625rem;display:grid}.rukn-clock__cell+.rukn-clock__cell{border-inline-start:1px solid var(--rukn-band-line)}.rukn-clock__value{font-family:var(--rukn-font-heading);font-size:clamp(1.625rem,1.2rem + 1.2vw,2.25rem);font-weight:600;line-height:1.25}.rukn-clock__unit{color:var(--rukn-band-muted);font-size:.75rem}.rukn-clock__ended{font-family:var(--rukn-font-heading);font-size:1.25rem;font-weight:600;display:none}.rukn-clock[data-state=ended] .rukn-clock__face{display:none}.rukn-clock[data-state=ended] .rukn-clock__ended{display:block}.rukn-clock[data-state=ended] .rukn-clock__title{color:var(--rukn-band-muted)}@media (width<=749.98px){.rukn-clock__row{grid-template-columns:minmax(0,1fr);justify-items:start}.rukn-clock__cell{min-inline-size:3.75rem}}