/* ODUO's identity lives inside the existing desktop window. */
.oduo-case{--oduo-ink:#394f52;--oduo-sage:#6ea092;--oduo-paper:#f7f8f4;container-type:inline-size;background:var(--oduo-paper);color:var(--oduo-ink);font:16px/1.65 Arial,Helvetica,sans-serif;scrollbar-width:thin;scrollbar-color:#6ea092 #e9eee9;}
.oduo-case *{box-sizing:border-box;}
.oduo-case img{max-width:100%;height:auto;image-rendering:auto!important;}
.oduo-case h2,.oduo-case h3,.oduo-case p{margin:0;}
.oduo-case h2{font:400 clamp(28px,4.4cqw,48px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;}
.oduo-case button,.oduo-kit-link{cursor:pointer;}
.oduo-kit-link{font:12px/1.4 var(--font-mono);color:var(--desktop-text);text-underline-offset:3px;}
.oduo-hero{position:relative;isolation:isolate;min-height:570px;padding:32px clamp(24px,5cqw,56px) 95px;background:#fff;overflow:hidden;}
.oduo-eyebrow{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.15em;border-bottom:1px solid #d7dfd9;padding-bottom:18px;}
.oduo-hero-logo{display:block;width:45%;min-width:240px;margin:68px auto 56px;}
.oduo-hero-caption{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;z-index:1;}
.oduo-hero-caption p{font:400 clamp(24px,3.4cqw,38px)/1.17 Arial,sans-serif;letter-spacing:-.035em;}
.oduo-hero-caption>span{font-size:10px;letter-spacing:.13em;padding-bottom:7px;}
.oduo-waves{position:absolute;bottom:0;left:0;width:100%;height:140px;pointer-events:none;z-index:-1;}
.oduo-content{padding:0 clamp(24px,5cqw,56px);}
.oduo-intro{display:grid;grid-template-columns:1fr 1.16fr;gap:48px;padding:64px 0 48px;}
.oduo-kicker,.oduo-section-heading>span{font-size:10px;letter-spacing:.16em;font-weight:700;line-height:1.5;}
.oduo-intro .oduo-kicker{margin-bottom:16px;}
.oduo-intro>div>p:not(.oduo-kicker){font-size:16px;line-height:1.75;}
.oduo-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;font-size:12px;margin:28px 0 0;padding-top:20px;border-top:1px solid #cbd6ce;}
.oduo-facts dt{font-size:10px;color:#516b6c;margin-bottom:4px;}
.oduo-facts dd{margin:0;}
.oduo-index{display:flex;flex-wrap:wrap;gap:4px 22px;padding:15px 0;border-top:1px solid #cbd6ce;border-bottom:1px solid #cbd6ce;}
.oduo-index button{background:none;padding:8px 0;border:0;color:var(--oduo-ink);font:12px/1.4 Arial,sans-serif;}
.oduo-index button:hover{text-decoration:underline;text-underline-offset:5px;}
.oduo-section{padding-top:64px;outline:none;scroll-margin-top:24px;}
.oduo-section:focus-visible{outline:2px solid var(--oduo-sage);outline-offset:8px;}
.oduo-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;margin-bottom:32px;align-items:start;}
.oduo-section-heading>span{grid-column:1/-1;}
.oduo-section-heading>p{font-size:14px;line-height:1.8;padding-top:2px;}
.oduo-logo-stage{display:grid;place-items:center;position:relative;min-height:345px;background:#fff;border:1px solid #dce4de;padding:50px 32px 72px;transition:background .2s;}
.oduo-logo-stage img{width:48%;min-width:200px;}
.oduo-logo-stage>span{position:absolute;bottom:20px;left:24px;font-size:11px;letter-spacing:.03em;}
.oduo-logo-stage[data-oduo-logo-stage="slate"]{background:#394f52;color:#fff;}
.oduo-logo-stage[data-oduo-logo-stage="sage"]{background:#6ea092;color:#1b3032;}
.oduo-variants{display:flex;gap:10px;justify-content:center;margin:16px 0 32px;flex-wrap:wrap;}
.oduo-variants button{display:flex;align-items:center;gap:8px;padding:9px 15px;background:transparent;border:1px solid #c4cfc7;border-radius:30px;color:var(--oduo-ink);font:12px Arial,sans-serif;min-height:38px;}
.oduo-variants button[aria-pressed="true"]{border-color:#394f52;box-shadow:0 0 0 1px #394f52;}
.oduo-variants i{width:12px;height:12px;border:1px solid #394f5240;border-radius:50%;}
.oduo-source-figure{margin:0;background:white;border:1px solid #dce4de;}
.oduo-source-figure img{display:block;width:100%;}
.oduo-source-figure figcaption{padding:12px 20px;font-size:11px;background:var(--oduo-paper);border-top:1px solid #dce4de;}
.oduo-palette{display:grid;grid-template-columns:1fr 1fr;}
.oduo-swatch{padding:28px;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;}
.oduo-slate{background:#394f52;color:#fff;}.oduo-sage{background:#6ea092;color:#142f2f;}
.oduo-swatch>span{font-size:11px;margin-bottom:auto;}
.oduo-swatch h3{font-size:34px;font-weight:400;letter-spacing:-.03em;}
.oduo-swatch p{font-size:14px;letter-spacing:.04em;}
.oduo-swatch small{font-size:11px;margin-top:17px;}
.oduo-palette-line{height:16px;display:flex;}.oduo-palette-line span{flex:1;}.oduo-palette-line span:nth-child(1){background:#4f6c6b}.oduo-palette-line span:nth-child(2){background:#8bb2a3}.oduo-palette-line span:nth-child(3){background:#c3d7c9}.oduo-palette-line span:nth-child(4){background:#e1eae1}
.oduo-type-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd6ce;}
.oduo-type-grid>div{display:flex;flex-direction:column;padding:28px;min-width:0;gap:36px;background:#fff;}.oduo-type-grid>div+div{border-left:1px solid #cbd6ce;}
.oduo-type-grid span{font-size:10px;letter-spacing:.15em;}.oduo-type-grid img{width:100%;height:100px;object-fit:contain;}.oduo-type-grid p{font-size:12px;}
.oduo-voice{margin-top:28px;padding:28px;background:#e7eee6;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.oduo-voice>.oduo-kicker{grid-column:1/-1;}.oduo-voice h3{font-weight:400;letter-spacing:-.03em;font-size:23px;margin-bottom:7px;}.oduo-voice>div>p{font-size:12px;line-height:1.6;}
.oduo-applications{display:grid;gap:24px;}
.oduo-applications figure{position:relative;margin:0;min-width:0;overflow:hidden;}
.oduo-applications figcaption{position:absolute;bottom:20px;left:24px;font-size:11px;letter-spacing:.05em;}
.oduo-cards-study{height:430px;background:radial-gradient(ellipse at 30% 20%,#e6e9df,#c8d3c7);perspective:1000px;}
.oduo-card{position:absolute;width:47%;aspect-ratio:1.7;box-shadow:0 16px 24px #253d3530,0 2px 3px #253d3520;border:1px solid #ffffff50;padding:8%;}
.oduo-card-back{top:15%;left:12%;background:#394f52;transform:rotate(-11deg);display:grid;place-items:center;padding:6%;}
.oduo-card-back img{width:88%;}.oduo-card-front{right:10%;top:37%;background:#fff;transform:rotate(6deg);padding:4%;display:flex;flex-direction:column;justify-content:space-between;}
.oduo-card-front>img{width:51%;}.oduo-card-front>div{display:flex;justify-content:space-between;align-items:center;gap:12px;}.oduo-card-front span{font-size:clamp(7px,1.15cqw,12px);}.oduo-card-front i{width:12px;height:12px;border-radius:100%;background:#6ea092;flex:none;}
.oduo-deck-study{background:#d7dfd5;padding:44px 44px 62px;}
.oduo-deck{position:relative;isolation:isolate;overflow:hidden;background:#394f52;aspect-ratio:1.6;padding:36px;color:white;box-shadow:0 15px 25px #253d3525;}
.oduo-deck>img{display:block;width:22%;min-width:85px;}.oduo-deck>p{font-size:clamp(24px,4.7cqw,52px);line-height:1.08;letter-spacing:-.04em;margin-top:36px;}.oduo-deck-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;margin-top:32px;}.oduo-deck .oduo-waves{height:40%;opacity:.48;left:37%;width:85%;}
.oduo-kit-section{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:64px 0 28px;}.oduo-kit-section h2{font-size:32px;margin:14px 0;}.oduo-kit-section p:not(.oduo-kicker){font-size:14px;max-width:38em;}
.oduo-download{flex:none;display:flex;gap:24px;align-items:center;padding:14px 18px;border:1px solid #394f52;color:#394f52;text-decoration:none;font-size:13px;}.oduo-download:hover{background:#394f52;color:#fff;}
.oduo-originals{margin-bottom:56px;border-top:1px solid #cbd6ce;border-bottom:1px solid #cbd6ce;}.oduo-originals summary{cursor:pointer;padding:20px 4px;font-size:14px;}.oduo-originals summary>span{float:right;font-size:11px;}.oduo-original-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:12px 0 28px;}.oduo-original-grid figure{margin:0;}.oduo-original-grid img{display:block;width:100%;border:1px solid #dce4de;}.oduo-original-grid figcaption{font-size:11px;margin-top:8px;}
.oduo-footer{padding:48px clamp(24px,5cqw,56px);background:#394f52;color:white;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}.oduo-footer>img{width:165px;}.oduo-footer>p{font-size:25px;line-height:1.25;letter-spacing:-.03em;}.oduo-footer>.classic-button{justify-self:start;grid-column:1/-1;}
.oduo-case button:focus-visible,.oduo-case a:focus-visible,.oduo-case summary:focus-visible{outline:2px solid #394f52;outline-offset:4px;}.oduo-footer button:focus-visible{outline-color:white;}
@container(max-width:600px){.oduo-hero{min-height:480px;padding-top:24px;}.oduo-hero-logo{margin:60px auto 45px;width:65%;min-width:0;}.oduo-eyebrow{font-size:9px;gap:16px;}.oduo-eyebrow span:last-child{text-align:right;}.oduo-hero-caption{align-items:start;flex-direction:column;gap:16px;}.oduo-hero-caption>span{font-size:9px;}.oduo-intro,.oduo-section-heading{grid-template-columns:1fr;gap:22px;}.oduo-intro{padding:40px 0;}.oduo-section{padding-top:44px;}.oduo-section-heading>span{grid-column:auto;}.oduo-logo-stage{min-height:290px;padding:40px 25px 65px;}.oduo-logo-stage img{width:70%;min-width:0;}.oduo-swatch{min-height:220px;padding:20px;}.oduo-swatch h3{font-size:28px;}.oduo-type-grid{grid-template-columns:1fr;}.oduo-type-grid>div+div{border-left:0;border-top:1px solid #cbd6ce;}.oduo-type-grid>div{gap:20px;}.oduo-type-grid img{height:90px;max-width:270px;}.oduo-voice{grid-template-columns:1fr;gap:20px;}.oduo-cards-study{height:300px;}.oduo-card{width:57%;}.oduo-card-back{left:6%;}.oduo-card-front{right:5%;top:39%;}.oduo-deck-study{padding:24px 20px 55px;}.oduo-deck{padding:24px;aspect-ratio:auto;min-height:285px;}.oduo-deck>p{font-size:34px;margin-top:25px;}.oduo-deck-footer{font-size:8px;}.oduo-kit-section{flex-direction:column;align-items:flex-start;padding-top:44px;gap:22px;}.oduo-original-grid{grid-template-columns:1fr;}.oduo-footer{grid-template-columns:1fr;}.oduo-footer>p{font-size:24px;}}
@media(prefers-reduced-motion:reduce){.oduo-logo-stage{transition:none;}}