/* Ryan Short / personal portfolio / foundation 01 */
:root{--bg:#08090d;--panel:#11151f;--panel2:#171b26;--ink:#f4f6fa;--muted:#9fa8b7;--line:#2a3040;--blue:#397bff;--cyan:#42e5e8;--orange:#ff653f;--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--edge:clamp(22px,5vw,90px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}::selection{background:var(--cyan);color:#08090d}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.container{width:min(100% - var(--edge)*2,1500px);margin-inline:auto}.section-pad{padding-block:clamp(110px,14vw,230px)}.skip-link{position:absolute;z-index:1000;top:10px;left:10px;transform:translateY(-150%);background:var(--cyan);color:#000;padding:12px 20px}.skip-link:focus{transform:translateY(0)}.site-progress{height:2px;position:fixed;inset:0 0 auto;z-index:99;pointer-events:none}.site-progress__bar{height:100%;width:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:0 50%;transform:scaleX(0)}
.header{height:92px;position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--edge);gap:24px}.wordmark,.footer__brand{font:700 31px/.9 var(--display);letter-spacing:-.095em}.wordmark span:first-child,.footer__brand span{color:var(--cyan)}.wordmark__label{font:500 10px var(--body);letter-spacing:.21em;vertical-align:middle;color:#818d9d;margin-left:18px}.nav{display:flex;gap:clamp(20px,3vw,54px);margin-left:auto}.nav a,.header__resume{font-size:12px;font-weight:700;transition:color .2s}.nav a{color:#d8dce4}.nav a:hover,.footer a:hover{color:var(--cyan)}.header__actions{display:flex;align-items:center;gap:20px;margin-left:clamp(10px,3vw,50px)}.header__resume{padding:13px 18px;border:1px solid #586376;border-radius:99px;white-space:nowrap}.header__resume:hover{color:var(--bg);background:var(--cyan);border-color:var(--cyan)}.header__resume span{margin-left:14px}.menu-toggle{display:none;width:40px;height:40px;border:1px solid #4b5262;border-radius:50%;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:15px;height:1px;background:#fff;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.hero{min-height:min(960px,100svh);height:100svh;max-height:1100px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 84% 45%,#172742 0%,transparent 36%),#08090d}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(105,123,151,.08) 1px,transparent 1px),linear-gradient(rgba(105,123,151,.08) 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(to right,transparent 7%,#000 100%);opacity:.65}.hero__glow{position:absolute;width:850px;height:850px;right:-330px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(49,100,251,.25),transparent 63%);filter:blur(8px);pointer-events:none}.hero__content{z-index:3;position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding-top:74px}.hero__eyebrow{display:flex;align-items:center;gap:14px;letter-spacing:.18em;font:600 clamp(9px,.8vw,12px) var(--body);color:#d9e0e9;max-width:max-content;margin-bottom:clamp(26px,4vh,52px)}.status-pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(66,229,232,.12),0 0 25px rgba(66,229,232,.5)}.eyebrow-divider{color:#49546a}.hero__title{margin:0;font:700 clamp(4rem,9.4vw,11.7rem)/.86 var(--display);letter-spacing:-.085em;position:relative;z-index:2;max-width:1400px}.hero__title>span{display:block}.hero__title em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(234,244,255,.77)}.period{color:var(--cyan)}.hero__bottom{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:920px;margin-top:clamp(26px,5vh,72px)}.hero__bottom p{font-size:clamp(15px,1.35vw,21px);line-height:1.6;color:#b4c0d0;max-width:490px;margin:0}.round-arrow{display:grid;place-items:center;width:75px;height:75px;border:1px solid #64728c;border-radius:50%;font-size:35px;flex-shrink:0;transition:background .3s,color .3s,border-color .3s}.round-arrow:hover{background:var(--cyan);border-color:var(--cyan);color:#08090d}.hero__side-note{position:absolute;z-index:3;right:clamp(16px,3vw,55px);top:48%;writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:.25em;color:#71809c}.hero__foot{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:31px;display:flex;align-items:center;gap:18px;font:600 10px var(--body);letter-spacing:.19em;color:#8290a4}.hero__foot-line{display:block;width:50px;height:1px;background:#5f6b7c}.hero__orb{position:absolute;z-index:1;right:-7vw;top:22%;width:min(61vw,800px);aspect-ratio:1;border:1px solid rgba(91,160,255,.1);border-radius:50%;pointer-events:none;transform:rotate(-24deg)}.hero__orb-ring{position:absolute;border-radius:50%;inset:8%;border:1px solid rgba(77,152,248,.29);transform:rotate(-30deg) scaleY(.46);box-shadow:0 0 80px rgba(39,96,243,.08)}.hero__orb-ring--two{inset:15%;border-color:rgba(66,229,232,.18);transform:rotate(35deg) scaleY(.72)}.hero__orb-core{position:absolute;width:39%;aspect-ratio:1;top:31%;left:31%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(66,229,232,.25),rgba(18,50,116,.16) 35%,transparent 68%);filter:blur(3px)}.motion-pending .hero-stagger{opacity:0;transform:translateY(38px)}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#10141d}.ticker__track{white-space:nowrap;width:max-content;display:flex;gap:30px;align-items:center;padding:20px 0;font:600 12px var(--display);letter-spacing:.13em;color:#b6bdcb;animation:ticker 35s linear infinite}.ticker__track span{color:var(--cyan);font-size:18px}@keyframes ticker{to{transform:translateX(-50%)}}
.section-index{display:flex;align-items:center;gap:24px;font:700 10px var(--body);letter-spacing:.19em;color:#93a0b3;white-space:nowrap;margin-bottom:clamp(60px,9vw,115px)}.section-index .index-no{color:var(--cyan)}.fine-line{height:1px;background:var(--line);flex:1}.intro__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:clamp(45px,7vw,130px);align-items:end}.intro__title,.section-lead h2{font:600 clamp(48px,6.4vw,106px)/1.02 var(--display);letter-spacing:-.072em;margin:0}.muted{color:#717e92}.gradient-text{background:linear-gradient(110deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.intro__aside{padding-bottom:7px}.crosshair{font-size:46px;color:var(--cyan);line-height:1;margin-bottom:35px}.intro__aside p{color:#acb8c8;font-size:clamp(16px,1.28vw,19px);line-height:1.8;margin:0 0 30px}.intro__aside em{color:#fff}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:10px;border-bottom:1px solid var(--cyan);font-size:13px;font-weight:700}.text-link span{color:var(--cyan)}
.work{background:#10131b}.section-lead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:70px}.section-lead h2{font-size:clamp(48px,6.5vw,105px)}.section-lead h2 em{font-style:normal;color:var(--cyan)}.section-lead>p{max-width:355px;font-size:16px;line-height:1.75;color:#aab5c5;margin:0 0 7px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,46px)}.project:first-child{grid-column:1/-1}.project__trigger{width:100%;padding:0;display:block;border:0;background:transparent;color:inherit;text-align:left}.project__visual{height:clamp(290px,32vw,540px);border:1px solid rgba(148,171,211,.16);position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;transition:border-color .25s}.project:not(:first-child) .project__visual{height:clamp(280px,31vw,410px)}.project__visual:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px}.project__trigger:hover .project__visual,.project__trigger:focus-visible .project__visual{border-color:rgba(66,229,232,.75)}.project__corner{position:absolute;top:25px;right:25px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.45);font-size:23px;transition:background .3s,color .3s}.project__trigger:hover .project__corner{background:var(--cyan);color:#08090d}.project__details{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 1px 15px}.project__number{font:700 10px var(--body);letter-spacing:.15em;color:var(--cyan)}.project__details h3{font:600 clamp(28px,3.2vw,44px) var(--display);letter-spacing:-.06em;margin:12px 0 8px}.project__details p{font-size:14px;line-height:1.65;color:#9ba9bb;margin:0;max-width:600px}.project__round-arrow{border:1px solid #596277;border-radius:50%;width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;font-size:22px}.work__note{color:#8490a1;font-size:12px;margin:50px 0 0;line-height:1.65}.visual-motion{background:radial-gradient(circle at 50% 45%,#184593 0%,#0c2046 35%,#090f23 72%)}.visual-motion__halo{position:absolute;inset:10% 27%;border-radius:50%;border:1px solid rgba(84,159,255,.35);box-shadow:0 0 100px rgba(46,106,255,.4),inset 0 0 80px rgba(35,137,255,.14);transform:rotate(-30deg) scaleX(1.6)}.mini-browser{position:relative;width:min(71%,820px);height:72%;min-height:220px;border:1px solid #4069a6;border-radius:11px;overflow:hidden;box-shadow:0 35px 100px #0107119e;transform:rotate(-4deg) translateY(22px);transition:transform .55s cubic-bezier(.22,1,.36,1);background:#0d1526}.project__trigger:hover .mini-browser{transform:rotate(-2deg) translateY(6px) scale(1.018)}.mini-browser__bar{height:33px;background:#131c2d;border-bottom:1px solid #334867;display:flex;align-items:center;gap:6px;padding:0 14px}.mini-browser__bar span{width:7px;height:7px;border-radius:50%;background:#395372}.mini-browser__bar i{margin:auto;font:500 10px var(--body);letter-spacing:.12em;color:#8c9fb8}.visual-motion__screen{padding:clamp(25px,5vw,75px);height:100%;position:relative;background:radial-gradient(circle at 78% 35%,#214f9b 0%,transparent 35%),linear-gradient(125deg,#0a1222,#141e37)}.visual-motion__micro{font-size:clamp(7px,.8vw,11px);letter-spacing:.22em;color:#86a7d8}.visual-motion__screen strong{display:block;margin-top:18px;font:700 clamp(28px,5vw,82px)/1 var(--display);letter-spacing:-.08em}.visual-motion__screen strong em{color:var(--cyan);font-style:normal}.visual-motion__lines{display:flex;gap:8px;margin-top:25px}.visual-motion__lines b{height:3px;width:55px;background:#4f81d5}.visual-motion__lines b:nth-child(2){width:30px;background:var(--cyan)}.visual-motion__lines b:nth-child(3){width:14px}.visual-platform{background:radial-gradient(circle at 50% 70%,#244d86,#0e1c30 46%,#0b1120)}.platform-ring{position:absolute;width:65%;aspect-ratio:1;border:1px solid #3c8dff;border-radius:50%;box-shadow:0 0 70px rgba(57,123,255,.18);transform:translate(24%,35%) rotateX(72deg)}.platform-dashboard{width:71%;max-width:470px;height:65%;min-height:195px;transform:perspective(600px) rotateY(-13deg) rotateX(6deg) rotateZ(3deg);border-radius:12px;background:#f1f7ff;box-shadow:25px 25px 0 #0d3464,0 50px 90px #010b1b;border:8px solid #163b6d;padding:18px;transition:transform .6s}.project__trigger:hover .platform-dashboard{transform:perspective(600px) rotateY(-6deg) rotateX(3deg)}.platform-dashboard__top{display:flex;justify-content:space-between;color:#3275c0;font:700 10px var(--display);letter-spacing:.1em}.platform-dashboard__top b{color:#69a8d9}.platform-dashboard__heading{display:grid;gap:8px;margin-top:27px}.platform-dashboard__heading span{height:17px;width:75%;border-radius:3px;background:#1a3b62}.platform-dashboard__heading span:last-child{background:#6192c2;width:55%}.platform-dashboard__cards{display:flex;gap:12px;margin-top:20px}.platform-dashboard__cards i{height:100px;background:linear-gradient(135deg,#4fa9e8,#183967);flex:1;border-radius:7px}.platform-dashboard__cards i:nth-child(2){background:linear-gradient(135deg,#7bd7cd,#2472a1)}.platform-dashboard__cards i:nth-child(3){background:linear-gradient(135deg,#99aef9,#37569e)}.platform-dashboard__bottom{display:flex;gap:10px;margin-top:20px}.platform-dashboard__bottom span{height:7px;width:30%;background:#a3c0da;border-radius:5px}.visual-integrations{background:radial-gradient(circle at 50% 45%,#352149,#1e1831 45%,#11111e)}.integration-canvas{position:relative;width:90%;display:flex;align-items:center;justify-content:center;gap:0;transform:rotate(-5deg);transition:transform .6s}.project__trigger:hover .integration-canvas{transform:rotate(-2deg)}.integration-node{position:relative;z-index:2;min-height:120px;min-width:0;flex:0 1 31%;border:1px solid #8765ba;background:#201c33;box-shadow:0 20px 40px #04010c9c;padding:19px 13px;display:flex;flex-direction:column;justify-content:center;gap:9px;border-radius:10px}.integration-node small{font:700 clamp(7px,.6vw,9px) var(--body);letter-spacing:.1em;color:#ac86ee}.integration-node strong{font:600 clamp(15px,2vw,26px) var(--display);letter-spacing:-.05em}.integration-node span{font:500 10px var(--body);color:#baaecd}.integration-node--middle{border-color:#f19b6d}.integration-node--middle small{color:#ffad7c}.integration-node--end{border-color:#6ad9d1}.integration-node--end small{color:var(--cyan)}.integration-wire{height:2px;width:8%;background:linear-gradient(90deg,#a579fa,var(--orange));position:relative}.integration-wire:before{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-right:2px solid var(--orange);border-top:2px solid var(--orange);transform:rotate(45deg)}.integration-wire--two{background:linear-gradient(90deg,var(--orange),var(--cyan))}.integration-wire--two:before{border-color:var(--cyan)}
.statement{height:190vh;position:relative;background:#0a1020}.statement__sticky{position:sticky;top:0;height:100vh;min-height:550px;display:flex;align-items:center;overflow:hidden;isolation:isolate}.statement__ambient{position:absolute;z-index:-1;width:60vw;aspect-ratio:1;left:20%;top:12%;background:radial-gradient(circle,rgba(43,104,211,.25),transparent 58%);filter:blur(70px)}.statement__content{text-align:center}.statement__label{font:700 11px var(--body);letter-spacing:.25em;color:var(--cyan)}.statement__line{white-space:nowrap;font:700 clamp(50px,9.5vw,157px)/1 var(--display);letter-spacing:-.09em;margin:40px 0}.statement__line--first{transform:translateX(-7%)}.statement__line--second{transform:translateX(7%)}.statement__line span{color:#7896c7}.statement__line em{font-style:normal;color:var(--cyan)}.statement__sub{font-size:clamp(13px,1.25vw,18px);color:#a7b4c7}
.capabilities .section-lead{margin-bottom:80px}.capability-list{border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:clamp(15px,3vw,60px);border-bottom:1px solid var(--line);padding:clamp(33px,4.5vw,70px) 0;align-items:start;transition:padding-left .35s}.capability:hover{padding-left:15px}.capability__id{font:700 12px var(--body);letter-spacing:.14em;color:var(--cyan);padding-top:16px}.capability h3{font:600 clamp(29px,4vw,63px)/1.1 var(--display);letter-spacing:-.06em;margin:0 0 16px}.capability p{font:400 16px/1.7 var(--body);color:#9daabf;max-width:690px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tags span{font:600 11px var(--body);color:#ccd5e4;border:1px solid #364050;border-radius:99px;padding:9px 13px}.capability__symbol{font:400 45px var(--display);color:#64748e;text-align:right}
.about{background:#10131b}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,170px)}.about__left h2{font:700 clamp(70px,9vw,148px)/.9 var(--display);letter-spacing:-.09em;margin:0}.about__intro{font:500 clamp(23px,2.55vw,40px)/1.4 var(--display);letter-spacing:-.04em;color:#fff;margin:0 0 30px}.about__right>p:not(.about__intro){line-height:1.85;font-size:16px;color:#a7b3c3;margin-bottom:20px}.timeline{margin-top:55px;border-top:1px solid #3a4251}.timeline>div{display:grid;grid-template-columns:135px 1fr;gap:10px 25px;border-bottom:1px solid #313a4a;padding:23px 0}.timeline span{font-size:10px;font-weight:700;color:var(--cyan);letter-spacing:.06em}.timeline strong{font:600 18px var(--display)}.timeline small{grid-column:2;color:#8e9cb0}
.playground{padding-block:0;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.4fr);background:#141925;border:1px solid #2d3546;overflow:hidden;min-height:470px;margin-block:70px}.playground__text{padding:clamp(40px,5vw,76px);display:flex;flex-direction:column;align-items:start;z-index:2}.playground__text .index-no{font:700 10px var(--body);color:var(--cyan);letter-spacing:.2em}.playground__text h2{font:700 clamp(54px,6vw,105px)/.96 var(--display);letter-spacing:-.08em;margin:45px 0 18px}.playground__text h2 em{font-style:normal;color:var(--cyan)}.playground__text p{font:400 15px/1.65 var(--body);color:#adb8c8;max-width:350px;margin:0 0 30px}.small-button{margin-top:auto;border:1px solid #4d6175;background:transparent;color:#fff;border-radius:50px;padding:12px 17px;font:700 11px var(--body)}.small-button:hover{background:var(--cyan);color:#071019}.small-button span{margin-left:12px}.playground__field{position:relative;overflow:hidden;min-height:450px;background:radial-gradient(circle at 55% 55%,#233a67 0%,#0e1427 57%,#0a0d18)}.playground__grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(105,149,215,.15) 1px,transparent 1px),linear-gradient(rgba(105,149,215,.15) 1px,transparent 1px);background-size:42px 42px}.playground__shape{position:absolute;left:50%;top:50%;width:45%;aspect-ratio:1;border:1px solid rgba(115,221,255,.64);border-radius:45% 55% 41% 59%;transform:translate(-50%,-50%) rotate(20deg);box-shadow:0 0 45px rgba(71,152,255,.16),inset 0 0 70px rgba(71,152,255,.14)}.playground__shape--two{width:28%;border-color:rgba(255,133,111,.9);transform:translate(-50%,-50%) rotate(70deg);border-radius:60% 40% 60% 40%}.playground__shape--three{width:12%;border-color:var(--cyan);background:radial-gradient(circle,#2d6aae,transparent);transform:translate(-50%,-50%) rotate(-35deg)}.playground__label{position:absolute;right:25px;bottom:22px;font:700 10px var(--body);letter-spacing:.17em;color:#a8b5d1}
.contact{text-align:center}.contact .section-index{text-align:left}.contact__content>p{font:700 11px var(--body);letter-spacing:.22em;color:var(--cyan);margin:0 0 38px}.contact__content h2{font:700 clamp(57px,9vw,151px)/.91 var(--display);letter-spacing:-.095em;margin:0 0 70px}.contact__content h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a0b6d2}.contact__mail{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;background:var(--cyan);border-radius:50px;padding:22px 26px 22px 38px;color:#071019;font:700 13px var(--body);letter-spacing:.12em;transition:background .2s}.contact__mail:hover{background:#fff}.contact__mail span{font-size:23px}
.footer{border-top:1px solid var(--line);padding-block:34px 65px;display:grid;grid-template-columns:auto 1fr auto auto;gap:35px;align-items:start}.footer__brand{font-size:42px}.footer p{font:500 12px/1.7 var(--body);color:#8391a3;margin:0}.footer__links{display:flex;gap:25px;flex-wrap:wrap}.footer__links a,.footer__top a{font-size:12px;font-weight:700;color:#c0cada;transition:color .2s}.footer__top{margin-left:35px}.footer__top a{color:var(--cyan)}
.case-dialog{width:min(92vw,750px);max-height:min(85vh,900px);overflow:auto;padding:0;background:#121927;color:var(--ink);border:1px solid #4f6c90;box-shadow:0 40px 150px #000c}.case-dialog::backdrop{background:rgba(0,0,0,.79);backdrop-filter:blur(12px)}.case-dialog__shell{padding:clamp(26px,5vw,68px);position:relative}.case-dialog__close{position:absolute;top:22px;right:22px;width:42px;height:42px;background:#243048;border:1px solid #46536b;border-radius:50%;color:#fff;font-size:16px}.case-dialog__label{font:700 11px var(--body);letter-spacing:.19em;color:var(--cyan)}.case-dialog h2{font:700 clamp(40px,6vw,70px)/1 var(--display);letter-spacing:-.07em;margin:25px 0}.case-dialog__intro{font:500 19px/1.6 var(--body);color:#d0d9e7}.case-dialog__meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #354052;padding-block:24px;margin-block:35px}.case-dialog__meta span{font:700 10px var(--body);letter-spacing:.17em;color:var(--cyan)}.case-dialog__meta p{font-size:13px;line-height:1.6;color:#c6cfdd;margin:12px 0 0}.case-dialog h3{font:600 25px var(--display)}.case-dialog li{color:#afbed1;line-height:1.65;margin-bottom:12px;padding-left:8px}.case-dialog__disclaimer{font-size:12px;line-height:1.6;color:#8294a9;border-top:1px solid #354052;margin-top:30px;padding-top:22px}
@media(max-width:1100px){.hero__title{font-size:clamp(75px,10.8vw,125px)}.intro__layout{grid-template-columns:1fr;gap:50px}.intro__aside{max-width:630px}.section-lead{align-items:start}.about__left h2{font-size:clamp(60px,9vw,110px)}.footer{grid-template-columns:auto 1fr auto}.footer__top{display:none}}
@media(max-width:760px){:root{--edge:22px}.header{height:74px}.wordmark__label{font-size:9px;margin-left:10px}.menu-toggle{display:flex}.header__resume{padding:11px 14px}.nav{display:none;position:absolute;top:68px;left:var(--edge);right:var(--edge);background:#171e2b;border:1px solid #354056;padding:22px;flex-direction:column;gap:0;box-shadow:0 25px 50px #000a}.nav.is-open{display:flex}.nav a{font:600 20px var(--display);padding:14px 4px}.header__actions{margin-left:auto;gap:10px}.hero{height:auto;min-height:760px;min-height:100svh;max-height:none}.hero__content{justify-content:center;min-height:100svh;padding-top:130px;padding-bottom:115px}.hero__title{font-size:clamp(58px,11.9vw,104px);letter-spacing:-.085em}.hero__orb{width:105vw;right:-45vw;top:12%;opacity:.75}.hero__side-note{display:none}.hero__bottom{margin-top:45px}.hero__bottom p{font-size:16px}.round-arrow{width:60px;height:60px;font-size:28px}.hero__foot{bottom:24px}.section-pad{padding-block:110px}.section-index{gap:11px;font-size:9px;letter-spacing:.1em;white-space:normal;margin-bottom:60px}.section-index span:last-child{display:none}.intro__title,.section-lead h2{font-size:clamp(42px,9vw,65px)}.section-lead{display:block;margin-bottom:45px}.section-lead>p{margin-top:25px;max-width:520px}.project-grid{grid-template-columns:1fr;gap:35px}.project:first-child{grid-column:auto}.project__visual,.project:not(:first-child) .project__visual{height:clamp(280px,65vw,460px)}.project__details h3{font-size:28px}.mini-browser{width:85%;height:65%}.visual-motion__screen strong{font-size:clamp(25px,7vw,50px)}.statement{height:155vh}.statement__line{font-size:clamp(42px,9vw,75px);margin-block:45px}.statement__sub{max-width:250px;display:block;margin:auto;line-height:1.5}.capability{grid-template-columns:35px minmax(0,1fr);gap:15px}.capability__symbol{display:none}.capability h3{font-size:clamp(30px,7vw,46px)}.about__grid{grid-template-columns:1fr;gap:30px}.about__left h2{font-size:clamp(80px,15vw,115px)}.about__intro{font-size:28px}.timeline{margin-top:40px}.playground{grid-template-columns:1fr}.playground__text{padding:38px}.playground__text h2{font-size:70px;margin:25px 0}.playground__field{min-height:350px}.contact__content h2{font-size:clamp(48px,10vw,83px)}.footer{grid-template-columns:1fr 1fr;gap:24px}.footer__links{justify-content:flex-start;grid-column:1/-1}.footer p{font-size:11px}.footer__top{display:none}}
@media(max-width:450px){.hero__eyebrow{font-size:8px;gap:8px;letter-spacing:.11em}.hero__title{font-size:clamp(50px,11.6vw,65px)}.hero__bottom{align-items:start}.hero__bottom p{max-width:250px;font-size:15px}.round-arrow{width:50px;height:50px}.hero__foot{font-size:9px}.section-index{font-size:9px}.intro__title{font-size:clamp(43px,11vw,57px)}.project__details{gap:10px}.project__details p{font-size:13px}.mini-browser{width:86%}.visual-motion__screen{padding:25px}.visual-motion__screen strong{font-size:29px}.platform-dashboard{width:83%}.integration-canvas{width:98%}.integration-node{padding:12px 7px;min-height:95px}.integration-node strong{font-size:13px}.integration-node small{font-size:6px}.integration-node span{font-size:8px}.capability{grid-template-columns:25px 1fr}.capability__id{font-size:10px}.timeline>div{grid-template-columns:110px 1fr;gap:6px 10px}.timeline strong{font-size:15px}.contact__mail{gap:35px}.case-dialog__meta{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker__track{animation:none}.statement{height:auto}.statement__sticky{position:relative;min-height:470px;height:auto;padding-block:100px}.statement__line--first,.statement__line--second{transform:none}.capability,.project__visual,.mini-browser,.platform-dashboard,.integration-canvas,.round-arrow{transition:none}}