.maram-start-page .hero.olav-home{min-height:0;color:#173f4b;background:#adcbba}
.maram-start-page .olav-home::before{background:linear-gradient(180deg,#e1f0ee22 0%,#e5eeda18 45%,#123b5366 100%)}
.olav-home .hero__image{object-position:center 55%}
.olav-home .olav-home__inner{max-width:1100px;padding-top:24px;padding-bottom:65px}
.olav-home__welcome{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;max-width:900px;margin:0 auto;min-height:310px}
.olav-home__speech{position:relative;background:#fff9ed;box-shadow:0 8px 30px #123b5320;border:1px solid #f6dfb9;border-radius:32px;padding:26px 30px;z-index:1}
.olav-home__speech::after{content:"";position:absolute;right:-17px;top:42%;width:32px;height:32px;transform:rotate(45deg);background:#fff9ed;border-top:1px solid #f6dfb9;border-right:1px solid #f6dfb9;z-index:-1}
.maram-start-page .olav-home h1{font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.08;letter-spacing:-.025em;text-shadow:none;margin:6px 0 14px;text-wrap:balance}
.maram-start-page .olav-home p{font-weight:600;font-size:1.15rem;line-height:1.5;margin:0;text-shadow:none;text-wrap:initial}
.maram-start-page .olav-home .olav-home__hello{color:#627250;font-size:1rem}
.olav-home__perch{position:relative;width:100%;max-width:360px;justify-self:center;align-self:end;filter:drop-shadow(5px 8px 12px #173f4b25)}
.olav-home__touch{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:48px;padding:0;border:0;border-radius:30%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.olav-home .olav-figure img{background:transparent}
.olav-home__play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-top:19px;padding:12px 20px;color:#163b46;background:#ffda7a;border:1px solid #d6ae52;border-radius:99px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #c9a75c33}
.olav-home__play svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.olav-home__pause-icon,.olav-home__play[aria-pressed=true] .olav-home__play-icon{display:none}
.olav-home__play[aria-pressed=true] .olav-home__pause-icon{display:block}
.olav-home__status{display:block;max-width:36ch;font-size:.85rem;line-height:1.5}
.olav-home__status:not(:empty){margin-top:10px}
.olav-home__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin:8px auto 0}
.olav-home__choice{border:3px solid #fff9ed;background:#fff9ed;border-radius:22px;overflow:hidden;text-decoration:none;color:#173f4b;box-shadow:0 8px 24px #123b5330;transition:transform 150ms ease,box-shadow 150ms ease}
.olav-home__choice>img{display:block;width:100%;height:132px;object-fit:cover}
.olav-home__choice-label{display:flex;align-items:center;gap:11px;padding:13px 16px;min-height:58px;background:#ffe3a2}
.olav-home__choice--play .olav-home__choice-label{background:#e7efdb}
.olav-home__choice--learn .olav-home__choice-label{background:#e1edf4}
.olav-home__choice-label strong{font-size:1.35rem}
.olav-home__choice-label>span{margin-left:auto}
.olav-home__choice-label svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.olav-home__footer{display:flex;justify-content:space-between;gap:12px;align-items:center;max-width:900px;margin:12px auto 0}
.olav-home__explore,.olav-home__visibility{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 17px;border-radius:99px;background:#fff9edf2;color:#173f4b;font:inherit;font-size:.95rem;font-weight:700;border:1px solid #f5e2c2;text-decoration:none;cursor:pointer}
.olav-home__explore{gap:20px}
.olav-home [hidden]{display:none!important}
.olav-home [data-olav-hidden=true]{display:none}
.olav-home[data-olav-hidden=true] .olav-home__welcome{display:block;min-height:0;padding:20px 0}
.olav-home[data-olav-hidden=true] .olav-home__speech{max-width:620px;margin:auto;text-align:center}
.olav-home[data-olav-hidden=true] .olav-home__speech::after{display:none}
.olav-home :is(a,button):focus-visible{outline:3px solid #173f4b;outline-offset:4px;box-shadow:0 0 0 7px #fff9ed}
.olav-home .hero-waves{height:35px;pointer-events:none;animation:none}
.olav-home .hero-waves__layer{animation:none!important}
.olav-family-intro{padding:34px 0;background:#fffdf7}
.olav-family-intro__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;max-width:1000px}
.olav-family-intro h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin:0 0 10px}
.olav-family-intro p{max-width:66ch;margin:0 0 10px}
.olav-family-intro .eli-home-shortcut{margin:0;background:#f3ecdc;color:#173f4b;text-shadow:none}
@media(hover:hover){.olav-home__choice:hover{transform:translateY(-3px);box-shadow:0 12px 24px #123b533b}.olav-home__play:hover{background:#ffe399}}
@media(max-width:720px){
 .olav-home .olav-home__inner{padding-top:20px;padding-bottom:50px}
 .olav-home__welcome{grid-template-columns:minmax(0,1fr) 34%;min-height:0;gap:0}
 .olav-home__speech{padding:18px 16px;border-radius:23px}
 .olav-home__speech::after{right:-9px;width:17px;height:17px;top:37%}
 .maram-start-page .olav-home h1{font-size:clamp(1.55rem,5.9vw,2.4rem);margin:5px 0 10px}
 .maram-start-page .olav-home p{font-size:.98rem;line-height:1.45}
 .maram-start-page .olav-home .olav-home__hello{font-size:.82rem}
 .olav-home__perch{width:155%;max-width:none;margin-left:-10%;align-self:center}
 .olav-home__play{margin-top:14px;padding:10px 13px;font-size:.87rem;min-height:48px;gap:7px}
 .olav-home__play svg{width:19px;height:19px}
 .olav-home__choices{gap:8px;margin-top:22px}
 .olav-home__choice{border-width:2px;border-radius:16px}
 .olav-home__choice>img{height:90px}
 .olav-home__choice-label{padding:9px 7px;gap:6px;justify-content:center;min-height:51px}
 .olav-home__choice-label strong{font-size:1.05rem}
 .olav-home__choice-label svg{width:20px;height:20px}
 .olav-home__choice-label>span{display:none}
 .olav-home__footer{margin-top:10px;gap:8px}
 .olav-home__explore,.olav-home__visibility{padding:10px 14px;font-size:.82rem}
 .olav-family-intro{padding:25px 0}
 .olav-family-intro__inner{grid-template-columns:1fr;gap:18px}
 .olav-family-intro .eli-home-shortcut{justify-self:start}
}
@media(max-width:360px){.olav-home__choice-label{gap:4px}.olav-home__choice-label svg{width:17px}.olav-home__choice-label strong{font-size:1rem}}
[data-calm=true] .olav-home__choice{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.olav-home__choice{transition:none!important;transform:none!important}}