@layer vendor,tokens,base,components;@layer pages{.oakroom-case{--oakroom-gap:clamp(72px, 8vw, 120px)}:where(.oakroom-case) :where(figure,p,dl,dd,h1,h2){margin:0}:where(.oakroom-case) img{width:100%;height:auto;display:block}.oakroom-case :is(a,button,video):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.oakroom-link{min-height:44px;color:var(--paper);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.oakroom-link:hover{color:var(--accent)}.oakroom-button{background:var(--accent);min-height:56px;color:var(--color-on-accent);font-weight:var(--weight-strong);flex-shrink:0;align-items:center;gap:14px;padding:14px 24px;text-decoration:none;transition:background-color .16s;display:inline-flex}.oakroom-button:hover{background:var(--accent-hover)}.oakroom-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:16px;display:flex}.oakroom-caption>p:first-child{max-width:68ch}.oakroom-caption strong{color:var(--paper);font-weight:var(--weight-strong)}.oakroom-intro{padding:0 var(--pad) var(--oakroom-gap)}.oakroom-topline{justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.oakroom-name{margin-top:clamp(32px,4vw,64px)}.oakroom-title{text-wrap:balance;max-width:18ch;margin-top:20px}.oakroom-intro__foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px 48px;margin-top:clamp(28px,3vw,44px);display:flex}.oakroom-intro__foot>p{max-width:50ch}.oakroom-film-player{margin-top:clamp(40px,5vw,64px)}.oakroom-player{aspect-ratio:16/9;border-radius:var(--radius-image);background:var(--surface-raised);display:block;position:relative;overflow:hidden}.oakroom-player video{object-fit:cover;width:100%;height:100%;display:block}.oakroom-player__start{backdrop-filter:blur(clamp(1px,.2vw,3px));color:var(--paper);font:inherit;cursor:pointer;background:#0909085c;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.oakroom-player__start[hidden]{display:none}.oakroom-player__pill{backdrop-filter:blur(10px);min-height:48px;font-weight:var(--weight-strong);transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:#09090894;border:1px solid #edebe238;border-radius:999px;align-items:center;gap:12px;padding:8px 20px 8px 8px;display:inline-flex}.oakroom-player__icon{aspect-ratio:1;background:var(--paper);width:32px;color:var(--surface);transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);border-radius:50%;place-items:center;display:grid}.oakroom-player__icon svg{margin-left:2px}.oakroom-player__time{color:#edebe29e;font-variant-numeric:tabular-nums;transition:color var(--motion-fast) var(--ease-standard)}@media (width<=680px){.oakroom-player__pill{gap:10px;padding-right:14px}.oakroom-player__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.oakroom-player__start:focus-visible .oakroom-player__pill{border-color:var(--accent);background:var(--accent);color:var(--color-on-accent)}.oakroom-player__start:focus-visible .oakroom-player__icon{background:var(--color-on-accent);color:var(--accent)}.oakroom-player__start:focus-visible .oakroom-player__time{color:var(--color-on-accent)}@media (hover:hover){.oakroom-player__pill:hover{border-color:var(--accent);background:var(--accent);color:var(--color-on-accent)}.oakroom-player__pill:hover .oakroom-player__icon{background:var(--color-on-accent);color:var(--accent)}.oakroom-player__pill:hover .oakroom-player__time{color:var(--color-on-accent)}}.oakroom-player__start:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.oakroom-player__pill,.oakroom-player__icon,.oakroom-player__time{transition:none}}.oakroom-section,.oakroom-survey,.oakroom-finale{padding:var(--oakroom-gap) var(--pad)}.oakroom-pair{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:32px clamp(32px,4vw,64px);display:grid}.oakroom-pair--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}.oakroom-pair--flip .oakroom-pair__media img{object-fit:cover;object-position:40% 60%;height:100%}.oakroom-pair__text{gap:20px;max-width:42ch;display:grid}.oakroom-pair__text h2{margin-bottom:4px}.oakroom-pair__media img{border-radius:var(--radius-image)}.oakroom-case .oakroom-survey{--line:var(--color-on-accent-line);background:var(--paper);color:var(--color-on-accent)}.oakroom-survey .text-body{color:var(--color-on-accent-quiet)}.oakroom-sheet>a{border:1px solid var(--line);border-radius:var(--radius-image);cursor:zoom-in;background:#f5f5f5;display:block;overflow:hidden;box-shadow:0 40px 80px -40px #0e0e0c73}.oakroom-sheet img{border-radius:0}.oakroom-sheet>a:focus-visible{outline-color:var(--color-on-accent)}.oakroom-stack{gap:16px;max-width:44ch;margin-bottom:clamp(28px,3vw,40px);display:grid}.oakroom-compare-block{display:block}.oakroom-compare{--oakroom-pos:50%;aspect-ratio:16/9;border-radius:var(--radius-image);background:var(--surface-raised);cursor:ew-resize;touch-action:pan-y;user-select:none;position:relative;overflow:hidden}.oakroom-compare img{pointer-events:none}.oakroom-compare__top{clip-path:inset(0 0 0 var(--oakroom-pos));position:absolute;inset:0}.oakroom-compare__handle{top:0;bottom:0;left:var(--oakroom-pos);background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.oakroom-compare[data-animate] .oakroom-compare__top{transition:clip-path .42s cubic-bezier(.22,1,.36,1)}.oakroom-compare[data-animate] .oakroom-compare__handle{transition:left .42s cubic-bezier(.22,1,.36,1)}.oakroom-compare__handle span{background:var(--accent);border-radius:50%;width:48px;height:48px;transition:transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oakroom-compare__handle span:before,.oakroom-compare__handle span:after{content:"";border-block:6px solid #0000;position:absolute;top:50%;transform:translateY(-50%)}.oakroom-compare__handle span:before{border-right:7px solid var(--color-on-accent);left:12px}.oakroom-compare__handle span:after{border-left:7px solid var(--color-on-accent);right:12px}.oakroom-compare[data-dragging] .oakroom-compare__handle span,.oakroom-compare:has(.oakroom-compare__range:focus-visible) .oakroom-compare__handle span{transform:translate(-50%,-50%)scale(1.1)}.oakroom-compare:has(.oakroom-compare__range:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.oakroom-compare__label{color:var(--paper);pointer-events:none;background:#090908c7;padding:8px 12px;position:absolute;top:16px}.oakroom-compare__label--start{left:16px}.oakroom-compare__label--end{right:16px}.oakroom-compare__range{clip-path:inset(50%);opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.oakroom-segments{border:1px solid var(--line);display:flex}.oakroom-segments button{min-height:44px;color:var(--paper);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px}.oakroom-segments button+button{border-left:1px solid var(--line)}.oakroom-segments button[aria-pressed=true]{background:var(--paper);color:var(--color-on-accent)}.oakroom-work{border-top:1px solid var(--line)}.oakroom-work>div{border-bottom:1px solid var(--line);padding-block:14px}.oakroom-work dd{margin-top:4px}.oakroom-finale{text-align:center;justify-items:center;display:grid;overflow:hidden}.oakroom-finale__title{font-size:clamp(52px,10.5vw,160px);font-weight:var(--weight-display);letter-spacing:-.05em;line-height:.9}.oakroom-finale__model{z-index:1;width:min(640px,82%);margin-top:calc(clamp(52px,10.5vw,160px)/-3.125);position:relative}.oakroom-finale__action{justify-items:center;gap:28px;margin-top:clamp(24px,3vw,40px);display:grid}.oakroom-finale__action p{max-width:40ch}.oakroom-next{padding:16px var(--pad);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.oakroom-next a{min-height:44px;color:var(--quiet);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.oakroom-next a:last-child{color:var(--paper)}.oakroom-next a:hover{color:var(--accent)}.oakroom-next strong{font-weight:inherit;color:var(--accent)}@media (width<=1020px){.oakroom-pair,.oakroom-pair--flip{grid-template-columns:minmax(0,1fr)}.oakroom-pair--flip .oakroom-pair__text{order:-1}.oakroom-pair--flip .oakroom-pair__media img{height:auto}}@media (width<=680px){.oakroom-intro__foot{flex-direction:column;align-items:start}.oakroom-compare{aspect-ratio:4/3}.oakroom-compare img{object-fit:cover;height:100%}.oakroom-caption{flex-direction:column;align-items:start}.oakroom-finale__title{font-size:9.6vw}.oakroom-finale__model{width:92%;margin-top:-2.4vw}}}@layer effects,utilities;