.scene-ozwit .site-header{height:88px;background:#f5f9f0cc;border:1px solid #ffffffa6;border-radius:0 0 20px 20px;padding-inline:28px;box-shadow:0 10px 45px #15362912;backdrop-filter:blur(16px)}
.scene-ozwit .story-grid{display:block}.scene-ozwit .story-copy{display:block}
.scene-ozwit .experience{padding-top:1px;padding-bottom:55px}
.scene-ozwit .chapter{display:flex;width:min(585px,51%);max-width:none;min-height:0;padding:42px 42px 38px;margin:12vh 0 33vh;background:#f6faf1cc;border:1px solid #ffffffaa;border-radius:25px;box-shadow:0 20px 80px #183c2924;backdrop-filter:blur(18px)}
.scene-ozwit .chapter:nth-child(even){margin-left:auto}
.scene-ozwit .chapter-first{margin-top:7vh;margin-bottom:32vh;padding-top:38px}
.scene-ozwit .chapter-last{margin-bottom:15vh}
.scene-ozwit h1{font-size:clamp(45px,4.8vw,72px);letter-spacing:-3px;line-height:1.05}
.scene-ozwit .chapter>p:not(.eyebrow):not(.scroll-note){font-size:16px;line-height:1.8}
.scene-ozwit .hero-actions{gap:19px;margin-bottom:26px}.scene-ozwit .scroll-note{margin-top:25px}
.scene-ozwit .solutions,.scene-ozwit .examples,.scene-ozwit .contact-section{width:calc(100% - 96px);max-width:1440px;margin-inline:auto;border-radius:28px;padding:60px 42px;background:#f0f6e9cc;border:1px solid #fff9;box-shadow:0 20px 80px #153c251c;backdrop-filter:blur(18px)}
.scene-ozwit .solutions>.wrap,.scene-ozwit .examples>.wrap,.scene-ozwit .contact-section>.wrap{width:100%;max-width:none}
.scene-ozwit .examples{background:#193b30ed;margin-block:16vh;color:#f1f6e9}
.scene-ozwit #approach,.scene-ozwit .learning,.scene-ozwit .faq{margin-block:16vh;padding:54px 42px;border-radius:28px;background:#f6faf1cc;border:1px solid #fff9;box-shadow:0 20px 80px #153c251c;backdrop-filter:blur(18px)}
.scene-ozwit .contact-section{margin-top:16vh}
.scene-ozwit .service-card{background:#fbfdf8cc;border-color:#c9d8c6}.scene-ozwit .mint-card{background:#cde5cfcc}
.scene-ozwit .main-footer,.scene-ozwit>.legal-footer{background:#f2f7eecc;border:1px solid #fff8;border-radius:20px;padding:30px 35px;margin-top:30px;backdrop-filter:blur(14px)}
.scene-ozwit>.legal-footer{width:calc(100% - 96px);margin-bottom:25px}
.scene-ozwit .scene-interlude{width:calc(100% - 96px);max-width:1440px;margin:auto}
.scene-site.content-page .content-main,.scene-site.legal-page main{background:#f7faf4cc;border:1px solid #ffffffaa;border-radius:24px;padding:42px;margin-top:35px;margin-bottom:45px;box-shadow:0 20px 80px #183c2924;backdrop-filter:blur(18px)}
.scene-site.content-page .content-header,.scene-site.content-page .content-footer,.scene-site.legal-page header,.scene-site.legal-page footer{background:#f7faf4cc;border-radius:15px;padding:24px;backdrop-filter:blur(15px)}
.scene-site.legal-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.scene-ozwit .chapter{width:56%;padding:30px}.scene-ozwit h1{font-size:49px;letter-spacing:-2px}.scene-ozwit .site-header{padding-inline:22px}.scene-ozwit .solutions,.scene-ozwit .examples,.scene-ozwit .contact-section,.scene-ozwit>.legal-footer{width:calc(100% - 60px)}.scene-ozwit .chapter .hero-description{font-size:14px!important}.scene-ozwit .chapter>p:not(.eyebrow):not(.scroll-note){font-size:14px}}
@media(max-width:760px){
 .scene-ozwit .site-header{height:76px;padding-inline:15px;width:calc(100% - 24px);gap:10px}.scene-ozwit .site-header .brand{font-size:25px}.scene-ozwit .header-contact{font-size:9px;padding:10px}
 .scene-ozwit .site-header nav{top:75px;border-radius:0 0 15px 15px}
 .scene-ozwit .experience{width:calc(100% - 28px);padding-bottom:0}
 .scene-ozwit .chapter{width:100%;padding:27px 24px;margin:32svh 0;border-radius:20px;backdrop-filter:blur(14px)}
 .scene-ozwit .chapter-first{margin-top:6svh;margin-bottom:34svh;padding-block:29px}
 .scene-ozwit .chapter-last{margin-bottom:24svh}
 .scene-ozwit h1{font-size:clamp(39px,11vw,58px);letter-spacing:-1.9px}.scene-ozwit h2{font-size:34px}
 .scene-ozwit .chapter>p:not(.eyebrow):not(.scroll-note){font-size:14px;line-height:1.8}
 .scene-ozwit .hero-actions{gap:15px}.scene-ozwit .brand-principle{font-size:8px}.scene-ozwit .scroll-note{font-size:8px}
 .scene-ozwit .solutions,.scene-ozwit .examples,.scene-ozwit .contact-section,.scene-ozwit #approach,.scene-ozwit .learning,.scene-ozwit .faq{width:calc(100% - 28px);padding:32px 23px;border-radius:20px;margin-block:27svh}
 .scene-ozwit .learning{gap:30px}.scene-ozwit .service-card{padding:23px;min-height:290px}.scene-ozwit .section-heading{margin-bottom:29px}
 .scene-ozwit .main-footer,.scene-ozwit>.legal-footer{width:calc(100% - 28px);padding:25px 22px;border-radius:17px;margin-top:20px}
 .scene-ozwit .scene-interlude{width:calc(100% - 28px)}
 .scene-site.content-page .content-main,.scene-site.legal-page main{padding:27px 23px;border-radius:18px}
}

/* 20% transparency on light surfaces; foreground text stays opaque. */
.scene-ozwit dialog{background:rgb(246 247 244 / .8)}
.scene-ozwit .learning-art{background:rgb(223 234 221 / .8)}
.scene-ozwit .privacy-banner{background:rgb(255 254 249 / .8);backdrop-filter:blur(16px)}
.scene-ozwit.legal-page .notice{background:rgb(232 237 223 / .8)}
.scene-ozwit .scene-dock{background:rgb(246 250 241 / .8)}
.scene-ozwit .scene-widget-toggle{width:36px;min-height:36px;padding:9px;gap:0;background:rgb(245 249 240 / .55);border-color:#ffffff80;box-shadow:0 3px 16px #17382b12;color:#315c4b}
.scene-ozwit .scene-widget-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.scene-ozwit .scene-widget-toggle:after{display:none}
.scene-ozwit :where(a,button,summary,input[type=range]){transition:background-color .16s ease,box-shadow .16s ease,filter .16s ease,color .16s ease}
.scene-ozwit :where(a,button,summary,input):focus-visible{outline:3px solid #559f91;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .scene-ozwit :where(a,button:not(:disabled),summary):hover{box-shadow:0 0 0 2px rgb(73 155 139 / .28);filter:brightness(1.035)}
 .scene-ozwit .site-header nav>a:hover{color:#205a48;background:rgb(91 184 166 / .1);box-shadow:0 0 0 5px rgb(91 184 166 / .1);border-radius:4px}
 .scene-ozwit .faq summary:hover{background:rgb(91 184 166 / .07)}
 .scene-ozwit .button:hover{transform:none}
 .scene-ozwit .service-card:hover{transform:translateY(-2px);box-shadow:0 0 0 2px rgb(73 155 139 / .28),0 8px 24px #17382b12}
 .scene-ozwit .scene-widget-toggle:hover{background:rgb(245 249 240 / .8)}
 .scene-ozwit input[type=range]:hover{filter:brightness(1.08)}
}

/* Photoreal granite and plants stay still. The inner mirrored OZ catches a soft light. */
.scene-ozwit .learning-art{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:1;background:transparent;border:0;border-radius:0;overflow:visible}
.scene-ozwit .learning-art:before{display:none}
.scene-ozwit .learning-art>img{display:block;width:100%;height:auto;aspect-ratio:1}
.scene-ozwit .learning-art:after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(42% 37%,68% 38%,69% 44%,65% 51%,61% 56%,72% 56%,73% 65%,40% 65%,31% 60%,28% 52%,29% 44%,34% 39%);mask-image:url(ozwit-emblem-natural-v2.webp);mask-size:100% 100%;mask-repeat:no-repeat;background:linear-gradient(110deg,transparent 35%,#d7f5ff55 44%,#fff9f2 50%,#e4d7ff66 56%,transparent 65%);background-size:280% 100%;mix-blend-mode:screen;opacity:.16;animation:oz-mirror-lustre 9s ease-in-out infinite}
@keyframes oz-mirror-lustre{0%,18%{background-position:130% 0;opacity:0}38%{opacity:.16}65%,100%{background-position:-30% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.scene-ozwit .learning-art:after{animation:none;display:none}}
@media(max-width:760px){.scene-ozwit .learning-art{width:min(100%,420px);margin-inline:auto}}

/* Compact pyramid derived from the learning artwork. */
.scene-ozwit .site-header .brand img{width:54px;height:54px;object-fit:contain;flex-shrink:0}
@media(max-width:1100px){.scene-ozwit .site-header .brand img{width:48px;height:48px}}
@media(max-width:760px){.scene-ozwit .site-header .brand img{width:40px;height:40px}}
