@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;900&family=Manrope:wght@500;700;800&display=swap');
:root{--pink:#EC3E84;--soft-pink:#F08EA4;--orange:#F47810;--yellow:#FAC016;--teal:#17A9AC;--purple:#795F8A;--navy:#141629;--blush:#FAF1F3;--powder:#F8DBD9;--sky:#B2D2F7;--lavender:#A393BB;--peach:#F5C094;--white:#fff;--ink:#141629}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:50;top:22px;left:50%;transform:translateX(-50%);width:min(94%,1180px);height:64px;padding:8px 10px 8px 14px;border-radius:999px;background:rgba(20,22,41,.82);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 40px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:900;font-size:22px;background:linear-gradient(135deg,var(--pink),var(--orange),var(--yellow));color:white}.brand b{font-size:13px;letter-spacing:.12em}.navlinks{display:flex;gap:32px;font-size:14px;font-weight:700}.navlinks a{opacity:.78;transition:.2s}.navlinks a:hover{opacity:1;color:var(--yellow)}.nav-cta{background:var(--pink);border-radius:999px;padding:14px 18px;font-size:12px;font-weight:900;letter-spacing:.06em}.nav-cta span{margin-left:8px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,41,.98) 0%,rgba(20,22,41,.84) 35%,rgba(20,22,41,.08) 66%,rgba(20,22,41,.02) 100%)}.hero-copy{position:relative;z-index:2;width:min(1180px,92%);margin:0 auto;padding-top:95px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;margin:0 0 20px}.eyebrow.dark{color:var(--navy)}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;line-height:.86;letter-spacing:-.065em}h1{font-size:clamp(58px,7.2vw,112px);max-width:750px;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--pink)}h1 span,h2 span{color:var(--yellow)}.intro{max-width:570px;font-size:clamp(16px,1.35vw,20px);line-height:1.55;margin:26px 0 28px;color:rgba(255,255,255,.86)}.big-button{display:inline-flex;align-items:center;gap:24px;border-radius:999px;background:var(--teal);padding:17px 22px;font-size:13px;font-weight:900;letter-spacing:.08em;box-shadow:5px 5px 0 var(--yellow);transition:.25s}.big-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--yellow)}.big-button span{font-size:20px}.ticket{position:absolute;z-index:3;right:5vw;bottom:9vh;width:230px;padding:22px 22px 18px;background:var(--yellow);color:var(--navy);transform:rotate(-5deg);border-radius:12px;box-shadow:10px 12px 0 rgba(236,62,132,.78);animation:float 4s ease-in-out infinite}.ticket small,.ticket span{display:block;font-size:9px;font-weight:900;letter-spacing:.18em}.ticket strong{display:block;font-size:24px;line-height:.95;margin:10px 0}.scroll-cue{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;letter-spacing:.15em}.scroll-cue span{display:inline-block;margin-left:10px;animation:bob 1.4s ease-in-out infinite}.worlds{position:relative;background:var(--teal);color:var(--navy);padding:120px max(4vw,24px)}.section-heading{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:34px;align-items:end;max-width:1250px;margin:0 auto 54px}.section-heading h2{font-size:clamp(52px,6vw,92px)}.section-heading h2 i{font-style:normal;color:var(--white)}.section-heading>p:last-child{font-size:17px;line-height:1.55;font-weight:600}.cards{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.world-card{position:relative;min-height:420px;padding:22px;border-radius:28px;border:2px solid var(--navy);overflow:hidden;display:flex;flex-direction:column;box-shadow:7px 8px 0 var(--navy);transition:transform .3s,box-shadow .3s}.world-card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:12px 16px 0 var(--navy)}.world-card.pink{background:var(--pink)}.world-card.orange{background:var(--orange)}.world-card.yellow{background:var(--yellow)}.world-card.purple{background:var(--lavender)}.world-card.blue{background:var(--sky)}.number{font-size:12px;font-weight:900}.icon{font-size:52px;align-self:flex-end;margin-top:16px}.world-card h3{font-size:32px;margin:22px 0 16px}.world-card p{font-size:14px;line-height:1.5;font-weight:600}.world-card button{margin-top:auto;border:2px solid var(--navy);border-radius:999px;background:var(--white);padding:12px 14px;font:900 11px "DM Sans";letter-spacing:.08em;cursor:pointer;text-align:left;display:flex;justify-content:space-between}.aivy{max-width:860px;margin:70px auto 0;background:var(--navy);color:white;border-radius:32px;padding:22px 34px;display:flex;align-items:center;gap:24px;box-shadow:9px 10px 0 var(--yellow);transform:rotate(-1deg)}.aivy img{width:110px;height:110px;object-fit:contain}.aivy span{font-size:10px;letter-spacing:.16em;color:var(--soft-pink);font-weight:900}.aivy strong{display:block;font-size:38px;color:var(--yellow);line-height:1}.aivy p{margin:6px 0 0;line-height:1.45}.about{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--blush);color:var(--navy)}.about-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-panel{position:relative;margin-left:auto;margin-right:6vw;width:min(47vw,650px);padding:52px;background:rgba(250,241,243,.88);border:2px solid var(--navy);border-radius:36px;backdrop-filter:blur(12px);box-shadow:12px 14px 0 var(--pink)}.about h2{font-size:clamp(52px,5vw,78px)}.about-panel>p:not(.eyebrow){font-size:17px;line-height:1.6;margin:26px 0}.proof{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(20,22,41,.2);border-bottom:1px solid rgba(20,22,41,.2);padding:20px 0;margin-bottom:22px}.proof div{display:flex;align-items:center;gap:12px}.proof div+div{border-left:1px solid rgba(20,22,41,.2);padding-left:20px}.proof b{font-size:48px;color:var(--pink)}.proof span{font-size:10px;line-height:1.35;font-weight:900}.text-link{font-size:12px;font-weight:900;letter-spacing:.09em;border-bottom:2px solid var(--pink);padding-bottom:5px}.contact{min-height:85svh;background:var(--pink);display:grid;place-items:center;padding:90px 24px;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:2;max-width:1000px;text-align:center}.contact h2{font-size:clamp(60px,8vw,126px)}.contact h2 em{font-style:normal;color:var(--yellow)}.contact p:not(.eyebrow){max-width:650px;margin:30px auto;font-size:18px;line-height:1.6}.big-button.light{background:white;color:var(--navy)}.orbit span{position:absolute;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900}.orbit span:nth-child(1){width:100px;height:100px;left:7%;top:18%;background:var(--yellow);animation:float 4s ease-in-out infinite}.orbit span:nth-child(2){width:80px;height:80px;right:8%;top:24%;background:var(--teal);animation:float 5s ease-in-out infinite reverse}.orbit span:nth-child(3){width:55px;height:55px;right:15%;bottom:14%;background:var(--purple);animation:float 3.5s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-14px) rotate(-2deg)}}@keyframes bob{50%{transform:translateY(7px)}}
@media(max-width:1000px){.navlinks{display:none}.cards{grid-template-columns:repeat(2,1fr)}.world-card:last-child{grid-column:1/-1;min-height:330px}.section-heading{grid-template-columns:1fr}.ticket{display:none}.about-panel{margin:0 4vw 0 auto;width:56vw;padding:34px}.about-art{object-position:38% center}}
@media(max-width:680px){.nav{top:12px;width:calc(100% - 20px);height:56px}.brand b{display:none}.nav-cta{font-size:10px;padding:12px}.hero{min-height:100svh;align-items:flex-end}.hero-art{object-position:69% center}.hero-wash{background:linear-gradient(0deg,rgba(20,22,41,.99) 0%,rgba(20,22,41,.82) 47%,rgba(20,22,41,.12) 80%)}.hero-copy{padding:110px 20px 72px;width:100%}h1{font-size:clamp(50px,15vw,72px)}.intro{font-size:16px;line-height:1.45;margin:20px 0 22px}.scroll-cue{display:none}.worlds{padding:90px 16px}.section-heading{gap:18px;margin-bottom:34px}.section-heading h2{font-size:50px}.section-heading>p:last-child{font-size:16px}.cards{grid-template-columns:1fr}.world-card,.world-card:last-child{grid-column:auto;min-height:320px}.world-card h3{font-size:38px}.aivy{padding:18px;gap:12px}.aivy img{width:82px;height:82px}.aivy p{font-size:13px}.about{min-height:auto;padding-top:78vh;display:block}.about-art{height:78vh;object-position:32% center}.about-panel{width:calc(100% - 24px);margin:0 12px 30px;padding:28px;border-radius:28px}.about h2{font-size:49px}.about-panel>p:not(.eyebrow){font-size:16px}.proof{gap:10px}.proof div{display:block}.proof b{font-size:38px}.proof span{display:block}.contact{min-height:100svh}.contact h2{font-size:54px}.orbit span{opacity:.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticket,.scroll-cue span,.orbit span{animation:none}.reveal{opacity:1;transform:none}}
/* focused sample panels keep the one-page experience compact */
body.modal-open{overflow:hidden}.worlds{min-height:100svh;padding-top:108px;padding-bottom:76px}.section-heading{margin-bottom:34px}.cards{gap:16px}.world-card{min-height:300px;padding:20px;cursor:pointer}.world-card h3{font-size:28px;margin:16px 0 10px}.world-card p{font-size:13px;line-height:1.35;margin:0}.world-card button{margin-top:18px}.aivy{margin-top:42px;max-width:760px;padding:16px 24px}.aivy img{width:76px;height:76px}.room-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:28px}.room-modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(20,22,41,.82);backdrop-filter:blur(14px)}.modal-card{position:relative;z-index:1;width:min(1100px,100%);min-height:560px;background:var(--blush);color:var(--navy);border:2px solid var(--navy);border-radius:34px;box-shadow:12px 14px 0 var(--pink);display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;padding:46px;overflow:hidden}.modal-close{position:absolute;right:18px;top:15px;width:42px;height:42px;border:2px solid var(--navy);border-radius:50%;background:var(--yellow);font-size:30px;line-height:1;cursor:pointer;z-index:3}.modal-copy{align-self:center}.modal-copy .eyebrow{color:var(--pink);margin-bottom:18px}.modal-copy h2{font-size:clamp(52px,6vw,82px);line-height:.87}.modal-copy h2 em{font-style:normal;color:var(--pink)}.modal-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;margin:24px 0}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.modal-tags span{border:1px solid var(--navy);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;background:white}.next-room{border:0;background:var(--navy);color:white;border-radius:999px;padding:14px 17px;font:900 11px "DM Sans";letter-spacing:.1em;cursor:pointer}.next-room span{color:var(--yellow);font-size:17px;margin-left:12px}.sample-frame{align-self:center;border:2px solid var(--navy);border-radius:20px;overflow:hidden;box-shadow:8px 8px 0 var(--teal);background:var(--navy);transform:rotate(1.5deg)}.frame-top{height:38px;background:var(--navy);color:white;display:flex;align-items:center;gap:7px;padding:0 14px}.frame-top>span{width:8px;height:8px;border-radius:50%;background:var(--pink)}.frame-top>span:nth-child(2){background:var(--yellow)}.frame-top>span:nth-child(3){background:var(--teal)}.frame-top b{font-size:10px;letter-spacing:.1em;margin-left:auto;color:var(--soft-pink)}.sample-art{min-height:390px;background-size:cover;background-position:center;position:relative}.sample-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(20,22,41,.12),rgba(236,62,132,.1))}.sample-art:before{content:"SAMPLE PREVIEW";position:absolute;z-index:1;right:14px;bottom:14px;padding:9px 11px;background:var(--yellow);color:var(--navy);border-radius:5px;font:900 10px "DM Sans";letter-spacing:.08em}
@media(max-width:1000px){.world-card{min-height:280px}.modal-card{grid-template-columns:1fr;max-height:90svh;overflow:auto;padding:38px 28px 28px}.sample-frame{width:100%;transform:none}.sample-art{min-height:270px}.modal-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:680px){.worlds{padding:88px 16px 52px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:48px}.cards{gap:12px}.world-card,.world-card:last-child{min-height:220px;padding:17px;border-radius:22px}.world-card .icon{font-size:38px;margin-top:4px}.world-card h3{font-size:30px;margin:8px 0}.world-card p{font-size:12px;max-width:92%}.world-card button{padding:10px 12px;margin-top:12px}.aivy{margin-top:30px;padding:14px 16px}.modal-card{padding:48px 19px 20px;border-radius:24px;box-shadow:7px 8px 0 var(--pink)}.modal-copy h2{font-size:48px}.modal-copy>p:not(.eyebrow){font-size:15px;line-height:1.45;margin:17px 0}.sample-art{min-height:210px}.frame-top b{font-size:8px}.room-modal{padding:12px}}
.float-sticker{position:absolute;z-index:4;display:grid;place-items:center;border:2px solid var(--navy);box-shadow:4px 5px 0 var(--pink);font-weight:900}.sticker-heart{width:46px;height:46px;border-radius:50%;right:43%;top:21%;background:var(--yellow);color:var(--pink);font-size:22px;transform:rotate(12deg);animation:float 4.7s ease-in-out infinite}.sticker-star{width:34px;height:34px;border-radius:10px;left:6%;bottom:23%;background:var(--teal);color:var(--white);font-size:18px;transform:rotate(-14deg);animation:float 4s ease-in-out infinite reverse}.sticker-orb{width:24px;height:24px;border-radius:50%;right:7%;bottom:22%;background:var(--orange);color:var(--yellow);font-size:10px;box-shadow:3px 4px 0 var(--navy);animation:float 3.6s ease-in-out infinite}.confetti{display:none}
.hero-sample-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:24px;max-width:650px}.hero-sample-links>span{width:100%;font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--soft-pink)}.hero-sample-links button{border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(20,22,41,.55);color:white;padding:9px 11px;font:800 10px "DM Sans";letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}.hero-sample-links button:hover{background:var(--pink);border-color:white;transform:translateY(-2px)}.hero-sample-links b{color:var(--yellow);font-size:14px;margin-left:6px}.hero-art{object-position:center top;top:18px;height:calc(100% - 18px)}
@media(max-width:680px){.float-sticker{transform:scale(.78)}.sticker-heart{right:8%;top:25%}.sticker-star{left:5%;bottom:31%}.sticker-orb{right:8%;bottom:31%}}

