.sc-hero{padding-top:calc(var(--header) + clamp(48px,8vw,120px));padding-bottom:clamp(40px,6vw,90px)}.sc-hero h1{max-width:1100px}.sc-hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px clamp(24px,4vw,64px);max-width:1300px;align-items:start}.sc-hero-copy p{margin:0;font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:var(--muted)}.sc-hero-copy .sc-lede{grid-row:span 2;color:var(--ink);font-size:clamp(19px,1.8vw,26px);line-height:1.45}.sc-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.sc-tags li{padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sc-hero-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.62fr);gap:14px;margin-top:clamp(36px,5vw,64px);max-width:1300px}.sc-hero-pair figure{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--panel);aspect-ratio:4/3}.sc-hero-pair figure+figure{aspect-ratio:2.16}.sc-hero-pair img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sc-hero-note{margin:14px 0 0;max-width:760px;font-size:15px;line-height:1.55;color:var(--muted)}.sc-stats{margin-top:clamp(36px,5vw,64px)}.sc-index{padding:0 var(--gut);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}.sc-index ol{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;gap:8px;max-width:1300px}.sc-index a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:14px;color:var(--ink);white-space:nowrap;transition:border-color .3s}.sc-index a:focus-visible,.sc-index a:hover{border-color:var(--accent)}.sc-index span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--accent-ink)}.sc-case{--h:clamp(320px,52svh,460px)}.sc-rooms{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(84px,10vw,150px);padding-top:clamp(64px,8vw,120px)}.sc-room{width:100%;min-width:0;max-width:1300px;margin:0;scroll-margin-top:calc(var(--header) + 16px)}.sc-room-head{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:10px clamp(16px,3vw,48px);align-items:baseline;padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid var(--line)}.sc-num{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--accent-ink)}.sc-case .sc-room h2{font-size:clamp(30px,3.6vw,52px);line-height:1.02;margin:0}.sc-room-head p{margin:0;max-width:620px;font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:var(--muted)}.sc-room.is-side{display:grid;grid-template-columns:minmax(0,1fr) min(calc(var(--sum) * var(--h) + var(--gaps)),72%);gap:clamp(24px,4vw,64px);align-items:start}.sc-room.is-side .sc-room-head{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0;padding:0;border:0}.sc-room.is-side .sc-room-head p{grid-column:1/-1;margin-top:8px}.sc-room.is-side .sc-row{max-width:none}.sc-row{display:flex;gap:14px;align-items:flex-start;max-width:calc(var(--sum) * var(--h) + var(--gaps))}.sc-fig{margin:0;min-width:0}.sc-row .sc-fig{flex:var(--g) 1 0}.sc-row .sc-fig:only-child{flex:1 1 auto}.sc-done{margin-top:clamp(28px,4vw,44px);max-width:calc(var(--r) * min(640px,72svh))}.sc-fig-media{position:relative;display:block;aspect-ratio:var(--r);border-radius:18px;overflow:hidden;background:var(--panel);cursor:zoom-in}.sc-fig-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1s var(--ease)}.sc-fig-media:hover img{transform:scale(1.03)}.sc-fig-media:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sc-fig figcaption{margin-top:12px;font-size:16px;line-height:1.5;color:var(--ink)}.sc-slider{display:grid;grid-template-columns:min(calc((100svh - var(--header) - 150px) * 4 / 3),68%) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start;margin:clamp(28px,4vw,48px) 0 0}.sc-compare{position:relative;aspect-ratio:4/3;width:100%;border-radius:20px;overflow:hidden;background:var(--panel);isolation:isolate}.sc-compare .x-compare-after{-o-object-position:var(--pos,50% 50%);object-position:var(--pos,50% 50%)}.sc-slider figcaption{display:grid;gap:8px;max-width:360px;font-size:16px;line-height:1.5;color:var(--muted)}.sc-slider figcaption .x-label{color:var(--accent-ink)}.sc-stages{display:block;margin-top:6px}.sc-slider-open{font-size:14px}.sc-slider-open a{color:var(--ink);border-bottom:1px solid var(--line-2);transition:border-color .3s}.sc-slider-open a:focus-visible,.sc-slider-open a:hover{border-color:var(--accent)}.sc-more{--mh:clamp(220px,20vw,300px);margin-top:clamp(28px,4vw,44px)}.sc-more h3{margin:0 0 14px}.sc-more-track{display:flex;flex-wrap:wrap;gap:14px}.sc-more .sc-fig{flex:none;width:calc(var(--r) * var(--mh))}.sc-more figcaption{color:var(--muted)}@media (min-width:701px){.sc-more.is-row .sc-more-track{flex-wrap:nowrap;align-items:flex-start;max-width:calc(var(--sum) * var(--h) + var(--gaps))}.sc-more.is-row .sc-fig{flex:var(--g) 1 0;width:auto}}.sc-notes{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);max-width:calc(1300px + 2 * var(--gut));margin:0;padding-top:0}.sc-notes p{margin:14px 0 0;max-width:640px;font-size:17px;line-height:1.65;color:var(--muted)}.sc-svc-links{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.sc-svc-links a{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--line-2);border-radius:16px;background:var(--panel);font-size:16px;transition:border-color .3s}.sc-svc-links a:focus-visible,.sc-svc-links a:hover{border-color:var(--accent)}.sc-svc-links span{color:var(--accent-ink)}.sc-lightbox[open]{display:flex;flex-direction:column;height:92vh;margin-top:4vh}.sc-lightbox>img{flex:1 1 0;min-height:0;height:0;max-height:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.sc-lightbox .fx-lightbox-bar{flex:none}.sc-lightbox .fx-lightbox-bar p{font-size:16px;line-height:1.5;color:var(--ink)}.sc-link{display:flex;width:-moz-fit-content;width:fit-content}.sc-proj-card{border-color:var(--line-2)}.sc-proj-card .x-proj-media{display:block}.sc-proj-card .x-proj-media:hover img{transform:scale(1.03)}.sc-proj-cta{align-self:flex-start;margin-top:4px;border-color:var(--accent)}.sc-svc-case{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:28px var(--gut) 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--muted)}.sc-svc-case .x-label{color:var(--accent-ink)}.sc-svc-case a{color:var(--ink);border-bottom:1px solid var(--line-2);transition:border-color .3s}.sc-svc-case a:hover{border-color:var(--accent)}@media (max-width:900px){.sc-hero-copy,.sc-notes,.sc-room.is-side,.sc-slider{grid-template-columns:minmax(0,1fr)}.sc-slider figcaption{max-width:640px}.sc-room.is-side .sc-room-head{padding-bottom:22px;border-bottom:1px solid var(--line)}.sc-hero-copy .sc-lede{grid-row:auto}.sc-room-head{grid-template-columns:auto minmax(0,1fr)}.sc-room-head p{grid-column:1/-1}}@media (max-width:700px){.sc-hero-pair{grid-template-columns:1fr}.sc-hero-pair figure+figure{aspect-ratio:4/3}.sc-hero-pair figure+figure img{-o-object-position:30% 50%;object-position:30% 50%}.sc-index ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--gut));padding-right:var(--gut)}.sc-index ol::-webkit-scrollbar{display:none}.sc-index li{flex:none}.sc-row{flex-direction:column;align-items:stretch;gap:28px;max-width:none}.sc-row .sc-fig{flex:none}.sc-row .sc-fig-media{aspect-ratio:var(--rp,var(--r))}.sc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.sc-compare{width:100vw;margin-inline:calc(-1 * var(--gut));border-radius:0}.sc-compare .x-compare-tag{display:block;top:12px;padding:5px 10px;font-size:10px}.sc-done .sc-fig-media{aspect-ratio:var(--rp,var(--r))}.sc-lightbox[open]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.sc-more{--mh:260px}.sc-more-track{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(-1 * var(--gut));padding:0 var(--gut) 8px 0;scrollbar-width:thin}.sc-more .sc-fig{scroll-snap-align:start;max-width:82vw}.sc-more .sc-fig-media{height:var(--mh);aspect-ratio:auto}}