@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";@layer components;@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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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 utilities{.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#12202a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1eb;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.portfolio-shell{--mouse-x:50vw;--mouse-y:20vh;background:#eef1eb;min-height:100vh;position:relative;overflow:hidden}.portfolio-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle 300px at var(--mouse-x) var(--mouse-y), #69d6b433, transparent 70%);transition:background .15s ease-out;position:fixed;inset:0}.ambient-grid{opacity:.48;pointer-events:none;background-image:linear-gradient(#1a353a14 1px,#0000 1px),linear-gradient(90deg,#1a353a14 1px,#0000 1px);background-size:48px 48px;height:940px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 94%);mask-image:linear-gradient(#000,#0000 94%)}.ambient-orbit{pointer-events:none;border:1px solid #4465602e;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.orbit-one{width:560px;height:560px;top:70px;right:-210px;transform:rotate(18deg)}.orbit-two{width:330px;height:330px;animation-delay:-6s;top:380px;left:-190px}.content-width,.site-header{z-index:1;width:min(1160px,100% - 64px);margin:0 auto;position:relative}.site-header{border-bottom:1px solid #18343829;justify-content:space-between;align-items:center;min-height:86px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.brand-mark{color:#eef1eb;letter-spacing:-.11em;background:#10272d;border-radius:50%;place-items:center;width:29px;height:29px;font-family:DM Mono,monospace;font-size:10px;display:grid}.brand-dot{color:#ef7358}.site-nav{text-transform:uppercase;letter-spacing:.04em;gap:28px;margin-left:auto;margin-right:42px;font:11px DM Mono,monospace;display:flex}.nav-link{color:#6c7a78;transition:color .25s}.nav-link:hover,.nav-link.active{color:#12202a}.nav-link.active:before{content:"•";color:#ef7358;margin-right:6px}.header-cta{border:1px solid #18353a;border-radius:999px;align-items:center;gap:12px;padding:11px 15px;font:11px DM Mono,monospace;transition:background .25s,color .25s,transform .25s;display:flex}.header-cta:hover{color:#eef1eb;background:#18353a;transform:translateY(-2px)}.hero-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;min-height:690px;padding:88px 0 116px;display:grid}.eyebrow,.visual-label,.section-index,.hero-meta,.screen-caption,.contact-links,.site-footer{text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.eyebrow{color:#60726d;align-items:center;gap:9px;margin-bottom:25px;display:flex}.status-dot{background:#75d4b2;border:2px solid #c7f4dd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #75d4b233}h1,h2,p{margin:0}h1,h2{letter-spacing:-.065em;line-height:.94}h1{font-size:clamp(48px,6vw,86px);font-weight:800}h1 em,h2 em{color:#ef7358;letter-spacing:-.08em;font-family:Playfair Display,serif;font-weight:600}.hero-intro{color:#62726f;max-width:430px;margin:28px 0 33px;font-size:15px;line-height:1.75}.hero-actions{align-items:center;gap:13px;display:flex}.button{border-radius:3px;align-items:center;gap:18px;padding:15px 18px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{color:#eef1eb;background:#18353a;box-shadow:5px 5px #ef7358}.button-primary:hover{box-shadow:2px 2px #ef7358}.button-quiet{color:#526561}.button-quiet span{color:#ef7358}.hero-meta{color:#8a9994;align-items:center;gap:11px;margin-top:72px;display:flex}.hero-meta>span:first-child{color:#ef7358}.meta-line{background:#c4cfca;width:39px;height:1px}.hero-visual{padding:26px 0 30px 30px;position:relative}.browser-card{z-index:2;background:#18353a;border-radius:4px;padding:9px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(2.5deg);box-shadow:15px 18px #204c4a26}.hero-visual:hover .browser-card{transform:rotate(0)translateY(-5px)}.browser-bar{align-items:center;gap:6px;height:30px;padding:0 8px;display:flex}.window-dot{border-radius:50%;width:6px;height:6px}.red{background:#ef7358}.yellow{background:#f3c969}.green{background:#75d4b2}.browser-url{color:#eef1eb80;margin:0 auto;font:9px DM Mono,monospace}.browser-screen{aspect-ratio:1.43;background:#dbe4df;position:relative;overflow:hidden}.browser-screen img{object-fit:cover;mix-blend-mode:multiply;opacity:.85;width:100%;height:100%;display:block}.screen-caption{color:#eef1eb;text-shadow:0 1px 8px #00000080;justify-content:space-between;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.screen-caption strong{color:#75d4b2}.visual-label{color:#ef7358;z-index:3;position:absolute}.label-top{top:0;left:0}.label-bottom{writing-mode:vertical-rl;bottom:0;right:0;transform:rotate(180deg)}.floating-note{z-index:4;color:#18353a;background:#f4c969;align-items:center;gap:10px;padding:13px 16px;font-size:11px;line-height:1.4;animation:5s ease-in-out infinite float;display:flex;position:absolute;bottom:22px;right:-15px;box-shadow:6px 7px #18353a24}.note-icon{font-size:18px}.floating-note strong{font-weight:800}.ticker{z-index:1;background:#e5ebe3;border-top:1px solid #18343824;border-bottom:1px solid #18343824;position:relative;overflow:hidden}.ticker-track{color:#49615d;align-items:center;gap:28px;width:max-content;padding:17px 0;font:11px DM Mono,monospace;animation:28s linear infinite ticker;display:flex}.ticker i{color:#ef7358;font-style:normal}.about-section{padding:150px 0 180px}.section-heading{align-items:flex-start;gap:38px;display:flex}.section-index{color:#ef7358;padding-top:8px}.section-heading h2{font-size:clamp(42px,5vw,70px)}.about-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px;margin-top:75px;display:grid}.about-art{padding:0 32px 30px 0;position:relative}.art-frame{background:#d8e4dc;border:1px solid #b2c4b9;padding:15px;transform:rotate(-3deg)}.art-frame img{aspect-ratio:1.02;object-fit:cover;mix-blend-mode:multiply;width:100%;display:block}.art-caption{color:#ef7358;font:italic 16px/1.1 Playfair Display,serif;position:absolute;bottom:0;right:0}.large-copy{color:#18353a;max-width:580px;font-size:clamp(25px,3vw,39px);line-height:1.2}.large-copy strong{color:#ef7358;font-family:Playfair Display,serif;font-style:italic;font-weight:600}.about-copy>p:not(.large-copy){color:#687a74;max-width:480px;margin-top:30px;font-size:14px;line-height:1.8}.skill-list{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.skill-list span{color:#516761;text-transform:uppercase;border:1px solid #c6d3ca;padding:8px 10px;font:10px DM Mono,monospace}.contact-section{padding-bottom:80px}.contact-panel{color:#eef1eb;background:#18353a;padding:70px 8%;position:relative;overflow:hidden}.contact-panel:after{content:"✦";color:#75d4b238;font-size:190px;line-height:1;position:absolute;top:22px;right:6%}.contact-top{z-index:1;justify-content:space-between;display:flex;position:relative}.contact-top .section-index{color:#75d4b2}.contact-spark{color:#f4c969}.contact-panel h2{z-index:1;margin:42px 0 20px;font-size:clamp(48px,6vw,82px);position:relative}.contact-panel p{z-index:1;color:#a9bfba;font-size:14px;position:relative}.contact-email{z-index:1;color:#75d4b2;border-bottom:1px solid #75d4b2;gap:25px;margin-top:43px;padding-bottom:8px;font-size:clamp(18px,2.3vw,28px);font-weight:700;display:inline-flex;position:relative}.contact-email span,.contact-links span{color:#ef7358}.contact-links{z-index:1;color:#a9bfba;flex-wrap:wrap;gap:25px;margin-top:68px;display:flex;position:relative}.contact-links a{transition:color .25s}.contact-links a:hover{color:#f4c969}.site-footer{color:#7a8b84;justify-content:space-between;padding:24px 0 34px;display:flex}.site-footer i{color:#ef7358;font-style:normal}.projects-hero{justify-content:space-between;align-items:flex-end;padding:105px 0 90px;display:flex}.projects-heading h1{font-size:clamp(58px,8vw,105px)}.projects-heading>p{color:#687a74;max-width:390px;margin-top:30px;font-size:15px;line-height:1.75}.projects-index{color:#8a9994;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:11px;padding-bottom:8px;font:10px DM Mono,monospace;display:flex}.projects-index>span:first-child{color:#ef7358}.project-feature{grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;padding-bottom:125px;display:grid}.project-browser{background:#18353a;padding:9px;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:rotate(-1.8deg);box-shadow:15px 18px #204c4a26}.project-browser:hover{transform:rotate(0)translateY(-5px)}.project-preview{color:#eef1eb;background:radial-gradient(circle at 80% 15%,#75d4b28c,#0000 28%),linear-gradient(135deg,#1d4c4e,#10272d 68%);min-height:430px;padding:48px 44px;position:relative;overflow:hidden}.project-preview:after{content:"S";color:#f4c96924;font:420px/1 Playfair Display,serif;position:absolute;bottom:-115px;right:-30px}.university-mark{z-index:1;color:#f4c969;letter-spacing:.12em;border:1px solid #eef1eb80;padding:7px 10px;font:10px DM Mono,monospace;display:inline-block;position:relative}.university-preview-title{z-index:1;letter-spacing:-.06em;margin-top:110px;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.05;position:relative}.university-preview-title em{color:#75d4b2;font-family:Playfair Display,serif;font-weight:600}.preview-caption{z-index:1;color:#f4c969;letter-spacing:.08em;font:10px DM Mono,monospace;position:absolute;bottom:36px;right:44px}.project-kicker{color:#8a9994;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:15px;font:10px DM Mono,monospace;display:flex}.project-details h2{margin-top:30px;font-size:clamp(43px,5vw,68px)}.project-lead{color:#18353a;margin-top:30px;font-size:20px;font-weight:700;line-height:1.45}.project-description{color:#687a74;max-width:460px;margin-top:20px;font-size:14px;line-height:1.8}.project-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.project-tags span{color:#516761;text-transform:uppercase;border:1px solid #c6d3ca;padding:8px 10px;font:10px DM Mono,monospace}.project-link{margin-top:35px}.project-footer{color:#8a9994;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;padding-bottom:80px;font:10px DM Mono,monospace;display:flex}.project-footer-line{background:#c4cfca;width:80px;height:1px}.reveal{animation:.8s cubic-bezier(.2,.75,.25,1) both reveal}.reveal-one{animation-delay:.12s}.reveal-two{animation-delay:.25s}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes drift{0%{transform:rotate(18deg)translate(0)}to{transform:rotate(28deg)translate(-25px,18px)}}@keyframes ticker{to{transform:translate(-50%)}}@media (width<=760px){.content-width,.site-header{width:min(100% - 38px,560px)}.site-header{min-height:72px}.site-nav{display:none}.header-cta{padding:9px 12px}.hero-section{flex-direction:column;align-items:stretch;gap:58px;min-height:auto;padding:72px 0 85px;display:flex}.hero-copy{padding-top:10px}h1{font-size:clamp(47px,13vw,72px)}.hero-intro{font-size:14px}.hero-meta{margin-top:48px}.hero-visual{padding-left:9px;padding-right:13px}.floating-note{right:-5px}.about-section{padding:105px 0 120px}.section-heading{gap:17px}.section-heading h2{font-size:43px}.about-layout{flex-direction:column;gap:52px;margin-top:52px;display:flex}.about-art{align-self:flex-start;width:88%}.contact-panel{padding:43px 25px 39px}.contact-panel:after{font-size:115px;top:30px;right:2px}.contact-panel h2{margin-top:52px;font-size:53px}.contact-email{gap:10px;font-size:17px}.contact-links{gap:18px;margin-top:49px;font-size:9px}.site-footer{flex-wrap:wrap;gap:12px;font-size:8px}.projects-hero{padding:78px 0 65px;display:block}.projects-heading h1{font-size:clamp(55px,16vw,80px)}.projects-heading>p{font-size:14px}.projects-index{margin-top:45px}.project-feature{flex-direction:column;align-items:stretch;gap:62px;padding-bottom:90px;display:flex}.project-browser{margin:0 8px}.project-preview{min-height:340px;padding:30px 25px}.university-preview-title{margin-top:90px;font-size:29px}.preview-caption{font-size:8px;bottom:25px;right:25px}.project-details h2{font-size:49px}.project-lead{font-size:18px}.project-footer{padding-bottom:55px;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}