/* hero workstation artwork: keep Hannah's face and computer clear while the copy stays readable */
.hero-art{object-position:center top}
.hero-wash{background:linear-gradient(90deg,rgba(20,22,41,.96) 0%,rgba(20,22,41,.88) 23%,rgba(20,22,41,.38) 42%,rgba(20,22,41,.04) 66%,rgba(20,22,41,0) 100%)}
.hero-copy{width:min(1280px,92%);max-width:1280px}
.hero-copy h1{max-width:410px;font-size:clamp(50px,5.6vw,84px)}
.hero-copy .intro{max-width:500px}
@media(max-width:1000px){.hero-copy h1{max-width:410px}.hero-wash{background:linear-gradient(90deg,rgba(20,22,41,.96) 0%,rgba(20,22,41,.84) 31%,rgba(20,22,41,.22) 60%,rgba(20,22,41,0) 100%)}}
@media(max-width:680px){.hero-art{object-position:center top}.hero-wash{background:linear-gradient(0deg,rgba(20,22,41,.99) 0%,rgba(20,22,41,.9) 44%,rgba(20,22,41,.22) 78%,rgba(20,22,41,0) 100%)}.hero-copy h1{max-width:100%;font-size:clamp(48px,14vw,70px)}}

/* Keep Hannah's full head visible in the About image at every viewport. */
.about-art{object-position:center top}
@media(max-width:1000px){.about-art{object-position:38% top}}
@media(max-width:680px){.about-art{object-position:32% top}}

