.native-case{max-width:1480px;--ink:var(--case-ink,#17243c);--bg:var(--case-bg,#f6f8fc);--native-surface:rgba(255,255,255,.52);--native-soft:rgba(42,83,140,.045)}
body[data-project=oven] .native-case{--native-surface:#fbf7f1;--native-soft:#eee4d7}
body[data-project=credit] .native-case{--native-surface:#162a44;--native-soft:#192f4a}
body[data-project=mobility] .native-case{--native-surface:#f8f7f2;--native-soft:#e5e8df}
.native-case .case-intro{border-color:var(--case-line,var(--line));gap:5vw;min-height:620px}
.native-case .case-intro h1{font-size:clamp(2rem,3.3vw,3.5rem);text-wrap:balance}
.native-case .case-visual{background:transparent;max-width:480px;overflow:visible}
.native-case .case-visual figcaption{position:static;color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:8px}
.native-case .case-visual .scene-canvas{border-radius:2px;overflow:hidden}
body[data-project=oven] .native-case .scene-canvas{background:radial-gradient(ellipse,#b9a38c33,transparent 72%)}
.native-chapters{max-width:1180px;margin:0 auto}
.native-section{padding:68px 0 76px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.native-section:last-child{border-bottom:0}
.native-section-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:22px;align-items:start}
.native-number{font-size:2.1rem;line-height:1.2;letter-spacing:-.045em;color:var(--blue);font-variant-numeric:tabular-nums;padding-top:3px}
.native-kicker{font-size:.75rem;letter-spacing:.12em;color:var(--blue);margin:0 0 10px;text-transform:uppercase}
.native-section h2{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.45;font-weight:550;letter-spacing:-.025em;margin:0;text-wrap:balance}
.native-intro{font-size:1.0625rem;line-height:1.9;max-width:860px;margin:22px 0 30px 80px;color:var(--muted)}
.native-blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0;overflow-wrap:anywhere}
.native-blocks h3{font-size:1rem;font-weight:600;line-height:1.6;margin:0 0 10px}
.native-blocks p{font-size:.9375rem;line-height:1.85;margin:0;color:var(--muted)}
.native-block-title{padding-top:10px}
.native-cards{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:18px}
.native-card{padding:25px 26px;background:var(--native-surface);border-top:2px solid var(--line);min-width:0}
.native-card h3{color:var(--ink)}
.native-metrics .native-card{padding:28px 30px;border-top-color:var(--blue)}
.native-metrics h3{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.04em;color:var(--blue);font-variant-numeric:tabular-nums;margin-bottom:16px}
.native-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.native-flow li{position:relative;background:var(--native-surface);padding:23px 24px;min-width:0}
.native-flow li:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:22px;color:var(--blue);z-index:1;background:var(--bg);padding:0 3px}
.native-step{display:block;font-size:.8125rem;color:var(--blue);letter-spacing:.06em;margin-bottom:18px;font-variant-numeric:tabular-nums}
.native-note{padding:22px 26px;border-left:3px solid var(--blue);background:var(--native-soft)}
.native-note p{font-size:.875rem}.native-note .native-sources{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:14px}
.native-sources a{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.native-table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.8;table-layout:fixed}
.native-table th,.native-table td{text-align:left;vertical-align:top;padding:18px 22px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.native-table thead{background:var(--native-soft);color:var(--muted);font-size:.8125rem}
.native-table thead th{font-weight:500}.native-table tbody th{width:24%;font-weight:550}.native-table td{color:var(--muted)}
.native-gallery{display:grid;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));gap:30px;align-items:start}
.native-figure{margin:0;min-width:0}.native-figure-label{font-size:.875rem;line-height:1.6;color:var(--ink);margin:0 0 14px;font-weight:550}
.native-evidence{display:block;width:100%;background:transparent;padding:0;border:1px solid var(--line);position:relative;cursor:zoom-in;overflow:hidden}
.native-crop{display:block;position:relative;width:100%;overflow:hidden;background:#fff}
.native-crop img{position:absolute;max-width:none;height:auto;margin:0;display:block}
.native-crop.is-asset img{position:static;width:100%;max-width:100%}
.native-zoom{display:flex;gap:8px;align-items:center;position:absolute;right:8px;bottom:8px;font-size:.75rem;padding:7px 10px;background:#17222ceb;color:white;opacity:0;transition:opacity .15s}
.native-zoom .chevron{width:7px;height:12px}.native-evidence:hover .native-zoom,.native-evidence:focus-visible .native-zoom{opacity:1}
.native-blocks .native-caption{font-size:.8125rem;line-height:1.8;margin-top:14px;max-width:70ch}
.native-gallery.portrait{gap:40px;padding:28px;background:var(--native-soft)}
.native-gallery.portrait .native-evidence{max-width:265px;margin:0 auto}.native-gallery.portrait .native-figure-label{text-align:center}
.native-gallery.portrait .native-caption{max-width:34ch;margin:20px auto 0}
.native-gallery.single{max-width:1040px;width:100%;margin:0 auto}
.native-gallery.photo .native-crop img{aspect-ratio:16/10;object-fit:cover}
.native-controls{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1fr);gap:45px;background:var(--native-soft);padding:30px 40px;align-items:center}
.oven-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px 44px;max-width:300px;margin:auto;width:100%}
.oven-key{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px 8px;min-height:64px;border:1px solid #b8a48f;border-radius:5px;font-size:.875rem;color:var(--ink);background:var(--native-surface)}
.oven-key small{font-size:.6875rem;color:var(--muted)}.oven-key.is-start{grid-column:1/-1;justify-self:center;width:126px;height:126px;border-radius:50%;padding:16px;gap:5px}
.native-recommendation{border:1px solid var(--line);padding:28px;background:var(--native-surface)}
.native-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.native-inputs>div{padding:12px 16px 25px;border-bottom:1px solid var(--line)}
.native-recommend-result{max-width:580px;text-align:center;margin:8px auto 28px;padding:0 20px 26px;border-bottom:1px solid var(--line)}
.native-recommend-result>span{font-size:2rem;color:var(--blue)}.native-recommend-result h3{font-size:1.375rem;margin:8px 0}
.native-case .case-next{max-width:1180px;margin:auto}
.native-decisions{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.native-decisions-head{display:grid;grid-template-columns:1fr 1.45fr;gap:60px;color:var(--blue);font-size:.75rem;letter-spacing:.05em;padding:18px 26px;background:var(--native-soft)}
.native-decision{display:grid;grid-template-columns:1fr 28px 1.45fr;gap:16px;align-items:center;padding:26px;border-top:1px solid var(--line)}
.native-decision>span{color:var(--blue)}.native-decision .native-observation{color:var(--ink);font-size:1rem}.native-decision h3{margin-bottom:5px}
.native-placement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.native-placement figure{margin:0;background:var(--native-surface);padding:14px 18px 24px;border-bottom:1px solid var(--line)}
.native-placement svg{display:block;width:100%;height:auto;color:#997755}.native-placement figcaption{padding:0 12px}.native-placement figcaption p{font-size:.8125rem}
.placement-floor{stroke:#d4c5b3;stroke-width:1}.placement-cabinet{fill:#efe6d9;stroke:#b49c81;stroke-width:1.5}.placement-outline{fill:none;stroke:#826449;stroke-width:1.7}
.placement-oven{fill:#dcc3a2;stroke:#826449;stroke-width:1.8}.placement-window{fill:#6e6257;stroke:#826449}.placement-screen{fill:#51483f}.placement-action{fill:#e5b47e}.placement-support{stroke:#826449;stroke-width:2}
.placement-person{fill:none;stroke:#9e9286;stroke-width:2.2;stroke-linecap:round}.placement-sight{fill:none;stroke:#b17d4b;stroke-width:1.5;stroke-dasharray:5 5}
.native-architecture{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(180px,.6fr);gap:70px;padding:30px;background:var(--native-soft);align-items:start}
.native-function-map{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.native-function-map li{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.native-function-map .native-step{margin:5px 0 0}.native-function-map p{font-size:.875rem}
.native-architecture-reason{padding-top:25px;margin-top:16px;border-top:1px solid var(--line)}.native-architecture>.native-figure{max-width:215px;justify-self:center}
.native-test-feedback{margin:0;padding:38px 45px;background:var(--native-soft);border-top:2px solid var(--blue)}
.native-test-feedback>figcaption{font-size:.8125rem;color:var(--blue)}.native-test-feedback blockquote{margin:18px 0}.native-test-feedback blockquote p{font-size:clamp(1.7rem,2.8vw,2.5rem);color:var(--ink);line-height:1.55;max-width:850px;text-wrap:balance}
.native-dialog{padding:0;width:min(1400px,96vw);height:min(960px,94svh);max-width:100vw;max-height:100svh;border:1px solid #526071;background:#edf1f5;color:#1d2a3b;overflow:hidden}
.native-dialog::backdrop{background:#07101bd9;backdrop-filter:blur(5px)}
.native-viewer-toolbar{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid #c2cbd7;background:#fff}
.native-viewer-toolbar>span{font-size:.875rem;line-height:1.5}.native-viewer-toolbar>div{display:flex;gap:10px;flex-shrink:0}
.native-viewer-toolbar button{border:1px solid #c2cbd7;background:transparent;padding:8px 12px;color:#24344b;font:inherit;font-size:.8125rem;cursor:pointer}
.native-viewer-body{height:calc(100% - 76px);padding:24px;overflow:auto;overscroll-behavior:contain}
.native-viewer-body .native-crop{max-width:100%;width:min(var(--native-width,100%),100%);margin:0 auto}
.native-dialog:not(.native-original) .is-asset{width:fit-content;max-width:100%;background:transparent}
.native-dialog:not(.native-original) .is-asset img{max-height:calc(90svh - 150px);width:auto;max-width:100%;object-fit:contain}
.native-original .native-viewer-body .native-crop{width:var(--native-width,100%);max-width:none}
@media(max-width:980px){.native-case .case-intro{min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}.native-case .case-visual{margin:0}.native-intro{margin-left:0}.native-section{padding:50px 0}.native-cards{gap:12px}.native-card,.native-flow li{padding:20px}.native-gallery.portrait{padding:20px;gap:24px}.native-controls{padding:25px;gap:25px}}
@media(max-width:700px){.native-case .case-intro{display:flex;flex-direction:column;align-items:stretch;padding:38px 0}.native-case .case-visual{max-width:360px;margin:0 auto}.native-section-heading{grid-template-columns:38px minmax(0,1fr);gap:16px}.native-number{font-size:1.7rem}.native-section h2{font-size:1.5rem}.native-intro{font-size:1rem;line-height:1.85;margin:20px 0 26px}.native-blocks{gap:24px}.native-cards,.native-flow,.native-gallery,.native-inputs{grid-template-columns:1fr}.native-flow li:not(:last-child)::after{right:24px;top:auto;bottom:-14px;content:'↓'}.native-card,.native-flow li{padding:22px}.native-gallery{gap:30px}.native-gallery.portrait{padding:24px}.native-gallery.portrait .native-evidence{max-width:240px}.native-zoom{opacity:1}.native-controls{grid-template-columns:1fr;gap:30px}.native-note{padding:20px}.native-table thead{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.native-table,.native-table tbody,.native-table tr,.native-table th,.native-table td{display:block;width:100%}.native-table tr{padding:16px 0;border-bottom:1px solid var(--line)}.native-table tbody th,.native-table td{width:100%;border:0;padding:8px 0}.native-table td::before{content:attr(data-label);display:block;font-size:.75rem;color:var(--blue);margin-bottom:5px}.native-recommendation{padding:20px}.native-inputs{gap:8px}.native-inputs>div{padding:10px 0 20px}.native-metrics h3{font-size:2.6rem}.native-dialog{width:100vw;height:100svh;margin:0;border:0}.native-viewer-toolbar{padding:12px;gap:12px;flex-wrap:wrap}.native-viewer-toolbar>span{width:100%;font-size:.8125rem}.native-viewer-toolbar>div{margin-left:auto}.native-viewer-body{height:calc(100% - 112px);padding:12px}}
@media(prefers-reduced-motion:reduce){.native-zoom{transition:none}}
@media(max-width:700px){.native-section{overflow-wrap:anywhere}.native-blocks>*{min-width:0}.native-table thead{overflow:hidden}.native-controls{grid-template-columns:minmax(0,1fr)}.native-controls>div{min-width:0}}
@media(max-width:600px){.native-case .case-next{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.native-case .next-link{text-align:left}.native-case .next-link strong{font-size:1.125rem}}
@media(max-width:900px){.native-placement{gap:12px}.native-placement figure{padding:8px 8px 20px}.native-architecture{gap:30px}.native-function-map{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.native-decisions-head{display:none}.native-decision{grid-template-columns:1fr;gap:12px;padding:24px 20px}.native-decision>span{transform:rotate(90deg);justify-self:start}.native-placement{grid-template-columns:1fr}.native-placement figure{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:center}.native-placement figcaption{padding:0 10px 0 0}.native-placement h3{font-size:.9375rem}.native-architecture{grid-template-columns:1fr;padding:22px}.native-function-map{grid-template-columns:1fr}.native-architecture>.native-figure{max-width:230px}.native-test-feedback{padding:26px}.native-controls .oven-panel{max-width:280px;gap:20px 32px}}