/* СГЕНЕРИРОВАНО automation/realizaciya/kejs_ozernaya/build_assets.py из design-v8.css концепта.
   Руками не править: правки под сайт — в work-landing-ozernaya.css. */
.ozl{--paper:#f7f8f6;--ink:#252b2e;--muted:#737d82;--blue:#5576aa;--line:#d9dfe1;--gap:32px}
.ozl *{box-sizing:border-box}
.ozl{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ozl figure,.ozl p,.ozl h1,.ozl h2,.ozl h3{margin:0}
.ozl a{color:inherit}
.ozl img{display:block;width:100%;height:auto}
.ozl button{font:inherit;cursor:pointer}
.ozl button:focus-visible,.ozl a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.ozl h1,.ozl h2,.ozl h3{font-weight:400;letter-spacing:-.045em;line-height:1.05}
.ozl h1{font-size:clamp(52px,5.7vw,86px)}
.ozl h2{font-size:clamp(40px,3.8vw,57px)}
.ozl h3{font-size:30px}
.ozl .masthead{max-width:1440px;padding:30px 64px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);font-size:12px}
.ozl .brand{text-decoration:none;font-size:20px;font-weight:bold;letter-spacing:-.04em}
.ozl .brand span{color:var(--blue);margin-left:5px}
.ozl .top-link{text-decoration:none}
.ozl .chapter{max-width:1440px;margin:auto;padding:82px 64px;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.ozl .eyebrow,.ozl .small-label,.ozl .type-tag{display:block;color:var(--muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.ozl .eyebrow{color:var(--blue);margin-bottom:24px}
.ozl .hero{padding-top:52px;padding-bottom:28px}
.ozl .hero-title,.ozl .section-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:64px;align-items:end}
.ozl .hero-title p,.ozl .section-head p{font-size:17px;max-width:400px}
.ozl .hero-art{margin:28px 0 18px}
.ozl .hero-art>svg{display:block;width:100%;height:auto;max-height:650px;overflow:visible}
.ozl .hero-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:11px}
.ozl .hero-bottom a{text-decoration:none}
.ozl .section-head{margin-bottom:52px}
.ozl .process-board{display:grid;grid-template-columns:1.2fr 32px 1fr 1fr;gap:32px;align-items:start}
.ozl .process-board figure{display:flex;flex-direction:column}
.ozl .small-label{margin-bottom:22px;font-size:10px}
.ozl .guide img{height:430px;object-fit:contain;mix-blend-mode:multiply}
.ozl .process-arrow{align-self:center;color:var(--blue);font-size:30px}
.ozl .sign-surface{height:430px;display:flex;justify-content:center;align-items:center}
.ozl .sign-surface img{width:225px;max-width:100%;transform:none;border:0;box-shadow:none}
.ozl .installed-preview>img{aspect-ratio:3/4;object-fit:cover;object-position:28% 50%}
.ozl figcaption{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.4}
.ozl .workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;border-top:1px solid var(--line);margin-top:42px;padding-top:22px;font-size:12px}
.ozl .workflow b{display:block;margin-bottom:8px;color:var(--blue);font-size:11px;font-weight:400}
.ozl .map-layout,.ozl .stele-sticky{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:64px;align-items:center}
.ozl .map-scroll{height:210vh;min-height:1450px}
.ozl .map-sticky{position:sticky;top:28px}
.ozl .map-visual{background:#fff;border:1px solid var(--line);overflow:hidden}
.ozl .map-panel[hidden]{display:none}
.ozl .native-map{display:block;width:100%;height:auto}
.ozl .native-map .map-icons,.ozl .native-map .map-colors,.ozl .native-map .map-numbers,.ozl .native-map .map-legend,.ozl .native-map .map-pins{transition:opacity .16s}
.ozl .floor-select{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.ozl .floor-select button{min-width:40px;padding:8px 12px;color:var(--muted);border:1px solid var(--line);background:transparent;font-size:12px}
.ozl .floor-select button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}
.ozl .map-steps{list-style:none;padding:0;margin:24px 0}
.ozl .map-steps li{border-bottom:1px solid var(--line)}
.ozl .map-steps button{width:100%;padding:12px 0;border:0;background:transparent;color:var(--muted);text-align:left;font-size:13px}
.ozl .map-steps b{font-weight:400;font-size:10px;margin-right:15px}
.ozl .map-steps li.current button{color:var(--blue)}
.ozl .action,.ozl .asset-link{display:inline-block;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--blue);text-decoration:none;font-size:12px}
.ozl .motion-caption,.ozl .assembly-note,.ozl .spatial-note{font-size:11px;color:var(--muted);margin-top:18px}
.ozl .stele-scroll{height:230vh;min-height:1750px}
.ozl .stele-sticky{position:sticky;top:28px;align-items:center}
.ozl .stele-visual>svg{display:block;width:100%;height:720px;overflow:visible}
.ozl .stele-story h3{margin-top:22px;font-size:31px}
.ozl .stele-story>p:not(.motion-caption){min-height:50px;max-width:380px;font-size:14px;color:var(--muted);margin-top:16px}
.ozl .stele-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:24px}
.ozl .stele-steps button{padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--muted);font-size:12px}
.ozl .stele-steps b{display:block;font-size:10px;font-weight:400;margin-bottom:4px}
.ozl .stele-steps button[aria-pressed=true]{color:var(--blue)}
.ozl .stele-story>.action{margin-top:16px}
.ozl .stele-photo{width:210px;max-width:100%;margin-top:22px}
.ozl .stele-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.ozl .stele-photo figcaption{font-size:10px}
.ozl .stele-frame,.ozl .stele-orange,.ozl .stele-white,.ozl .stele-plinth{will-change:transform,opacity}
.ozl .map-sticky.too-tall,.ozl .stele-sticky.too-tall{position:relative;top:0}
.ozl .map-scroll.too-tall,.ozl .stele-scroll.too-tall{height:auto;min-height:0}
.ozl .directory-scroll{height:165vh;min-height:1020px}
.ozl .directory-sticky{position:sticky;top:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:64px;align-items:center;min-height:650px}
.ozl .directory-copy h3{margin-top:32px;font-size:42px}
.ozl .directory-copy h3 span{color:var(--blue)}
.ozl .directory-board{position:relative;aspect-ratio:5/12;max-width:275px;width:100%;background:#fff;border:1px solid var(--line);overflow:hidden}
.ozl .directory-base{position:absolute;inset:0;width:100%;height:100%}
.ozl .blue-strip{position:absolute;left:0;top:75%;width:100%;height:25%;background:#6182c1;border-radius:12px;z-index:1;transition:top .65s cubic-bezier(.22,.7,.2,1)}
.ozl .active-rows{position:absolute;inset:0;z-index:2;clip-path:inset(75% 0 0 0);transition:clip-path .65s cubic-bezier(.22,.7,.2,1)}
.ozl .active-row{position:absolute;left:0;width:100%;height:25%}
.ozl .directory-photo img{aspect-ratio:3/4;object-fit:cover;object-position:32% center}
.ozl .space-stage{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:48px;align-items:start}
.ozl .spatial-visual{min-width:0}
.ozl .spatial-visual>svg{display:block;width:100%;height:auto;max-height:780px;overflow:visible}
.ozl .space-product{border-left:1px solid var(--line);padding-left:28px;min-width:0}
.ozl .position-mockup{height:410px;display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:24px}
.ozl .position-mockup img{width:auto;max-width:100%;height:auto;max-height:390px;border:0;box-shadow:none;filter:none}
.ozl .space-product h3{font-size:24px;letter-spacing:-.03em}
.ozl .space-product p{font-size:13px;color:var(--muted);margin-top:15px}
.ozl .space-product .asset-link{margin-top:18px}
.ozl .position-select{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);margin-top:40px;padding-top:18px}
.ozl .position-select button{border:0;background:transparent;color:var(--muted);padding:0 0 14px;text-align:left;min-width:0}
.ozl .position-select b{display:block;font-size:10px;font-weight:400;margin-bottom:8px}
.ozl .position-select span{display:block;font-size:13px}
.ozl .position-select small{display:block;font-size:10px;line-height:1.4;margin-top:6px}
.ozl .position-select button[aria-pressed=true]{color:var(--blue);box-shadow:0 1px var(--blue)}
.ozl .product-point{cursor:pointer}
.ozl .product-point .point-disc{fill:#fff;stroke:#919da4;stroke-width:1}
.ozl .product-point .point-label{fill:#5e6a72}
.ozl .product-point.is-active .point-disc{fill:var(--blue);stroke:var(--blue)}
.ozl .product-point.is-active .point-label{fill:#fff}
.ozl .photo-hero{max-width:1120px}
.ozl .photo-hero img{width:100%;height:auto;object-fit:initial}
.ozl .installation-pair{display:grid;grid-template-columns:16fr 9fr;gap:32px;align-items:start;margin-top:48px}
.ozl .installation-pair img{height:auto;object-fit:initial}
.ozl .landscape-shot img{aspect-ratio:4/3}
.ozl .portrait-shot img{aspect-ratio:3/4}
.ozl .map-context{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center;margin-top:64px}
.ozl .map-context h3{margin-top:20px}
.ozl .map-context p{margin-top:18px;color:var(--muted);font-size:14px}
.ozl .map-context img{width:100%;height:auto;aspect-ratio:16/9}
.ozl .closing{background:#eef1f3}
.ozl .closing h2{color:#4c6380}
.ozl .concept-note{display:block;margin-top:46px;color:var(--muted);font-size:10px}
.ozl .export-page{background:var(--paper)}
.ozl .artboard{width:1600px;height:1100px;padding:100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;position:relative}
.ozl .artboard h1{font-size:69px}
.ozl .artboard p{font-size:20px;margin-top:30px}
.ozl .product-render{height:800px;display:flex;justify-content:center;align-items:center}
.ozl .product-render img{width:560px;max-width:100%;height:auto;max-height:790px;object-fit:contain;transform:none;border:0;box-shadow:none;filter:none}
.ozl .product-meta{position:absolute;bottom:68px;left:100px;color:var(--muted);font-size:13px}
.ozl #product-200 img{width:300px}
.ozl #product-130 img,.ozl #product-180 img{width:405px}
.ozl #product-stele img{width:245px}
@media(max-width:1050px){.ozl .masthead,.ozl .chapter{padding-left:36px;padding-right:36px}
.ozl .hero-title,.ozl .section-head,.ozl .map-layout,.ozl .stele-sticky{gap:40px}
.ozl .process-board{gap:20px;grid-template-columns:1fr 22px .8fr 1fr}
.ozl .guide img,.ozl .sign-surface{height:360px}
.ozl .stele-visual>svg{height:650px}
.ozl .stele-photo{width:180px}
.ozl .directory-sticky{gap:35px}
.ozl .directory-copy h3{font-size:34px}
.ozl .directory-board{max-width:240px}
.ozl .space-stage{grid-template-columns:2.5fr 1fr;gap:26px}
.ozl .space-product{padding-left:20px}
.ozl .position-mockup{height:320px}
.ozl .position-mockup img{max-height:310px}
.ozl .position-select{grid-template-columns:repeat(4,1fr);gap:20px}
.ozl .map-context{gap:35px}
.ozl .installation-pair{gap:24px}
.ozl .hero-art>svg{max-height:600px}}
@media(max-width:700px){.ozl .masthead{padding:22px 24px;gap:14px}
.ozl .masthead>span{font-size:9px}
.ozl .top-link{display:none}
.ozl .chapter{padding:52px 24px}
.ozl .hero{padding-top:38px;padding-bottom:25px}
.ozl .hero-title,.ozl .section-head{display:block}
.ozl .hero-title p,.ozl .section-head p{font-size:15px;max-width:none;margin-top:24px}
.ozl .hero-title h1{font-size:clamp(39px,10vw,56px)}
.ozl .hero-art{margin:24px 0 16px}
.ozl .hero-art>svg{max-height:none}
.ozl .hero-bottom{font-size:9px;gap:18px}
.ozl .hero-bottom>span,.ozl .hero-bottom>a{max-width:45%}
.ozl .hero-bottom>a{text-align:right}
.ozl .eyebrow{font-size:9px;margin-bottom:18px}
.ozl .section-head{margin-bottom:32px}
.ozl .process-board{grid-template-columns:1fr 16px 1fr;gap:12px}
.ozl .installed-preview{grid-column:1/-1;margin-top:25px;max-width:320px}
.ozl .guide img,.ozl .sign-surface{height:280px}
.ozl .sign-surface img{width:170px}
.ozl .small-label{font-size:9px;margin-bottom:15px}
.ozl .process-arrow{font-size:23px}
.ozl .workflow{grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.ozl .map-layout{display:flex;flex-direction:column;gap:24px}
.ozl .map-visual,.ozl .map-story{width:100%}
.ozl .map-scroll{height:195vh;min-height:1450px}
.ozl .map-sticky{top:12px}
.ozl .map-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 13px;margin:18px 0}
.ozl .map-steps button{font-size:11px;padding:9px 0}
.ozl .map-steps b{font-size:9px;margin-right:8px}
.ozl .floor-select{margin:16px 0;gap:6px}
.ozl .floor-select button{padding:7px 9px;font-size:11px;min-width:35px}
.ozl .stele-sticky{display:flex;flex-direction:column;gap:22px;top:12px}
.ozl .stele-visual,.ozl .stele-story{width:100%}
.ozl .stele-visual>svg{height:350px}
.ozl .stele-story h3{font-size:28px;margin-top:12px}
.ozl .stele-story>p:not(.motion-caption){font-size:13px;min-height:0}
.ozl .stele-steps{margin-top:16px}
.ozl .stele-story>.action{margin-top:13px}
.ozl .stele-photo{display:none}
.ozl .stele-scroll{height:210vh;min-height:1500px}
.ozl .directory-sticky{grid-template-columns:1fr 1fr;gap:24px;min-height:440px;top:15px}
.ozl .directory-copy h3{font-size:28px;margin-top:24px}
.ozl .directory-photo{display:none}
.ozl .directory-board{max-width:240px}
.ozl .directory-scroll{height:140vh;min-height:830px}
.ozl .type-tag{font-size:9px}
.ozl .motion-caption{font-size:10px}
.ozl .directory-controls button{min-width:30px;padding:6px 8px}
.ozl .space-stage{display:flex;flex-direction:column;gap:28px}
.ozl .spatial-visual{width:100%}
.ozl .space-product{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;width:100%;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
.ozl .space-product>.type-tag{grid-column:1/-1}
.ozl .position-mockup{grid-column:1;grid-row:2/5;height:240px;margin:0}
.ozl .position-mockup img{max-height:230px}
.ozl .space-product h3{grid-column:2;font-size:22px}
.ozl .space-product p{grid-column:2;font-size:12px;margin-top:0}
.ozl .space-product .asset-link{grid-column:2;margin-top:0;font-size:11px}
.ozl .position-select{grid-template-columns:1fr 1fr;gap:15px 22px;margin-top:28px}
.ozl .position-select small{font-size:9px}
.ozl .spatial-note{font-size:10px}
.ozl .installation-pair{display:block;margin-top:30px}
.ozl .installation-pair figure+figure{margin-top:30px}
.ozl .portrait-shot{max-width:100%}
.ozl .map-context{display:block;margin-top:40px}
.ozl .map-context figure{margin-top:25px}
.ozl .map-context h3{font-size:29px}
.ozl .closing h2{font-size:38px}
.ozl .concept-note{margin-top:35px}
.ozl figcaption{font-size:10px}
.ozl .section-head h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.ozl *,.ozl *:before,.ozl *:after{transition:none!important;animation:none!important}
.ozl .map-scroll,.ozl .stele-scroll,.ozl .directory-scroll{height:auto;min-height:0}
.ozl .map-sticky,.ozl .stele-sticky,.ozl .directory-sticky{position:relative;top:0}
.ozl .stele-frame,.ozl .stele-orange,.ozl .stele-white,.ozl .stele-plinth{will-change:auto}}
.ozl .product-point .point-disc{vector-effect:non-scaling-stroke}
.ozl .product-point{transform-box:fill-box;transform-origin:center}
.ozl .photo-hero{max-width:none}
@media(max-width:700px){.ozl .space-product{display:block}
.ozl .position-mockup{height:320px;margin:18px 0 24px}
.ozl .position-mockup img{max-height:310px}
.ozl .space-product h3{font-size:26px}
.ozl .space-product p{font-size:13px;margin-top:14px}
.ozl .space-product .asset-link{margin-top:16px}}
@media(min-width:1051px){.ozl .guide img,.ozl .sign-surface,.ozl .installed-preview>img{height:480px}
.ozl .installed-preview>img{aspect-ratio:auto}}
.ozl .space-product[data-selected=directory] .position-mockup{height:530px}
.ozl .space-product[data-selected=directory] .position-mockup img{max-height:510px}
@media(max-width:700px){.ozl .space-section{display:flex;flex-direction:column}
.ozl .space-section>.section-head{order:0}
.ozl .space-section>.position-select{order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;margin-top:0;margin-bottom:24px}
.ozl .space-section>.space-stage{order:2}
.ozl .space-section>.spatial-note{order:3}
.ozl .position-select small{display:none}
.ozl .position-select button{padding-bottom:10px}
.ozl .position-select span{font-size:11px}
.ozl .spatial-visual .product-point:not(.is-active) .point-label{display:none}
.ozl .space-product[data-selected=directory] .position-mockup{height:400px}
.ozl .space-product[data-selected=directory] .position-mockup img{max-height:390px}}
@media(min-width:1051px){.ozl .hero-title,.ozl .section-head,.ozl .map-layout,.ozl .stele-sticky,.ozl .space-stage,.ozl .directory-sticky{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
.ozl .hero-title>h1,.ozl .section-head>div:first-child,.ozl .map-layout>.map-visual,.ozl .stele-sticky>.stele-visual{grid-column:1/9}
.ozl .hero-title>p,.ozl .section-head>p,.ozl .map-layout>.map-story,.ozl .stele-sticky>.stele-story{grid-column:9/-1}
.ozl .space-stage>.spatial-visual{grid-column:1/10}
.ozl .space-stage>.space-product{grid-column:10/-1}
.ozl .directory-sticky>.directory-copy{grid-column:1/5}
.ozl .directory-sticky>.directory-board{grid-column:5/9;justify-self:center}
.ozl .directory-sticky>.directory-photo{grid-column:9/-1}}
.ozl .hero-title h1{font-size:clamp(52px,5.2vw,76px)}
.ozl .hero-title>p{font-size:16px;line-height:1.55}
.ozl .hero-art{margin-top:64px;margin-bottom:22px}
.ozl .hero-art>svg{max-height:650px}
.ozl .hero-art .icon-float{will-change:auto}
.ozl .information-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0 0 44px;border-top:1px solid var(--line);padding-top:20px}
.ozl .information-chain span,.ozl .information-chain small{display:block;font-size:10px;color:var(--muted)}
.ozl .information-chain b{display:block;font-size:14px;font-weight:400;margin:9px 0 7px}
.ozl .closing-copy{font-size:17px;line-height:1.5;max-width:590px;margin-top:28px}
.ozl .closing .asset-link{margin-top:22px}
@media(max-width:1050px){.ozl .hero-title h1{font-size:clamp(48px,6vw,68px)}
.ozl .hero-art{margin-top:52px}
.ozl .information-chain{gap:24px}
.ozl .information-chain b{font-size:13px}}
@media(max-width:700px){.ozl .hero-title h1{font-size:clamp(36px,9.6vw,52px)}
.ozl .hero-title>p{font-size:15px;margin-top:24px}
.ozl .hero-art{margin-top:46px;margin-bottom:22px}
.ozl .hero-art>svg{max-height:none}
.ozl .information-chain{grid-template-columns:1fr 1fr;gap:22px 18px;margin-bottom:28px}
.ozl .information-chain b{font-size:13px}
.ozl .closing-copy{font-size:15px}
.ozl .hero .eyebrow{max-width:260px;line-height:1.5}}
@media(max-width:700px){.ozl .hero-art .icon-float{transform-box:fill-box;transform-origin:50% 100%;scale:1.7}}
.ozl .hero-art>svg{max-height:750px}
.ozl .hero-bottom{flex-wrap:wrap}
.ozl .hero-bottom>.action{padding:0;font-size:11px;border-bottom:0;color:var(--muted)}
.ozl .map-visual{background:transparent;border:0;border-radius:2.5%;overflow:hidden}
.ozl .directory-board{border-radius:4% / 1.6666666667%;overflow:hidden}
.ozl .blue-strip{border-radius:4% / 6.6666666667%}
.ozl img[src*="directory-1.svg"],.ozl img[src*="directory-2.svg"],.ozl img[src*="directory-3.svg"],.ozl img[src*="directory-4.svg"]{border-radius:4% / 1.6666666667%}
.ozl .stele-scroll{height:260vh;min-height:2100px}
.ozl .stele-visual>svg{height:min(650px,calc(100svh - 120px))}
.ozl .stele-story h3{min-height:68px}
.ozl .stele-story>p:not(.motion-caption){min-height:64px}
@media(max-height:880px){.ozl .stele-photo{display:none}}
@media(max-width:700px){.ozl .hero-art>svg{max-height:none}
.ozl .hero-bottom>.action{font-size:10px}
.ozl .stele-scroll{height:240vh;min-height:1800px}
.ozl .stele-visual>svg{height:min(320px,42svh)}
.ozl .stele-story h3{min-height:60px}
.ozl .stele-story>p:not(.motion-caption){min-height:60px}}
@media(prefers-reduced-motion:reduce){.ozl .stele-scroll,.ozl .map-scroll,.ozl .directory-scroll{height:auto;min-height:0}
.ozl .stele-sticky,.ozl .map-sticky,.ozl .directory-sticky{position:relative;top:0}}
.ozl .map-sticky,.ozl .directory-sticky{position:sticky;top:24px;display:block;min-height:0}
.ozl .pinned-frame>.section-head{margin-bottom:24px}
.ozl .directory-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center;min-height:0}
.ozl .map-layout{min-height:0}
.ozl .map-visual{width:min(100%,var(--map-size,864px));justify-self:start}
.ozl .directory-board{width:var(--directory-width,275px);max-width:100%;justify-self:center}
.ozl .directory-photo img{height:var(--directory-photo-height,auto);aspect-ratio:auto;object-fit:cover}
.ozl .map-scroll{height:245vh;min-height:1600px}
.ozl .directory-scroll{height:205vh;min-height:1400px}
.ozl .process-arrow{display:flex;align-items:center;justify-content:center}
.ozl .process-arrow img{width:44px;max-width:100%;height:auto}
@media(min-width:1051px){.ozl .directory-layout,.ozl .process-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
.ozl .directory-layout>.directory-copy{grid-column:1/5}
.ozl .directory-layout>.directory-board{grid-column:5/9}
.ozl .directory-layout>.directory-photo{grid-column:9/-1}
.ozl .process-board>.guide{grid-column:1/5}
.ozl .process-board>.process-arrow{grid-column:5/6}
.ozl .process-board>.adapted{grid-column:6/9}
.ozl .process-board>.installed-preview{grid-column:9/-1}
.ozl .sign-surface img{translate:-27px 0}
.ozl .space-stage>.spatial-visual{grid-column:1/9}
.ozl .space-stage>.space-product{grid-column:9/-1;padding-left:0;border-left:0}}
@media(min-width:701px) and (max-width:1050px){.ozl .sign-surface img{translate:-20px 0}
.ozl .space-stage{grid-template-columns:2fr 1fr}
.ozl .space-product{padding-left:0;border-left:0}}
@media(max-height:820px) and (min-width:701px){.ozl .pinned-frame>.section-head h2{font-size:48px}
.ozl .pinned-frame .eyebrow{margin-bottom:18px}
.ozl .pinned-frame>.section-head{margin-bottom:20px}
.ozl .pinned-frame .map-steps{margin:18px 0}
.ozl .pinned-frame .map-steps button{padding:8px 0;font-size:12px}
.ozl .pinned-frame .floor-select{margin:16px 0}
.ozl .directory-layout .directory-copy h3{font-size:34px;margin-top:22px}}
@media(max-width:700px){.ozl .map-sticky,.ozl .directory-sticky{top:12px}
.ozl .pinned-frame>.section-head{margin-bottom:20px}
.ozl .map-layout{display:flex;flex-direction:column;gap:16px}
.ozl .map-visual{align-self:flex-start}
.ozl .directory-layout{grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.ozl .directory-layout>.directory-photo{display:none}
.ozl .map-scroll{height:225vh;min-height:1450px}
.ozl .directory-scroll{height:180vh;min-height:1050px}
.ozl .sign-surface img{translate:0 0}
.ozl .process-board{grid-template-columns:1fr 22px 1fr}
.ozl .process-arrow img{width:22px}}
@media(max-width:700px) and (max-height:760px){.ozl .pinned-frame>.section-head p{font-size:14px;line-height:1.4;margin-top:16px}
.ozl .pinned-frame .map-steps button{padding:7px 0}
.ozl .pinned-frame .floor-select{margin:12px 0}
.ozl .pinned-frame .eyebrow{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.ozl .map-scroll,.ozl .directory-scroll{height:auto;min-height:0}
.ozl .map-sticky,.ozl .directory-sticky{position:relative;top:0}}
@media(max-width:700px){.ozl .directory-layout .directory-copy h3{font-size:clamp(23px,7.2vw,28px)}
.ozl .pinned-frame>.section-head h2{font-size:clamp(30px,9.5vw,39px)}}
.ozl .map-scroll,.ozl .directory-scroll{scroll-margin-top:24px}
@media(max-width:700px){.ozl .map-scroll,.ozl .directory-scroll{scroll-margin-top:12px}}
@media(min-width:701px) and (max-width:1050px){.ozl .directory-layout,.ozl .process-board,.ozl .space-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.ozl .directory-layout>.directory-copy,.ozl .process-board>.guide{grid-column:1/5}
.ozl .directory-layout>.directory-board{grid-column:5/9}
.ozl .directory-layout>.directory-photo,.ozl .process-board>.installed-preview,.ozl .space-stage>.space-product{grid-column:9/-1}
.ozl .process-board>.process-arrow{grid-column:5/6}
.ozl .process-board>.adapted{grid-column:6/9}
.ozl .space-stage>.spatial-visual{grid-column:1/9}
.ozl .guide img,.ozl .sign-surface,.ozl .installed-preview>img{height:360px}
.ozl .installed-preview>img{aspect-ratio:auto}}
@media(min-width:701px) and (max-width:800px){.ozl .sign-surface img{translate:-12px 0}}
@media(min-width:701px){.ozl .section-head,.ozl .hero-title{align-items:start}
.ozl .section-head>p{margin-top:var(--head-title-offset,40.5px);font-size:16px;line-height:1.5}
.ozl .hero-title>p{margin-top:0}}
.ozl .stele-photo{width:300px;max-width:100%}
.ozl .stele-steps b{display:none}
.ozl .stele-steps button{padding:9px 0;font-size:12px}
.ozl .stele-photo figcaption{font-size:10px}
@media(max-width:700px){.ozl .section-head>p{font-size:15px;margin-top:24px}
.ozl .hero-title>p{margin-top:24px}
.ozl .stele-steps button{padding:8px 0}
.ozl .stele-photo{display:none}}
@media(max-width:700px) and (max-height:760px){.ozl .pinned-frame>.section-head p{font-size:14px;line-height:1.4;margin-top:16px}}
.ozl .stele-sticky{align-items:start}
.ozl .stele-story{align-self:start}
.ozl .stele-photo{margin-top:var(--stele-photo-top,0px)}
.ozl .stele-photo figcaption{margin-top:12px}
.ozl .stele-story>.action{margin-top:12px}
@media(min-width:701px){.ozl .stele-photo{display:block}}
@media(max-width:700px){.ozl .stele-photo{display:none}
.ozl .stele-story>.action{margin-top:0}}