@import "https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--greige:#ccbcaf;--emerald:#439a86;--charcoal:#46494c;--ink:#171817;--paper:#ece5d9;--mist:#cdd8d2;--rose:#b56a78;--accent:#439a86;--accent-2:#5fb9a4;--on-accent:var(--paper);--line:#ece5d92e;--white-soft:#fffcf4e0;--shadow:0 28px 90px #0a0c0b52;--bg:#232625;--surface:#46494cbd;--surface-strong:#222524db;--text:var(--greige);--muted:#ece5d9b8;--grid-line:#00000047;--hero-bg:var(--charcoal);--hero-glow:#439a8638;--hero-text:var(--greige);--showcase-bg:var(--greige);--showcase-ink:var(--ink);--contact-bg:var(--charcoal);--contact-text:var(--greige);--footer-bg:#151615;--footer-text:var(--greige);--band-1-bg:var(--greige);--band-1-ink:var(--ink);--band-3-bg:var(--charcoal);--band-3-ink:var(--greige);--menu-bg:#303634;--menu-text:#ece5d9;--menu-line:#ece5d938;--menu-glow:#439a863d;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Arial,sans-serif}:root[data-theme=light]{--accent:#c2705f;--accent-2:#d98c6a;--on-accent:#fff8f1;--bg:#f5ece0;--surface:#fffaf2d1;--surface-strong:#ece0d2f0;--text:#2c2521;--muted:#2c2521b3;--line:#2c252129;--grid-line:#7856461f;--shadow:0 28px 90px #78564633;--hero-bg:#e7d6c4;--hero-glow:#c2705f47;--hero-text:#2c2521;--showcase-bg:#2c2521;--showcase-ink:#f5ece0;--contact-bg:#d98c6a;--contact-text:#2c2521;--footer-bg:#e7d6c4;--footer-text:#2c2521;--band-1-bg:#e7d6c4;--band-1-ink:#2c2521;--band-3-bg:#2c2521;--band-3-ink:#f5ece0;--menu-bg:#f0e2d3;--menu-text:#2c2521;--menu-line:#2c252133;--menu-glow:#c2705f4d}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 42%), var(--bg);min-width:320px;color:var(--text);margin:0;transition:background .7s,color .7s;overflow-x:hidden}body:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg, var(--grid-line) 0 2px, transparent 2px 78px), linear-gradient(180deg, #ffffff0d, transparent 30%, #00000029);pointer-events:none;position:fixed;inset:0}body::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.loader{z-index:130;color:var(--greige);background:#151615;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden}.loader--done{opacity:0;visibility:hidden;pointer-events:none}.loader__bars{opacity:.9;grid-template-columns:repeat(14,1fr);display:grid;position:absolute;inset:0}.loader__bars span{transform-origin:top;background:linear-gradient(180deg, var(--charcoal), #101010);animation:1.05s ease-in-out infinite alternate loaderBars}.loader__bars span:nth-child(2n){background:linear-gradient(180deg, #111, var(--emerald));animation-delay:.12s}.loader__bars span:nth-child(3n){background:linear-gradient(180deg, var(--greige), #111);animation-delay:.22s}.loader__content{text-transform:uppercase;border-top:1px solid #ccbcaf80;border-bottom:1px solid #ccbcaf80;justify-content:space-between;align-items:center;width:min(520px,100% - 48px);padding:18px 0;display:flex;position:relative}.loader__content span{font-size:.78rem;font-weight:700}.loader__content strong{font-family:Anton,Impact,sans-serif;font-size:2.6rem;font-weight:400}.site-header{z-index:80;color:var(--paper);mix-blend-mode:difference;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 28px;transition:padding .4s cubic-bezier(.2,.8,.2,1),background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,box-shadow .4s;display:grid;position:fixed;top:0;left:0;right:0}.site-header:hover,.site-header:focus-within{mix-blend-mode:normal;color:var(--text);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);padding:30px 44px;box-shadow:0 18px 50px #00000029}.brand{text-transform:uppercase;align-items:center;gap:14px;font-weight:700;display:flex}.brand span{background:linear-gradient(160deg,#ffffff3d,#ffffff0d 44%,#ffffff05);border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px 1px #fff6,inset 0 -3px 7px #0003,0 6px 16px #00000029}.brand small,.desktop-nav a,.icon-button,.round-control{text-transform:uppercase;font-size:.72rem}.desktop-nav{align-items:center;gap:24px;display:flex}.desktop-nav a{font-weight:800;position:relative}.desktop-nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .35s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.utility-controls{justify-self:end;align-items:center;gap:8px;display:flex}.icon-button,.round-control{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:42px;height:42px;color:inherit;cursor:pointer;background:linear-gradient(160deg,#ffffff3d,#ffffff0d 44%,#ffffff05);border:1px solid;border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 1px 1px #fff6,inset 0 -3px 7px #0003,0 6px 16px #00000029}.round-control{border-radius:999px;gap:6px;padding:0 12px;display:inline-flex}.icon-button svg,.round-control svg{width:17px;height:17px}.menu-panel{z-index:100;background:radial-gradient(circle at 78% 22%, var(--menu-glow), transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--menu-bg) 92%, white 8%), var(--menu-bg));color:var(--menu-text);visibility:hidden;place-items:center;transition:transform .7s cubic-bezier(.77,0,.175,1),visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden;transform:translateY(-100%)}.menu-panel:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 95px, color-mix(in srgb, var(--menu-text) 7%, transparent) 95px 96px), linear-gradient(135deg, color-mix(in srgb, var(--menu-text) 6%, transparent), transparent 45%);pointer-events:none;position:absolute;inset:0}.menu-panel--open{visibility:visible;transform:translateY(0)}.menu-panel__close{z-index:2;position:absolute;top:24px;right:28px}.menu-panel__inner{z-index:1;gap:4px;width:min(860px,100% - 48px);display:grid;position:relative}.menu-panel__inner a{border-top:1px solid var(--menu-line);text-transform:uppercase;padding:20px 0;font-family:Anton,Impact,sans-serif;font-size:4.8rem;line-height:.94}.menu-panel__inner a:last-child{border-bottom:1px solid var(--menu-line)}.hero{min-height:100svh;color:var(--hero-text);isolation:isolate;direction:ltr;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:36px;padding:118px 56px 52px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-3;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 31%, color-mix(in srgb, var(--accent) 34%, transparent) 31%, color-mix(in srgb, var(--accent) 34%, transparent) 66%, color-mix(in srgb, var(--hero-bg) 40%, #000) 66%), var(--hero-bg);position:absolute;inset:0}.hero__shade{z-index:-1;background:radial-gradient(circle at 75% 44%, var(--hero-glow), transparent 30%), linear-gradient(180deg, color-mix(in srgb, var(--hero-bg) 55%, transparent), transparent 46%, color-mix(in srgb, var(--hero-bg) 82%, #000));position:absolute;inset:0}.hero__content{width:min(980px,100%);transform:translate(0,0)}[dir=rtl] .hero__content{text-align:right;direction:rtl}.hero__portrait{aspect-ratio:.78;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);width:min(560px,100%);box-shadow:var(--shadow);border-radius:8px;justify-self:end;position:relative;overflow:hidden;transform:translate(0,0)}.hero__portrait img{object-fit:cover;filter:none;width:100%;height:100%}.kicker,.section-label{text-transform:uppercase;margin:0 0 22px;font-size:.76rem;font-weight:800}.hero h1{text-transform:uppercase;overflow-wrap:anywhere;max-width:900px;margin:0;font-family:Anton,Impact,sans-serif;font-size:7.2rem;line-height:.88}.hero__meta{text-transform:uppercase;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin-top:48px;display:grid}.hero__meta span{border-top:1px solid color-mix(in srgb, currentColor 45%, transparent);padding-top:12px;font-size:.76rem;font-weight:800}.round-link{z-index:2;border:1.5px solid color-mix(in srgb, var(--accent) 72%, transparent);background:color-mix(in srgb, var(--accent) 18%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:150px;height:150px;color:var(--hero-text);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 18px 50px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:50%;place-items:center;gap:2px;font-size:.82rem;font-weight:800;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .4s,color .4s;display:grid;position:absolute;bottom:56px;right:56px;overflow:hidden}.round-link:before{content:"";border:1.5px dashed color-mix(in srgb, var(--accent) 60%, transparent);pointer-events:none;border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:10px}.round-link:after{content:"→";margin-top:4px;font-size:1.1rem;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.round-link:hover,.round-link:focus-visible{background:var(--accent);color:var(--on-accent);box-shadow:0 26px 70px color-mix(in srgb, var(--accent) 60%, transparent);transform:scale(1.08)rotate(-4deg)}@keyframes spin{to{transform:rotate(360deg)}}.round-link:hover:after,.round-link:focus-visible:after{transform:translate(6px)}.signal{opacity:.84;align-items:end;gap:3px;height:66px;display:flex;position:absolute;bottom:26px;left:34px}.signal i{width:3px;height:var(--height);background:currentColor;animation:1.2s ease-in-out infinite alternate pulse}.signal i:nth-child(3n){background:var(--accent);animation-delay:.18s}.signal i:nth-child(4n){animation-delay:.3s}.section-pad{padding:128px 36px}.prologue{gap:54px;width:min(1180px,100% - 48px);margin:0 auto;display:grid;transform:translate(0,0)}.prologue h2,.section-heading h2,.stack__intro h2,.contact h2{text-transform:uppercase;margin:0;font-family:Anton,Impact,sans-serif;font-size:4.05rem;line-height:.98}.prologue__grid{grid-template-columns:minmax(0,.9fr) auto;align-items:end;gap:48px;display:grid}.prologue__grid p,.section-heading p,.timeline-item p,.deck-card__body>p:last-of-type,.phone-card p{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.65}.text-link,.primary-action,.circle-action{text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 18px;font-size:.78rem;font-weight:800;display:inline-flex}.text-link svg,.primary-action svg,.circle-action svg,.contact__details svg,footer svg,.deck-button svg,.phone-card svg{flex:none;width:16px;height:16px}.split-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.split-band div{border-right:1px solid var(--line);background:var(--band-1-bg);min-height:230px;color:var(--band-1-ink);padding:38px 34px;transform:translate(0,0)}.split-band div:nth-child(2){background:var(--accent);color:var(--on-accent)}.split-band div:nth-child(3){background:var(--band-3-bg);color:var(--band-3-ink);border-right:0}.split-band strong{font-family:Anton,Impact,sans-serif;font-size:6.2rem;font-weight:400;line-height:.9;display:block}.split-band span{text-transform:uppercase;margin-top:18px;font-weight:800;display:block}.work{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%), var(--bg);color:var(--text);position:relative;overflow:hidden}.section-heading,.stack__intro{gap:20px;width:min(1120px,100%);margin:0 auto 72px;display:grid}.section-heading p{max-width:660px}.project-deck{gap:28px;width:min(1180px,100%);margin:0 auto;display:grid}.project-deck__stage{perspective:1500px;touch-action:pan-y;cursor:grab;min-height:560px;position:relative}.project-deck__stage:active{cursor:grabbing}.deck-card{min-height:520px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate3d(calc(var(--offset) * 76px), calc(var(--abs-offset) * 34px), calc((0 - var(--abs-offset)) * 70px)) scale(calc(1 - var(--abs-offset) * .055)) rotateY(calc(var(--offset) * -8deg));transform-style:preserve-3d;filter:blur(calc(var(--abs-offset) * 2px)) saturate(calc(1 - var(--abs-offset) * .08));background:#ece5d90f;border:1px solid #ece5d92e;border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .65s,filter .65s;display:grid;position:absolute;inset:0;overflow:hidden}.deck-card:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#ffffff29,#0000 32%,#ffffff0f 54%,#0000 72%),radial-gradient(circle at 14% 8%,#ffffff2e,#0000 25%);position:absolute;inset:0}.deck-card:after{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff29;border-radius:8px;position:absolute;inset:10px}.deck-card--active,.deck-card--prev,.deck-card--next{opacity:1}.deck-card--active{pointer-events:auto;filter:blur()saturate();z-index:5}.deck-card--prev{z-index:4}.deck-card--next{z-index:3}.deck-card__image{--tile:var(--emerald);background:radial-gradient(120% 86% at 50% 16%, color-mix(in srgb, var(--tile) 55%, transparent), transparent 60%), radial-gradient(80% 60% at 50% 122%, color-mix(in srgb, var(--tile) 42%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--tile) 24%, #0b0c0b), #0b0c0b);place-items:center;min-height:520px;padding:10%;display:grid;position:relative;overflow:hidden}.deck-card__image:before{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 46px),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 46px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 28%,#0000 72%);mask-image:radial-gradient(circle at 50% 42%,#000 28%,#0000 72%)}.deck-card__image:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--tile) 85%, transparent), transparent);filter:blur(16px);opacity:.85;width:62%;height:64px;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.deck-card__image img{z-index:1;aspect-ratio:1;object-fit:cover;border-radius:26%;width:min(74%,300px);transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:inset 0 2px #ffffff38,0 30px 60px #00000080,0 10px 22px #0006}.deck-card--active .deck-card__image img{animation:6s ease-in-out infinite iconFloat}.deck-card--active .deck-card__image:hover img{transform:scale(1.06)rotate(-1.2deg)}@keyframes iconFloat{0%,to{translate:0}50%{translate:0 -10px}}.deck-card__body{-webkit-backdrop-filter:blur(44px);backdrop-filter:blur(44px);-webkit-user-select:none;user-select:none;background:#46494ced;align-content:center;gap:18px;padding:48px;display:grid}:root[data-theme=light] .deck-card__body{background:#ece5d9f0}.deck-card__body>p:first-child,.deck-card__body>span{text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.deck-card__body h3{text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-family:Anton,Impact,sans-serif;font-size:3.6rem;line-height:.98}.deck-card--greige .deck-card__image{--tile:var(--greige)}.deck-card--charcoal .deck-card__image{--tile:#3a3f42}.deck-card--rose .deck-card__image{--tile:var(--rose)}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list small,.skill-card span,.certificate-grid span{text-transform:uppercase;border:1px solid;border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:800}.circle-action{width:fit-content;margin-top:8px}.deck-controls{justify-content:center;align-items:center;gap:18px;display:flex}.deck-button{width:48px;height:48px;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid;border-radius:50%;place-items:center;transition:transform .24s,background .24s;display:grid}.deck-button:hover,.deck-button:focus-visible{background:var(--accent);color:var(--on-accent);transform:translateY(-2px)}.deck-dots{gap:8px;display:flex}.deck-dots button{opacity:.26;cursor:pointer;background:currentColor;border:0;border-radius:999px;width:9px;height:9px}.deck-dots .is-active{opacity:1;background:var(--accent);width:30px}.preview{background:radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 42%), var(--bg);position:relative;overflow:hidden}.browser{border:1px solid var(--line);background:var(--surface-strong);width:min(1180px,100%);box-shadow:var(--shadow);border-radius:14px;margin:0 auto;overflow:hidden;transform:translate(0,0)}.browser__bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, #000);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.browser__dots{gap:7px;display:flex}.browser__dots i{border-radius:50%;width:12px;height:12px}.browser__dots i:first-child{background:#ff5f57}.browser__dots i:nth-child(2){background:#febc2e}.browser__dots i:nth-child(3){background:#28c840}.browser__url{background:color-mix(in srgb, var(--text) 8%, transparent);max-width:460px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:7px 16px;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.browser__url svg{flex:none;width:13px;height:13px}.browser__actions{color:var(--muted);display:flex}.browser__actions svg{width:16px;height:16px}.browser__screen{aspect-ratio:16/9.4;background:radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 58%), #0b0c0b;perspective:1600px;cursor:grab;touch-action:pan-y;position:relative;overflow:hidden}.browser__screen:active{cursor:grabbing}.film{transform-style:preserve-3d;animation:.7s cubic-bezier(.2,.8,.2,1) both filmIn;position:absolute;inset:0}.film--prev{animation-name:filmInLeft}.film__card{aspect-ratio:16/10;pointer-events:none;width:58%;opacity:calc(1 - var(--abs) * .34);z-index:calc(10 - var(--abs));transform:translate(-50%, -50%) translateX(calc(var(--off) * 50%)) translateZ(calc(var(--abs) * -190px)) rotateY(calc(var(--off) * -26deg)) scale(calc(1 - var(--abs) * .06));filter:saturate(calc(1 - var(--abs) * .12));background:#0b0c0b;border:1px solid #ffffff24;border-radius:14px;margin:0;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 34px 80px #0000008c}.film__card[aria-hidden=true]{filter:saturate(calc(1 - var(--abs) * .12)) brightness(.8)}.film--portrait .film__card{aspect-ratio:10/18;width:27%;transform:translate(-50%, -50%) translateX(calc(var(--off) * 58%)) translateZ(calc(var(--abs) * -190px)) rotateY(calc(var(--off) * -22deg)) scale(calc(1 - var(--abs) * .06))}.film__card img{object-fit:cover;object-position:top center;width:100%;height:100%}.film__dots{z-index:12;justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.film__dots span{background:#fff6;border-radius:999px;width:7px;height:7px;transition:width .4s,background .4s}.film__dots span.is-active{background:var(--accent);width:22px}.browser__caption{z-index:13;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#00000094;border:1px solid #ffffff1f;border-radius:12px;gap:10px;max-width:min(360px,64%);padding:16px 18px;display:grid;position:absolute;top:22px;left:22px}.browser__caption a{pointer-events:auto}.browser__caption p{text-transform:uppercase;color:#fffcf4b8;margin:0;font-size:.72rem;font-weight:800}.browser__caption h3{text-transform:uppercase;color:var(--white-soft);margin:0;font-family:Anton,Impact,sans-serif;font-size:2.2rem;line-height:1}.browser__caption .circle-action{width:fit-content;color:var(--white-soft)}.preview-nav{justify-content:center;align-items:center;gap:14px;width:min(1180px,100%);margin:26px auto 0;display:flex}.preview-tabs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.preview-tabs button{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-size:.78rem;font-weight:800;transition:color .3s,border-color .3s,transform .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.preview-tabs button:hover{color:var(--text)}.preview-tabs button.is-active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.preview-tabs button:active{transform:scale(.92)}@keyframes filmIn{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:translate(0)}}@keyframes filmInLeft{0%{opacity:0;transform:translate(-6%)}to{opacity:1;transform:translate(0)}}@media (width<=820px){.browser__screen{aspect-ratio:4/3}.film__card{width:76%;transform:translate(-50%, -50%) translateX(calc(var(--off) * 60%)) translateZ(calc(var(--abs) * -130px)) rotateY(calc(var(--off) * -20deg)) scale(calc(1 - var(--abs) * .08))}.film--portrait .film__card{width:44%;transform:translate(-50%, -50%) translateX(calc(var(--off) * 64%)) translateZ(calc(var(--abs) * -130px)) rotateY(calc(var(--off) * -18deg)) scale(calc(1 - var(--abs) * .08))}.film__dots{top:12px;bottom:auto}.browser__caption{gap:8px;max-width:none;padding:12px 14px;inset:auto 12px 12px}.browser__caption p{font-size:.62rem}.browser__caption h3{font-size:1.45rem}.browser__caption .circle-action{gap:7px;min-height:30px;padding:6px 12px;font-size:.62rem}.browser__caption .circle-action svg{width:13px;height:13px}.preview-nav{gap:8px}}.showcase{background:var(--showcase-bg);color:var(--showcase-ink);position:relative;overflow:hidden}.showcase:before{content:"";background:radial-gradient(circle at 80% 24%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 26%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--showcase-ink) 9%, transparent) 0 1px, transparent 1px 86px);pointer-events:none;position:absolute;inset:0}.showcase .section-heading{z-index:1;position:relative}.showcase .section-heading p{color:color-mix(in srgb, var(--showcase-ink) 82%, transparent)}.device-stage{z-index:1;background:radial-gradient(82% 78% at 76% 26%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 60%), linear-gradient(158deg, #1b201f, #0b0e0d 72%);isolation:isolate;border:1px solid #ffffff14;border-radius:28px;width:min(1240px,100%);min-height:720px;margin:56px auto 0;padding:40px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 90px #0000006b}.device{background:#0c0f0e;position:absolute;overflow:hidden}.device img{width:100%;display:block}.device--browser{transform-origin:100%;border:1px solid #ffffff1a;border-radius:14px;width:min(58%,760px);animation:9s ease-in-out infinite floatC;top:88px;right:40px;transform:perspective(1500px)rotateY(-9deg)rotateX(3deg);box-shadow:0 50px 100px #0000008c}.device__bar{background:#ffffff0d;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:40px;padding:0 16px;display:flex}.device__bar i{border-radius:50%;width:10px;height:10px}.device__bar i:first-child{background:#ff5f57}.device__bar i:nth-child(2){background:#febc2e}.device__bar i:nth-child(3){background:#28c840}.device__url{color:#ffffff8c;background:#ffffff14;border-radius:999px;margin-left:14px;padding:5px 16px;font-size:.74rem;font-weight:600}.device--phone{aspect-ratio:9/19.5;border:1px solid #ffffff24;border-radius:34px;width:190px;padding:8px;box-shadow:0 36px 80px #0009}.device--phone img{object-fit:cover;object-position:top center;border-radius:26px;height:100%}.device__notch{z-index:2;background:#ffffff4d;border-radius:999px;width:56px;height:7px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.device--phone-a{z-index:3;animation:7s ease-in-out infinite floatA;top:56px;left:48px;transform:rotate(-6deg)}.device--phone-b{z-index:2;animation:8.5s ease-in-out infinite floatB;top:268px;left:196px;transform:rotate(5deg)}@keyframes floatA{0%,to{translate:0}50%{translate:0 -14px}}@keyframes floatB{0%,to{translate:0}50%{translate:0 12px}}@keyframes floatC{0%,to{translate:0}50%{translate:0 -9px}}.showcase-features{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;width:min(1240px,100%);margin:34px auto 0;padding:0;list-style:none;display:flex;position:relative}.showcase-features li{border:1px solid color-mix(in srgb, var(--showcase-ink) 18%, transparent);background:color-mix(in srgb, var(--showcase-ink) 6%, transparent);border-radius:999px;align-items:center;gap:9px;padding:11px 18px;font-size:.82rem;font-weight:700;display:flex}.showcase-features svg{width:17px;height:17px;color:var(--accent)}@media (width<=820px){.device-stage{flex-direction:column;align-items:center;gap:20px;min-height:0;padding:22px 16px;display:flex}.device--browser,.device--phone{animation:none;position:relative;top:auto;left:auto;right:auto;transform:none}.device--browser{width:100%}}.stack{background:linear-gradient(180deg, #ccbcaf1a, transparent 34%), var(--bg)}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1180px,100%);margin:0 auto;display:grid}.skill-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:space-between;gap:34px;min-height:360px;padding:26px;display:grid;transform:translate(0,0);box-shadow:0 18px 60px #00000014}.skill-card:nth-child(2){background:color-mix(in srgb, var(--accent) 24%, transparent)}.skill-card:nth-child(3){background:color-mix(in srgb, var(--accent-2) 16%, transparent)}.skill-card__top{gap:20px;display:grid}.skill-card__top svg{width:34px;height:34px;color:var(--accent)}.skill-card h3{text-transform:uppercase;margin:0;font-family:Anton,Impact,sans-serif;font-size:2.35rem;line-height:1}.skill-card div:last-child{flex-wrap:wrap;gap:8px;display:flex}.story{background:var(--bg)}.timeline{border-top:1px solid var(--line);width:min(980px,100%);margin:0 auto}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:.34fr .66fr;gap:28px;padding:30px 0;display:grid}.timeline-item span{color:var(--accent);text-transform:uppercase;font-weight:900}.timeline-item h3,.certificate-panel h3{text-transform:uppercase;margin:0 0 8px;font-family:Anton,Impact,sans-serif;font-size:2.35rem;line-height:1}.certificate-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(980px,100%);margin:54px auto 0;padding:28px}.certificate-grid{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.contact{background:var(--contact-bg);color:var(--contact-text);padding:120px 36px 64px;position:relative;overflow:hidden}.contact__panel{z-index:1;gap:30px;width:min(980px,100%);margin:0 auto;display:grid;position:relative;transform:translate(0,0)}.contact__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact__details a,.contact__details span{border:1px solid color-mix(in srgb, currentColor 24%, transparent);min-height:54px;color:inherit;overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.primary-action{background:var(--accent);width:fit-content;color:var(--on-accent);border-color:#0000}.contact__marquee{opacity:.06;text-transform:uppercase;white-space:nowrap;gap:34px;font-family:Anton,Impact,sans-serif;font-size:7rem;line-height:1;animation:28s linear infinite drift;display:flex;position:absolute;bottom:8px;left:0;right:0}footer{background:var(--footer-bg);color:var(--footer-text);text-transform:uppercase;justify-content:space-between;gap:20px;padding:20px 28px;font-size:.78rem;font-weight:800;display:flex}footer span{align-items:center;gap:8px;display:inline-flex}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:translateY(0)}[dir=rtl] .brand,[dir=rtl] .contact__details a,[dir=rtl] .contact__details span,[dir=rtl] .phone-card__copy{flex-direction:row-reverse}[dir=rtl] .site-header{direction:rtl}.round-control,.icon-button,.deck-button,.deck-dots button,.text-link,.primary-action,.circle-action{transition:transform .2s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}.round-control:active,.icon-button:active,.deck-button:active,.deck-dots button:active,.text-link:active,.primary-action:active,.circle-action:active,.menu-panel__inner a:active,.desktop-nav a:active{transform:scale(.88)}.round-link:active{transform:scale(.95)rotate(-4deg)}@keyframes loaderBars{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes pulse{0%{opacity:.52;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-34%)}}.connect{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 50%), var(--bg);min-height:100svh;color:var(--text);grid-template-rows:auto 1fr;padding:28px clamp(18px,5vw,64px) 64px;display:grid;position:relative;overflow:hidden}.connect__glow{z-index:0;filter:blur(80px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.connect__glow--a{background:color-mix(in srgb, var(--accent) 60%, transparent);width:380px;height:380px;animation:14s ease-in-out infinite connectFloatA;top:-120px;right:-80px}.connect__glow--b{background:color-mix(in srgb, var(--accent-2) 45%, transparent);width:420px;height:420px;animation:18s ease-in-out infinite connectFloatB;bottom:-140px;left:-100px}@keyframes connectFloatA{0%,to{translate:0}50%{translate:-30px 40px}}@keyframes connectFloatB{0%,to{translate:0}50%{translate:40px -30px}}.connect__top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.connect__back{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:.8rem;font-weight:700;transition:transform .2s,background .3s;display:inline-flex}.connect__back:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.connect__back:active{transform:scale(.94)}.connect__back svg{width:16px;height:16px}.connect__brand{background:linear-gradient(160deg,#ffffff38,#ffffff08);border:1px solid;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.8rem;font-weight:800;display:grid;box-shadow:inset 0 1px 1px #fff6}.connect__card{z-index:1;border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(640px,100%);box-shadow:var(--shadow);border-radius:24px;place-self:center;margin-top:24px;padding:clamp(26px,4vw,46px);animation:.6s cubic-bezier(.2,.8,.2,1) both connectCardIn;position:relative}@keyframes connectCardIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:none}}.connect__meta{justify-content:space-between;align-items:center;display:flex}.connect__eyebrow{text-transform:uppercase;color:var(--accent);margin:0;font-size:.74rem;font-weight:800}.connect__count{color:var(--muted);font-size:.74rem;font-weight:700}.connect__progress{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;height:4px;margin:14px 0 26px;overflow:hidden}.connect__progress span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.connect__step{animation:.45s cubic-bezier(.2,.8,.2,1) both connectStepIn}@keyframes connectStepIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.connect__q{align-items:center;gap:14px;margin-bottom:22px;display:flex}.connect__q-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);width:44px;height:44px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.connect__q-icon svg{width:21px;height:21px}.connect__q h1{text-transform:uppercase;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(1.5rem,4.4vw,2rem);line-height:1.02}.connect__input{border:1.5px solid var(--line);background:color-mix(in srgb, var(--text) 5%, transparent);width:100%;color:var(--text);font:inherit;border-radius:14px;padding:16px 18px;font-size:1.05rem;transition:border-color .25s,box-shadow .25s,background .25s}.connect__input::placeholder{color:var(--muted)}.connect__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--text) 7%, transparent);outline:none}.connect__textarea{resize:vertical;min-height:130px;line-height:1.5}.connect__choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.connect__choice{border:1.5px solid var(--line);background:color-mix(in srgb, var(--text) 4%, transparent);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:18px;font-size:.96rem;font-weight:700;transition:border-color .25s,background .25s,transform .15s;display:flex}.connect__choice svg{opacity:0;width:18px;height:18px;color:var(--accent);transition:opacity .2s,transform .2s;transform:scale(.5)}.connect__choice:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.connect__choice:active{transform:scale(.97)}.connect__choice.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.connect__choice.is-active svg{opacity:1;transform:scale(1)}.connect__error{color:#e26d6d;margin:14px 0 0;font-size:.85rem;font-weight:600;animation:.4s connectShake}@keyframes connectShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.connect__nav{justify-content:space-between;gap:12px;margin-top:30px;display:flex}.connect__btn{background:var(--accent);color:var(--on-accent);font:inherit;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 40%, transparent);border:0;border-radius:999px;align-items:center;gap:9px;padding:13px 24px;font-size:.88rem;font-weight:800;transition:transform .2s,box-shadow .3s,opacity .2s;display:inline-flex}.connect__btn svg{width:17px;height:17px}.connect__btn:hover{transform:translateY(-2px)}.connect__btn:active{transform:scale(.95)}.connect__btn--ghost{color:var(--text);border:1px solid var(--line);box-shadow:none;background:0 0}.connect__btn:disabled{opacity:.35;cursor:default;transform:none}.connect__success{text-align:center;justify-items:center;gap:14px;display:grid}.connect__success h1{text-transform:uppercase;margin:6px 0 0;font-family:Anton,Impact,sans-serif;font-size:2.2rem}.connect__success p{max-width:420px;color:var(--muted);margin:0}.connect__success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.connect__check{place-items:center;width:84px;height:84px;display:grid}.connect__check svg{width:84px;height:84px}.connect__check circle{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:151;stroke-dashoffset:151px;animation:.6s forwards connectDraw}.connect__check path{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s .45s forwards connectDraw}@keyframes connectDraw{to{stroke-dashoffset:0}}[dir=rtl] .connect__step{animation-name:connectStepInRtl}@keyframes connectStepInRtl{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@media (width<=560px){.connect__choices{grid-template-columns:1fr}.connect__back span{display:none}}@media (width<=1120px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{grid-template-columns:1fr}.hero__portrait{z-index:-1;opacity:.82;width:min(520px,60%);position:absolute;inset:120px 30px auto auto}.hero h1{font-size:5.7rem}.prologue h2,.section-heading h2,.stack__intro h2,.contact h2{font-size:3.3rem}.showcase-board{grid-template-columns:1fr}.phone-stack{min-height:900px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.site-header{padding:16px}.brand small{display:none}.utility-controls{gap:6px}.round-control{min-width:38px;height:38px;padding:0 10px}.round-control span{display:none}.menu-panel__inner a{font-size:3.2rem}.hero{min-height:auto;padding:130px 18px 40px}.hero__portrait{z-index:auto;aspect-ratio:.84;width:min(232px,58%);box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;justify-self:end;margin:14px 0 4px auto;padding:0;position:relative;overflow:visible;-webkit-mask-image:radial-gradient(125% 120% at 58% 32%,#000 42%,#00000059 66%,#0000 82%);mask-image:radial-gradient(125% 120% at 58% 32%,#000 42%,#00000059 66%,#0000 82%)}.hero__portrait img{filter:grayscale(.18)contrast(1.05);border-radius:0}.signal{display:none}.hero h1{font-size:4rem;line-height:.92}.hero__meta,.split-band,.prologue__grid,.contact__details,.timeline-item{grid-template-columns:1fr}.round-link{width:104px;height:104px;margin:0;position:absolute;inset:auto auto 40px 18px}.section-pad{padding:88px 18px}.prologue{width:100%}.prologue h2,.section-heading h2,.stack__intro h2,.contact h2{font-size:2.5rem}.split-band div{min-height:170px}.split-band strong{font-size:4.4rem}.project-deck__stage{min-height:780px}.deck-card{min-height:720px;transform:translate3d(0, calc(var(--abs-offset) * 24px), calc((0 - var(--abs-offset)) * 50px)) scale(calc(1 - var(--abs-offset) * .055));grid-template-columns:1fr}.deck-card__image{min-height:310px}.deck-card__body{padding:28px}.deck-card__body h3{font-size:2.75rem}.showcase-board__desktop img{min-height:320px}.phone-stack{min-height:1360px}.phone-card{left:0;right:0;top:calc(var(--index) * 330px)}.phone-card img{max-height:210px}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:280px}.contact{padding:88px 18px 52px}footer{flex-direction:column;padding:18px}}.language-transition::view-transition-old(root){animation:.42s cubic-bezier(.4,0,.2,1) both languageOut}.language-transition::view-transition-new(root){animation:.56s cubic-bezier(.16,1,.3,1) both languageIn}@keyframes languageOut{to{opacity:0;filter:blur(8px);transform:translate(-20px)scale(.985)}}@keyframes languageIn{0%{opacity:0;filter:blur(9px);transform:translate(24px)scale(1.012)}}[dir=rtl].language-transition::view-transition-old(root){animation-name:languageOutRtl}[dir=rtl].language-transition::view-transition-new(root){animation-name:languageInRtl}@keyframes languageOutRtl{to{opacity:0;filter:blur(8px);transform:translate(20px)scale(.985)}}@keyframes languageInRtl{0%{opacity:0;filter:blur(9px);transform:translate(-24px)scale(1.012)}}.loader{background:radial-gradient(circle at 50% 38%,#439a8633,#0000 34%),linear-gradient(145deg,#171a19,#0d0f0e);transition:opacity .75s,visibility .75s,filter .75s}.loader--done{filter:blur(12px)}.loader__bars{opacity:.26;grid-template-rows:1fr;grid-template-columns:repeat(14,minmax(0,1fr));transform:skew(-8deg)scale(1.1)}.loader__bars span,.loader__bars span:nth-child(3n){transform-origin:50%;background:linear-gradient(#ccbcafb8,#ccbcaf38);animation:1.6s cubic-bezier(.45,0,.55,1) infinite alternate loaderSweep}.loader__bars span:nth-child(2n){background:linear-gradient(#439a86e0,#439a863d)}.loader__signal{z-index:1;opacity:.76;justify-content:end;align-items:end;gap:3px;width:min(300px,28vw);height:92px;display:flex;position:absolute;bottom:clamp(28px,5vw,72px);right:clamp(30px,5vw,84px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 28%);mask-image:linear-gradient(90deg,#0000,#000 28%)}.loader__signal i{width:3px;height:var(--height);transform-origin:bottom;background:#ccbcafb8;border-radius:999px 999px 0 0;max-height:84px;animation:1.15s ease-in-out infinite alternate loaderSignal}.loader__signal i:nth-child(3n){background:var(--emerald);animation-delay:-.38s}.loader__signal i:nth-child(4n){opacity:.46;animation-delay:-.72s}.loader__content{-webkit-backdrop-filter:blur(26px)saturate(1.25);backdrop-filter:blur(26px)saturate(1.25);text-transform:uppercase;background:linear-gradient(145deg,#ffffff1c,#ffffff06),#1215149e;border:1px solid #ece5d92e;border-radius:30px;justify-content:stretch;align-items:stretch;gap:22px;width:min(680px,100% - 36px);padding:clamp(24px,5vw,42px);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .55s;display:grid;box-shadow:inset 0 1px #ffffff21,0 40px 120px #0000007a}.loader--done .loader__content{opacity:0;transform:scale(1.08)}.loader__brand,.loader__meter{justify-content:space-between;align-items:center;gap:18px;display:flex}.loader__brand span{letter-spacing:.05em;font-family:Anton,Impact,sans-serif;font-size:1.35rem}.loader__brand small,.loader__meter span{color:#ece5d9ad;letter-spacing:.12em;font-size:.68rem;font-weight:800}.loader__meter{align-items:end;min-height:100px}.loader__meter strong{font-family:Anton,Impact,sans-serif;font-size:clamp(4.8rem,14vw,7.8rem);font-weight:400;line-height:.78}.loader__track{background:#ece5d91f;border-radius:999px;width:100%;height:5px;overflow:hidden}.loader__track span{border-radius:inherit;background:linear-gradient(90deg, var(--emerald), #9cd8ca);height:100%;transition:width .16s;display:block;box-shadow:0 0 30px #439a86b3}.loader__actions{opacity:0;pointer-events:none;flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(12px)}.loader__actions.is-ready{opacity:1;pointer-events:auto;transform:none}.loader__actions button{background:var(--emerald);color:#f6f1e8;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1px solid #ece5d938;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:.72rem;font-weight:900;transition:transform .2s,box-shadow .3s;display:inline-flex;box-shadow:0 15px 40px #439a864d}.loader__actions button:hover{transform:translateY(-2px);box-shadow:0 20px 50px #439a867a}.loader__actions button:disabled{cursor:wait}.loader__actions svg{width:16px;height:16px}.loader__actions .loader__silent{color:#ece5d9b8;box-shadow:none;background:#ffffff0a}@keyframes loaderSweep{0%{opacity:.58;filter:brightness(.78)}to{opacity:.94;filter:brightness(1.08)}}@keyframes loaderSignal{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}.site-header{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);background:linear-gradient(150deg, #ffffff24, transparent 46%), color-mix(in srgb, var(--bg) 74%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);color:var(--text);mix-blend-mode:normal;border-radius:999px;padding:9px 10px;top:14px;left:18px;right:18px;box-shadow:inset 0 1px #ffffff24,0 18px 50px #00000029}.site-header:hover,.site-header:focus-within{background:linear-gradient(150deg, #ffffff2b, transparent 46%), color-mix(in srgb, var(--bg) 84%, transparent);color:var(--text);mix-blend-mode:normal;padding:9px 10px}.brand{border-radius:999px;width:fit-content;padding-right:13px}.desktop-nav{gap:5px}.desktop-nav a{background:color-mix(in srgb, var(--text) 5%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #0000;border-radius:999px;padding:9px 12px;transition:border-color .3s,background .3s,transform .2s}.desktop-nav a:after{display:none}.desktop-nav a:hover,.desktop-nav a:focus-visible{border-color:color-mix(in srgb, var(--accent) 44%, transparent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:clamp(20px,5vw,76px);min-height:100svh;padding:150px clamp(28px,5vw,76px) 76px}.hero:before{background:linear-gradient(90deg, transparent 0 31%, color-mix(in srgb, var(--accent) 24%, transparent) 31% 62%, transparent 62%), radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--accent) 31%, transparent), transparent 31%), linear-gradient(135deg, color-mix(in srgb, var(--hero-bg) 92%, #fff 8%), color-mix(in srgb, var(--hero-bg) 78%, #000))}.hero:after{content:"";z-index:-2;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 30%, transparent), transparent 67%);filter:blur(18px);border-radius:50%;width:min(46vw,670px);animation:8s ease-in-out infinite alternate heroGlow;position:absolute;bottom:5%;right:7%}.hero__gridlines{z-index:-2;background:repeating-linear-gradient(90deg, transparent 0 79px, color-mix(in srgb, currentColor 7%, transparent) 79px 80px), repeating-linear-gradient(0deg, transparent 0 79px, color-mix(in srgb, currentColor 5%, transparent) 79px 80px);opacity:.58;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero__content{z-index:3;position:relative}.kicker,.section-label{isolation:isolate;border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:linear-gradient(145deg, #ffffff2e, transparent 58%), color-mix(in srgb, var(--bg) 28%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);letter-spacing:.05em;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:8px 13px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 10px 28px #00000014}.kicker:after,.section-label:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:44%;height:360%;animation:6s ease-in-out infinite glassGlint;position:absolute;top:-130%;left:-30%;transform:rotate(22deg)}.hero h1{letter-spacing:-.025em;text-shadow:0 18px 54px #0000001f;max-width:980px;font-size:clamp(5.4rem,9.4vw,9.5rem)}.hero__meta{gap:10px;margin-top:38px}.hero__meta span{border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:linear-gradient(145deg, #ffffff21, transparent 56%), color-mix(in srgb, var(--hero-bg) 52%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border-radius:999px;min-height:43px;padding:12px 15px;box-shadow:inset 0 1px #ffffff21}.hero__portrait{z-index:1;aspect-ratio:.88;width:min(610px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;align-self:end;position:relative;overflow:visible}.hero__portrait:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 36%, transparent);background:linear-gradient(145deg, #ffffff24, transparent 55%), color-mix(in srgb, var(--accent) 14%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:48% 48% 24% 24%/38% 38% 18% 18%;position:absolute;inset:13% 4% 3% 9%;box-shadow:inset 0 1px #ffffff29,0 35px 100px #00000038}.hero__portrait-orbit{z-index:-2;border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;animation:32s linear infinite spin;position:absolute;inset:5% -4% -1% 3%}.hero__portrait img{object-fit:contain;filter:drop-shadow(0 36px 38px #00000057)saturate(.94)contrast(1.02);width:108%;max-width:none;height:auto;position:absolute;bottom:-1%;right:-3%}.round-link{background:linear-gradient(145deg, #ffffff2e, transparent 56%), color-mix(in srgb, var(--accent) 25%, var(--hero-bg));-webkit-backdrop-filter:blur(20px)saturate(1.45);backdrop-filter:blur(20px)saturate(1.45);width:auto;min-width:176px;height:64px;box-shadow:inset 0 1px 0 #fff3, 0 22px 60px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:20px;grid-template-columns:auto auto auto;place-items:center;gap:7px;padding:0 20px;display:inline-flex;bottom:36px;right:clamp(28px,5vw,76px)}.round-link:before{border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:14px;animation:none;inset:7px}.round-link:after{content:"↗";margin:0 0 0 9px}.round-link:hover,.round-link:focus-visible{transform:translateY(-5px)rotate(-1deg)}@keyframes heroGlow{to{opacity:.72;transform:translate(-3%,-2%)scale(1.08)}}@keyframes glassGlint{0%,68%{transform:translate(-250%)rotate(22deg)}86%,to{transform:translate(420%)rotate(22deg)}}[data-entered=true] .site-header{animation:.7s cubic-bezier(.16,1,.3,1) 50ms both landingHeaderIn}[data-entered=true] .hero__content .kicker{animation:.72s cubic-bezier(.16,1,.3,1) .12s both landingTextIn}[data-entered=true] .hero__content h1{animation:.82s cubic-bezier(.16,1,.3,1) .2s both landingTextIn}[data-entered=true] .hero__meta{animation:.82s cubic-bezier(.16,1,.3,1) .3s both landingTextIn}[data-entered=true] .hero__portrait{animation:1s cubic-bezier(.16,1,.3,1) .18s both landingPortraitIn}[data-entered=true] .round-link{animation:.72s cubic-bezier(.16,1,.3,1) .54s both landingActionIn}@keyframes landingHeaderIn{0%{opacity:0;transform:translateY(-24px)}}@keyframes landingTextIn{0%{opacity:0;filter:blur(8px);transform:translateY(36px)}}@keyframes landingPortraitIn{0%{opacity:0;filter:blur(14px);transform:translate(54px,40px)scale(.92)}}@keyframes landingActionIn{0%{opacity:0;transform:translateY(24px)scale(.9)}}.connect__honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;left:-10000px}@media (width<=820px){.site-header,.site-header:hover,.site-header:focus-within{padding:8px;top:10px;left:10px;right:10px}.brand{padding-right:0}.hero{min-height:760px;padding:128px 18px 44px;display:block}.hero:before{background:linear-gradient(90deg, transparent 0 34%, color-mix(in srgb, var(--accent) 24%, transparent) 34% 69%, transparent 69%), radial-gradient(circle at 78% 66%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 36%), linear-gradient(155deg, color-mix(in srgb, var(--hero-bg) 94%, #fff 6%), color-mix(in srgb, var(--hero-bg) 76%, #000))}.hero__gridlines{opacity:.38;-webkit-mask-image:linear-gradient(#000,#0000 94%);mask-image:linear-gradient(#000,#0000 94%)}.hero__content{width:100%}.hero h1{max-width:94%;font-size:clamp(4rem,18vw,6.2rem);line-height:.88}.hero__meta{z-index:4;grid-template-columns:1fr;gap:7px;width:min(76%,300px);margin-top:28px;position:relative}.hero__meta span{background:linear-gradient(145deg, #ffffff24, transparent 55%), color-mix(in srgb, var(--hero-bg) 58%, transparent);width:fit-content;min-height:38px;padding:9px 13px}.hero__portrait{z-index:1;aspect-ratio:.9;opacity:1;width:min(430px,91vw);margin:0;position:absolute;bottom:-8px;right:-54px;-webkit-mask-image:none;mask-image:none}.hero__portrait:before{background:linear-gradient(145deg, #ffffff1f, transparent 54%), color-mix(in srgb, var(--accent) 10%, transparent);border-radius:48% 48% 0 0/34% 34% 0 0;inset:19% 6% 1% 11%;box-shadow:inset 0 1px #ffffff26,0 22px 60px #0003}.hero__portrait-orbit{inset:13% -1% -5% 8%}.hero__portrait img{filter:drop-shadow(0 24px 28px #0000004d)saturate(.94)contrast(1.03);border-radius:0;width:108%;bottom:0;right:-1%}.round-link{background:linear-gradient(145deg, #ffffff38, transparent 58%), color-mix(in srgb, var(--accent) 68%, #17201e);width:auto;min-width:152px;height:52px;color:var(--paper);border-radius:999px;padding:0 16px;inset:auto auto 24px 18px;box-shadow:inset 0 1px #ffffff38,0 18px 44px #00000047}.round-link:before{border-radius:999px;inset:5px}.round-link:after{margin-left:5px}.signal{z-index:3;opacity:.72;align-items:end;gap:2px;width:154px;height:43px;display:flex;position:absolute;bottom:88px;left:18px;right:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000);mask-image:linear-gradient(90deg,#000 72%,#0000)}.signal i{width:2px;max-height:39px}.project-deck{width:calc(100% + 36px);margin-left:-18px}.project-deck__stage{perspective:1000px;min-height:700px}.deck-card{opacity:0;min-height:0;transform:translate3d(calc(var(--offset) * 84%), calc(var(--abs-offset) * 18px), calc((0 - var(--abs-offset)) * 80px)) scale(calc(.93 - var(--abs-offset) * .12)) rotateY(calc(var(--offset) * -5deg));transform-origin:50%;filter:blur(calc(var(--abs-offset) * 5px)) saturate(calc(1 - var(--abs-offset) * .22)) brightness(calc(1 - var(--abs-offset) * .2));border-radius:24px;grid-template-rows:240px minmax(0,1fr);grid-template-columns:1fr;inset:8px 9% 18px}.deck-card--active{opacity:1}.deck-card--prev,.deck-card--next{opacity:.43}.deck-card__image{min-height:0;padding:7%}.deck-card__image img{width:min(54%,210px)}.deck-card__body{align-content:center;gap:13px;min-height:0;padding:24px}.deck-card__body h3{font-size:clamp(2.15rem,10vw,2.75rem)}.deck-controls{margin-top:-4px}.device-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 6px;min-height:0;padding:18px 14px 20px;display:grid}.device--browser,.device--phone{animation:none;position:relative;top:auto;left:auto;right:auto}.device--browser{grid-column:1/-1;width:100%;transform:none}.device--phone{width:min(82%,148px)}.device--phone-a{justify-self:end;transform:rotate(-7deg)}.device--phone-b{justify-self:start;transform:rotate(6deg)}.showcase-features{margin-top:24px}.loader__brand small{text-align:right;max-width:170px}.loader__signal{gap:2px;width:150px;height:56px;bottom:22px;right:18px}.loader__signal i{width:2px;max-height:52px}}@media (width<=480px){.loader__content{border-radius:24px;gap:18px;padding:24px 20px}.loader__brand small{display:none}.loader__meter{min-height:84px}.loader__actions{flex-direction:column;align-items:stretch}.loader__actions button{width:100%}.hero{min-height:735px}.hero__portrait{width:98vw;right:-64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-parallax],.reveal{opacity:1;transform:none!important}}