/* Animated client-love room */
.testimonial-room{position:relative;min-height:100svh;overflow:hidden;background:#141629;color:var(--white);isolation:isolate}
.testimonial-room::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,41,.08) 0 62%,rgba(20,22,41,.72) 63%,rgba(20,22,41,.98) 100%);z-index:1;pointer-events:none}
.testimonial-room::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-16%;height:39%;background:repeating-linear-gradient(90deg,rgba(178,210,247,.12) 0 1px,transparent 1px 90px),linear-gradient(180deg,rgba(236,62,132,.22),rgba(20,22,41,.9));transform:perspective(420px) rotateX(48deg);transform-origin:bottom;z-index:1;pointer-events:none}
.room-set{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 76% 26%,rgba(236,62,132,.35),transparent 23%),linear-gradient(135deg,#1d2854 0%,#141629 58%,#321d52 100%)}
.room-set::before{content:"";position:absolute;left:0;right:0;top:0;height:62%;background:linear-gradient(90deg,transparent 0 49%,rgba(255,255,255,.08) 49% 50%,transparent 50%),repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,255,255,.045) 118px 120px);opacity:.48}
.room-window{position:absolute;right:11%;top:13%;width:28%;height:31%;border:8px solid #f08ea4;border-radius:24px;background:linear-gradient(155deg,#f1bcc3,#795f8a 55%,#141629);box-shadow:0 0 0 4px rgba(20,22,41,.7),0 0 50px rgba(236,62,132,.42);overflow:hidden;animation:roomGlow 5s ease-in-out infinite}
.room-window::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 47%,rgba(255,255,255,.2) 48% 49%,transparent 50%),linear-gradient(180deg,rgba(250,241,243,.2),transparent 54%)}
.room-window span{position:absolute;bottom:12%;width:22px;height:22px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px var(--yellow);animation:roomFloat 4s ease-in-out infinite}.room-window span:nth-child(1){left:20%;animation-delay:-.7s}.room-window span:nth-child(2){left:50%;background:var(--teal);box-shadow:0 0 18px var(--teal);animation-delay:-1.8s}.room-window span:nth-child(3){left:76%;background:var(--pink);box-shadow:0 0 18px var(--pink);animation-delay:-2.7s}.room-window b{position:absolute;left:16px;bottom:14px;font-size:9px;letter-spacing:.16em;color:var(--white)}
.room-shelf{position:absolute;left:7%;top:22%;width:31%;height:18px;border-radius:9px;background:var(--pink);box-shadow:0 12px 0 rgba(236,62,132,.2),0 15px 30px rgba(0,0,0,.25)}
.shelf-crystal{position:relative;display:inline-grid;place-items:center;width:43px;height:52px;margin:-35px 18px 0 0;border-radius:16px 16px 8px 8px;background:linear-gradient(145deg,#f8dbd9,#ec3e84 62%,#795f8a);color:white;font-size:18px;box-shadow:0 0 26px rgba(236,62,132,.5);animation:roomFloat 4.2s ease-in-out infinite}.shelf-crystal:nth-child(2){background:linear-gradient(145deg,#b2d2f7,#17a9ac 62%,#141629);animation-delay:-1s}.shelf-crystal:nth-child(3){background:linear-gradient(145deg,#fac016,#f47810 62%,#ec3e84);animation-delay:-2s}
.room-plant{position:absolute;left:6%;bottom:20%;width:150px;height:170px}.room-plant::before{content:"";position:absolute;bottom:0;left:28px;width:95px;height:64px;border-radius:18px 18px 30px 30px;background:linear-gradient(145deg,#f1bcc3,#ec3e84);box-shadow:0 14px 20px rgba(0,0,0,.25)}.room-plant b{position:absolute;bottom:55px;left:74px;width:9px;height:100px;background:#17a9ac;border-radius:9px;transform:rotate(-12deg)}.room-plant i{position:absolute;bottom:115px;left:30px;width:64px;height:28px;border-radius:100% 0 100% 0;background:#17a9ac;transform:rotate(-25deg);transform-origin:right center;animation:leafSway 3.8s ease-in-out infinite}.room-plant i:nth-of-type(2){left:72px;bottom:141px;transform:rotate(12deg) scale(.85);background:#a393bb;animation-delay:-1.2s}.room-plant i:nth-of-type(3){left:15px;bottom:153px;transform:rotate(-45deg) scale(.68);background:#f08ea4;animation-delay:-2.1s}
.room-desk{position:absolute;right:8%;bottom:9%;width:41%;height:22%;border-radius:26px 26px 10px 10px;background:linear-gradient(180deg,#f8dbd9,#f1bcc3);box-shadow:0 24px 0 rgba(236,62,132,.25),0 26px 40px rgba(0,0,0,.35);transform:perspective(500px) rotateX(5deg)}.room-desk::after{content:"";position:absolute;left:11%;right:11%;bottom:-70px;height:70px;background:linear-gradient(90deg,#ec3e84,#795f8a);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);opacity:.8}.room-monitor{position:absolute;left:22%;top:-135px;width:48%;height:138px;border:8px solid #f8dbd9;border-bottom-width:15px;border-radius:18px;background:radial-gradient(circle at 50% 44%,#ec3e84 0 10%,#795f8a 11% 20%,#141629 21%);box-shadow:0 0 34px rgba(236,62,132,.54);display:grid;place-items:center;animation:monitorPulse 4.5s ease-in-out infinite}.room-monitor::after{content:"";position:absolute;bottom:-37px;width:18%;height:28px;background:#f8dbd9;border-radius:0 0 9px 9px}.room-monitor span{font-size:44px;font-weight:900;color:var(--yellow);text-shadow:0 0 15px rgba(250,192,22,.8)}.room-keyboard{position:absolute;left:26%;top:19%;width:48%;height:15px;border-radius:10px;background:repeating-linear-gradient(90deg,#ec3e84 0 8px,#f47810 8px 16px,#fac016 16px 24px,#17a9ac 24px 32px,#795f8a 32px 40px);box-shadow:0 0 15px rgba(23,169,172,.55)}
.room-chair{position:absolute;right:38%;bottom:9%;width:110px;height:220px;border-radius:52px 52px 30px 30px;background:linear-gradient(145deg,#f08ea4,#ec3e84);box-shadow:inset 0 0 0 10px rgba(250,241,243,.32),0 18px 26px rgba(0,0,0,.3);transform:rotate(-5deg);opacity:.9}.room-chair::before{content:"";position:absolute;left:22px;right:22px;top:34px;height:110px;border-radius:30px;background:rgba(20,22,41,.45)}
.room-aivy{position:absolute;right:20%;bottom:22%;width:66px;height:54px;border-radius:24px 24px 18px 18px;background:#f8dbd9;border:4px solid var(--navy);box-shadow:0 0 22px rgba(236,62,132,.55);display:grid;place-items:center;animation:roomFloat 3.6s ease-in-out infinite}.room-aivy::before{content:"";position:absolute;top:-15px;width:7px;height:18px;border-radius:5px;background:var(--pink);box-shadow:0 0 10px var(--pink)}.room-aivy span{font-size:20px;color:var(--pink)}
.room-spark{position:absolute;z-index:3;font-size:25px;color:var(--yellow);text-shadow:0 0 14px currentColor;animation:roomFloat 4.8s ease-in-out infinite}.room-spark-one{left:46%;top:19%}.room-spark-two{right:34%;top:47%;color:var(--pink);animation-delay:-1.4s}.room-spark-three{left:32%;bottom:23%;color:var(--teal);animation-delay:-2.4s}
.testimonial-room-inner{position:relative;z-index:5;width:min(1240px,90%);min-height:100svh;margin:0 auto;padding:clamp(95px,12vh,150px) 0 120px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1fr);gap:70px;align-items:center}.testimonial-heading{align-self:center;max-width:500px}.testimonial-heading h2{font-size:clamp(52px,6vw,88px);line-height:.88}.testimonial-heading h2 em{font-style:normal;color:var(--pink)}.testimonial-heading>p:last-child{max-width:360px;margin-top:28px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.8)}.testimonial-carousel{width:min(520px,100%);justify-self:end}.testimonial-card{display:none;padding:32px 34px 30px;background:rgba(250,241,243,.97);color:var(--navy);border:2px solid var(--navy);border-radius:28px;box-shadow:10px 12px 0 var(--pink);transform:rotate(1.5deg);animation:cardIn .55s ease both}.testimonial-card.is-active{display:block}.testimonial-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;letter-spacing:.11em;color:var(--pink)}.testimonial-card-top b{font-size:13px;letter-spacing:.05em;color:var(--yellow);text-shadow:1px 1px 0 var(--navy)}.testimonial-card blockquote{margin:36px 0 30px;font:800 clamp(25px,3vw,38px)/1.08 "Manrope",sans-serif;letter-spacing:-.04em}.testimonial-card cite{font-style:normal;font-weight:900;font-size:13px}.testimonial-card cite small{font-size:11px;font-weight:600;opacity:.62}.testimonial-controls{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.testimonial-controls button{border:2px solid var(--white);background:rgba(20,22,41,.55);color:white;cursor:pointer}.testimonial-prev,.testimonial-next{width:42px;height:42px;border-radius:50%;font-size:20px}.testimonial-dots{display:flex;gap:9px}.testimonial-dots button{width:10px;height:10px;padding:0;border-radius:50%;border-color:transparent;background:rgba(255,255,255,.35)}.testimonial-dots button.is-active{background:var(--yellow);box-shadow:0 0 0 3px rgba(250,192,22,.2)}
@keyframes roomGlow{50%{box-shadow:0 0 0 4px rgba(20,22,41,.7),0 0 82px rgba(236,62,132,.7)}}@keyframes roomFloat{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes leafSway{50%{transform:rotate(-12deg) skewX(8deg)}}@keyframes monitorPulse{50%{filter:brightness(1.25);box-shadow:0 0 55px rgba(236,62,132,.8)}}@keyframes cardIn{from{opacity:0;transform:translateY(12px) rotate(3deg)}to{opacity:1;transform:rotate(1.5deg)}}
@media(max-width:900px){.testimonial-room-inner{grid-template-columns:1fr;gap:34px;align-content:center}.testimonial-heading{max-width:600px}.testimonial-carousel{justify-self:start}.room-window{right:6%;width:36%}.room-desk{right:4%;width:53%}.room-chair{right:38%}}
@media(max-width:680px){.testimonial-room{min-height:auto}.testimonial-room-inner{width:calc(100% - 32px);min-height:900px;padding:110px 0 90px;gap:30px}.testimonial-heading h2{font-size:52px}.testimonial-heading>p:last-child{font-size:15px;margin-top:20px}.testimonial-carousel{width:100%}.testimonial-card{padding:25px 22px 24px;box-shadow:7px 9px 0 var(--pink)}.testimonial-card blockquote{margin:28px 0 24px;font-size:27px}.room-window{top:9%;right:6%;width:52%;height:23%}.room-shelf{left:5%;top:19%;width:43%}.room-plant{left:-14px;bottom:16%;transform:scale(.75)}.room-desk{right:-13%;bottom:7%;width:76%;height:18%;transform:perspective(500px) rotateX(5deg) scale(.9)}.room-monitor{top:-100px;height:103px}.room-chair{right:51%;bottom:8%;transform:rotate(-5deg) scale(.75);transform-origin:bottom}.room-aivy{right:27%;bottom:18%;transform:scale(.78)}.room-spark-one{left:8%;top:32%}.room-spark-two{right:14%;top:46%}.room-spark-three{left:14%;bottom:27%}}
@media(prefers-reduced-motion:reduce){.room-window,.shelf-crystal,.room-plant i,.room-monitor,.room-aivy,.room-spark,.testimonial-card{animation:none}}

/* AIVY data exchange animation */
.data-bot{position:absolute;z-index:4;bottom:12%;width:96px;height:142px;filter:drop-shadow(0 14px 14px rgba(0,0,0,.28));animation:botBounce 3.8s ease-in-out infinite}.data-bot-left{left:4%}.data-bot-right{right:4%;animation-delay:-1.9s;transform:scaleX(-1)}.bot-head{position:absolute;left:14px;top:0;width:68px;height:58px;border:4px solid var(--navy);border-radius:23px;background:linear-gradient(145deg,#f8dbd9,#ec3e84);box-shadow:0 0 24px rgba(236,62,132,.6);display:grid;place-items:center}.bot-head::before,.bot-head::after{content:"";position:absolute;top:23px;width:7px;height:7px;border-radius:50%;background:var(--navy);box-shadow:0 0 5px var(--navy)}.bot-head::before{left:18px}.bot-head::after{right:18px}.bot-head span{position:absolute;bottom:8px;color:var(--pink);font-size:16px}.bot-antenna{position:absolute;left:45px;top:-20px;width:5px;height:22px;border-radius:5px;background:var(--teal);box-shadow:0 0 12px var(--teal)}.bot-antenna::after{content:"";position:absolute;top:-7px;left:-4px;width:13px;height:13px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px var(--yellow)}.bot-body{position:absolute;left:23px;top:62px;width:52px;height:55px;border:4px solid var(--navy);border-radius:18px 18px 22px 22px;background:linear-gradient(145deg,#b2d2f7,#17a9ac);display:flex;align-items:center;justify-content:center;gap:7px}.bot-body span{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 8px var(--pink)}.bot-body span+span{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.bot-arm{position:absolute;top:74px;width:25px;height:10px;border:4px solid var(--navy);border-radius:9px;background:var(--soft-pink);transform-origin:4px 4px}.bot-arm-left{left:3px;transform:rotate(30deg)}.bot-arm-right{right:1px;transform:rotate(-30deg);animation:throwArm 1.7s ease-in-out infinite}.data-bot-right .bot-arm-right{animation-delay:-.85s}.info-stream{position:absolute;z-index:4;left:14%;right:14%;bottom:24%;height:50px;border-top:2px dashed rgba(250,192,22,.45);border-bottom:2px dashed rgba(23,169,172,.45);pointer-events:none}.info-stream::before{content:"";position:absolute;left:0;right:0;top:23px;height:2px;background:linear-gradient(90deg,transparent,var(--yellow),var(--pink),var(--teal),transparent);opacity:.9;box-shadow:0 0 13px var(--pink)}.data-chip{position:absolute;top:5px;display:grid;place-items:center;min-width:56px;height:34px;padding:0 10px;border:2px solid var(--navy);border-radius:12px;background:var(--yellow);color:var(--navy);font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:4px 5px 0 rgba(236,62,132,.65);animation:sendInfo 5.6s linear infinite}.chip-one{animation-delay:-.8s}.chip-two{background:var(--pink);color:white;animation-delay:-2.2s}.chip-three{background:var(--teal);color:white;animation-delay:-3.6s}.chip-four{min-width:35px;background:var(--lavender);animation-delay:-4.8s}
@keyframes botBounce{50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes throwArm{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-62deg)}}@keyframes sendInfo{0%{left:2%;opacity:0;transform:scale(.75) rotate(-8deg)}10%{opacity:1}50%{transform:scale(1) rotate(4deg)}90%{opacity:1}100%{left:94%;opacity:0;transform:scale(.75) rotate(-8deg)}}
@media(max-width:900px){.data-bot{bottom:8%;transform:scale(.8)}.data-bot-right{transform:scaleX(-1) scale(.8)}.info-stream{left:19%;right:19%;bottom:18%}}
@media(max-width:680px){.testimonial-room-inner{padding-bottom:300px}.data-bot{bottom:34px;width:74px;height:110px;transform:scale(.7)}.data-bot-left{left:2%}.data-bot-right{right:2%;transform:scaleX(-1) scale(.7)}.bot-head{left:11px;width:53px;height:45px;border-width:3px;border-radius:18px}.bot-head::before,.bot-head::after{top:18px;width:6px;height:6px}.bot-head::before{left:13px}.bot-head::after{right:13px}.bot-head span{bottom:5px;font-size:12px}.bot-antenna{left:35px;top:-15px;height:17px}.bot-antenna::after{width:10px;height:10px;left:-3px;top:-6px}.bot-body{left:18px;top:48px;width:40px;height:43px;border-width:3px;border-radius:14px}.bot-arm{top:58px;width:20px;height:8px;border-width:3px}.info-stream{left:13%;right:13%;bottom:19%;height:40px}.info-stream::before{top:18px}.data-chip{top:3px;min-width:44px;height:29px;padding:0 7px;font-size:8px;border-width:1px;box-shadow:3px 4px 0 rgba(236,62,132,.65)}}
@media(prefers-reduced-motion:reduce){.data-bot,.bot-arm-right,.data-chip{animation:none}}
.data-bot-right{animation-name:botBounceMirrored}
@keyframes botBounceMirrored{50%{transform:scaleX(-1) translateY(-9px) rotate(-2deg)}}
@media(max-width:900px){.data-bot-right{transform:scaleX(-1) scale(.8)}}
@media(max-width:680px){.data-bot-right{transform:scaleX(-1) scale(.7)}}
.sample-gallery{display:grid;gap:12px;max-height:68svh;overflow:auto;padding:0 5px 5px 0}.sample-gallery .sample-art{min-height:330px}.sample-gallery .sample-art-secondary{display:none;min-height:190px;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}.sample-gallery .sample-art-secondary.is-visible{display:block}
.sample-gallery .extra-art{display:block;min-height:230px;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}
@media(max-width:1000px){.sample-gallery{max-height:none}.sample-gallery .sample-art{min-height:270px}.sample-gallery .sample-art-secondary.is-visible{min-height:170px}}
@media(max-width:680px){.sample-gallery{gap:10px}.sample-gallery .sample-art{min-height:210px}.sample-gallery .sample-art-secondary.is-visible,.sample-gallery .extra-art{min-height:130px}}

/* Visual Design gallery: use the frame width with two balanced samples per row. */
.sample-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;padding-right:2px}
.sample-gallery .sample-art{min-height:0;aspect-ratio:16/9}
.sample-gallery .sample-art-secondary.is-visible,.sample-gallery .extra-art{min-height:0;aspect-ratio:16/9}
.sample-gallery.is-visual .sample-art{background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}
.sample-gallery.is-visual .sample-art-secondary.is-visible,.sample-gallery.is-visual .extra-art{aspect-ratio:4/5}
@media(max-width:680px){.sample-gallery{grid-template-columns:1fr;gap:10px}.sample-gallery .sample-art{aspect-ratio:16/9}.sample-gallery .sample-art-secondary.is-visible,.sample-gallery .extra-art{aspect-ratio:4/5}.sample-gallery.is-visual .sample-art-secondary.is-visible,.sample-gallery.is-visual .extra-art{aspect-ratio:4/5}}

/* Keep mixed landscape and portrait samples aligned without navy gaps. */
.sample-gallery.is-visual{grid-auto-rows:clamp(220px,23vw,310px)}
.sample-gallery.is-visual .sample-art,.sample-gallery.is-visual .sample-art-secondary.is-visible,.sample-gallery.is-visual .extra-art{height:100%;min-height:0;aspect-ratio:auto;background-color:#fff}
@media(max-width:680px){.sample-gallery.is-visual{grid-auto-rows:auto}.sample-gallery.is-visual .sample-art{height:auto;aspect-ratio:16/9}.sample-gallery.is-visual .sample-art-secondary.is-visible,.sample-gallery.is-visual .extra-art{height:auto;aspect-ratio:4/5}}

/* Full-size sample viewer for automation screenshots and every room gallery. */
.sample-art{cursor:zoom-in}
.asset-lightbox{position:fixed;inset:0;z-index:140;display:none;place-items:center;padding:24px}
.asset-lightbox.open{display:grid}
.asset-lightbox-backdrop{position:absolute;inset:0;background:rgba(20,22,41,.9);backdrop-filter:blur(18px)}
.asset-lightbox-card{position:relative;z-index:1;width:min(1100px,96vw);max-height:94svh;overflow:hidden;border:2px solid var(--pink);border-radius:28px;background:var(--navy);box-shadow:12px 14px 0 var(--teal);padding:18px}
.asset-lightbox-close{position:absolute;z-index:3;right:15px;top:13px;width:42px;height:42px;border:2px solid var(--navy);border-radius:50%;background:var(--yellow);color:var(--navy);font-size:29px;line-height:1;cursor:pointer}
.asset-lightbox-top{height:34px;display:flex;align-items:center;gap:12px;color:white;padding:0 52px 10px 5px;font-size:10px;letter-spacing:.14em}.asset-lightbox-top span{color:var(--soft-pink);font-weight:900}.asset-lightbox-top b{margin-left:auto;color:var(--yellow);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-lightbox-media{display:grid;place-items:center;min-height:260px;max-height:calc(94svh - 92px);border-radius:18px;overflow:auto;background:#fff;padding:12px}.asset-lightbox-media img,.asset-lightbox-media video{display:block;max-width:100%;max-height:calc(94svh - 120px);width:auto;height:auto;object-fit:contain;border-radius:10px}.asset-lightbox-media video{background:var(--navy)}
body.lightbox-open{overflow:hidden}
@media(max-width:680px){.asset-lightbox{padding:12px}.asset-lightbox-card{width:100%;padding:12px;border-radius:22px;box-shadow:7px 8px 0 var(--teal)}.asset-lightbox-top{padding-right:48px;font-size:8px}.asset-lightbox-top b{font-size:8px}.asset-lightbox-media{min-height:200px;padding:7px}.asset-lightbox-media img,.asset-lightbox-media video{max-height:calc(94svh - 94px)}}

/* Password gate for private video samples. */
.video-gate{position:fixed;inset:0;z-index:150;display:none;place-items:center;padding:24px}.video-gate.open{display:grid}.video-gate-backdrop{position:absolute;inset:0;background:rgba(20,22,41,.9);backdrop-filter:blur(18px)}.video-gate-card{position:relative;z-index:1;width:min(520px,94vw);padding:52px 42px 42px;background:var(--blush);color:var(--navy);border:2px solid var(--navy);border-radius:30px;box-shadow:11px 13px 0 var(--pink)}.video-gate-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border:2px solid var(--navy);border-radius:50%;background:var(--yellow);color:var(--navy);font-size:29px;line-height:1;cursor:pointer}.video-gate-card .eyebrow{color:var(--pink);margin-bottom:16px}.video-gate-card h2{font-size:clamp(52px,7vw,78px);line-height:.87}.video-gate-card h2 em{font-style:normal;color:var(--pink)}.video-gate-card>p:not(.eyebrow){font-size:16px;line-height:1.55;margin:22px 0 28px}.video-gate-card form{display:grid;gap:10px}.video-gate-card label{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--pink)}.video-gate-card input{width:100%;border:2px solid var(--navy);border-radius:12px;background:white;color:var(--navy);padding:14px 15px;font:700 16px "DM Sans";outline:none}.video-gate-card input:focus{box-shadow:0 0 0 4px rgba(23,169,172,.3)}.video-gate-error{min-height:18px;margin:0;color:#b32258;font-size:12px;font-weight:700}.video-gate-submit{justify-self:start;margin-top:5px}.video-gate-submit span{color:var(--yellow);font-size:17px;margin-left:12px}@media(max-width:680px){.video-gate{padding:12px}.video-gate-card{width:100%;padding:46px 23px 28px;border-radius:24px;box-shadow:7px 8px 0 var(--pink)}.video-gate-card h2{font-size:50px}.video-gate-card>p:not(.eyebrow){font-size:15px}}

/* Video room uses the same quick-scan gallery, with clear play affordances. */
.sample-gallery.is-video-room{grid-auto-rows:clamp(220px,23vw,310px)}
.sample-gallery.is-video-room .sample-art{height:100%;min-height:0;aspect-ratio:auto;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}
.sample-gallery.is-video-room .video-sample:after{content:"▶";display:grid;place-items:center;color:var(--yellow);font-size:48px;text-shadow:0 3px 0 var(--navy);background:linear-gradient(135deg,rgba(20,22,41,.5),rgba(236,62,132,.25))}
.sample-gallery.is-video-room .video-sample:before{content:"PLAY VIDEO"}
@media(max-width:680px){.sample-gallery.is-video-room{grid-auto-rows:auto}.sample-gallery.is-video-room .sample-art{height:auto;aspect-ratio:4/5}}
.sample-gallery.is-web-room .sample-art,.sample-gallery.is-web-room .sample-art-secondary.is-visible,.sample-gallery.is-web-room .extra-art{background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:6/5}
@media(max-width:680px){.sample-gallery.is-web-room .sample-art,.sample-gallery.is-web-room .sample-art-secondary.is-visible,.sample-gallery.is-web-room .extra-art{aspect-ratio:6/5}}

/* Original HARA-style welcome screen, with a 30-second auto-continue. */
body.intro-open{overflow:hidden}
.before-portfolio{position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden;background:#f7c8c0;color:var(--navy);opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s}
.before-portfolio.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.before-portfolio-stage{position:relative;z-index:1;width:min(100vw,calc(100vh * 2.409));aspect-ratio:1600/664;display:block;margin:auto}
.before-portfolio-bg{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f3b5a7}
.before-portfolio-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,241,243,.16),rgba(255,255,255,.02) 55%,rgba(20,22,41,.18))}
.before-portfolio-copy{position:absolute;z-index:3;right:18px;top:18px;color:var(--navy);text-align:center}
.before-portfolio-copy .eyebrow,.before-portfolio-copy h2,.before-portfolio-copy>p:not(.eyebrow){display:none}
.before-quick-exit{display:inline-grid;gap:6px;border:2px solid var(--navy);border-radius:14px;background:rgba(236,62,132,.94);color:white;padding:11px 15px;box-shadow:5px 6px 0 var(--yellow);font:900 11px "DM Sans";letter-spacing:.08em;cursor:pointer}
.before-quick-exit b{color:var(--yellow);font-size:18px}
.before-quick-exit small{font-size:9px;letter-spacing:.09em;color:rgba(255,255,255,.78)}
.before-portfolio-panel{display:none;position:absolute;z-index:2;left:4%;bottom:7%;gap:4px;padding:14px 18px;background:rgba(20,22,41,.78);border:2px solid var(--pink);border-radius:14px;color:white;box-shadow:5px 6px 0 var(--teal);transform:rotate(-3deg)}
.before-panel-label{font-size:10px;letter-spacing:.16em;color:var(--yellow);font-weight:900}
.before-portfolio-panel strong{font:900 25px/.85 "Manrope";color:var(--soft-pink)}
.before-portfolio-panel small{font-size:10px;max-width:170px;line-height:1.3}
.before-portfolio-orbit{position:absolute;z-index:2;font-size:30px;text-shadow:0 0 18px currentColor;animation:float 4s ease-in-out infinite}
.before-orbit-a{left:45%;top:12%;color:var(--yellow)}
.before-orbit-b{right:18%;top:24%;color:var(--pink);animation-delay:-1.6s}
.before-orbit-c{right:8%;bottom:20%;color:var(--purple);animation-delay:-2.2s}
.loader-progress-cover{position:absolute;left:35%;top:35.4%;width:34%;height:8%;display:flex;align-items:center;gap:8px;padding:0 2.5%;border-radius:999px;background:rgba(250,241,243,.9)}
.loader-live-track{position:relative;width:80%;height:22%;border:2px solid white;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--teal),#4d9de0,var(--purple));box-shadow:0 0 0 2px rgba(236,62,132,.35),0 2px 10px rgba(236,62,132,.25)}
.loader-live-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#ff2d85,#ff526f,#ffa81b);transition:width .2s linear}
.loader-live-heart{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pink);color:white;border:2px solid white;box-shadow:0 2px 0 var(--purple),0 0 15px rgba(236,62,132,.65);font-size:13px;transition:left .2s linear}
.loader-live-percent{font:900 clamp(18px,2vw,34px)/1 "Manrope",sans-serif;color:var(--pink);white-space:nowrap}
@media(max-width:900px){.before-portfolio-panel{display:none}}
@media(max-width:680px){.before-portfolio-stage{width:min(100vw,calc(100vh * .563));aspect-ratio:941/1672}.before-portfolio-bg{content:url('/assets/loading-studio-mobile.jpg');object-fit:contain;background:#f3b5a7}.before-portfolio-copy{right:12px;top:12px}.loader-progress-cover{left:25%;top:39%;width:51%;height:6%;padding:0 1.5%;background:rgba(250,241,243,.32)}.loader-live-track{width:100%;height:26%;border-width:2px}.loader-live-heart{width:22px;height:22px;font-size:12px;border-width:2px}.loader-live-percent{display:none}.before-orbit-a{left:12%;top:17%}}

/* On-theme About / Work Background board. */
.about-work-background{background:var(--navy);color:white;isolation:isolate}
.about-workboard{position:absolute;z-index:0;left:4vw;top:8%;width:min(72vw,1120px);height:84%;border:2px solid var(--pink);border-radius:26px;overflow:hidden;box-shadow:10px 12px 0 var(--teal);background:var(--navy);transform:rotate(-.6deg)}
.workboard-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.workboard-content{position:relative;z-index:1;height:100%;padding:4% 4.5%;display:flex;flex-direction:column;gap:3%}
.workboard-heading{display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid rgba(240,142,164,.65);padding-bottom:2.5%}
.workboard-heading span{align-self:flex-start;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg)}
.workboard-heading h2{font-size:clamp(34px,4vw,70px);line-height:.84;color:white;white-space:nowrap}
.workboard-heading h2 em{font-style:normal;color:var(--pink)}
.workboard-heading p{max-width:220px;margin:0 0 3px;font-size:11px;line-height:1.3;color:rgba(255,255,255,.8)}
.workboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;flex:1;min-height:0}
.workboard-item{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-content:start;border-bottom:1px solid rgba(240,142,164,.34);padding:6px 0 9px}
.workboard-item>b{grid-row:1/4;display:grid;place-items:center;width:30px;height:38px;background:var(--pink);color:white;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);font-size:13px}
.workboard-item strong{font-size:10px;line-height:1.1;color:white;letter-spacing:.03em}
.workboard-item span{font-size:8px;line-height:1.15;color:var(--soft-pink);font-weight:800}
.workboard-item small{font-size:7px;line-height:1.1;color:rgba(255,255,255,.68);letter-spacing:.04em}
.workboard-footer{display:flex;flex-wrap:wrap;gap:7px 14px;border-top:1px solid rgba(240,142,164,.6);padding-top:10px;color:rgba(255,255,255,.78);font-size:8px;letter-spacing:.07em}
.workboard-footer span{display:inline-flex;align-items:center;gap:5px}.workboard-footer b{color:var(--yellow);font-size:9px}
.workboard-footer span:first-child b{background:var(--pink);color:white;padding:6px 8px;margin:-6px 0}
.about-work-background .about-panel{z-index:2;margin-left:auto;margin-right:5vw;width:min(35vw,500px);background:rgba(250,241,243,.94);box-shadow:12px 14px 0 var(--pink)}
.about-work-background .about-panel{color:var(--navy)}
.about-work-background .about-panel .eyebrow{color:var(--pink)}
.modal-links{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 15px}
.modal-links[hidden]{display:none}
.modal-links a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--navy);border-radius:999px;background:var(--yellow);color:var(--navy);padding:8px 10px;font-size:10px;font-weight:900;letter-spacing:.04em;transition:transform .2s,background .2s}
.modal-links a:hover{transform:translateY(-2px);background:var(--pink);color:white}
.modal-links a span{font-size:14px;color:var(--pink)}
.modal-links a:hover span{color:var(--yellow)}
@media(max-width:1000px){.about-workboard{left:3vw;width:70vw}.about-work-background .about-panel{width:52vw;margin-right:3vw}.workboard-heading h2{font-size:clamp(31px,4.2vw,54px)}.workboard-heading p{display:none}}
@media(max-width:680px){.about-work-background{padding-top:0;display:block;min-height:auto}.about-workboard{position:relative;left:auto;top:auto;width:calc(100% - 22px);height:auto;min-height:760px;margin:72px 11px 28px;transform:none;border-radius:22px}.workboard-content{padding:24px 17px 18px;gap:18px}.workboard-heading{display:block;padding-bottom:16px}.workboard-heading span{display:block;writing-mode:initial;transform:none;margin-bottom:8px}.workboard-heading h2{font-size:47px;white-space:normal}.workboard-heading p{display:block;margin-top:10px;max-width:250px}.workboard-grid{grid-template-columns:1fr;gap:7px}.workboard-item{padding:6px 0 8px}.workboard-item strong{font-size:10px}.workboard-footer{gap:8px 12px;line-height:1.25}.about-work-background .about-panel{width:calc(100% - 22px);margin:0 11px 32px;padding:27px 23px;box-shadow:8px 10px 0 var(--pink)} }
/* keep all six work rooms visible without squeezing the cards */
.cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.navlinks{gap:22px;font-size:13px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.cards{grid-template-columns:1fr}}

/* The artwork already includes its own loading bar. Hide the duplicate overlay
   so the bar stays crisp and never sits on top of AIVY. */
.loader-progress-cover{display:none}

/* Interactive UI layered over the clean loading artwork. */
.loader-screen-copy{position:absolute;z-index:4;left:5.4%;top:39%;width:36%;color:var(--pink);text-align:left;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.loader-screen-kicker{margin:0 0 8px;font-size:clamp(8px,.7vw,12px);font-weight:900;letter-spacing:.16em;color:var(--navy)}
.loader-screen-copy h2{margin:0;font:900 clamp(42px,5.2vw,84px)/.84 "Manrope",sans-serif;letter-spacing:-.08em;color:var(--pink)}
.loader-screen-copy h2 em{font-style:normal;color:var(--purple)}
.loader-screen-subtitle{margin:10px 0 7px;font-size:clamp(11px,1.25vw,20px);font-weight:900;letter-spacing:.12em;color:var(--pink)}
.loader-screen-copy small{display:block;max-width:310px;font-size:clamp(9px,.85vw,14px);line-height:1.35;color:rgba(20,22,41,.72)}
.loader-laptop-ui{position:absolute;z-index:4;left:59.9%;top:28.2%;width:24.8%;height:37.6%;color:var(--navy);text-align:center;pointer-events:auto}
.loader-ui-brand{font:900 clamp(13px,1.45vw,24px)/1 "Manrope",sans-serif;letter-spacing:.02em;margin-top:4%;color:var(--pink)}
.loader-ui-brand span{display:block;margin-top:3px;font:900 clamp(6px,.5vw,10px)/1 "DM Sans",sans-serif;letter-spacing:.28em;color:var(--navy)}
.loader-ui-tagline{margin-top:7%;font-size:clamp(7px,.55vw,10px);font-weight:900;letter-spacing:.05em;color:var(--navy)}
.loader-ui-tagline b{color:var(--pink)}
.loader-ui-progress{display:flex;align-items:center;gap:7px;width:86%;margin:7% auto 0}
.loader-ui-track{position:relative;flex:1;height:clamp(8px,.8vw,14px);border:1.5px solid white;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--teal),#4d9de0,var(--purple));box-shadow:0 0 0 1.5px rgba(236,62,132,.35),0 2px 7px rgba(236,62,132,.22);cursor:ew-resize;touch-action:none}
.loader-ui-track i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#ff2d85,#ff526f,#ffa81b);transition:width .2s linear}
.loader-ui-track b{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(18px,1.7vw,30px);height:clamp(18px,1.7vw,30px);border-radius:50%;background:var(--pink);color:white;border:1.5px solid white;box-shadow:0 2px 0 var(--purple),0 0 10px rgba(236,62,132,.55);font-size:clamp(9px,.75vw,14px);transition:left .2s linear;cursor:grab}
.loader-ui-track b:active{cursor:grabbing}
.loader-ui-progress strong{font:900 clamp(10px,1vw,16px)/1 "Manrope",sans-serif;color:var(--pink);min-width:2.5em;text-align:left}
.loader-ui-hint{margin-top:3%;font-size:clamp(6px,.48vw,9px);font-weight:900;letter-spacing:.16em;color:var(--pink)}
.loader-ui-category{display:flex;align-items:center;gap:3px;margin:3.5% auto 0;width:91%;height:13%;overflow:hidden}
.loader-ui-category button{height:100%;border:1px solid rgba(20,22,41,.18);border-radius:999px;background:rgba(255,255,255,.36);color:var(--purple);padding:0 7px;font:900 clamp(6px,.45vw,9px) "DM Sans";cursor:pointer;white-space:nowrap}
.loader-ui-category button:first-child{flex:1;text-align:left;color:var(--pink);overflow:hidden;text-overflow:ellipsis}
.loader-ui-category button.is-active,.loader-ui-category button:hover{background:var(--pink);color:white;border-color:var(--pink)}
.loader-ui-controls{display:flex;justify-content:center;gap:3%;margin-top:2.5%;transform:translateY(-3px)}
.loader-ui-controls button{border:0;border-radius:999px;padding:4px 6px;background:var(--pink);color:white;font:900 clamp(5px,.38vw,8px) "DM Sans";cursor:pointer;white-space:nowrap}
.loader-ui-controls button:nth-child(2){background:var(--purple)}
.loader-ui-controls button:last-child{background:var(--teal)}
.loader-ui-controls button.is-muted{opacity:.55}
.loader-ui-dots{display:flex;justify-content:center;gap:5px;margin-top:1.5%;transform:translateY(-3px)}
.loader-ui-dots i{width:5px;height:5px;border-radius:50%;background:rgba(20,22,41,.18)}
.loader-ui-dots i.is-active{background:var(--pink)}
@media(max-width:900px){.loader-screen-copy{left:5%;top:38%;width:38%}.loader-laptop-ui{left:59%;width:27%;top:29%;height:36%}}
@media(max-width:680px){.loader-screen-copy,.loader-laptop-ui{display:none}}
.loader-mobile-hotspots{display:none}
@media(max-width:680px){
  .loader-mobile-hotspots{display:block;position:absolute;inset:0;z-index:4;pointer-events:none}
  .loader-mobile-track{position:absolute;left:26%;top:41.7%;width:48%;height:5%;pointer-events:auto;cursor:ew-resize;touch-action:none;background:transparent;border-radius:999px}
  .loader-mobile-control{position:absolute;top:87%;height:5.5%;border:0;background:transparent;pointer-events:auto;cursor:pointer}
  .loader-mobile-sound-on{left:4%;width:27%}.loader-mobile-sound-off{left:34%;width:29%}.loader-mobile-skip{left:65%;width:31%}
}

/* Compact Q&A popup opened from the main menu. */
.qa-modal{position:fixed;inset:0;z-index:110;display:none;place-items:center;padding:24px}
.qa-modal.open{display:grid}
.qa-backdrop{position:absolute;inset:0;background:rgba(20,22,41,.84);backdrop-filter:blur(14px)}
.qa-card{position:relative;z-index:1;width:min(900px,100%);max-height:88svh;overflow:auto;background:var(--blush);color:var(--navy);border:2px solid var(--navy);border-radius:30px;box-shadow:11px 13px 0 var(--yellow);display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;padding:46px}
.qa-close{position:absolute;right:17px;top:14px;width:42px;height:42px;border:2px solid var(--navy);border-radius:50%;background:var(--pink);color:white;font-size:30px;line-height:1;cursor:pointer}
.qa-intro{align-self:center;padding-right:8px}
.qa-intro .eyebrow{color:var(--pink);margin-bottom:18px}
.qa-intro h2{font-size:clamp(46px,5vw,70px);line-height:.88}
.qa-intro h2 em{font-style:normal;color:var(--pink)}
.qa-intro>p:last-child{font-size:16px;line-height:1.5;margin:22px 0 0;max-width:240px}
.qa-list{display:grid;gap:10px;align-content:center}
.qa-list details{background:white;border:1.5px solid var(--navy);border-radius:16px;padding:0 16px;box-shadow:4px 4px 0 rgba(20,22,41,.15)}
.qa-list summary{cursor:pointer;list-style:none;padding:15px 28px 15px 0;font-weight:900;font-size:15px;line-height:1.2;position:relative}
.qa-list summary::-webkit-details-marker{display:none}
.qa-list summary:after{content:'+';position:absolute;right:0;top:12px;color:var(--pink);font-size:24px;font-weight:500}
.qa-list details[open] summary:after{content:'−'}
.qa-list details p{margin:0;padding:0 0 16px;font-size:14px;line-height:1.5;color:rgba(20,22,41,.82)}
@media(max-width:780px){.qa-card{grid-template-columns:1fr;gap:18px;padding:42px 22px 24px;box-shadow:7px 8px 0 var(--yellow)}.qa-intro>p:last-child{max-width:none;margin-top:15px}.qa-list{align-content:start}.qa-list summary{font-size:14px}}