:root{--ink:#07111f;--panel:#101d2e;--panel2:#13243a;--line:#273b54;--white:#eff7ff;--muted:#9eb0c4;--mint:#69f0cb;--blue:#63b6ff;--gold:#ffc969;--purple:#b9a2ff;--sans:Vazirmatn,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.9 var(--sans);overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-1;width:45vw;height:45vw;filter:blur(110px);opacity:.12;border-radius:50%;pointer-events:none}.ambient-one{background:#087f87;top:-20vw;right:-15vw}.ambient-two{background:#294cc8;bottom:-30vw;left:-15vw}.topbar{position:fixed;z-index:20;top:0;right:0;left:0;height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#07111feF,#07111fbb);border-bottom:1px solid #ffffff0a;backdrop-filter:blur(18px)}.wordmark{font-size:.86rem;font-weight:700;display:flex;align-items:center;gap:10px;color:#dce8f5}.wordmark-dot,.live-label i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.top-actions{display:flex;align-items:center;gap:18px}.live-label{font-size:.74rem;color:var(--muted);display:flex;gap:8px;align-items:center}.live-label i{width:6px;height:6px;animation:pulse 1.6s infinite}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#0d1b2b;color:var(--mint)}.progress-track{position:fixed;z-index:22;top:67px;right:0;left:0;height:2px;background:#ffffff12}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint));box-shadow:0 0 12px var(--mint);transition:width .2s}main{position:relative}.scene{min-height:100svh;position:relative;scroll-snap-align:start;overflow:hidden;padding:110px max(8vw,34px) 90px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #ffffff08}.scene:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff0d .7px,transparent .7px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.scene-index{position:absolute;bottom:35px;right:5vw;display:flex;align-items:center;gap:12px;color:#6f8298;font-size:.75rem;letter-spacing:.06em}.scene-index b{color:var(--mint);font-size:.95rem}.scene-index:after{content:"";width:38px;height:1px;background:var(--mint)}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:.76rem;font-weight:700;letter-spacing:.08em}.kicker-line{width:30px;height:1px;background:var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}h2{font-size:clamp(2rem,4.5vw,4rem);line-height:1.35;margin:.2em 0 .25em}.gradient-text{background:linear-gradient(110deg,#a7fff0,var(--mint) 45%,#7bbdff);color:transparent;background-clip:text}.outline-text{color:transparent;-webkit-text-stroke:1px #b8d5e8}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:translateY(0)}.intro{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:120px}.intro-copy{position:relative;z-index:2}.intro h1{font-size:clamp(4rem,10vw,9rem);line-height:1.12;margin:20px 0}.intro-lead{max-width:440px;color:var(--muted);font-size:1.1rem}.primary-button{border:1px solid #69f0cb66;background:linear-gradient(120deg,#123a40,#10283b);padding:11px 20px;border-radius:12px;color:#dffff7;display:flex;align-items:center;gap:28px;margin-top:28px;box-shadow:0 8px 30px #3ce3bb12;transition:transform .2s,border-color .2s}.primary-button:hover{transform:translateY(-3px);border-color:var(--mint)}.primary-button span{color:var(--mint);font-size:1.3rem}.hero-art{height:min(67vh,560px);min-height:380px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #63b6ff1c;border-radius:50%;aspect-ratio:1}.orbit-a{width:90%;animation:rotate 55s linear infinite}.orbit-b{width:70%;border-style:dashed;animation:rotate 40s linear infinite reverse}.hero-sensor{position:relative;z-index:2;width:clamp(190px,29vw,320px);height:190px;display:grid;place-items:center;filter:drop-shadow(0 0 30px #22d9ce36)}.hero-sensor img{position:relative;z-index:2;width:100%;max-height:200px;object-fit:contain}.wave{position:absolute;inset:14% -4%;border:1px solid #69f0cb30;border-radius:50%;animation:wave 3.2s ease-out infinite}.wave-two{animation-delay:1s}.wave-three{animation-delay:2s}.hero-beam{position:absolute;width:50%;height:1px;left:15%;top:50%;background:linear-gradient(90deg,transparent,var(--mint),transparent);box-shadow:0 0 14px var(--mint);transform:rotate(-13deg);animation:beam 2.5s ease-in-out infinite}.hero-target{position:absolute;left:19%;top:34%;width:12px;height:12px;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 20px var(--gold)}.hero-caption{position:absolute;bottom:6%;display:flex;gap:14px;align-items:center;color:#a5b8cc;font-size:.8rem}.hero-caption b{color:var(--mint)}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:.7rem;color:#71849a;display:flex;align-items:center;gap:10px}.scroll-cue span{width:18px;height:27px;border:1px solid #63788c;border-radius:12px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:2px;height:5px;background:var(--mint);top:5px;left:7px;animation:scroll 1.5s infinite}.section-heading{position:relative;z-index:1;margin-bottom:32px}.section-heading>p{color:var(--muted);margin:0}.component-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.component-card{--delay:0ms;position:relative;overflow:hidden;min-height:335px;padding:18px;border:1px solid #a8c2dd19;border-radius:18px;background:linear-gradient(150deg,#132239d9,#0c1827d9);transition:transform .35s,border-color .35s,background .35s}.component-card:hover{transform:translateY(-8px);border-color:#69f0cb66;background:linear-gradient(150deg,#193149,#0e1c2b)}.component-image{height:145px;display:grid;place-items:center;position:relative;margin:-5px -5px 12px;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse,#18384a 0,transparent 70%)}.component-image img{position:relative;z-index:1;width:85%;height:130px;object-fit:contain;transition:transform .5s;filter:drop-shadow(0 9px 13px #0007)}.component-card:hover .component-image img{transform:scale(1.08) rotate(-2deg)}.image-glow{position:absolute;width:80px;height:80px;border-radius:50%;background:#69f0cb19;filter:blur(22px)}.component-meta{display:flex;justify-content:space-between;color:#8295aa;font-size:.67rem}.component-meta b{color:var(--mint);font-size:.72rem}.component-card h3{font-size:1rem;margin:5px 0}.component-card p{font-size:.76rem;line-height:1.9;color:var(--muted);margin:0}.sensor-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.sensor-visual{height:430px;position:relative;display:grid;place-items:center}.sensor-visual>img{z-index:2;width:min(90%,440px);object-fit:contain;filter:drop-shadow(0 15px 35px #0008)}.sonar-ring{position:absolute;width:280px;aspect-ratio:1;border:1px solid #69f0cb38;border-radius:50%;animation:sonar 4s ease-out infinite}.r2{animation-delay:1.3s}.r3{animation-delay:2.6s}.distance-pill{position:absolute;bottom:5%;padding:5px 16px;border-radius:30px;border:1px solid var(--line);background:#0d1b2bd9;color:#9badc0;font-size:.8rem}.distance-pill b{color:var(--mint);margin:0 8px}.story-copy>p,.power-copy>p,.arduino-copy>p,.ending-copy>p{color:var(--muted);max-width:530px;font-size:1.02rem}.mini-flow{display:flex;align-items:center;gap:8px;margin:25px 0;color:#a8b8c9;font-size:.76rem}.mini-flow i{height:1px;width:30px;background:linear-gradient(90deg,var(--mint),#69f0cb11);position:relative}.mini-flow i:after{content:"";position:absolute;width:5px;height:5px;background:var(--mint);border-radius:50%;top:-2px;animation:flow 1.6s linear infinite}.pin-note{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;max-width:430px;font-size:.78rem}.pin-note b{color:var(--mint)}.pin-note span{color:var(--muted);direction:ltr}.details-scene{background:linear-gradient(120deg,#0b1422,#0c1726)}.details-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-tile{border:1px solid #ffffff12;background:#101e2fbd;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;min-height:220px;transition:transform .3s,border-color .3s}.detail-tile:hover{transform:translateY(-5px);border-color:#69f0cb66}.detail-photo{height:100%;min-height:180px;display:grid;place-items:center;background:radial-gradient(ellipse,#1b3646,#0d1b2b 72%)}.detail-photo img{width:90%;height:155px;object-fit:contain;filter:drop-shadow(0 8px 14px #0008)}.detail-tile>div:last-child{padding:15px}.detail-tile .eyebrow{font-size:.66rem}.detail-tile h3{margin:3px 0;font-size:1rem}.detail-tile p{font-size:.72rem;line-height:1.85;color:var(--muted);margin:0}.power-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.power-image{height:400px;position:relative;display:grid;place-items:center}.power-image img{z-index:1;width:90%;max-height:330px;object-fit:contain;filter:drop-shadow(0 20px 35px #0009)}.power-halo{position:absolute;width:300px;aspect-ratio:1;border-radius:50%;background:#56baff12;box-shadow:0 0 100px #56baff14}.power-stats{display:flex;gap:35px;margin-top:28px}.power-stats div{display:grid}.power-stats b{color:var(--mint);font-size:1.3rem;direction:ltr}.power-stats span{font-size:.7rem;color:#8296ac}.diagram-scene{align-items:center}.diagram-scene .section-heading{text-align:center}.diagram-frame{position:relative;width:min(100%,1050px);height:min(58vh,560px);min-height:310px;padding:17px;border:1px solid #6fa6bc3b;border-radius:20px;background:linear-gradient(145deg,#14283c,#0b1624);box-shadow:0 25px 80px #0005;display:grid;place-items:center}.diagram-frame>img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.diagram-placeholder{position:absolute;inset:20px;display:grid;align-content:center;justify-items:center;color:#70859b}.diagram-placeholder span{font-size:3rem;color:#42647d}.diagram-placeholder b{font-size:.9rem;color:#a5b8cc;direction:ltr}.diagram-placeholder small{font-size:.72rem}.diagram-frame.has-image .diagram-placeholder{display:none}.frame-corner{position:absolute;width:22px;height:22px;border-color:var(--mint);border-style:solid;opacity:.8}.c1{top:7px;right:7px;border-width:1px 1px 0 0}.c2{top:7px;left:7px;border-width:1px 0 0 1px}.c3{bottom:7px;right:7px;border-width:0 1px 1px 0}.c4{bottom:7px;left:7px;border-width:0 0 1px 1px}.arduino-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;background:radial-gradient(ellipse at 22% 60%,#0a504d30,transparent 45%)}.arduino-copy{position:relative;z-index:2}.arduino-copy h2{font-size:clamp(2.5rem,6vw,5rem)}.pin-map{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:510px;margin:25px 0}.pin-map div{padding:10px 13px;border:1px solid #ffffff13;border-radius:10px;background:#102034a6;display:grid}.pin-map b{color:var(--mint);font:700 .9rem var(--sans);direction:ltr;text-align:right}.pin-map span{color:#8fa2b7;font-size:.68rem}.arduino-board{position:relative;display:grid;place-items:center;min-height:400px}.arduino-board img{position:relative;z-index:1;width:min(100%,540px);max-height:380px;object-fit:contain;filter:drop-shadow(0 18px 30px #0008);animation:boardFloat 5s ease-in-out infinite}.board-aura{position:absolute;width:330px;aspect-ratio:1;border-radius:50%;background:#49d7bb10;box-shadow:0 0 110px #45dcc330}.board-label{position:absolute;bottom:4%;font-size:.66rem;letter-spacing:.28em;color:#6b8799;direction:ltr}.board-spark{position:absolute;z-index:2;width:5px;height:5px;left:29%;top:31%;border-radius:50%;background:#ffdb8b;box-shadow:0 0 14px 5px #ffca6960;animation:pulse 1.1s infinite}.arduino-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.circuit-line{position:absolute;background:#69f0cb22;height:1px;transform-origin:right}.l1{width:45%;right:0;top:32%;transform:rotate(-15deg)}.l2{width:40%;right:0;top:64%;transform:rotate(12deg)}.l3{width:25%;right:20%;top:80%;transform:rotate(-35deg)}.pulse-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:dotTravel 5s linear infinite}.p1{top:32%;right:10%}.p2{top:64%;right:3%;animation-delay:2s}.range-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:45px 0 15px}.range-segment{position:relative;padding:26px 25px;border:1px solid #ffffff14;background:linear-gradient(135deg,#142438,#0e1b2b);display:grid;gap:2px;overflow:hidden}.range-segment:first-child{border-radius:0 18px 18px 0}.range-segment:last-child{border-radius:18px 0 0 18px}.range-segment span{font:600 .78rem var(--sans);direction:ltr;text-align:right;color:#90a4bb}.range-segment b{font-size:1.55rem}.range-segment i{position:absolute;left:23px;top:50%;width:13px;height:13px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px 5px #69f0cb55;animation:blinkFast 1s steps(2) infinite}.medium i{background:var(--gold);box-shadow:0 0 18px 5px #ffc96955;animation:blinkMedium 2s steps(2) infinite}.slow i{background:var(--purple);box-shadow:0 0 18px 5px #b9a2ff55;animation:blinkSlow 3s steps(2) infinite}.fast{border-top:2px solid var(--mint)}.medium{border-top:2px solid var(--gold)}.slow{border-top:2px solid var(--purple)}.logic-footnote{color:var(--muted);font-size:.82rem}.code-scene{min-height:110svh}.code-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.code-heading h2{font-size:clamp(1.8rem,3.6vw,3.4rem)}.code-heading p{color:var(--muted);margin:0;font-size:.86rem}.code-badge{white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:6px 13px;font-size:.72rem;color:#a9bad0;direction:ltr}.code-badge span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8c862;margin-right:8px}.code-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch}.code-explainer{padding:23px;border:1px solid #ffffff12;border-radius:17px;background:linear-gradient(150deg,#132238,#0d1928);display:flex;flex-direction:column;min-height:495px}.step-count{font-size:.69rem;color:var(--mint)}.code-explainer h3{font-size:1.25rem;margin:12px 0 8px}.code-explainer>p{font-size:.82rem;color:var(--muted);line-height:2;margin-bottom:auto}.step-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.step-controls button{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:#112339;color:var(--mint)}#stepDots{display:flex;gap:7px}.step-dot{width:7px;height:7px;border-radius:8px;background:#3b4c60;border:0;padding:0;transition:all .3s}.step-dot.active{width:24px;background:var(--mint)}.code-callout{margin-top:20px;border-right:2px solid var(--mint);padding:8px 12px;background:#69f0cb0a;color:#9cb5c7;font-size:.72rem}.code-window{border:1px solid #26394c;border-radius:16px;overflow:hidden;background:#080f19;min-height:495px;box-shadow:0 20px 50px #0003}.window-bar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #ffffff0b;background:#0d1723;color:#8093a7;font-size:.68rem;direction:ltr}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#e56666}.window-dots i:nth-child(2){background:#e4bd5d}.window-dots i:nth-child(3){background:#57c995}.window-bar button{border:0;background:#172739;color:#a9c5d9;font-size:.66rem;border-radius:5px;padding:3px 8px}.code-scroll{height:445px;overflow:auto;margin:0;padding:14px 17px;color:#d2deeb;font:12px/1.85 Consolas,Monaco,monospace;text-align:left;scrollbar-color:#32485d #0b1420;tab-size:2}.code-line{display:block;min-height:1.85em;padding:0 9px;border-left:2px solid transparent;white-space:pre;transition:background .3s,color .3s}.code-line .ln{display:inline-block;width:28px;color:#506275;user-select:none}.code-line.active-line{background:linear-gradient(90deg,#53e5c21c,#53e5c200);border-left-color:var(--mint);color:#f0fffb}.code-line .kw{color:#c792ea}.code-line .type{color:#82aaff}.code-line .num{color:#f78c6c}.code-line .str{color:#c3e88d}.code-line .comment{color:#657b8e}.code-line .fn{color:#82d9cc}.ending{background:radial-gradient(ellipse at 52% 50%,#10474436,transparent 52%);align-items:center;text-align:center}.ending-copy{position:relative;z-index:1}.ending h2{font-size:clamp(3rem,8vw,7rem);line-height:1.2}.ending-copy>p{margin:0 auto}.ending-chain{display:flex;justify-content:center;align-items:center;gap:18px;margin:25px 0;color:#bdcbd9;font-size:.83rem}.ending-chain i{font-style:normal;color:var(--mint)}.ending-orb{position:absolute;width:430px;height:430px;border:1px solid #69f0cb16;border-radius:50%;box-shadow:0 0 100px #69f0cb0a;animation:rotate 45s linear infinite}.presentation-nav{position:fixed;z-index:19;left:28px;bottom:30px;display:flex;align-items:center;gap:12px;padding:6px;border:1px solid #ffffff14;border-radius:30px;background:#0b1726dc;backdrop-filter:blur(12px)}.presentation-nav button{width:30px;height:30px;border:0;border-radius:50%;background:#14263a;color:var(--mint);line-height:1}.presentation-nav span{font-size:.66rem;color:#8fa3b8;direction:ltr}.asset-img{opacity:0;transition:opacity .5s}.asset-img.loaded{opacity:1}.image-missing{display:none!important}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes wave{0%{transform:scale(.55);opacity:.7}100%{transform:scale(1.55);opacity:0}}@keyframes sonar{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.4);opacity:0}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes beam{0%,100%{opacity:.25;transform:rotate(-13deg) scaleX(.7)}50%{opacity:1;transform:rotate(-13deg) scaleX(1.1)}}@keyframes scroll{0%,100%{transform:translateY(0);opacity:1}70%{transform:translateY(9px);opacity:0}}@keyframes flow{0%{left:0;opacity:0}30%{opacity:1}100%{left:100%;opacity:0}}@keyframes boardFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes dotTravel{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(-300px);opacity:0}}@keyframes blinkFast{50%{opacity:.15}}@keyframes blinkMedium{50%{opacity:.15}}@keyframes blinkSlow{50%{opacity:.15}}
@media(max-width:1100px){.component-grid{grid-template-columns:repeat(3,1fr)}.component-card{min-height:310px}.details-layout{grid-template-columns:1fr}.detail-tile{min-height:160px}.detail-photo{min-height:150px}.code-layout{grid-template-columns:.8fr 1.2fr}.scene{padding-inline:6vw}}
@media(max-width:760px){html{scroll-snap-type:y proximity}.scene{padding:92px 23px 80px;min-height:100svh}.intro,.sensor-story,.power-scene,.arduino-scene{grid-template-columns:1fr}.intro{padding-top:95px;min-height:100svh}.intro h1{font-size:clamp(4rem,18vw,7rem)}.hero-art{height:36vh;min-height:260px;margin-top:-15px}.hero-sensor{width:230px;height:130px}.hero-caption{bottom:1%}.scroll-cue{display:none}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.component-card{min-height:285px;padding:13px}.component-image{height:112px}.component-image img{height:105px}.component-card p{font-size:.7rem}.sensor-visual{height:270px;order:2}.sensor-visual>img{max-height:160px}.sonar-ring{width:190px}.story-copy{order:1}.mini-flow{font-size:.63rem;gap:5px}.mini-flow i{width:15px}.pin-note{font-size:.68rem}.details-layout{gap:10px}.detail-tile{grid-template-columns:.8fr 1.2fr;min-height:150px}.detail-photo{min-height:145px}.detail-photo img{height:125px}.power-image{height:240px;order:2}.power-image img{max-height:210px}.power-halo{width:220px}.power-copy{order:1}.diagram-frame{height:53vh;min-height:250px;padding:9px}.arduino-board{min-height:250px;order:2}.arduino-board img{max-height:220px}.board-aura{width:220px}.arduino-copy{order:1}.pin-map{margin:18px 0}.range-track{gap:3px}.range-segment{padding:15px 10px}.range-segment b{font-size:1rem}.range-segment span{font-size:.62rem}.range-segment i{left:10px;width:9px;height:9px}.code-heading{display:block}.code-badge{display:inline-block;margin-top:14px}.code-layout{grid-template-columns:1fr}.code-explainer{min-height:265px;padding:18px}.code-explainer>p{margin-bottom:0}.code-window{min-height:410px}.code-scroll{height:360px;font-size:11px;padding:12px}.code-line .ln{width:25px}.ending-orb{width:300px;height:300px}.scene-index{right:23px;bottom:20px}.presentation-nav{left:12px;bottom:12px}.topbar{height:58px;padding:0 20px}.progress-track{top:57px}.wordmark{font-size:.73rem}.live-label{font-size:.65rem}.icon-button{width:32px;height:32px}}
@media(max-width:390px){.component-grid{grid-template-columns:1fr}.component-card{min-height:245px}.component-image{height:120px}.range-segment{padding:12px 7px}.range-segment b{font-size:.85rem}.range-segment span{font-size:.56rem}.pin-map{gap:6px}.pin-map div{padding:7px}.detail-tile p{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Opening slide: presenter details and the real project photo. */
.presentation-credits{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;max-width:490px;margin:18px 0 5px}
.presentation-credits div{display:flex;flex-direction:column;border-right:1px solid #69f0cb66;padding:3px 10px 4px 0}
.presentation-credits span{font-size:.66rem;color:#7f94aa}
.presentation-credits b{font-size:.84rem;font-weight:600;color:#e4f0fa}
.hero-photo{position:relative;z-index:2;width:min(100%,480px);margin:0;padding:11px;border:1px solid #91e8d33d;border-radius:30px;background:linear-gradient(145deg,#193447,#0a1421 80%);box-shadow:0 35px 90px #0009,0 0 55px #59dfc518;transform:rotate(-1.5deg);transition:transform .6s,box-shadow .6s}
.hero-photo:hover{transform:rotate(0) translateY(-5px);box-shadow:0 42px 100px #000a,0 0 70px #59dfc522}
.hero-photo>img{display:block;width:100%;height:min(50vh,405px);min-height:260px;object-fit:cover;object-position:center 52%;border-radius:21px}
.hero-photo figcaption{display:flex;align-items:center;gap:9px;padding:11px 7px 3px;color:#b5c8d7;font-size:.72rem}
.photo-live{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:pulse 1.8s infinite}
.hero-caption{bottom:1%}
.asset-img{border-radius:16px}
.component-image .asset-img{border-radius:12px}
.power-image .asset-img{border-radius:24px}
@media(max-width:760px){.presentation-credits{gap:5px 12px;margin:12px 0 2px}.presentation-credits b{font-size:.75rem}.presentation-credits span{font-size:.6rem}.hero-photo{width:min(86%,380px);padding:8px;border-radius:23px}.hero-photo>img{height:min(32vh,260px);min-height:180px;border-radius:16px}.hero-photo figcaption{font-size:.65rem;padding:8px 5px 2px}.hero-caption{bottom:-2%}}