/* The cinematic layer extends the original business card. */
:root{--ice:#edf2ff;--blue:#507bff}body{background:#050507;color:var(--ice);padding:0;display:block}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #9cb7ff;outline-offset:5px}.experience-nav{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;background:linear-gradient(#050507d9,transparent);font:10px monospace;letter-spacing:2px}.experience-nav a,.experience-nav button{color:inherit;background:none;border:0;padding:12px;font:inherit;letter-spacing:inherit}.experience-nav .nav-brand{font-weight:bold;font-size:12px}.nav-links{display:flex;gap:14px}.journey{height:620svh}.scene{position:sticky;top:0;height:100svh;overflow:hidden;perspective:900px}.space-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.intro{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;transform-style:preserve-3d}.intro .eyebrow{font:10px monospace;letter-spacing:4px;color:#adb9d3}.intro h2{font-size:clamp(66px,11vw,180px);font-weight:500;line-height:.85;letter-spacing:-.07em;margin:25px 0}.intro h2 span{display:block;color:transparent;-webkit-text-stroke:1px #e1e9ff}.intro .sub{font:11px monospace;letter-spacing:2px;margin-top:30px}.intro .invitation{color:#9da9c0;font:14px Georgia;font-style:italic}.scroll-cue{position:absolute;bottom:12%;font:9px monospace;letter-spacing:3px}.scroll-cue:after{content:'';display:block;width:1px;height:38px;background:#7f9bd8;margin:15px auto 0;animation:cue 2s ease-in-out infinite}.orb{width:58px;height:58px;border-radius:50%;background:radial-gradient(ellipse at 33% 22%,white 0,#8993a2 14%,#141b26 25%,#d8e2ef 34%,#333b4b 45%,#080b12 58%,#bcc7d6 75%,#07090f 90%);box-shadow:0 0 50px #507bff30;animation:float 7s ease-in-out infinite}.scene-note{position:absolute;bottom:24px;left:4vw;font:9px monospace;color:#a0acc4;letter-spacing:2px}.journey-meter{position:fixed;bottom:0;left:0;right:0;height:2px;background:#507bff;transform-origin:left;z-index:25;transform:scaleX(0)}.fragment{position:absolute;top:50%;left:50%;width:min(75vw,950px);margin:0;pointer-events:none;transform-style:preserve-3d;visibility:hidden}.fragment.word{font-size:clamp(34px,7.5vw,110px);font-weight:700;line-height:1.01;letter-spacing:-.055em;text-wrap:balance}.fragment small{display:block;font:10px monospace;letter-spacing:3px;color:#9aaedb;margin-bottom:20px}.fragment.photo{width:clamp(180px,29vw,420px);border:1px solid #9eafd377;padding:9px;background:#10172466}.fragment.photo img{width:100%;height:48vh;object-fit:cover;object-position:50% 32%;display:block}.fragment.photo figcaption{font:9px monospace;padding:12px 0 4px;letter-spacing:2px}.business-card{position:relative;margin:80px auto;max-width:1080px;padding:35px;background:linear-gradient(120deg,#151b27e8,#080c13f2);border:1px solid #a5b2d244;box-shadow:0 35px 110px #0008;gap:7%;border-radius:4px;transform-style:preserve-3d}.cinematic .business-card{position:fixed;z-index:5;top:50%;left:50%;margin:0;max-height:calc(100svh - 110px);width:90%;overflow:auto;visibility:hidden}.business-card .portrait,.business-card .info{animation:none}.business-card h1{font-size:clamp(46px,5.7vw,80px);margin:25px 0 16px}.business-card h1 em{color:#d5e2ff}.business-card .organization{color:#acb9d1}.business-card .role{margin-bottom:24px;color:#b3bfd4}.business-card .portrait{aspect-ratio:3/4}.business-card .portrait img{object-position:50% 32%}.contact a{border-color:#8899bb30;min-height:48px}.contact{border-color:#8899bb30}.label,.arrow{color:#a8b5d2}.primary-actions{display:flex;gap:10px;margin-top:20px}.primary-actions>a,.primary-actions>button{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 18px;font:11px monospace;text-transform:uppercase;border:1px solid #7d92c5;flex:1;transition:background .2s}.primary-actions button{background:#dce6ff;color:#0c1424}.primary-actions a{background:transparent}.primary-actions button:hover{background:#9fbbff}.actions{margin-top:14px;gap:12px}.actions .save{background:none;color:#b8c5df;border:0;padding:0}.card-logo{width:56px;height:32px;object-fit:contain;position:absolute;right:42px;bottom:13px;opacity:.45}.actions{padding-right:20px}#status{z-index:100}.skip-intro{position:fixed;bottom:24px;right:4vw;z-index:15;background:none;color:#c9d6ee;border:0;font:10px monospace;padding:12px}.pixel-world[hidden],.transition-layer[hidden]{display:none}.pixel-world{position:fixed;inset:0;z-index:30;background:#10142f;color:#f8edce;overflow-y:auto;padding:82px 6vw 30px;font-family:monospace}.pixel-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:-1}.shop-top{display:flex;justify-content:space-between;gap:20px;max-width:1100px;margin:auto;font-size:10px;letter-spacing:2px}.pixel-world button,.pixel-world a{font-family:inherit}.back-card{background:#171d3b;color:#b9c8ff;border:1px solid #7283b8;padding:12px;font-size:10px;min-height:44px}.shop-heading{text-align:center;margin:42px 0 28px}.shop-heading .eyebrow{font:10px monospace;letter-spacing:4px;color:#8b9bc8}.shop-heading h2{font-size:clamp(48px,8vw,100px);line-height:1;margin:13px 0;letter-spacing:-5px;text-shadow:4px 4px 0 #7353be,8px 8px 0 #070b24;font-weight:900}.shop-heading p{font-size:11px;letter-spacing:3px}.mode-switch{display:flex;justify-content:center;margin:28px auto 14px;gap:8px}.mode-switch button{background:#20264a;color:#b5bddb;padding:15px 24px;border:2px solid #6774a1;font-size:11px;min-height:48px;box-shadow:3px 3px #04081c}.mode-switch button[aria-pressed=true]{color:#112021;background:#d4f88d;border-color:#efffc6;box-shadow:3px 3px #6c944e}.member-note{text-align:center;font-size:10px;color:#b9c8dd;min-height:28px}.price-grid{max-width:1100px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;text-align:left;background:#121932eb;color:#f8edce;border:2px solid #57688e;padding:24px;box-shadow:5px 5px #070b20;min-height:225px;transition:transform .15s,border-color .15s}.price-card:hover,.price-card[aria-pressed=true]{transform:translateY(-5px);border-color:#d4f88d}.price-card[aria-pressed=true]:after{content:'★ VALGT';position:absolute;right:14px;top:16px;color:#d4f88d;font-size:9px}.price-card .icon{display:block;color:#d4f88d;font-size:24px;margin-bottom:22px}.price-card h3{font-size:13px;line-height:1.5;letter-spacing:1px;margin:0 0 12px;max-width:90%}.price-card p{font-size:11px;line-height:1.65;color:#adb9d6;margin:0 0 20px}.price{font-size:23px;letter-spacing:-1px;display:block}.price-card .unit{font-size:9px;color:#9caac9;display:block;margin-top:7px}.price-card:last-child{grid-column:span 2}.shop-footer{max-width:1100px;margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.quote-box{border-left:2px solid #d4f88d;padding-left:20px}.quote-box p{font-size:11px;line-height:1.7;color:#bec7e0}.quote-link{display:inline-block;background:#d4f88d;color:#10211f;padding:18px;font-size:11px;box-shadow:4px 4px #638544}.character-zone{display:flex;align-items:center;min-height:150px;gap:10px}.character-button{background:none;border:0;width:120px;flex-shrink:0;cursor:pointer}.character-button canvas{width:120px;height:150px;image-rendering:pixelated}.dialogue{background:#f8edce;color:#1e2541;border:3px solid #11162e;padding:16px;font-size:11px;line-height:1.65;box-shadow:4px 4px #7b6ca1;max-width:250px}.vat{font:10px monospace;text-align:center;color:#a8b5d1;margin:30px 0 16px}.transition-layer{position:fixed;inset:0;z-index:60;pointer-events:auto}.transition-layer canvas{width:100%;height:100%;image-rendering:pixelated}.transition-speech{position:absolute;max-width:230px;background:#fff4ce;color:#1c2143;border:3px solid #202746;font:12px/1.5 monospace;padding:16px}.skip-transition{position:absolute;right:20px;top:20px;padding:14px;background:#0b1028;color:white;border:1px solid #a4b7ed}.shop-open{overflow:hidden}.shop-open .experience-nav{visibility:hidden}@keyframes cue{50%{transform:scaleY(.5);opacity:.4}}@keyframes float{50%{transform:translateY(-12px) rotate(20deg)}}
@media(max-width:750px){.experience-nav{padding:12px 4vw}.nav-links{gap:0}.experience-nav a,.experience-nav button{padding:12px 8px;font-size:9px;letter-spacing:1px}.intro h2{font-size:18vw}.intro .sub{font-size:8px;line-height:2}.intro .eyebrow{font-size:8px;letter-spacing:2px}.cinematic .business-card{width:92%;max-height:calc(100svh - 100px);padding:18px;top:52%}.business-card .portrait{aspect-ratio:2.3;width:100%;flex-shrink:0}.business-card .portrait img{object-position:50% 32%}.business-card .info{padding-top:17px}.business-card h1{font-size:43px;margin:12px 0 8px;line-height:1;letter-spacing:-2px}.business-card h1 br{display:none}.business-card h1 em{letter-spacing:-2px}.business-card .organization{font-size:8px}.business-card .organization br{display:none}.business-card .role{font-size:11px;margin-bottom:15px}.contact a{min-height:43px}.primary-actions{margin-top:14px}.primary-actions>a,.primary-actions>button{font-size:10px;padding:0 12px;min-height:44px}.actions{font-size:9px;margin-top:5px}.card-logo{display:none}.fragment.word{font-size:10vw}.fragment.photo img{height:35vh}.pixel-world{padding:24px 5vw}.shop-top{font-size:8px;letter-spacing:1px;align-items:center}.shop-heading{margin:35px 0 20px}.shop-heading h2{letter-spacing:-3px;font-size:15vw}.shop-heading p{font-size:9px;letter-spacing:1px}.mode-switch{position:sticky;top:-1px;z-index:3;background:#10142ff5;padding:10px 0}.mode-switch button{font-size:10px;padding:13px}.price-grid{grid-template-columns:1fr;gap:14px}.price-card{min-height:170px;padding:20px}.price-card .icon{float:right;margin:10px}.price-card:last-child{grid-column:auto}.price-card h3{max-width:80%}.shop-footer{grid-template-columns:1fr;gap:20px}.character-zone{order:2}.quote-link{font-size:10px}.scene-note{font-size:8px}.skip-intro{font-size:9px;bottom:18px}.fragment small{font-size:8px}.journey{height:500svh}}
@media(prefers-reduced-motion:reduce){.journey{display:none}.cinematic .business-card{position:relative;top:auto;left:auto;transform:none!important;visibility:visible!important;max-height:none;margin:100px auto 30px}.scene-note,.skip-intro{display:none}*{scroll-behavior:auto!important}.price-card:hover{transform:none}}

.journey,.scene{width:100%}body{place-items:normal}

@media(max-width:750px){.business-card h1 em{margin-left:.13em}.fragment.word[data-at=".49"]{width:62vw;font-size:8vw}}
/* Pixel world / motion pass 02 */
.pixel-fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;image-rendering:pixelated}.pixel-scanlines{position:fixed;inset:0;pointer-events:none;z-index:9;background:repeating-linear-gradient(transparent 0 3px,#060b2115 3px 4px);opacity:.4}.pixel-world{isolation:isolate}.pixel-sky{z-index:-2}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px}.price-card:last-child{grid-column:auto}.price-card{overflow:hidden;min-height:220px;background:#111a30d9;isolation:isolate;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.price-card:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(125deg,transparent 25%,#b8d8ff16 44%,#c5b5ff25 48%,transparent 65%);transform:translateX(-100%);transition:opacity .25s}.price-card:hover:before,.price-card:focus-visible:before{opacity:1;animation:pixel-shine 1s ease-out}.price-card:hover{box-shadow:7px 9px #070b20,0 0 24px #a4a6ff0d}.price-card[aria-pressed=true]{background:#1b2940df;box-shadow:5px 5px #070b20,inset 0 -3px #d4f88d28}.price-card .icon{display:inline-block;transform-origin:center;animation:icon-bob 4s ease-in-out infinite}.price-card:nth-child(2) .icon{animation-delay:-1s}.price-card:nth-child(3) .icon{animation-delay:-2s}.price-card:nth-child(4) .icon{animation-delay:-3s}.price-card:hover .icon{animation:icon-win .6s ease-out}.shop-heading h2{position:relative;display:inline-block;animation:shop-float 6s ease-in-out infinite}.shop-heading h2:before,.shop-heading h2:after{content:'✦';position:absolute;font-size:16px;color:#d4f88d;top:10%;left:-30px;animation:pixel-star 3s steps(4) infinite}.shop-heading h2:after{left:auto;right:-28px;top:70%;animation-delay:-1.5s;color:#bd9cff}.live-dot{display:inline-block;font-size:8px;color:#d4f88d;animation:signal 2.2s ease-in-out infinite}.mode-switch button{position:relative;transition:background .25s,color .25s,transform .2s}.mode-switch button:active{transform:translate(2px,2px)}.quote-link{position:relative;transition:transform .2s,box-shadow .2s}.quote-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #638544}.character-zone{position:relative}.character-button{transition:transform .25s}.character-button:hover{transform:translateY(-5px)}.dialogue{animation:dialogue-in .35s cubic-bezier(.16,1,.3,1)}.shop-top{max-width:1000px}.shop-heading{margin:30px 0 18px}.shop-footer{max-width:1000px}.shop-heading h2{font-family:monospace;font-size:clamp(48px,7.8vw,100px);letter-spacing:-5px}.price-card .price{font-variant-numeric:tabular-nums}.pixel-world .back-card{transition:background .2s}.pixel-world .back-card:hover{background:#39416b}
@keyframes pixel-shine{to{transform:translateX(100%)}}@keyframes icon-bob{50%{transform:translateY(-4px)}}@keyframes icon-win{40%{transform:translateY(-8px) rotate(-12deg) scale(1.3)}100%{transform:translateY(0) rotate(0)}}@keyframes shop-float{50%{transform:translateY(-4px)}}@keyframes pixel-star{50%{transform:scale(.5) rotate(90deg);opacity:.4}}@keyframes signal{50%{opacity:.3}}@keyframes dialogue-in{from{opacity:0;transform:translateY(7px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:750px){.price-grid{grid-template-columns:1fr;gap:16px}.price-card{min-height:180px}.shop-heading h2{font-size:13vw;letter-spacing:-3px}.shop-heading h2:before{left:-20px;font-size:11px}.shop-heading h2:after{right:-18px;font-size:11px}.pixel-scanlines{opacity:.2}}
@media(prefers-reduced-motion:reduce){.pixel-world *{animation:none!important;transition:none!important}.pixel-scanlines{display:none}}
.shop-heading .eyebrow{display:block}.shop-heading h2:focus{outline:none}