@font-face{src:url(/fonts/DMSans-Regular.ttf);font-family:DMSans-Regular;font-display:swap}@font-face{src:url(/fonts/DMSans-Light.ttf);font-family:DMSans-Light;font-display:swap}@font-face{src:url(/fonts/DMSans-ThinItalic.ttf);font-family:DMSans-ThinItalic;font-display:swap}@font-face{src:url(/fonts/DMSans-Medium.ttf);font-family:DMSans-Medium;font-display:swap}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:hidden}img{height:auto}:root{--color-bg-hero:#06040a;--color-accent:#d5ff3f;--color-bg-about:#1c1822;--color-text-about:#f5f3f0;--color-bg-work:#121018;--color-text-work:#fff;--color-bg-testimonials:#ebe8e2;--color-text-testimonials:#121018;--color-bg-contact:#06040a;--color-text-contact:#fff;--wm-mask-top:0%;--wm-mask-right:0%;--wm-mask-width:22%;--wm-mask-height:9%;--wm-mask-min-width:110px;--wm-mask-min-height:44px;--wm-mask-max-width:240px;--wm-mask-max-height:64px;--wm-mask-color:rgba(6,4,10,.92);--wm-mask-color-soft:rgba(6,4,10,.45);--wm-mask-blur:12px;--wm-mask-debug:0;--space-xs:10px;--space-sm:16px;--space-md:32px;--space-lg:48px;--space-xl:64px;--space-2xl:96px;--font-light:"DMSans-Light",sans-serif;--font-regular:"DMSans-Regular",sans-serif;--font-medium:"DMSans-Medium",sans-serif;--font-italic:"DMSans-ThinItalic",sans-serif;--nav-height:64px}html{scrollbar-width:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::-webkit-scrollbar{display:none}body{position:relative;z-index:0;background:#fff;color:#fff;font-family:DMSans-Light,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}img,video{display:block}a{color:inherit;text-decoration:none}.loading-wrap{position:fixed;inset:0;z-index:1000;background:#06040a;transition:opacity .45s ease,visibility .45s ease}.loading-wrap.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;position:relative}.loading-gradient{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(213,255,63,.08) 0,transparent 55%),radial-gradient(ellipse 100% 80% at 80% 20%,rgba(88,60,140,.18) 0,transparent 50%),radial-gradient(ellipse 90% 70% at 20% 80%,rgba(30,20,50,.35) 0,transparent 55%),linear-gradient(160deg,#0a0812,#06040a 45%,#0d0a14);pointer-events:none}.loading-bar{position:relative;display:flex;align-items:center;justify-content:center}.loading-bar-circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .08s linear}.loading-bar-text{position:absolute;color:#d5ff3f;font-family:DMSans-Light,sans-serif;font-size:18px;font-weight:700;text-align:center}.body-wrap{opacity:0;transition:opacity .35s ease;overflow-x:hidden;max-width:100%}.body-wrap.is-ready{opacity:1}.site-header{position:relative;z-index:20;pointer-events:none}.site-header>*{pointer-events:auto}.logo-link{position:fixed;top:32px;right:32px;z-index:30}.logo-link,.site-logo{width:80px;height:80px}.site-logo{position:relative;top:-16px}.header-tagline{display:none;position:fixed;right:32px;bottom:32px;max-width:400px;margin:0;color:#fff;font-family:DMSans-ThinItalic,sans-serif;font-size:22px;line-height:18px;letter-spacing:2px;padding:10px;z-index:25}.hero-scroll{position:relative;height:420vh;margin-top:-100dvh}.hero-pin{position:fixed;inset:0;height:100dvh;max-height:100dvh;overflow:hidden;z-index:1}.hero-pin,.hero-video{width:100%;background:#06040a}.hero-video{position:absolute;top:0;left:0;height:100%;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;z-index:0;opacity:1;visibility:visible}.hero-vignette{inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,4,10,.35),transparent 28%,transparent 62%,rgba(6,4,10,.55)),radial-gradient(circle at 50% 50%,transparent 40%,rgba(6,4,10,.25) 100%)}.hero-vignette,.hero-watermark-mask{position:absolute;pointer-events:none}.hero-watermark-mask{top:var(--wm-mask-top);right:var(--wm-mask-right);width:clamp(var(--wm-mask-min-width),var(--wm-mask-width),var(--wm-mask-max-width));height:clamp(var(--wm-mask-min-height),var(--wm-mask-height),var(--wm-mask-max-height));z-index:2;border-radius:0 0 0 18%;background:radial-gradient(ellipse 115% 115% at 100% 0,var(--wm-mask-color) 0,var(--wm-mask-color-soft) 58%,transparent 100%);backdrop-filter:blur(var(--wm-mask-blur));-webkit-backdrop-filter:blur(var(--wm-mask-blur));mask-image:radial-gradient(ellipse 100% 100% at 100% 0,#000 0,#000 42%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 100% 0,#000 0,#000 42%,transparent 88%)}.hero-watermark-mask:after{content:"";position:absolute;inset:0;border:2px dashed rgba(213,255,63,.85);background:rgba(213,255,63,.08);opacity:var(--wm-mask-debug);pointer-events:none;border-radius:inherit}.hero-copy{position:fixed;top:32px;left:32px;z-index:12;max-width:calc(100dvw - 140px);min-height:220px}.hero-state{position:absolute;top:0;left:0;opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.hero-state.is-active{opacity:1;transform:translateY(0)}.hero-title{font-family:DMSans-Regular,sans-serif;font-size:clamp(48px,12vw,180px);font-weight:400;line-height:.78;letter-spacing:0}.hero-subtitle,.hero-title{margin:0;padding:10px;color:#fff}.hero-subtitle{font-family:DMSans-ThinItalic,sans-serif;font-size:clamp(32px,4vw,40px);line-height:24px}.hero-scroll-hint{position:fixed;left:32px;bottom:32px;z-index:12;display:flex;flex-direction:column;align-items:flex-start;max-width:220px}.scroll-gif{width:100px;height:100px;position:relative;left:-40px}.hero-scroll-hint span{display:block;padding:10px;color:#fff;font-family:DMSans-Light,sans-serif;font-size:18px;line-height:18px;letter-spacing:2px;max-width:150px}.nav-overlay{position:fixed;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(0,0,0,.92);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}.nav-overlay.is-visible{opacity:1;visibility:visible}.nav-overlay.is-open{pointer-events:auto}.nav-overlay-inner{position:fixed;left:48px;right:48px;bottom:64px}.nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.nav-links a{display:block;padding:10px;color:#fff;font-family:DMSans-Light,sans-serif;font-size:clamp(40px,8vw,72px);line-height:24px}.nav-links .nav-email{color:#d5ff3f}.site-nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .4s ease,visibility .4s ease,transform .4s ease,background .4s ease;pointer-events:none}.site-nav.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;background:rgba(6,4,10,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(213,255,63,.12)}.site-nav.is-solid{background:rgba(6,4,10,.98)}.site-nav-brand{font-size:18px;padding:var(--space-xs)}.site-nav-brand,.site-nav-toggle{font-family:var(--font-medium);letter-spacing:1px;color:#fff}.site-nav-toggle{display:none;background:transparent;border:1px solid hsla(0,0%,100%,.25);font-size:14px;padding:8px 14px;cursor:pointer}.site-nav-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-sm)}.site-nav-link{display:block;padding:var(--space-xs) var(--space-sm);font-family:var(--font-light);font-size:16px;letter-spacing:1px;color:hsla(0,0%,100%,.85);transition:color .25s ease}.site-nav-link.is-active,.site-nav-link:hover{color:var(--color-accent)}.site-nav-link--accent{background:var(--color-accent);color:#000!important;font-family:var(--font-medium)}.portfolio{position:relative;z-index:10;overflow-x:hidden;padding-top:var(--nav-height)}.section{position:relative;padding:var(--space-2xl) var(--space-md);padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom, 0px));scroll-margin-top:var(--nav-height)}.section-inner{max-width:1200px;margin:0 auto}.section-eyebrow{margin:0 0 var(--space-sm);font-family:var(--font-light);font-size:14px;letter-spacing:3px;text-transform:uppercase;opacity:.7}.section-title{margin:0 0 var(--space-md);font-family:var(--font-regular);font-size:clamp(36px,6vw,64px);line-height:1.05;font-weight:400}.section-body{margin:0;font-family:var(--font-italic);font-size:clamp(18px,2.5vw,22px);line-height:1.5;max-width:560px}.section-header{margin-bottom:var(--space-xl);max-width:720px}.section--about{background:var(--color-bg-about);color:var(--color-text-about)}.section--work{background:var(--color-bg-work);color:var(--color-text-work)}.section--testimonials{background:var(--color-bg-testimonials);color:var(--color-text-testimonials)}.section--contact{background:var(--color-bg-contact);color:var(--color-text-contact)}.about-grid{display:grid;grid-template-columns:1fr;max-width:820px;gap:var(--space-xl)}.skills-list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills-list li{padding:8px 14px;border:1px solid rgba(213,255,63,.35);font-family:var(--font-light);font-size:14px;letter-spacing:1px}.placeholder-media{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01)),repeating-linear-gradient(-45deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 8px,transparent 0,transparent 16px);border:1px dashed hsla(0,0%,100%,.22);overflow:hidden}.section--testimonials .logo-placeholder,.section--testimonials .placeholder-media{border-color:rgba(18,16,24,.18);background:linear-gradient(135deg,rgba(18,16,24,.04),rgba(18,16,24,.01)),repeating-linear-gradient(-45deg,rgba(18,16,24,.04),rgba(18,16,24,.04) 8px,transparent 0,transparent 16px)}.placeholder-media--portrait{aspect-ratio:3/4;max-width:420px;width:100%;margin-left:auto}.placeholder-media--project{width:100%;aspect-ratio:var(--card-aspect,16/10)}.placeholder-label{font-family:var(--font-light);font-size:13px;letter-spacing:1px;text-align:center;line-height:1.5;opacity:.55;padding:var(--space-sm)}.about-subsection{margin-top:var(--space-xl)}.about-subheading{margin:0 0 var(--space-md);font-family:var(--font-medium);font-size:14px;letter-spacing:3px;text-transform:uppercase;opacity:.75}.skills-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.skills-group h3{margin:0 0 var(--space-sm);font-family:var(--font-medium);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent)}.skills-group .skills-list{margin-top:0}.edu-list,.timeline-list{display:flex;flex-direction:column;gap:var(--space-md)}.edu-card,.timeline-card{padding:var(--space-md);border:1px solid rgba(213,255,63,.15);background:hsla(0,0%,100%,.02)}.edu-meta,.timeline-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm);font-family:var(--font-light);font-size:13px;letter-spacing:1px;opacity:.65}.edu-card h3,.timeline-card h3{margin:0 0 6px;font-family:var(--font-regular);font-size:clamp(20px,3vw,28px);line-height:1.2}.edu-school,.timeline-company{margin:0 0 var(--space-sm);font-family:var(--font-medium);font-size:16px;color:var(--color-accent)}.timeline-desc{margin:0;font-family:var(--font-italic);font-size:15px;line-height:1.55;opacity:.85}.section-subtext{margin:0 0 var(--space-xl);font-family:var(--font-italic);font-size:clamp(16px,2vw,20px);line-height:1.5;max-width:640px;opacity:.8}.section-subtext--dark{opacity:.7}.section-title--sm{font-size:clamp(28px,5vw,48px)}.work-subsection{margin-bottom:var(--space-2xl)}.work-subsection--personal{margin-bottom:0}.section--work{overflow:hidden}.work-decor{position:absolute;right:-8%;top:12%;width:min(420px,40vw);aspect-ratio:1;opacity:.12;pointer-events:none;z-index:0;border:none}.section--work .section-inner{position:relative;z-index:1}.browser-grid{display:grid;gap:var(--space-md);align-items:stretch}.browser-grid--client,.browser-grid--personal{grid-template-columns:repeat(4,1fr)}.browser-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}.browser-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(213,255,63,.45);box-shadow:0 12px 40px rgba(213,255,63,.08)}.browser-chrome{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;background:rgba(0,0,0,.35);border-bottom:1px solid hsla(0,0%,100%,.08)}.browser-dots{display:flex;gap:6px;flex-shrink:0}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-url{flex:1;padding:6px 12px;background:hsla(0,0%,100%,.06);border-radius:6px;font-family:var(--font-light);font-size:11px;letter-spacing:.5px;color:hsla(0,0%,100%,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-screenshot{width:100%;border:none;border-radius:0}.browser-screenshot-img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.browser-body{padding:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;flex:1}.browser-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:8px}.browser-title-row h3{margin:0;font-family:var(--font-regular);font-size:clamp(18px,2.5vw,24px);line-height:1.2}.browser-card--compact .browser-title-row h3{font-size:clamp(15px,2vw,18px)}.status-badge{flex-shrink:0;padding:4px 10px;font-family:var(--font-medium);font-size:10px;letter-spacing:1.5px;border-radius:4px}.status-badge--live{background:rgba(40,200,64,.15);color:#28c840;border:1px solid rgba(40,200,64,.35)}.status-badge--wip{background:rgba(254,188,46,.12);color:#febc2e;border:1px solid rgba(254,188,46,.35)}.browser-desc{margin:0 0 var(--space-sm);font-family:var(--font-italic);font-size:14px;line-height:1.45;opacity:.75;flex:1}.browser-card--compact .browser-desc{font-size:12px}.browser-visit{font-family:var(--font-medium);font-size:13px;letter-spacing:1px;color:var(--color-accent);transition:opacity .25s ease;margin-top:auto}.browser-visit:hover{opacity:.75}.logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.logo-placeholder,.logo-slot{aspect-ratio:3/1;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(18,16,24,.2);background:hsla(0,0%,100%,.45);font-family:var(--font-light);font-size:12px;letter-spacing:1px;text-align:center;line-height:1.4;opacity:.75;padding:var(--space-sm)}.logo-slot img{max-width:80%;max-height:60%;-o-object-fit:contain;object-fit:contain}.testimonial-card{margin:0;padding:var(--space-lg);background:hsla(0,0%,100%,.55);border:1px solid rgba(18,16,24,.08)}.testimonial-card p{margin:0 0 var(--space-md);font-family:var(--font-italic);font-size:clamp(18px,2.5vw,22px);line-height:1.5}.testimonial-card--placeholder{max-width:640px;border-style:dashed;opacity:.85}.testimonial-card--placeholder footer span{font-family:var(--font-light);font-size:13px;font-style:italic;opacity:.6}.contact-block{max-width:720px}.contact-channels{list-style:none;margin:var(--space-xl) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.contact-channel{display:inline-flex;align-items:center;gap:var(--space-md);font-family:var(--font-medium);font-size:clamp(18px,2.5vw,24px);letter-spacing:.5px;color:hsla(0,0%,100%,.92);transition:color .25s ease}.contact-channel svg{width:28px;height:28px;flex-shrink:0}.contact-channel svg,.contact-channel:hover{color:var(--color-accent)}.portfolio-footer{padding:var(--space-lg) var(--space-md) calc(var(--space-2xl) + env(safe-area-inset-bottom, 0px));background:var(--color-bg-contact);color:hsla(0,0%,100%,.45);text-align:center;font-family:var(--font-light);font-size:14px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}body.hero-complete .hero-copy,body.hero-complete .hero-scroll-hint{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}@media (max-width:768px){.section{padding:48px 16px calc(48px + env(safe-area-inset-bottom, 0px))}.hero-scroll{height:320vh}.section-title{font-size:clamp(28px,8vw,40px)}.section-title--sm{font-size:clamp(22px,6vw,32px)}.section-body,.section-subtext{font-size:clamp(15px,4vw,18px)}.section-subtext{margin-bottom:32px}.work-subsection{margin-bottom:48px}.browser-grid,.browser-grid--client,.browser-grid--personal{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3.5vw,16px);align-items:stretch}.browser-chrome{padding:6px 8px;gap:6px}.browser-dots{gap:4px}.dot{width:7px;height:7px}.browser-url{font-size:10px;padding:4px 6px;letter-spacing:0}.browser-body{padding:8px 10px 10px;position:relative}.browser-body:has(.status-badge){padding-top:26px}.browser-title-row{flex-wrap:wrap;align-items:flex-start;gap:4px;margin-bottom:6px}.browser-title-row h3{font-size:clamp(13px,3.6vw,16px);line-height:1.15;flex:1 1 100%;min-width:0}.browser-card--compact .browser-title-row h3{font-size:clamp(12px,3.2vw,14px)}.status-badge{position:absolute;top:6px;right:6px;font-size:8px;padding:2px 6px;letter-spacing:.5px;max-width:calc(100% - 12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.browser-desc{font-size:11px;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browser-card--compact .browser-desc{font-size:10px}.browser-visit{font-size:11px;min-height:44px;display:inline-flex;align-items:center;padding-top:4px}.skills-groups{grid-template-columns:1fr;gap:24px}.skills-list{gap:8px}.skills-list li{font-size:12px;padding:6px 12px}.edu-list,.timeline-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3.5vw,16px);align-items:stretch}.edu-card,.timeline-card{display:flex;flex-direction:column;height:100%;padding:10px 12px}.edu-meta,.timeline-meta{flex-direction:column;gap:2px;margin-bottom:6px;font-size:10px;letter-spacing:.5px}.edu-card h3,.timeline-card h3{font-size:clamp(12px,3.2vw,14px);line-height:1.15;margin-bottom:4px}.edu-school,.timeline-company{font-size:11px;line-height:1.25;margin-bottom:6px}.timeline-desc{font-size:10px;line-height:1.35;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.edu-meta{margin-top:auto;margin-bottom:0}.contact-channel{min-height:44px;font-size:clamp(16px,4vw,20px)}.hero-title{font-size:clamp(28px,9vw,56px);padding:6px;line-height:.85}.hero-subtitle{font-size:clamp(16px,4vw,24px);line-height:1.2;padding:6px}.hero-copy{top:72px;left:16px;max-width:calc(100dvw - 88px);min-height:130px}.hero-scroll-hint{left:16px;bottom:20px;max-width:160px;z-index:12}.hero-scroll-hint span{font-size:14px;line-height:16px;letter-spacing:1px;max-width:130px;padding:6px}.scroll-gif{width:72px;height:72px;left:-20px}.hero-watermark-mask{--wm-mask-blur:8px}.site-nav-brand{font-size:clamp(14px,3.8vw,16px)}.site-nav-toggle{display:block;min-height:44px;min-width:44px}.site-nav-link{min-height:44px;display:flex;align-items:center}}@media (max-width:480px){:root{--wm-mask-width:30%;--wm-mask-height:11%;--wm-mask-min-width:96px;--wm-mask-min-height:40px;--wm-mask-max-width:200px;--wm-mask-max-height:56px}.logo-link{top:16px;right:16px}.site-logo{width:64px;height:64px}.hero-copy{top:80px;left:16px;max-width:calc(100dvw - 96px)}.hero-scroll-hint{left:16px;bottom:16px}.nav-overlay-inner{left:24px;right:24px;bottom:64px}.nav-links{gap:0}.site-nav{padding:12px 16px}.site-nav-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(6,4,10,.96);padding:8px 0 16px;display:none}.site-nav-menu.is-open{display:flex}.site-nav-link{padding:14px 16px}.about-grid{grid-template-columns:1fr;gap:var(--space-lg)}.placeholder-media--portrait{margin:0 auto}.work-decor{display:none}}@media (max-width:900px) and (min-width:769px){.about-grid{grid-template-columns:1fr}.skills-groups{grid-template-columns:1fr 1fr}.browser-grid--client,.browser-grid--personal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.body-wrap,.browser-card,.btn-primary,.hero-state,.loading-wrap,.nav-overlay,.reveal,.site-nav{transition:none!important}.browser-card:hover,.reveal{transform:none}.reveal{opacity:1}.hero-scroll{height:100dvh}.hero-scroll-hint span:after{content:" — static preview"}}.contact-form{margin-top:var(--space-xl);gap:var(--space-md);max-width:560px}.contact-form,.contact-form-row{display:flex;flex-direction:column}.contact-form-row{gap:8px}.contact-form-label{font-family:var(--font-medium);font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.75}.contact-form-input,.contact-form-textarea{width:100%;padding:14px 16px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.15);color:#fff;font-family:var(--font-light);font-size:16px;line-height:1.4;transition:border-color .25s ease}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:rgba(213,255,63,.45)}.contact-form-textarea{min-height:140px;resize:vertical}.contact-form-error{margin:0;font-family:var(--font-light);font-size:13px;color:#ff6b6b}.contact-form-submit{align-self:flex-start;padding:14px 28px;background:var(--color-accent);border:none;color:#000;font-family:var(--font-medium);font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:opacity .25s ease}.contact-form-submit:hover{opacity:.85}.contact-form-submit:disabled{opacity:.5;cursor:not-allowed}.contact-form-note{margin:var(--space-sm) 0 0;font-family:var(--font-light);font-size:13px;opacity:.55;letter-spacing:.5px}.contact-form-success{margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);border:1px solid rgba(213,255,63,.35);background:rgba(213,255,63,.08);font-family:var(--font-light);font-size:14px;color:var(--color-accent)}