@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.hidden{display:none}.resize{resize:both}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#f1ede7;--paper:#08090b;--acid:#ff895b;--line:#ffffff20;--muted:#979a9f;--font-geist-sans:Arial,Helvetica,sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),sans-serif;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--acid);color:#08090b}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:6px}.shell{width:min(1360px,100% - 100px);margin-inline:auto}.noise{pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{border-bottom:1px solid var(--line);z-index:3;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.brand{letter-spacing:-1px;font-size:20px;font-weight:800}.brand span{color:var(--acid)}.nav nav{color:#aaa;gap:36px;font-size:12px;display:flex}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--acid)}.status{font:10px var(--font-geist-mono);letter-spacing:1px;align-items:center;gap:10px;display:flex}.status i{background:#b1d7a0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #b1d7a055}.hero{isolation:isolate;flex-direction:column;align-items:flex-start;height:calc(100svh - 88px);min-height:760px;max-height:1000px;padding:58px 0 24px;display:flex;position:relative}.eyebrow,.section-label{font:10px var(--font-geist-mono);letter-spacing:1.8px;align-items:center;gap:18px;display:flex}.eyebrow span,.section-label span{color:var(--acid)}.hero-name{font:11px var(--font-geist-mono);letter-spacing:2px;margin-top:46px}.hero-name span{color:#999;letter-spacing:1px;margin-top:10px;font-size:9px;display:block}.hero h1{letter-spacing:-.065em;pointer-events:none;z-index:1;margin:26px 0 32px;font-size:clamp(52px,6.2vw,94px);font-weight:600;line-height:.99;position:relative}.hero h1 em{color:var(--acid);font-style:normal;display:block}.hero h1 em+br{display:none}.hero h1 .outline{color:#87888c}.hero-bottom{z-index:1;max-width:530px;position:relative}.hero-bottom>p{color:#a7a7ac;max-width:455px;margin:0;font-size:14px;line-height:1.9}.hero-actions{gap:14px;margin-top:28px;display:flex}.button{letter-spacing:.04em;border:1px solid #ffffff30;justify-content:center;align-items:center;gap:24px;min-height:46px;padding:0 22px;font-size:11px;transition:background .25s,transform .25s;display:inline-flex}.button.primary{background:var(--acid);border-color:var(--acid);color:#15100e}.button:hover{background:#ffffff15;transform:translateY(-3px)}.button.primary:hover{background:#ffa27c}.system-line{border-top:1px solid var(--line);width:100%;font:9px var(--font-geist-mono);letter-spacing:1.6px;color:#83858a;justify-content:space-between;margin-top:auto;padding-top:20px;display:flex}.system-line span:last-child{color:var(--acid)}.core-scene{z-index:-1;background:#060709;width:59%;height:78%;position:absolute;top:8%;right:-3%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 94%,#0000)}.core-scene canvas{opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}.core-scene canvas.ready{opacity:1}.core-fallback{aspect-ratio:1;border:35px solid #ad5130;border-radius:50%;width:48%;position:absolute;top:26%;left:26%;transform:rotate(-25deg)rotateY(35deg);box-shadow:inset 0 0 35px #ff9b61,0 0 65px #cb512955}.scene-top,.scene-bottom{font:9px/1.8 var(--font-geist-mono);letter-spacing:1px;color:#8d7c75;pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:13%;right:8%}.scene-bottom{align-items:end;bottom:3%}.scene-bottom small{color:#777;font-size:8px}.scene-bottom button{pointer-events:auto;color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff24;min-height:44px;padding:8px 12px;font-size:9px}.crosshair{color:var(--acid);font-size:25px}.manifesto{border-bottom:1px solid var(--line);grid-template-columns:1fr 2.4fr;gap:40px;padding:120px 0;display:grid}.manifesto-copy p{color:var(--muted);margin:0 0 20px;font-size:12px}.manifesto h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3.1vw,48px);font-weight:500;line-height:1.55}.manifesto h2 span{color:var(--acid)}.section-head{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.section-head>p{color:var(--muted);font-size:12px}.experience,.credentials,.work{padding:95px 0 20px}.experience-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.experience-grid article{border:1px solid var(--line);background:linear-gradient(140deg,#131416,#0c0d0f);flex-direction:column;min-height:320px;padding:28px;transition:border-color .3s,transform .3s,background .3s;display:flex;position:relative}.experience-grid article:hover{background:linear-gradient(140deg,#211712,#0c0d0f);border-color:#ff895b70;transform:translateY(-5px)}.experience-meta{font:10px var(--font-geist-mono);color:#74767a;letter-spacing:1px;justify-content:space-between;display:flex}.experience-meta span{color:var(--acid)}.experience-meta small{font-size:9px}.experience-grid h3{letter-spacing:-.03em;margin:52px 0 18px;font-size:23px;font-weight:500}.experience-grid p{color:#a0a0a6;margin:0 0 27px;font-size:13px;line-height:1.85}.experience-grid ul,.project ul{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none;display:flex}.experience-grid li,.project li{font:9px/1.5 var(--font-geist-mono);color:#b6aea9;border:1px solid #ffffff1c;border-radius:3px;padding:5px 8px}.credentials-layout{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr;gap:65px;padding:36px 0;display:grid}.credential-title{align-items:center;gap:12px;display:flex}.credential-title>span{width:28px;height:28px;color:var(--acid);font:11px var(--font-geist-mono);border:1px solid #ff895b50;place-items:center;display:grid}.credential-title h2{font:12px var(--font-geist-mono);letter-spacing:2px}.credential-title br{display:none}.award-list,.cert-column ol{margin:25px 0 0;padding:0;list-style:none}.award-list article{border-bottom:1px solid var(--line);grid-template-columns:22px 60px 1fr;align-items:center;gap:15px;min-height:76px;display:grid}.award-list small,.cert-column li>span{font:9px var(--font-geist-mono);color:#888}.award-list strong{font:13px var(--font-geist-mono);color:var(--acid)}.award-list p{margin:0;font-size:13px;line-height:1.5}.cert-column li{border-bottom:1px solid var(--line);align-items:center;gap:20px;min-height:101px;display:flex}.cert-column li p{margin:0;font-size:14px;line-height:1.6}.cert-column li p:before{content:"AWS / ";color:var(--acid);font:9px var(--font-geist-mono);margin-bottom:5px;display:block}.work{padding-bottom:90px}.project-list{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);grid-template-columns:30px 1.2fr 1.2fr .9fr 22px;align-items:center;gap:28px;padding:34px 0;transition:background .25s,padding .25s;display:grid}.project:hover{background:#151210;padding-inline:16px}.project-index{font:10px var(--font-geist-mono);color:#777}.project small{font:9px var(--font-geist-mono);color:var(--acid);letter-spacing:1px}.project h3{letter-spacing:-1px;margin:8px 0 0;font-size:25px;font-weight:500}.project>p{color:#999ca1;font-size:12px;line-height:1.8}.project ul{margin:0}.arrow{color:var(--acid);font-size:24px;font-weight:400}.all-projects{font:10px var(--font-geist-mono);letter-spacing:1px;color:#aaa;gap:24px;margin-top:28px;display:inline-flex}.all-projects:hover{color:var(--acid)}.skills{border-block:1px solid var(--line);background:#111214;width:100%;padding:90px max(50px,50vw - 680px)}.skills-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin:52px 0;display:grid}.skills-intro h2{letter-spacing:-.06em;margin:0;font-size:clamp(52px,6vw,90px);font-weight:500;line-height:1}.skills-intro h2 i{color:var(--acid);font-style:normal}.skills-intro p{color:#989ba1;max-width:390px;font-size:15px;line-height:1.9}.skill-grid{grid-template-columns:repeat(3,1fr);display:grid}.skill-grid article{border-top:1px solid var(--line);min-height:185px;padding:25px 24px 25px 0}.skill-grid article span{font:9px var(--font-geist-mono);color:var(--acid)}.skill-grid h3{font:12px var(--font-geist-mono);letter-spacing:1px;margin:28px 0 12px}.skill-grid p{color:#898d93;max-width:300px;font-size:12px;line-height:1.8}.contact{padding:110px 0 120px;position:relative}.contact:after{content:"↗";color:var(--acid);font-size:180px;font-weight:200;transition:transform .5s;position:absolute;top:100px;right:2%}.contact:hover:after{transform:translate(10px,-10px)}.contact h2{letter-spacing:-.04em;margin:55px 0 28px;font-size:clamp(42px,6vw,86px);font-weight:500;line-height:1.15}.contact h2 span{color:var(--acid)}.contact>p{color:#a0a0a6;font-size:14px}.contact-links{gap:12px;margin-top:30px;display:flex}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}footer p{font:9px var(--font-geist-mono);color:#85858b;letter-spacing:1px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (min-width:1600px){.hero{min-height:850px}.hero h1{font-size:102px}}@media (max-width:1000px){.shell{width:calc(100% - 48px)}.hero{min-height:740px}.hero h1{font-size:64px}.core-scene{opacity:.7;width:62%;height:64%;top:14%;right:-3%}.hero-bottom{max-width:420px}.experience-grid{grid-template-columns:repeat(2,1fr)}.project{grid-template-columns:24px 1fr 1fr 20px;gap:18px}.project ul{grid-column:2/4}.project .arrow{grid-area:auto/4}.skills{width:100%;padding-inline:24px}.credentials-layout{gap:35px}.manifesto{grid-template-columns:1fr 2fr}.contact:after{font-size:120px}}@media (max-width:640px){.shell{width:calc(100% - 36px)}.nav{flex-wrap:wrap;align-content:center;row-gap:12px;height:92px}.nav .brand{font-size:17px}.nav nav{order:3;gap:25px;width:100%;font-size:10px}.status{font-size:8px}.hero{height:auto;min-height:1060px;max-height:none;padding-top:32px}.eyebrow{letter-spacing:1px;font-size:8px}.hero-name{margin-top:34px;font-size:10px}.hero-name span{font-size:8px}.hero h1{margin-top:24px;font-size:clamp(40px,10.8vw,66px)}.core-scene{opacity:1;width:calc(100% + 36px);height:370px;top:350px;left:-18px;right:auto}.hero-bottom{max-width:none;margin-top:345px}.hero-bottom>p{font-size:13px}.hero-actions{gap:10px}.button{padding-inline:18px;font-size:10px}.system-line{letter-spacing:.5px;margin-top:40px;font-size:8px}.system-line span:nth-child(2){display:none}.scene-top{top:2%}.scene-bottom{bottom:4%}.manifesto{grid-template-columns:1fr;gap:32px;padding:70px 0}.manifesto h2{font-size:27px}.experience,.credentials,.work{padding-top:65px}.section-head{flex-direction:column;align-items:start;gap:8px;margin-bottom:24px}.section-label{letter-spacing:1px;font-size:9px}.experience-grid{grid-template-columns:1fr}.experience-grid article{min-height:290px;padding:25px}.experience-grid h3{margin-top:35px}.credentials-layout{grid-template-columns:1fr;gap:40px}.award-list article{grid-template-columns:20px 45px 1fr;gap:10px}.award-list p{font-size:12px}.project{grid-template-columns:22px 1fr 20px;padding:26px 0}.project>p{grid-column:2/4;margin:0}.project ul{grid-column:2/4}.project .arrow{grid-area:1/3}.project h3{font-size:23px}.work{padding-bottom:65px}.skills{width:100%;padding:65px 18px}.skills-intro{grid-template-columns:1fr;gap:20px;margin:35px 0}.skills-intro h2{font-size:58px}.skills-intro p{font-size:13px}.skill-grid{grid-template-columns:1fr 1fr;gap:0 15px}.skill-grid article{padding-right:0}.skill-grid h3{letter-spacing:0;font-size:10px}.skill-grid p{font-size:11px}.contact{padding:75px 0}.contact:after{font-size:58px;top:118px;right:0}.contact h2{font-size:36px}.contact>p{max-width:310px;font-size:13px;line-height:1.8}.contact-links{flex-wrap:wrap}footer{flex-direction:column;justify-content:center;align-items:start;gap:12px;padding-block:30px}footer p{margin:0}}.cert-column li{min-height:0;padding:16px 0;display:block}.certification-card{border:1px solid #0000;grid-template-columns:104px 1fr;align-items:center;gap:24px;padding:8px;transition:background .2s,border-color .2s;display:grid}.certification-card:hover{background:#ffffff06;border-color:#ff895b35}.certification-badge{object-fit:contain;flex-shrink:0;width:104px;height:104px;display:block}.certification-card small{font:8px var(--font-geist-mono);color:var(--muted);letter-spacing:1px}.cert-column .certification-card p{margin:9px 0;font-size:14px;line-height:1.6}.cert-column .certification-card p:before{content:none}.certification-link{color:var(--acid);font-size:10px}@media (max-width:1000px){.certification-card{grid-template-columns:84px 1fr;gap:16px}.certification-badge{width:84px;height:84px}}@media (max-width:640px){.certification-card{grid-template-columns:90px 1fr;gap:18px}.certification-badge{width:90px;height:90px}.cert-column .certification-card p{font-size:13px}}.hero h1 .outline{outline:none}.core-scene{z-index:0;background:0 0;width:52%;height:560px;top:13%;right:-1%;-webkit-mask-image:none;mask-image:none}.core-scene canvas{cursor:grab;border-radius:50%;-webkit-mask-image:radial-gradient(#000 48%,#0000 72%);mask-image:radial-gradient(#000 48%,#0000 72%)}.core-scene canvas:active{cursor:grabbing}.scene-top,.scene-bottom{color:#b99c8c;z-index:1;left:8%;right:8%}.scene-top{top:5%}.scene-bottom{bottom:5%}.scene-message{text-align:center;color:#aaa;pointer-events:none;place-items:center;padding:45px;font-size:12px;display:grid;position:absolute;inset:0}.scene-bottom button:disabled{opacity:.35;cursor:default}.eyebrow,.hero-name{z-index:1;position:relative}@media (min-width:641px) and (max-width:1000px){.hero h1{font-size:clamp(38px,5.7vw,57px)}.hero-bottom{max-width:47%}.core-scene{opacity:1;width:50%;height:480px;top:14%;right:-1%}}@media (max-width:640px){.hero{min-height:0}.eyebrow{order:0}.hero-name{order:1}.hero h1{order:2}.core-scene{flex-shrink:0;order:3;width:calc(100% + 36px);height:370px;margin:0 0 24px;position:relative;top:auto;left:-18px;right:auto}.hero-bottom{order:4;margin-top:0}.system-line{order:5}.scene-top{top:0}.scene-bottom{bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.cert-grid{margin-top:25px}.cert-card{border-bottom:1px solid var(--line);grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px 24px;padding:24px 8px;transition:background .2s;display:grid;position:relative}.cert-card:hover{background:#ffffff06}.cert-card img{object-fit:contain;grid-area:1/1/5;width:104px;height:104px}.cert-index{font:8px var(--font-geist-mono);color:var(--muted);letter-spacing:1px;grid-column:2}.cert-card h3{grid-column:2;margin:0;font-size:14px;font-weight:500;line-height:1.6}.cert-card p{color:var(--muted);grid-column:2;margin:0;font-size:11px;line-height:1.7}.cert-card small{font:9px var(--font-geist-mono);color:var(--acid);grid-column:2}.project-private{grid-template-columns:30px 1.2fr 1.2fr .9fr 70px}.project-private .arrow{font:8px/1.6 var(--font-geist-mono);letter-spacing:.5px}@media (max-width:1000px){.cert-card{grid-template-columns:84px minmax(0,1fr);column-gap:16px}.cert-card img{width:84px;height:84px}.project-private{grid-template-columns:24px 1fr 1fr 70px}}@media (max-width:640px){.cert-card{grid-template-columns:90px minmax(0,1fr);column-gap:18px}.cert-card img{width:90px;height:90px}.cert-card h3{font-size:13px}.project-private{grid-template-columns:22px 1fr 70px}}.music-scene{overflow:visible}.music-scene canvas{cursor:crosshair;border-radius:0;height:74%;top:5%;-webkit-mask-image:none;mask-image:none}.music-scene canvas:active{cursor:crosshair}.music-scene .scene-top,.music-scene .scene-bottom{left:3%;right:3%}.music-scene .scene-top{gap:12px;top:0}.scene-mode{color:#74767a;letter-spacing:.8px;font-size:8px}.music-scene .scene-bottom{bottom:0}.music-tracks{z-index:2;gap:6px;display:flex;position:absolute;inset:auto 3% 13%}.music-tracks button{color:#b9b4af;min-height:44px;font:10px var(--font-geist-mono);cursor:pointer;background:#101113;border:1px solid #ffffff18;align-items:center;gap:7px;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.music-tracks button i{background:#ff895b;width:5px;height:5px;box-shadow:0 0 8px #ff895b40}.music-tracks button:nth-child(2) i{background:#ffdbab}.music-tracks button:nth-child(3) i{background:#d94a21}.music-tracks button span{color:#777;font-size:8px}.music-tracks button small{display:none}.music-tracks button:hover,.music-tracks button[aria-pressed=true]{color:#ffe5d5;background:#261912;border-color:#ff895b77}.music-tracks button:disabled{opacity:.4;cursor:default}@media (min-width:1200px){.music-tracks button small{color:#8c817b;font-size:8px;display:inline}.music-tracks{gap:8px}}@media (max-width:640px){.music-scene{height:390px}.music-scene .scene-top,.music-scene .scene-bottom{left:6%;right:6%}.music-tracks{justify-content:center;bottom:14%;left:6%;right:6%}.music-scene .scene-bottom small{letter-spacing:.4px;font-size:7px}}.skills-intro>*{min-width:0}@media (max-width:640px){.skills-intro h2{font-size:clamp(38px,11.5vw,58px)}}.contact{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;column-gap:64px;display:grid}.contact:after{content:none}.contact>.section-label{grid-column:1/-1;margin-bottom:48px}.contact h2{grid-area:2/1;align-self:end;margin:0 0 28px;font-size:clamp(36px,4.2vw,64px)}.contact>p{grid-area:3/1;max-width:480px;margin:0;line-height:1.9}.contact-links{flex-wrap:wrap;grid-area:4/1;align-self:start;gap:10px;margin-top:26px}.contact-links .button{gap:16px;padding-inline:17px}.audio-lab{background:linear-gradient(140deg,#19141080,#0b0c0e);border:1px solid #ff895b26;grid-area:2/2/5;min-width:0;margin:0;position:relative}.audio-lab:before,.audio-lab:after{content:"";pointer-events:none;border-color:#ff895b80;width:9px;height:9px;position:absolute}.audio-lab:before{border-top:1px solid;border-left:1px solid;top:-1px;left:-1px}.audio-lab:after{border-bottom:1px solid;border-right:1px solid;bottom:-1px;right:-1px}.audio-lab-header{font:9px var(--font-geist-mono);letter-spacing:1.5px;color:#ddc4b8;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.audio-lab-header span{align-items:center;gap:9px;display:flex}.audio-lab-header i{background:#ff895b;width:4px;height:4px;box-shadow:0 0 9px #ff895b80}.audio-lab-header small{color:#807872;letter-spacing:.5px;font-size:8px}.audio-lab canvas{cursor:crosshair;outline-offset:-3px;width:100%;height:260px;margin-top:12px;display:block}.audio-lab canvas:focus-visible{outline:1px solid var(--acid)}.audio-lab-hint{color:#96867d;margin:12px 22px 16px;font-size:10px;line-height:1.7}.audio-lab figcaption{font:10px/1.8 var(--font-geist-mono);color:#bc9c8c;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.audio-lab figcaption small{color:#7d7772;letter-spacing:.5px;margin-top:3px;font-size:7px;display:block}.audio-lab button{color:#b9aaa2;cursor:pointer;background:0 0;border:1px solid #ffffff25;flex-shrink:0;min-height:44px;padding:8px 13px;font-size:10px}.audio-lab button:hover{background:#ff895b0c;border-color:#ff895b60}.audio-lab button:disabled{opacity:.4;cursor:default}@media (max-width:1000px){.contact{column-gap:28px}.contact h2{font-size:clamp(31px,4.3vw,43px)}.audio-lab-header{padding-inline:16px;font-size:8px}.audio-lab figcaption{padding-inline:16px}.audio-lab figcaption small{letter-spacing:0;font-size:6px}.audio-lab canvas{height:240px}}@media (max-width:640px){.contact{grid-template-columns:minmax(0,1fr)}.contact>.section-label{margin-bottom:36px}.contact h2{margin-bottom:30px;font-size:36px}.audio-lab{grid-area:3/1;margin-bottom:28px}.contact>p{grid-row:4;max-width:none}.contact-links{grid-row:5}.audio-lab canvas{height:230px}.audio-lab figcaption small{font-size:7px}.audio-lab-hint{margin-inline:16px;font-size:9px}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}