@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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)}.end{inset-inline-end: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}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#102438;--muted:#5d7184;--line:#1865912e;--sky:#77c7ef;--sky-deep:#238bc4;--ice:#eef9ff;--paper:#fbfdff;--white:#fff;--shadow:0 28px 80px #2a7da929;--header-height:82px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;overflow-x:hidden}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--sky-deep);outline-offset:5px}::selection{color:var(--white);background:var(--sky-deep)}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg__wash{background:radial-gradient(circle at 17% 9%,#87d5fb66,#0000 34%),radial-gradient(circle at 88% 72%,#a3e1ff52,#0000 34%),linear-gradient(155deg,#f8fdff 0%,#edf9ff 56%,#d7f1ff 100%);position:absolute;inset:0}.ambient-bg canvas{position:absolute;inset:0}.ambient-bg__grain{opacity:.035;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header,main,footer{z-index:2;position:relative}.scroll-progress{z-index:90;transform-origin:0;background:linear-gradient(90deg, var(--sky-deep), #9edfff);height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.site-header{z-index:50;height:var(--header-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fcffa3;border-bottom:1px solid #1865911a;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,72px);display:flex;position:fixed;top:0;left:0;right:0}.site-mark{letter-spacing:-.04em;font-size:16px;font-weight:820}.site-mark span{color:var(--sky-deep)}.site-header__right{color:#3d647b;align-items:center;gap:24px;font-size:13px;display:flex}.site-header__right>a{border-bottom:1px solid #10243859;padding-bottom:2px}.language-picker{color:#698092;align-items:center;gap:6px;font-size:12px;display:flex}.language-picker button{cursor:pointer;background:0 0;padding:4px;transition:color .2s}.language-picker button[aria-pressed=true]{color:var(--ink);font-weight:750}.hero{min-height:100svh;padding:calc(var(--header-height) + 48px) max(28px, calc((100vw - 1180px) / 2)) 48px;grid-template-columns:minmax(300px,.76fr) minmax(440px,1.24fr);align-items:center;gap:clamp(10px,4vw,70px);display:grid;position:relative;overflow:hidden}.hero__copy{z-index:3;position:relative}.eyebrow{color:var(--sky-deep);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:760}.hero h1{letter-spacing:-.052em;margin:16px 0 0;font-size:clamp(58px,8.6vw,124px);font-weight:660;line-height:.94}.hero__role{color:#3d647b;letter-spacing:.02em;margin:22px 0 0;font-size:clamp(17px,1.8vw,23px)}.hero__email{border-bottom:1px solid;gap:12px;margin-top:24px;padding-bottom:4px;font-size:14px;display:inline-flex}.hero__hint{color:#6a8395;letter-spacing:.05em;align-items:center;gap:10px;margin:48px 0 0;font-size:12px;display:flex}.hero__hint span{background:var(--sky-deep);width:28px;height:1px}.hero__keyboard{z-index:2;height:min(70vw,650px);min-height:520px;position:relative}.hero__index{z-index:1;color:#238bc412;letter-spacing:-.12em;font-size:clamp(180px,30vw,450px);font-weight:820;line-height:1;position:absolute;bottom:-8vw;right:2vw}.keyboard-wrap{width:100%;height:100%;position:relative}.keyboard-stage{perspective:1050px;perspective-origin:50% 34%;place-items:center;display:grid;position:absolute;inset:4% 2% 10%}.keyboard-board{--board-rx:54deg;--board-rz:-8deg;aspect-ratio:1.08;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(84%,520px);transform:rotateX(var(--board-rx)) rotateZ(var(--board-rz));transform-style:preserve-3d;background:linear-gradient(135deg,#ffffff4d 0%,#0000 31%),linear-gradient(145deg,#a8e4fb40,#5abfe824);border:1px solid #3fb2e175;border-radius:25px;padding:7.5%;transition:transform .28s ease-out;position:relative;box-shadow:0 28px 58px #2a7da924,inset 0 1px #ffffffe6,inset 0 -12px 24px #1987b80d,inset 0 0 24px #ffffff29}.keyboard-board:before{content:"";border:1px solid #ffffff80;border-radius:18px;position:absolute;inset:4%;transform:translateZ(2px)}.keyboard-board__edge{z-index:-1;border-radius:inherit;background:#439fcb6b;position:absolute;inset:0;transform:translateZ(-24px);box-shadow:0 14px #237eae57}.keyboard-grid{z-index:2;width:100%;height:100%;transform-style:preserve-3d;grid-template-columns:repeat(3,1fr);gap:8%;display:grid;position:relative}.keyboard-key{--key-side-height:18px;--key-side-rim:3px;box-shadow:0 15px 18px #1e7eaa2e, inset var(--key-side-rim) 0 0 #a5e5f961, inset calc(var(--key-side-rim) * -1) 0 0 #1877a447, inset 0 var(--key-side-rim) 0 #def8ff94, inset 0 calc((var(--key-side-height) + var(--key-side-rim)) * -1) 0 #18709e61;-webkit-backdrop-filter:none;backdrop-filter:none;transform-style:preserve-3d;cursor:pointer;animation:.6s cubic-bezier(.2,.75,.25,1) both key-rise;animation-delay:var(--key-delay);background:linear-gradient(#6fcfef85,#2384b49e);border:1px solid #6acbefa3;border-radius:10px;padding:0;position:relative;transform:translateZ(0)}.keyboard-key__top{inset:var(--key-side-rim) var(--key-side-rim) calc(var(--key-side-height) + var(--key-side-rim));box-shadow:0 var(--key-side-height) 0 #2489b99e, 0 calc(var(--key-side-height) + 6px) 12px #186f9d33, -2px 0 0 #a8e5f857, 2px 0 0 #1e7daa38, inset 0 1px 0 #ffffffe6, inset 0 0 12px #ffffff0f;z-index:1;background:linear-gradient(135deg,#ffffff5c 0%,#0000 34%),linear-gradient(150deg,#ddf9ff45 0%,#68cbf126 100%);border:1px solid #ffffffa8;border-radius:10px 10px 7px 7px;place-items:center;transition:transform .18s cubic-bezier(.22,.72,.22,1),background .2s,box-shadow .18s cubic-bezier(.22,.72,.22,1);display:grid;position:absolute;transform:translateZ(1px)}.keyboard-key:hover .keyboard-key__top,.keyboard-key:focus-visible .keyboard-key__top,.keyboard-key:focus .keyboard-key__top,.keyboard-key.is-active .keyboard-key__top{background:linear-gradient(150deg,#eafdff9e,#5fcff873);transform:translateY(10px)translateZ(1px);box-shadow:0 8px #2489b98f,0 14px 16px #186f9d2e,-2px 0 #a8e5f847,2px 0 #1e7daa2e,inset 0 1px #fffc}.keyboard-key:active .keyboard-key__top{transform:translateY(13px)translateZ(1px)}.keyboard-key svg{filter:drop-shadow(0 3px 4px #1f546f1a);width:45%;height:45%}.keyboard-key__symbol{letter-spacing:-.08em;font-size:clamp(22px,3.1vw,42px);font-weight:850}.skill-extrusion{z-index:12;pointer-events:none;opacity:0;transform-origin:0 0;width:min(250px,44%);transition:opacity .18s,transform .34s cubic-bezier(.2,.78,.22,1);position:absolute;top:10%;left:68%;transform:translate(-20px,16px)rotate(-15deg)skewY(-7deg)}.skill-extrusion.is-visible{opacity:1;transform:translate(0)rotate(-15deg)skewY(-7deg)}.skill-extrusion__title{color:#0000;letter-spacing:-.08em;overflow-wrap:anywhere;text-shadow:1px 1px #1ba5b1,2px 3px #1798a4,3px 5px #148d99,5px 7px #138d99bd,7px 10px 13px #138d9945;background:linear-gradient(145deg,#fff 0%,#bcf9f7 21%,#34cad3 57%,#119bad 100%);-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;font-size:clamp(38px,4.2vw,64px);font-weight:850;line-height:.8;animation:.34s cubic-bezier(.2,.78,.22,1) both extrusion-rise}.skill-extrusion__title.is-long{font-size:clamp(30px,3.25vw,49px);line-height:.9}.skill-extrusion p{color:#4b8790;letter-spacing:.025em;text-shadow:0 1px 8px #ffffffd9;max-width:220px;margin:18px 0 0 10px;font-size:clamp(11px,1.08vw,15px);font-weight:700;line-height:1.36}@keyframes extrusion-rise{0%{opacity:0;transform:translate(-8px,12px)}to{opacity:1;transform:translate(0)}}@keyframes key-rise{0%{opacity:0;transform:translateZ(-2px)}to{opacity:1;transform:translateZ(0)}}.skill-side-panel{z-index:46;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f2fbffe6;border-top:1px solid #18659138;border-bottom:1px solid #18659138;border-left:1px solid #18659138;grid-template-columns:36px 1fr;width:min(280px,24vw);min-width:230px;transition:transform .38s cubic-bezier(.2,.78,.22,1),opacity .24s;display:grid;position:fixed;top:50%;right:0;transform:translate(100%,-50%);box-shadow:-24px 32px 70px #2a7da929}.skill-side-panel.is-visible{opacity:1;transform:translateY(-50%)}.skill-side-panel__rail{color:#527388;letter-spacing:.15em;writing-mode:vertical-rl;border-right:1px solid #1865912e;justify-content:space-between;align-items:center;padding:16px 0;font-size:8px;font-weight:760;display:flex;transform:rotate(180deg)}.skill-side-panel__body{align-content:center;gap:8px;min-height:230px;padding:30px 28px 32px;display:grid}.skill-side-panel__icon{place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.skill-side-panel__icon svg{width:100%;height:100%}.skill-side-panel__icon .keyboard-key__symbol{font-size:34px}.skill-side-panel__body p{color:var(--sky-deep);letter-spacing:.16em;margin:0;font-size:8px;font-weight:760}.skill-side-panel__body strong{letter-spacing:-.035em;font-size:25px}.skill-side-panel__body>span{color:var(--muted);font-size:12px;line-height:1.55}.keyboard-controls{position:absolute;bottom:7%;right:8%}.sound-toggle{color:#4b6e84;letter-spacing:.13em;cursor:pointer;pointer-events:auto;background:0 0;border-bottom:1px solid #18659152;padding:5px 0;font-size:9px;font-weight:730}.projects-section{background:0 0;padding:48px max(28px,50vw - 560px) 170px}.project-list{gap:0;display:grid}.project-row{border-top:1px solid var(--line);gap:34px;padding:54px 0 124px;display:grid}.project-cover{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(135deg,#8edfff,#258fc9);border-radius:4px;padding:0;position:relative;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.75,.25,1);transform:scale(1.001)}.project-cover:hover img,.project-cover:focus-visible img{transform:scale(1.035)}.project-cover__veil{opacity:.54;background:linear-gradient(#0000 55%,#06213257);transition:opacity .3s;position:absolute;inset:0}.project-cover:hover .project-cover__veil{opacity:.82}.project-cover__open{color:#fff;letter-spacing:.08em;opacity:0;font-size:12px;font-weight:680;transition:all .3s;position:absolute;bottom:18px;right:20px;transform:translateY(8px)}.project-cover:hover .project-cover__open,.project-cover:focus-visible .project-cover__open{opacity:1;transform:translateY(0)}.project-copy{padding-top:0}.project-copy__topline{color:#70899b;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:11px;font-weight:650;display:flex}.project-role{color:var(--sky-deep);letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(19px,2vw,28px);font-weight:680;line-height:1.2}.project-role small{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:540}.project-title{letter-spacing:-.065em;text-align:left;cursor:pointer;background:0 0;margin:28px 0 0;padding:0;font-size:clamp(46px,7vw,90px);font-weight:630;line-height:.98;display:block}.project-title:hover{color:var(--sky-deep)}.project-type{color:var(--muted);margin:14px 0 0;font-size:13px}.project-summary{color:#405d70;max-width:780px;margin:28px 0 0;font-size:15px;line-height:1.85}.project-achievement{border-left:2px solid var(--sky-deep);color:#274d64;max-width:900px;margin:18px 0 0;padding-left:18px;font-size:13px;line-height:1.75}.project-achievement span{color:var(--sky-deep);font-size:inherit;letter-spacing:.04em;text-transform:uppercase;margin-right:10px;font-weight:850}.text-link{letter-spacing:.07em;cursor:pointer;background:0 0;border-bottom:1px solid #1024388c;align-items:center;gap:10px;margin-top:30px;padding:0 0 5px;font-size:12px;font-weight:680;display:flex}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.contact{text-align:center;place-items:center;min-height:66vh;padding:120px 28px;display:grid}.contact h2{letter-spacing:-.07em;margin:18px 0 24px;font-size:clamp(48px,8vw,110px);font-weight:620}.contact__email{font-size:clamp(18px,2vw,26px);display:block}.copy-email{cursor:pointer;background:#ffffff8f;border:1px solid #18659138;border-radius:999px;margin-top:28px;padding:11px 18px}footer{border-top:1px solid var(--line);color:var(--muted);background:#fbfdffe0;justify-content:space-between;gap:24px;padding:28px max(28px,50vw - 560px);font-size:11px;display:flex}footer a:hover{color:var(--sky-deep)}.section-nav{z-index:45;flex-direction:column;gap:15px;display:flex;position:fixed;top:50%;right:25px;transform:translateY(-50%)}.section-nav button{cursor:pointer;background:0 0;justify-content:end;align-items:center;gap:10px;padding:3px;display:flex}.section-nav span{color:#55778c;letter-spacing:.12em;opacity:0;font-size:9px;transition:all .2s;transform:translate(5px)}.section-nav button:hover span,.section-nav button[aria-current=true] span{opacity:1;transform:translate(0)}.section-nav i{background:#238bc473;border-radius:50%;width:5px;height:5px;transition:all .2s}.section-nav button[aria-current=true] i{background:var(--sky-deep);width:9px;height:9px;box-shadow:0 0 14px #238bc480}.project-modal{z-index:100;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a22338a;place-items:center;padding:28px;transition:opacity .28s,visibility .28s;display:grid;position:fixed;inset:0}.project-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.project-modal__dialog{background:var(--white);border:1px solid #ffffff94;border-radius:20px;outline:none;width:min(1120px,100%);max-height:calc(100vh - 56px);transition:transform .34s cubic-bezier(.2,.75,.2,1);position:relative;overflow:auto;transform:translateY(18px)scale(.985);box-shadow:0 42px 130px #02223661}.project-modal.is-open .project-modal__dialog{transform:translateY(0)scale(1)}.project-modal__close{z-index:8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:50%;width:42px;height:42px;font-size:25px;line-height:1;position:absolute;top:15px;right:15px;box-shadow:0 8px 24px #10243826}.carousel{aspect-ratio:16/8.3;background:linear-gradient(135deg,#258fc9,#9ee0ff);position:relative;overflow:hidden}.carousel__track{height:100%;transition:transform .55s cubic-bezier(.2,.75,.25,1);display:flex}.carousel__slide{min-width:100%;height:100%}.carousel__slide>img,.project-video{width:100%;height:100%}.carousel__slide>img{object-fit:cover;display:block}.project-video{object-fit:contain;background:#061c29;display:block}.carousel__arrow{z-index:4;width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffffdb;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #10243821}.carousel__arrow--prev{left:18px}.carousel__arrow--next{right:18px}.carousel__dots{z-index:4;gap:7px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.carousel__dots button{cursor:pointer;background:#ffffff7a;border-radius:50%;width:7px;height:7px;padding:0}.carousel__dots button[aria-current=true]{background:#fff;border-radius:999px;width:22px}.project-modal__content{padding:42px clamp(28px,5vw,62px) 58px}.project-modal__meta{color:#6a8395;letter-spacing:.11em;text-transform:uppercase;flex-wrap:wrap;gap:14px 24px;font-size:10px;font-weight:680;display:flex}.project-modal__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;margin-top:28px;padding-bottom:35px;display:flex}.project-modal__role{color:var(--sky-deep);letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(18px,2vw,26px);font-weight:680}.project-modal__role small{color:var(--muted);font-size:14px;font-weight:540}.project-modal h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,66px);font-weight:620;line-height:1}.project-modal__links{justify-items:end;gap:11px;font-size:12px;font-weight:650;display:grid}.project-modal__links a{border-bottom:1px solid #10243880;padding-bottom:3px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px;padding-top:42px;display:grid}.detail-grid h3{color:var(--sky-deep);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:760}.detail-grid p,.detail-grid li{color:#405d70;font-size:14px;line-height:1.8}.detail-grid p{margin:0}.detail-grid ul{margin:0;padding-left:18px}.detail-grid li+li{margin-top:8px}.tool-list{flex-wrap:wrap;gap:7px;display:flex}.tool-list span{color:#48697e;background:#f4fbff;border:1px solid #18659129;border-radius:999px;padding:7px 10px;font-size:11px}.reveal,.reveal.reveal-in{opacity:1;transform:none}.cursor-halo{z-index:120;opacity:0;pointer-events:none;border:1px solid #238bc452;border-radius:50%;width:28px;height:28px;transition:width .2s,height .2s,background .2s,opacity .2s;position:fixed;top:0;left:0;box-shadow:0 0 24px #77c7ef47}.cursor-halo[data-hover=true]{background:#77c7ef14;width:46px;height:46px}@media (max-width:900px){.hero{min-height:auto;padding-top:calc(var(--header-height) + 86px);grid-template-columns:1fr}.hero__copy{padding:0 4vw}.hero__keyboard{height:570px;min-height:0;margin-top:-30px}.skill-extrusion{top:15%;left:1%}.project-row{grid-template-columns:1fr;gap:28px}.project-copy{max-width:620px}.section-nav{display:none}.skill-side-panel{width:min(440px,92%);min-width:0;position:absolute;top:auto;bottom:2%;right:4%;transform:translateY(20px)}.skill-side-panel.is-visible{transform:translateY(0)}.skill-side-panel__body{grid-template-columns:54px 1fr;align-items:center;min-height:150px}.skill-side-panel__icon{grid-row:1/span 3;margin:0 12px 0 0}}@media (max-width:640px){:root{--header-height:68px}.site-header{padding:0 20px}.site-header__right{gap:12px}.site-header__right>a{display:none}.hero{padding:calc(var(--header-height) + 68px) 22px 38px}.hero__copy{padding:0}.hero h1{font-size:clamp(56px,20vw,90px)}.hero__hint{margin-top:34px}.hero__keyboard{height:430px;margin:-20px -24px 0}.skill-extrusion{width:52%;top:13%;left:4%}.skill-extrusion__title{font-size:clamp(31px,10vw,46px)}.skill-extrusion__title.is-long{font-size:clamp(25px,7.6vw,35px)}.projects-section{padding-top:34px;padding-bottom:110px}.project-list{gap:0}.project-role{margin-top:10px}.project-summary{font-size:13px}footer{flex-direction:column}.project-modal{place-items:stretch stretch;padding:0}.project-modal__dialog{border-radius:0;max-height:100dvh}.carousel{aspect-ratio:16/10}.project-modal__content{padding:30px 22px 48px}.project-modal__heading{flex-direction:column;align-items:start}.project-modal__links{justify-items:start}.detail-grid{grid-template-columns:1fr;gap:30px}.cursor-halo{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}