/* Mobile scenes: one active object, visible navigation and touch-driven motion. */
@media (max-width:760px) {
.approved-experience[data-experience="home"] #minnepenn { position:relative; isolation:isolate; display:block; height:100svh; min-height:680px; padding:0; background:#302c25; overflow:hidden; }
.approved-experience[data-experience="home"] #minnepenn .mobile-extras { height:100%; position:relative; }
.approved-experience[data-experience="home"] #minnepenn .mobile-extras>.eyebrow { position:absolute; z-index:3; top:76px; left:24px; margin:0; color:#f0d398; font-size:10px; letter-spacing:.14em; }
.approved-experience[data-experience="home"] #minnepenn .mobile-extras>h2 { position:absolute; z-index:3; top:96px; left:24px; margin:0; width:280px; color:#fffaf0; font:400 32px/1.06 Georgia,serif; text-shadow:0 2px 16px #0004; pointer-events:none; text-wrap:balance; }
.approved-experience[data-experience="home"] #minnepenn .mobile-extras>h2 em { color:#f0d398; }
.approved-experience[data-experience="home"] #minnepenn .extras-gallery { height:100%; padding:0; gap:0; scroll-snap-type:x mandatory; }
.approved-experience[data-experience="home"] #minnepenn .extras-card { position:relative; flex:0 0 100%; height:100%; min-width:0; scroll-snap-align:start; scroll-margin-left:0; overflow:hidden; }
.approved-experience[data-experience="home"] #minnepenn .extras-card::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#302c25ba,transparent 35%,#302c2540 48%,#302c25f5 73%,#302c25); }
.approved-experience[data-experience="home"] #minnepenn .extras-card img { position:absolute; inset:0; height:78%; width:100%; object-fit:cover; border-radius:0; box-shadow:none; transform:scale(var(--extra-scale,1)); transition:transform 450ms ease; }
.approved-experience[data-experience="home"] #minnepenn .extras-card :is(h3,p,strong) { position:absolute; z-index:2; left:24px; right:24px; margin:0; }
.approved-experience[data-experience="home"] #minnepenn .extras-card h3 { bottom:250px; color:#f0d398; font:400 36px/1.05 Georgia,serif; text-wrap:balance; }
.approved-experience[data-experience="home"] #minnepenn .extras-card p { bottom:215px; color:#e8e3d8; font:400 13px/1.5 Roboto,Arial,sans-serif; }
.approved-experience[data-experience="home"] #minnepenn .extras-card strong { bottom:171px; color:#fffaf0; font:500 26px/1.2 Roboto,Arial,sans-serif; font-variant-numeric:tabular-nums; }
.approved-experience[data-experience="home"] #minnepenn .extras-dock { position:absolute; z-index:4; bottom:86px; left:24px; right:24px; display:grid; grid-template-columns:44px 1fr 44px; align-items:center; height:66px; border:1px solid #f0d39845; border-radius:20px; background:#ffffff0a; backdrop-filter:blur(16px); box-shadow:inset 0 1px #ffffff12,0 8px 26px #0002; }
.approved-experience[data-experience="home"] .extras-dock button { display:grid; place-items:center; width:44px; height:44px; background:none; border:0; color:#f0d398; border-radius:12px; transition:transform 180ms ease,background 180ms ease; }
.approved-experience[data-experience="home"] .extras-dock button:active { transform:scale(.94); background:#ffffff10; }
.approved-experience[data-experience="home"] .extras-dock button:disabled { opacity:.25; }
.approved-experience[data-experience="home"] .extras-dock svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; }
.approved-experience[data-experience="home"] .extras-dock>div { display:grid; gap:6px; text-align:center; }
.approved-experience[data-experience="home"] .extras-current-name { color:#eee5d4; font-size:12px; }
.approved-experience[data-experience="home"] .extras-current-count { color:#d4b777; font-size:10px; letter-spacing:.16em; font-variant-numeric:tabular-nums; }
.approved-experience[data-experience="home"] #minnepenn .extras-caption { position:absolute; z-index:4; bottom:63px; left:24px; right:24px; margin:0; display:flex; justify-content:space-between; font-size:10px; color:#c1b9a9; }
.approved-experience[data-experience="home"] #minnepenn .mobile-extras>a { position:absolute; z-index:4; left:24px; bottom:12px; margin:0; color:#f0d398; min-height:44px; font-size:13px; }
.approved-experience[data-experience="home"] #minnepenn.lower-entered .extras-card { animation:none; }
.approved-experience[data-experience="home"] #teknologi { position:relative; min-height:0; padding:0; background:#302c25; }
.approved-experience[data-experience="home"] #teknologi .mobile-care { position:relative; isolation:isolate; padding:72px 24px 28px; min-height:690px; overflow:hidden; color:#eee8da; }
.approved-experience[data-experience="home"] .care-photo { position:absolute; z-index:-2; inset:0; background:linear-gradient(180deg,#302c2540,#302c2540 25%,#302c25 62%),url('/assets/experience/hands.webp') 50% 0/auto 65% no-repeat; }
.approved-experience[data-experience="home"] .care-heading .eyebrow { color:#f0d398; font-size:10px; }
.approved-experience[data-experience="home"] #teknologi .care-heading h2 { color:#fffaf0; font:400 36px/1.08 Georgia,serif; margin:16px 0 12px; }
.approved-experience[data-experience="home"] #teknologi .care-heading h2 em { color:#f0d398; }
.approved-experience[data-experience="home"] .care-heading>p:last-child { font-size:13px; color:#eee4d0; }
.approved-experience[data-experience="home"] .care-view { position:relative; margin-top:74px; padding:0 0 20px; min-height:208px; }
.approved-experience[data-experience="home"] .care-symbol { width:32px; height:32px; fill:none; stroke:#e5c98e; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
.approved-experience[data-experience="home"] .care-count { position:absolute; top:12px; right:0; color:#c5ad79; font-size:10px; letter-spacing:.14em; }
.approved-experience[data-experience="home"] .care-view h3 { font:400 26px/1.12 Georgia,serif; color:#f0d398; margin:14px 0 10px; }
.approved-experience[data-experience="home"] .care-description { font:400 14px/1.55 Roboto,Arial,sans-serif; color:#e0d9cb; max-width:335px; }
.approved-experience[data-experience="home"] .care-progress { height:1px; background:#ffffff22; margin-top:20px; overflow:hidden; }
.approved-experience[data-experience="home"] .care-progress span { display:block; height:100%; width:33.333%; background:#e5c98e; transform:translateX(var(--care-progress,0%)); transition:transform 400ms cubic-bezier(.2,.7,.3,1); }
.approved-experience[data-experience="home"] .care-tabs { display:grid; grid-template-columns:repeat(3,1fr); padding:4px; border-radius:16px; background:#ffffff0b; border:1px solid #ffffff18; margin-bottom:14px; }
.approved-experience[data-experience="home"] .care-tabs button { min-height:44px; background:none; border:0; border-radius:12px; font:500 12px Roboto,Arial,sans-serif; color:#c5bdaa; transition:background 220ms ease,color 220ms ease,transform 180ms ease; }
.approved-experience[data-experience="home"] .care-tabs button[aria-pressed='true'] { color:#302c25; background:#e9d5a7; box-shadow:0 2px 8px #0002; }
.approved-experience[data-experience="home"] .care-tabs button:active { transform:scale(.97); }
.approved-experience[data-experience="home"] #teknologi .mobile-care>a { color:#c7ad76; font-size:12px; }
.approved-experience[data-experience="home"] :is(.extras-dock,.care-tabs) button:focus-visible { outline:2px solid #f0d398; outline-offset:3px; }
.approved-experience[data-experience="home"] #bergen { background:#f8f6f0; border-block:1px solid #d7c9ab; }
.approved-experience[data-experience="home"] #bergen .bergen-content { padding-block:30px; }
.approved-experience[data-experience="home"] #bergen .bergen-content h2 { font-size:30px; }
.approved-experience[data-experience="home"] #bergen .bergen-service { border-top:0; background:linear-gradient(90deg,#e9d5a733,transparent); padding:12px; border-radius:14px; gap:14px; }
.approved-experience[data-experience="home"] #klar { min-height:680px; }
.approved-experience[data-experience="home"] #klar .ready-content { padding-block:100px 52px; }
.approved-experience[data-experience="home"] #klar .ready-content h2 { font:400 48px/1.04 Georgia,serif; letter-spacing:-.035em; }
.approved-experience[data-experience="home"] #klar .ready-content h2 em { display:block; background:none; color:#f0d398; -webkit-text-fill-color:currentColor; }
.approved-experience[data-experience="home"] .footer { position:relative; isolation:isolate; background:#f8f5ee; }
.approved-experience[data-experience="home"] .footer::before { content:''; position:absolute; z-index:-1; width:200px; height:200px; right:-42px; bottom:25px; border:1px solid #b9955026; border-radius:50%; box-shadow:0 0 0 24px #b9955009,0 0 0 48px #b9955005; pointer-events:none; }
.approved-experience[data-experience="home"] .footer .footer-main>div:first-child { border-bottom:0; padding-bottom:0; }
}
@media(max-width:760px) and (max-height:740px) {
.approved-experience[data-experience="home"] #minnepenn .mobile-extras>h2 { font-size:29px; top:92px; }
.approved-experience[data-experience="home"] #minnepenn .extras-card h3 { font-size:32px; }
.approved-experience[data-experience="home"] #teknologi .mobile-care { padding-top:64px; min-height:650px; }
.approved-experience[data-experience="home"] .care-view { margin-top:54px; }
}
@media(prefers-reduced-motion:reduce) {
.approved-experience[data-experience="home"] :is(.extras-card img,.care-tabs button,.care-progress span,.extras-dock button) { transition:none; }
}
@media(max-width:760px){
.approved-experience[data-experience="home"] #minnepenn .extras-card:first-child img{object-position:25% center}
.approved-experience[data-experience="home"] #teknologi .mobile-care{width:100%;max-width:none;margin:0;box-sizing:border-box;min-height:100svh;display:flex;flex-direction:column;padding:76px 24px 24px}
.approved-experience[data-experience="home"] #teknologi .care-photo{background-size:cover,auto 72%;background-position:center,50% 0}
.approved-experience[data-experience="home"] #teknologi .care-heading{max-width:330px}
.approved-experience[data-experience="home"] #teknologi .care-view{margin-top:auto;padding-top:42px;min-height:0;padding-bottom:24px}
.approved-experience[data-experience="home"] #teknologi .care-count{top:54px}
.approved-experience[data-experience="home"] #teknologi .care-description{min-height:90px}
.approved-experience[data-experience="home"] #teknologi .care-tabs{flex-shrink:0}
.approved-experience[data-experience="home"] .care-view{touch-action:pan-y pinch-zoom}
.approved-experience[data-experience="home"] .footer{overflow:hidden}
}
@media(max-width:760px) and (max-height:740px){
.approved-experience[data-experience="home"] #teknologi .mobile-care{padding-top:64px}
.approved-experience[data-experience="home"] #teknologi .care-heading h2{font-size:32px}
.approved-experience[data-experience="home"] #teknologi .care-view{padding-top:28px;padding-bottom:16px}
.approved-experience[data-experience="home"] #teknologi .care-count{top:40px}
.approved-experience[data-experience="home"] #teknologi .care-view h3{font-size:24px}
.approved-experience[data-experience="home"] #teknologi .care-description{font-size:13px;min-height:80px}
}
.bergen-route{display:none}
@media(max-width:760px){
.approved-experience[data-experience="home"] #bergen .bergen-route{display:flex;align-items:center;gap:8px;margin:18px 0 6px;color:#80673f;font:500 11px/1.4 Roboto,Arial,sans-serif}
.approved-experience[data-experience="home"] .bergen-route i{position:relative;height:1px;flex:1;background:#c5ac7c66;overflow:hidden}
.approved-experience[data-experience="home"] .bergen-route i::after{content:'';position:absolute;width:40%;height:1px;background:#9b783e;transform:translateX(-110%)}
.approved-experience[data-experience="home"] #bergen.lower-entered .bergen-route i::after{animation:route-travel 1600ms cubic-bezier(.2,.7,.3,1) 250ms both}
.approved-experience[data-experience="home"] #bergen.lower-entered .bergen-route i:nth-of-type(2)::after{animation-delay:650ms}
.approved-experience[data-experience="home"] #klar .mobile-primary-cta.cta-entered::before{animation:scene-cta-sheen 7s ease 1s infinite}
.approved-experience[data-experience="home"] .footer .footer-main a{transition:color 180ms ease,transform 180ms ease}
.approved-experience[data-experience="home"] .footer .footer-main a:active{color:#94733d;transform:translateX(3px)}
}
@keyframes route-travel{to{transform:translateX(350%)}}
@keyframes scene-cta-sheen{0%,72%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){
.approved-experience[data-experience="home"] #bergen.lower-entered .bergen-route i::after,.approved-experience[data-experience="home"] #klar .mobile-primary-cta.cta-entered::before{animation:none}
}
@media(max-width:760px){
.approved-experience[data-experience="home"] #minnepenn{min-height:100svh}
}