#crt-overlay{z-index:100000;opacity:0;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}#crt-overlay.active{opacity:1;pointer-events:all}#crt-overlay:before{content:"";z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 3px);position:absolute;inset:0}#crt-overlay:after{content:"";z-index:11;pointer-events:none;background:radial-gradient(#0000 55%,#000000b3 100%);position:absolute;inset:-2%}.crt-screen{justify-content:center;align-items:center;display:none;position:absolute;inset:0}.crt-screen.visible{display:flex}#crt-boot-screen{background:#000}#crt-boot-screen .crt-beam{opacity:0;z-index:2;background:#fff;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)scaleX(0);box-shadow:0 0 20px 6px #b4dcffcc,0 0 60px 15px #8cb4ff4d}#crt-boot-screen .crt-static{opacity:0;z-index:4;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#crt-boot-screen .crt-bubble{z-index:3;background:#000;height:0;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.crt-click-prompt{letter-spacing:.4em;color:#0006;text-shadow:none;z-index:5;opacity:0;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:clamp(1rem,2.5vw,1.8rem);animation:3s ease-in-out infinite crt-prompt-flicker;display:flex;position:absolute;inset:0}@keyframes crt-prompt-flicker{0%,to{color:#00000059}50%{color:#00000080}}#crt-boot-screen.booting{animation:.12s ease-in-out 8 crt-flicker}#crt-video-screen video{object-fit:contain;background:#000;width:100%;height:100%}#crt-retro-ui .retro-ui-container{text-align:center;color:#00ff4c;z-index:1;padding:2rem;font-family:Courier New,monospace}#crt-retro-ui h1{text-shadow:0 0 10px #00ff4c80;letter-spacing:.3em;margin-bottom:1rem;font-size:clamp(2rem,5vw,4rem)}#crt-retro-ui p{opacity:.6;margin-bottom:2.5rem;font-size:1.1rem}#crt-logout{color:#00ff4c;cursor:pointer;text-transform:uppercase;letter-spacing:.15em;background:0 0;border:1px solid #00ff4c;padding:.8rem 2.5rem;font-family:Courier New,monospace;font-size:1rem;transition:background .2s,color .2s}#crt-logout:hover{color:#000;background:#00ff4c}.crt-power-wrap{position:absolute;inset:0}#crt-overlay.powering-down .crt-power-wrap{animation:.8s cubic-bezier(.7,0,1,1) forwards crt-power-down}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.75}}@keyframes crt-power-down{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(2.5);transform:scale(1.03,.005)}75%{filter:brightness(3);transform:scale(.6,.005)}to{filter:brightness(0);transform:scale(0)}}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Thin.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-ThinItalic.ttf)format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Demibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-DemiboldItalic.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-Extrabold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Arsenica;src:url(/fonts/arsenica/ArsenicaTrial-ExtraboldItalic.ttf)format("truetype");font-weight:800;font-style:italic;font-display:swap}:root{--clr-base:#080708;--clr-blue:#3772ff;--clr-red:#df2935;--clr-yellow:#fdca40;--clr-light:#e6e8e6;--clr-dim:#e6e8e68c;--clr-green:#2d8b57;--header-h:96px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--clr-base);color:var(--clr-light);font-family:Cabinet Grotesk,-apple-system,sans-serif;font-weight:300}#splat-canvas{pointer-events:none;z-index:4;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0}#site-header{z-index:9999;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;height:96px;padding:0 0 0 10vw;display:flex;position:fixed;top:0;left:0;right:0}#site-header:before{content:"";z-index:-1;background:var(--clr-base);clip-path:polygon(0 0,100% 0,100% 13px,0 85px);position:absolute;inset:0}.header-name{letter-spacing:.06em;color:var(--clr-yellow);pointer-events:all;text-shadow:0 2px 12px #0006;font-family:Arsenica,Georgia,serif;font-size:1.4rem;font-weight:500}.header-nav{padding-right:max(1rem, env(safe-area-inset-right,0px));pointer-events:all;align-self:flex-start;gap:2rem;margin-top:3rem;margin-left:auto;display:flex}.header-nav a{letter-spacing:.14em;text-transform:uppercase;color:var(--clr-light);text-shadow:0 2px 10px #00000080;font-family:Cabinet Grotesk,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--clr-yellow)}main{--tail-runway:100vh;padding-bottom:var(--tail-runway);position:relative}#hero{pointer-events:none;flex-direction:column;justify-content:center;max-width:50vw;min-height:100vh;padding-bottom:8vh;padding-left:10vw;display:flex}#hero h1{letter-spacing:-.02em;font-family:Arsenica;font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:1}#hero p{color:var(--clr-dim);letter-spacing:.15em;text-transform:uppercase;margin-top:1rem;font-size:1.2rem;font-weight:300}section{min-height:100vh;padding:3vh 10vw;position:relative}.grain-overlay{pointer-events:none;z-index:0;opacity:.12;image-rendering:pixelated;background-repeat:repeat;position:absolute;inset:0}#about{z-index:2;padding-top:calc(var(--header-h) + 3vh);background:var(--clr-base);align-items:center;padding-bottom:25vh;display:flex;position:sticky;top:0}.about-content{max-width:600px}.about-content h2{margin-bottom:2rem;font-family:Arsenica,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300}.about-lead{color:var(--clr-light);margin-bottom:1.5rem;font-size:1.45rem;font-weight:300;line-height:1.7}.about-content p{color:var(--clr-dim);margin-bottom:1rem;font-size:1.2rem;font-weight:300;line-height:1.8}.about-content p strong,.projects-intro strong,.project-info p strong,.project-card-info p strong,.current-item-desc strong,.current-content p strong{color:var(--clr-yellow);font-weight:500}#current{z-index:3;background:var(--clr-blue);clip-path:polygon(0 85px,100% 13px,100% 100%,0 100%);align-items:center;padding-top:calc(92px + 2rem);padding-bottom:12vh;display:flex;position:sticky;top:0}#current:before{content:"";clip-path:polygon(0 85px,100% 13px,100% 16px,0 88px);pointer-events:none;z-index:1;background:#fff;height:92px;position:absolute;top:0;left:0;right:0}.current-layout{z-index:2;grid-template-columns:1fr 1.2fr;align-items:center;gap:4vw;width:100%;display:grid;position:relative}.current-content{max-width:600px}.current-content h2{color:var(--clr-light);margin-bottom:2rem;font-family:Arsenica,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300}.current-content p{color:#e6e8e6bf;margin-bottom:1rem;font-size:1.2rem;font-weight:300;line-height:1.8}#work{z-index:5;background:var(--clr-red);clip-path:polygon(0 85px,100% 13px,100% 100%,0 100%);flex-direction:column;justify-content:center;padding-top:10vh;padding-bottom:35vh;display:flex;position:sticky;top:0;overflow:hidden}#work:before{content:"";clip-path:polygon(0 85px,100% 13px,100% 16px,0 88px);pointer-events:none;z-index:1;background:#fff;height:92px;position:absolute;top:0;left:0;right:0}.work-heading{color:var(--clr-light);margin-top:1rem;margin-bottom:8vh;font-family:Arsenica,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300}.gallery-wrap{background:var(--clr-base);border:1px solid #fdca4033;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #0006,0 4px 30px #00000059}.gallery-track{will-change:transform;cursor:grab;flex:1;display:flex}.gallery-track:active{cursor:grabbing}.carousel-controls{justify-content:center;align-items:center;gap:1rem;padding:1rem 0 .5rem;display:flex}.carousel-prev,.carousel-next{color:var(--clr-light);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:border-color .2s,color .2s;display:flex}.carousel-prev:hover,.carousel-next:hover{border-color:var(--clr-yellow);color:var(--clr-yellow)}.carousel-dots{gap:8px;display:flex}.carousel-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:8px;height:8px;transition:background .3s}.carousel-dot.active{background:var(--clr-yellow)}.gallery-slide{flex:0 0 100%;grid-template-columns:1fr 1.2fr;align-items:center;gap:6vw;width:100%;padding:5vh 3vw;display:grid}.project-info{padding-left:4vw}.project-info h3{margin-bottom:1.5rem;font-family:Arsenica,Georgia,serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:400}.project-info p{color:var(--clr-dim);margin-bottom:1.5rem;font-size:1.2rem;font-weight:300;line-height:1.8}.project-tag{background:var(--clr-yellow);color:var(--clr-base);text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:2rem;margin-bottom:.5rem;margin-right:.5rem;padding:.4rem 1.1rem;font-family:Cabinet Grotesk,sans-serif;font-size:.9rem;font-weight:700;display:inline-block}.project-window,.gis-window{background:#111;border:1px solid #fdca4026;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.vid-next-overlay{cursor:pointer;opacity:0;pointer-events:none;z-index:10;background:#0000008c;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.vid-next-overlay.visible{opacity:1;pointer-events:auto}.vid-next-overlay span{color:#fff;letter-spacing:.18em;text-transform:uppercase;border:1px solid #fff6;border-radius:4px;padding:.6em 1.4em;font-size:.8rem;transition:background .2s,border-color .2s}.vid-next-overlay:hover span{background:#ffffff1a;border-color:#ffffffb3}.window-chrome{background:var(--clr-base);border-bottom:1px solid #fdca401a;gap:8px;padding:12px 16px;display:flex}.window-dot{border-radius:50%;width:12px;height:12px}.window-dot.red{background:var(--clr-red)}.window-dot.yellow{background:var(--clr-yellow)}.window-dot.green{background:var(--clr-blue)}.window-content{aspect-ratio:16/10;position:relative;overflow:hidden}.window-content video{object-fit:contain;width:100%;height:100%;display:block}.vid-controls{opacity:0;background:linear-gradient(#0000,#0009);flex-direction:column;gap:4px;padding:6px 10px 8px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.window-content:hover .vid-controls{opacity:1}.vid-buttons,.vid-volume{align-items:center;gap:6px;display:flex}.vid-seekbar{appearance:none;background:linear-gradient(to right, #ffffffd9 var(--seek-pct,0%), #ffffff40 var(--seek-pct,0%));cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px;transition:height .15s}.vid-seekbar:hover{height:5px}.vid-seekbar::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.vid-seekbar:hover::-webkit-slider-thumb{opacity:1}.vid-seekbar::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.vid-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:background .15s;display:flex}.vid-btn:hover{background:#000000d9}.vid-btn svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;overflow:visible}.vid-play .icon-pause,.vid-play.is-playing .icon-play{display:none}.vid-play.is-playing .icon-pause{display:block}.vid-mute .icon-muted,.vid-mute.is-muted .icon-sound{display:none}.vid-mute.is-muted .icon-muted{display:block}.vid-expand .icon-shrink,.vid-expand.is-expanded .icon-expand{display:none}.vid-expand.is-expanded .icon-shrink{display:block}.project-window:fullscreen{border-radius:0}.project-window:fullscreen .window-content{aspect-ratio:unset;height:calc(100% - 45px)}.vid-slider{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;outline:none;flex:1;height:3px}.vid-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.vid-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.globe-container{justify-content:center;align-items:center;min-height:450px;display:flex;position:relative}.globe-canvas-wrap{flex-direction:column;align-items:center;width:100%;height:400px;transition:opacity .5s,transform .5s;display:flex;position:relative}.globe-canvas-wrap canvas{margin:auto;display:block}.globe-canvas-wrap.hidden{opacity:0;pointer-events:none;transform:scale(.5)}.globe-label{color:var(--clr-dim);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;font-size:.85rem;position:absolute;bottom:0}.gis-window{opacity:0;pointer-events:none;z-index:2;position:absolute;inset:0;transform:scale(.3)}.gis-window.active{opacity:1;pointer-events:all;transition:opacity .6s .2s,transform .6s cubic-bezier(.16,1,.3,1) .2s;transform:scale(1)}.gis-window:not(.active){transition:opacity .4s,transform .4s}.gis-window .window-chrome{cursor:pointer}#projects{z-index:6;background:var(--clr-green);clip-path:polygon(0 85px,100% 13px,100% 100%,0 100%);padding:14vh 10vw 35vh;display:block;position:sticky;top:0}#projects:before{content:"";clip-path:polygon(0 85px,100% 13px,100% 16px,0 88px);pointer-events:none;z-index:1;background:#fff;height:92px;position:absolute;top:0;left:0;right:0}.projects-heading{color:var(--clr-light);margin-bottom:1.5rem;font-family:Arsenica,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300}.projects-intro{color:var(--clr-light);max-width:700px;margin-bottom:0;font-size:1.2rem;line-height:1.8}.projects-intro-break{height:.65rem;display:block}.projects-layout{grid-template-columns:1fr 1fr;align-items:start;gap:4vw;min-width:0;display:grid}.projects-info-col{position:sticky;top:20vh}.projects-pinned{min-height:calc(100vh - var(--header-h))}.spin-card-wrap{perspective:1200px;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.spin-card{width:100%;min-width:0;transform-style:preserve-3d;will-change:transform}.project-face{background:var(--clr-base);backface-visibility:hidden;border:1px solid #fdca401f;border-radius:16px;flex-direction:column;gap:1.75rem;padding:2.85rem 2rem;display:flex;box-shadow:0 15px 50px #0006}.spin-dots{gap:.6rem;margin-top:2rem;display:flex}.spin-dot{background:#e6e8e640;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.spin-dot.active{background:var(--clr-yellow);transform:scale(1.3)}.project-card-info h3{color:var(--clr-light);margin-bottom:1rem;font-family:Arsenica,Georgia,serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:300}.project-card-info p{color:var(--clr-light);margin-bottom:.8rem;font-size:1rem;line-height:1.6}.project-card-info .project-tag{margin-bottom:.5rem;margin-right:.5rem}.project-status{border:1px solid var(--clr-yellow);color:var(--clr-yellow);text-transform:uppercase;letter-spacing:.1em;border-radius:2rem;margin-bottom:.5rem;margin-right:.5rem;padding:.3rem .9rem;font-size:.75rem;font-weight:700;display:inline-block}.project-link{color:var(--clr-yellow);letter-spacing:.08em;margin-top:1rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.project-link:hover{opacity:.7}.project-card-visual{background:#111;border:1px solid #fdca4026;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0009}.project-card-visual .window-chrome{background:var(--clr-base);border-bottom:1px solid #fdca401a;align-items:center;gap:8px;padding:12px 16px;display:flex}.window-title{color:var(--clr-dim);letter-spacing:.05em;margin-left:auto;font-size:.75rem}.code-panel{color:var(--clr-dim);white-space:pre;min-height:220px;max-height:320px;padding:1.35rem 1.2rem;font-family:Courier New,Consolas,monospace;font-size:.72rem;line-height:1.6;overflow:hidden auto}.code-panel .kw{color:var(--clr-blue)}.code-panel .str{color:var(--clr-yellow)}.code-panel .cmt{color:#e6e8e64d}.code-panel .typ{color:var(--clr-red)}.code-panel .fn{color:#9cdcfe}.code-panel .num{color:#b5cea8}.current-items{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.current-item{cursor:default;border-top:1px solid #ffffff26;padding:1.2rem 0}.current-item-header{align-items:center;gap:.75rem;display:flex}.status-dot{background:var(--clr-yellow);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.status-dot.open-source{background:#2d8b57}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.status-label{text-transform:uppercase;letter-spacing:.12em;color:#e6e8e680;font-family:Cabinet Grotesk,sans-serif;font-size:.65rem}.current-item-name{color:var(--clr-light);font-family:Arsenica,Georgia,serif;font-size:1.3rem;font-weight:300}.current-item-desc{color:#e6e8e6a6;margin-top:.5rem;font-size:.95rem;font-weight:300;line-height:1.7}#tech-globe-container{width:100%;height:420px;position:relative}#tech-globe{width:100%;height:100%;display:block}@media (width<=768px){.current-layout{grid-template-columns:1fr}#tech-globe-container{min-height:300px}.projects-layout{grid-template-columns:1fr}.projects-info-col{position:static}}#contact{z-index:7;min-height:calc(100vh - 15px);margin-top:80vh;padding-top:0;padding-bottom:0;position:sticky;top:0}.contact-inner{background:var(--clr-base);clip-path:polygon(0 85px,100% 13px,100% 100%,0 100%);position:absolute;inset:0}.contact-inner:before{content:"";clip-path:polygon(0 85px,100% 13px,100% 16px,0 88px);pointer-events:none;z-index:1;background:#fff;height:92px;position:absolute;top:0;left:0;right:0}.contact-content{z-index:2;flex-direction:column;min-height:100%;padding:calc(92px + 2.5rem) 10vw 4rem;display:flex;position:relative}.contact-heading{color:var(--clr-light);letter-spacing:.02em;margin:0 0 clamp(1.5rem,4vw,2.5rem);font-family:Arsenica,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,4rem);max-width:1100px;display:grid}.contact-avatar-wrap{width:140px;height:140px;margin-bottom:1.25rem;position:relative}.contact-avatar{object-fit:cover;border:2px solid #e6e8e626;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 4px 24px #00000059}.contact-avatar-status{background:var(--clr-base);border:2px solid #e6e8e633;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;line-height:1;display:flex;position:absolute;bottom:-2px;right:-2px}.contact-name{color:var(--clr-light);letter-spacing:.02em;margin-bottom:.35rem;font-family:Arsenica,Georgia,serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500}.contact-meta{color:var(--clr-dim);margin-bottom:.75rem;font-size:.95rem}.contact-bio{color:var(--clr-light);max-width:28ch;margin-bottom:1.25rem;font-size:1rem;font-weight:300;line-height:1.55}.contact-social{flex-wrap:wrap;gap:.65rem;display:flex}.contact-social-link{width:44px;height:44px;color:var(--clr-light);background:#e6e8e60f;border:1px solid #e6e8e61f;border-radius:10px;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s;display:flex}.contact-social-link:hover{color:var(--clr-yellow);background:#fdca4014;border-color:#fdca4059}.contact-social-link:focus-visible{outline:2px solid var(--clr-yellow);outline-offset:3px}.contact-icon{width:22px;height:22px;display:block}.contact-message-heading{color:var(--clr-light);letter-spacing:.02em;margin-bottom:1.25rem;font-family:Arsenica,Georgia,serif;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:500}.contact-form{flex-direction:column;gap:.5rem;display:flex}.contact-label{letter-spacing:.12em;text-transform:uppercase;color:var(--clr-dim);margin-top:.35rem;font-size:.8rem;font-weight:500}.contact-label:first-of-type{margin-top:0}.contact-optional{text-transform:none;letter-spacing:.04em;font-size:.75rem;font-weight:300}.contact-input,.contact-textarea{width:100%;color:var(--clr-light);background:#e6e8e60d;border:1px solid #e6e8e62e;border-radius:8px;padding:.65rem .85rem;font-family:Cabinet Grotesk,-apple-system,sans-serif;font-size:1rem;font-weight:400;transition:border-color .2s,background .2s}.contact-input::placeholder,.contact-textarea::placeholder{color:#e6e8e659}.contact-input:hover,.contact-textarea:hover{border-color:#e6e8e647}.contact-input:focus,.contact-textarea:focus{background:#e6e8e612;border-color:#fdca408c;outline:none}.contact-textarea{resize:vertical;min-height:140px;line-height:1.5}.contact-send{letter-spacing:.14em;text-transform:uppercase;color:var(--clr-base);background:var(--clr-yellow);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;margin-top:.75rem;padding:.85rem 1.75rem;font-family:Cabinet Grotesk,sans-serif;font-size:.85rem;font-weight:600;transition:filter .2s,transform .15s}.contact-send:hover{filter:brightness(1.05)}.contact-send:active{transform:scale(.98)}.contact-send:focus-visible{outline:2px solid var(--clr-yellow);outline-offset:3px}.contact-scratch-group{margin-top:auto;width:fit-content;max-width:min(100%,28rem);margin-inline:auto;padding-top:2rem}.contact-scratch-label{letter-spacing:.12em;text-transform:uppercase;color:#e6e8e647;margin:0 0 .4rem;font-family:Cabinet Grotesk,sans-serif;font-size:.7rem;font-weight:600}.contact-scratch{border-radius:8px;width:fit-content;max-width:100%;position:relative;overflow:hidden}.contact-scratch-text{z-index:0;color:var(--clr-text);margin:0;padding:.45rem .65rem;font-family:Cabinet Grotesk,sans-serif;font-size:.85rem;font-weight:500;line-height:1.45;position:relative}.contact-scratch-canvas{z-index:1;cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=768px){.contact-layout{grid-template-columns:1fr}.contact-message{padding-top:.5rem}}#contact-tail{min-height:120vh}