@font-face{font-family:Oswald;src:url('/assets/fonts/Oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root{--display:Oswald,Onest,sans-serif}
.hero h1,.section-title h2,.services>h2,.process h2,.about h2,.contact h2,.case h1,.collection-heading h1,.landing-case h1,.req-heading h1{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:-.035em;line-height:1.06}
.hero h1{font-size:clamp(88px,8.1vw,116px);line-height:1.03;margin-bottom:25px}.hero-copy{max-width:610px}.hero-art{width:625px;right:-30px;height:650px}.glass{width:560px;height:720px;max-width:none;top:-55px;left:35px;opacity:.91;filter:none;animation:liquid-drift 24s ease-in-out infinite;transform-origin:55% 55%;mask-image:linear-gradient(transparent,#000 7%,#000 84%,transparent)}.portrait{z-index:1;right:-5px}.hero-art:before{filter:none;background:radial-gradient(ellipse at 57% 60%,#9c64d61d,transparent 65%)}
@keyframes liquid-drift{0%,100%{transform:translate3d(0,0,0) rotate(-9deg)}50%{transform:translate3d(5px,9px,0) rotate(-6deg)}}
.section-title h2{font-size:64px}.showcase{border:1px solid #dcc6f744;box-shadow:inset 0 1px 0 #faf0ff30,inset 1px 0 0 #d5b7ff13,0 24px 58px #0002;background-clip:padding-box;transition:transform .4s,border-color .3s}.showcase:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border-top:1px solid #eadbff60;border-right:1px solid #c49bea24;z-index:2}.showcase:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ccb0ed77,transparent);pointer-events:none}.desktop-screen,.phone-screen{border-color:#24202a;box-shadow:0 24px 50px #0007,0 0 0 1px #dac5ee3c,inset 0 1px 0 #fff2}.desktop-screen{border-width:3px;width:87%;left:3%;top:42px}.phone-screen{border-width:4px;width:23%;right:3%;top:25px;max-height:520px}.booking-phone{width:32%;left:17%;top:25px;max-height:550px}.booking-second{width:32%;right:17%;top:58px;max-height:520px}.learning{height:690px;background:radial-gradient(ellipse at 90% 0%,#9260ac25,transparent 50%),#17211d}.platform-screen{width:96%;left:2%;top:20px;max-height:635px}.platform-library{width:49%;left:auto;right:2%;top:365px;max-height:300px;z-index:1}.platform-screen img,.platform-library img{width:100%;height:auto}
.services{padding:26px 0 86px}.services>h2,.about h2{font-size:62px}.service-list{gap:20px;margin-top:40px}.service-list article{position:relative;padding:27px 26px 30px;border:1px solid #d7b7ee32;border-radius:22px;background:radial-gradient(ellipse at 0 0,#c69bef0d,transparent 70%),linear-gradient(140deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px 0 #f8eaff2d,inset 1px 0 0 #ffffff0c,0 16px 36px #0002;transition:transform .3s,border-color .3s}.service-list article:nth-child(2){background:radial-gradient(ellipse at 100% 0,#b88ae918,transparent 70%),linear-gradient(140deg,#ffffff08,#ffffff02)}.service-list article:hover{transform:translateY(-4px);border-color:#d5b4ff55}.service-list .index{margin-bottom:25px}.service-list h3{font-size:23px;min-height:56px}.service-list p{font-size:14px}.process{padding:69px 0}.process h2{font-size:60px}.about{padding:88px 0}.contact{padding:71px 24px 78px;border:1px solid #e1c5f965;background:radial-gradient(ellipse at 50% 110%,#9960d332,transparent 66%),radial-gradient(ellipse at 18% 0%,#bc97ed16,transparent 65%),linear-gradient(130deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px 0 #f9edff66,inset 1px 0 0 #e7d0ff21,0 20px 70px #9660c511}.contact:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 5px #ffffff03}.contact-glass{position:absolute;z-index:-1;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#fff0 10%,#e9d0ff13 31%,#fff0 40%,#fff0 72%,#e1c3ff08 86%,#fff0)}.contact h2{font-size:78px}.button{transition:transform .25s,box-shadow .25s,background .25s}.button:active{transform:translateY(0) scale(.985)}.work-preview,.zoom-image{border-color:#d5b2f246;box-shadow:inset 0 1px 0 #ffffff22,0 22px 42px #0002}
@media(min-width:1600px){.hero{min-height:750px}.hero-art{right:-10px;height:700px}.portrait{height:665px}.glass{height:770px;width:590px;top:-45px}}
@media(min-width:701px) and (max-width:1000px){.hero{min-height:640px}.hero h1{font-size:88px}.hero-copy{max-width:52%}.hero-art{width:49%;right:0;height:580px;overflow:hidden}.portrait{width:440px;max-width:none;height:555px;right:-70px}.glass{width:440px;height:600px;left:-35px;top:-8px}.hero-lead{font-size:23px}.desktop-screen{width:89%;left:2.5%;top:32px}.learning{height:510px}.platform-screen{width:96%;left:2%;top:16px}.platform-library{width:52%;right:2%;left:auto;top:260px;max-height:235px}.service-list{gap:13px}.service-list article{padding:24px 18px}.service-list h3{font-size:21px}.process h2{font-size:52px}}
@media(max-width:700px){.hero{min-height:820px;padding-top:23px}.hero h1{font-size:clamp(66px,18vw,88px);line-height:1.05;margin-bottom:20px}.hero-copy{max-width:100%}.hero-lead{font-size:22px}.hero-note{font-size:14px}.hero-art{width:100%;height:395px;bottom:0;right:0;overflow:hidden}.portrait{width:100%;height:410px;right:0}.glass{width:360px;height:470px;left:50%;margin-left:-180px;top:-50px;opacity:.88;animation:none;transform:rotate(-9deg)}.section-title h2{font-size:46px}.showcase{height:375px}.desktop-screen{width:117%;left:3%;top:28px}.phone-screen{width:42%;right:3%;top:78px;max-height:284px}.booking-phone{width:52%;left:3%;top:18px;max-height:350px}.booking-second{width:49%;right:3%;top:68px;max-height:300px}.info-genie .desktop-screen{width:120%;left:3%;top:25px}.info-genie .phone-screen{top:74px}.learning{height:450px}.platform-screen{width:58%;left:3%;top:20px;max-height:405px}.platform-screen picture img{aspect-ratio:330/470;object-fit:cover}.platform-library{width:73%;max-width:none;left:auto;right:-16%;top:166px;max-height:250px}.services{padding:13px 0 52px}.services>h2,.about h2{font-size:46px}.service-list{margin-top:28px;display:grid;grid-template-columns:1fr;gap:12px}.service-list article{padding:23px 22px;display:block}.service-list .index{margin-bottom:16px}.service-list h3{font-size:23px;min-height:0;margin-bottom:12px}.service-list p{font-size:14px}.process{padding:52px 0}.process h2{font-size:44px}.process-note{margin-bottom:32px}.about{padding:52px 0}.about-content>div{margin-top:24px}.contact{padding:48px 23px 51px}.contact h2{font-size:58px}.contact p:not(.kicker){margin:21px auto 25px}.contact:before{box-shadow:inset 0 0 0 3px #ffffff03}.collection-heading h1,.landing-case h1,.req-heading h1{letter-spacing:-.025em}}
@media(max-width:380px){.hero{min-height:800px}.hero h1{font-size:64px}.glass{width:330px;margin-left:-165px}.showcase{height:340px}.learning{height:410px}.platform-library{top:150px}.service-list article{padding:21px}.section-title h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.glass{animation:none!important;transform:rotate(-9deg)}.showcase:hover,.button:hover,.service-list article:hover{transform:none}.reveal.entered{animation:none}}
@media(min-width:701px) and (max-width:1000px){.hero h1{font-size:76px}}
@media(max-width:700px){.glass{top:-5px;height:415px;width:335px;margin-left:-167.5px}.learning{height:375px}.platform-screen{width:62%;max-height:345px}.platform-library{top:152px}}
@media(max-width:380px){.learning{height:355px}.platform-library{top:145px}}
.hero-art .portrait{mask-image:none;-webkit-mask-image:none;opacity:1}
.hero-art:after{content:'';position:absolute;z-index:2;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,transparent 0%,#11101455 25%,#111014dd 48%,var(--bg) 60%);pointer-events:none}
@media(max-width:700px){.hero-art:after{height:110px}}
.glass{mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 82%,transparent 100%);mask-composite:intersect}
@media(min-width:701px) and (max-width:1000px){.hero-art{width:47%;height:570px;right:0;overflow:visible}.hero-art .portrait{width:100%;height:520px;max-width:100%;right:0;object-position:center bottom}.hero-art .glass{width:100%;height:580px;left:0;top:-5px;margin-left:0}.hero-art:after{height:175px}}
@media(min-width:701px) and (max-width:1000px){.hero-art .glass{height:520px;left:-10px;animation:none;transform:rotate(-4deg)}}
@media(min-width:701px) and (max-width:850px){.hero{min-height:850px;display:block;padding-top:25px}.hero-copy{max-width:100%;text-align:center;padding-bottom:0}.hero h1{font-size:76px}.hero-lead{font-size:24px}.actions{justify-content:center}.hero-art{width:510px;height:430px;left:50%;right:auto;margin-left:-255px;bottom:0}.hero-art .portrait{width:430px;height:440px;right:40px;max-width:none;object-position:center bottom}.hero-art .glass{width:365px;height:480px;left:72px;top:-30px}.hero-art:after{height:125px}}
.hero-art:before{display:none}
