/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3efe6;margin:0}button,a{color:inherit}button{font:inherit}.site{--bg:#f3efe6;--surface:#ebe4d7;--ink:#1c211b;--muted:#62675f;--line:#1c211b38;--accent:#e56038;--card-radius:2px;--heading:Georgia, "Songti SC", serif;--body:Arial, "PingFang SC", sans-serif;min-height:100vh;color:var(--ink);background:var(--bg);font-family:var(--body);transition:color .35s,background .35s;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:76px;padding:0 max(28px,4.6vw);display:grid;position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--bg) 86%, transparent)}}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-size:13px;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.nav{gap:40px;display:flex}.nav a{padding:10px 0;font-size:14px;text-decoration:none;position:relative}.nav a:after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:5px;left:0;right:100%}.nav a:hover:after{right:0}.style-switcher{border:1px solid var(--line);background:var(--surface);border-radius:999px;justify-self:end;padding:3px;display:flex}@supports (color:color-mix(in lab, red, red)){.style-switcher{background:color-mix(in srgb, var(--surface) 55%, transparent)}}.style-switcher button{cursor:pointer;background:0 0;border:0;border-radius:999px;width:32px;height:28px;padding:0;font-size:10px}.style-switcher button span{display:none}.style-switcher button.active{background:var(--ink);color:var(--bg)}.section{min-height:100vh;padding:132px max(28px,7vw) 88px}.hero{flex-direction:column;justify-content:center;display:flex;position:relative}.eyebrow,.section-index{letter-spacing:.16em;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:10px;margin-bottom:38px;display:flex}.eyebrow span{background:var(--accent);width:36px;height:1px;display:inline-block}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:center;gap:7vw;display:grid}.hero-copy h1{max-width:900px;font-family:var(--heading);letter-spacing:-.06em;margin:0;font-size:clamp(54px,7.25vw,112px);font-weight:400;line-height:.98}.hero-copy h1 em,.profile h2 em{color:var(--accent);font-weight:400}.intro{max-width:690px;color:var(--muted);margin:40px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.85}.intro strong{color:var(--ink)}.name-placeholder{color:var(--ink);border-bottom:1px solid var(--accent);margin:0 4px}.hero-actions{align-items:center;gap:32px;margin-top:38px;display:flex}.primary-button{color:var(--bg);background:var(--ink);align-items:center;gap:35px;padding:17px 20px;font-size:14px;text-decoration:none;transition:transform .2s;display:flex}.primary-button:hover{transform:translateY(-3px)}.text-link{text-underline-offset:5px;font-size:13px}.portrait-art{aspect-ratio:.78;background:var(--surface);border:1px solid var(--line);border-radius:46% 46% 6px 6px;place-items:center;display:grid;position:relative;overflow:hidden}.portrait-initial{z-index:2;font-family:var(--heading);color:var(--accent);font-size:clamp(100px,13vw,190px);line-height:1}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit-one{width:110%;height:40%;transform:rotate(-35deg)}.orbit-two{width:70%;height:90%;transform:rotate(35deg)}.photo-note{text-align:right;letter-spacing:.08em;background:var(--bg);padding:8px;font-size:10px;line-height:1.5;position:absolute;bottom:18px;right:18px}.status{color:var(--muted);letter-spacing:.08em;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.status span{background:#62a46f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #62a46f33}.scroll-cue{color:var(--muted);letter-spacing:.16em;writing-mode:vertical-rl;align-items:center;gap:15px;font-size:9px;text-decoration:none;display:flex;position:absolute;bottom:28px;left:max(28px,4.6vw)}.scroll-cue i{font-size:18px;font-style:normal}.projects{background:var(--ink);color:var(--bg)}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:62px;display:flex}.section-index{color:var(--accent);margin:0 0 18px}.section-heading h2{font-family:var(--heading);letter-spacing:-.05em;margin:0;font-size:clamp(50px,7vw,100px);font-weight:400;line-height:1}.section-lead{color:currentColor;max-width:390px;margin:0}@supports (color:color-mix(in lab, red, red)){.section-lead{color:color-mix(in srgb, currentColor 60%, transparent)}}.section-lead{font-size:14px;line-height:1.8}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 22px;display:grid}.project-card{cursor:pointer}.project-visual{border-radius:var(--card-radius);color:#1c211b;background:#d4c5ae;min-height:390px;padding:25px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.project-card:hover .project-visual{transform:translateY(-8px)}.project-2 .project-visual{background:#aac6d6}.project-3 .project-visual{background:#e4a16e}.project-4 .project-visual{background:#a9ad8d}.project-number{letter-spacing:.15em;font:11px Arial;position:absolute;top:22px;left:24px}.project-tag{letter-spacing:.12em;border:1px solid;border-radius:100px;padding:7px 10px;font-size:9px;position:absolute;bottom:20px;right:20px}.mock-window{background:#ffffff80;border:1px solid #00000040;border-radius:8px;width:70%;height:64%;padding:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:20px 24px 50px #00000021}.mock-window>i{float:left;background:#00000040;border-radius:50%;width:6px;height:6px;margin-right:4px}.mock-content{clear:both;grid-template-columns:1fr 1fr;gap:9px;height:calc(100% - 16px);padding-top:14px;display:grid}.mock-content span{background:#ffffff73;border-radius:5px}.mock-content span:first-child{grid-row:span 2}.project-info{padding-top:18px}.project-info>p{color:currentColor;margin:0 0 8px}@supports (color:color-mix(in lab, red, red)){.project-info>p{color:color-mix(in srgb, currentColor 55%, transparent)}}.project-info>p{letter-spacing:.12em;font-size:10px}.project-info h3{font-family:var(--heading);margin:0 0 14px;font-size:31px;font-weight:400}.project-info>div{border-top:1px solid;justify-content:space-between;align-items:center;gap:25px;padding-top:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.project-info>div{border-top:1px solid color-mix(in srgb, currentColor 20%, transparent)}}.project-info>div>span{color:currentColor;max-width:470px}@supports (color:color-mix(in lab, red, red)){.project-info>div>span{color:color-mix(in srgb, currentColor 65%, transparent)}}.project-info>div>span{font-size:13px;line-height:1.7}.project-info button{cursor:pointer;background:0 0;border:1px solid;border-radius:50%;flex:none;width:38px;height:38px}.profile{background:var(--bg)}.profile h2{font-size:clamp(50px,6vw,86px)}.interest-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.interest-image{aspect-ratio:1.2;background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);place-items:center;display:grid;position:relative;overflow:hidden}.interest-image>span{font-family:var(--heading);color:var(--accent);font-size:92px;transition:transform .35s}.interest-card:hover .interest-image>span{transform:rotate(12deg)scale(1.08)}.interest-image i{font-size:10px;font-style:normal;position:absolute;top:15px;right:15px}.interest-card>p{color:var(--muted);letter-spacing:.16em;margin:20px 0 5px;font-size:9px}.interest-card h3{font-family:var(--heading);margin:0;font-size:30px;font-weight:400}.interest-detail{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;margin-top:14px;padding-top:14px;font-size:12px;line-height:1.6;display:flex}footer{background:var(--accent);color:#171913;flex-direction:column;justify-content:center;min-height:65vh;padding:90px max(28px,7vw) 35px;display:flex}footer>p{margin:0 0 12px;font-size:13px}footer>a{font-family:var(--heading);letter-spacing:-.06em;border-bottom:2px solid;justify-content:space-between;align-items:center;font-size:clamp(52px,10vw,150px);line-height:1.25;text-decoration:none;display:flex}footer>div{letter-spacing:.14em;justify-content:space-between;margin-top:auto;padding-top:70px;font-size:10px;display:flex}.theme-playful{--bg:#f4f34d;--surface:#f7a8c4;--ink:#161616;--muted:#3e3e3e;--line:#161616;--accent:#315cff;--card-radius:18px;--heading:Arial, "PingFang SC", sans-serif}.theme-playful .brand-mark{background:var(--ink);color:var(--bg);border-radius:4px}.theme-playful .topbar{border-bottom-width:2px}.theme-playful .hero-copy h1,.theme-playful .section-heading h2,.theme-playful footer>a{letter-spacing:-.07em;font-weight:800}.theme-playful .hero-copy h1 em,.theme-playful .profile h2 em{-webkit-text-stroke:2px var(--ink);color:#0000;font-style:normal}.theme-playful .portrait-art{border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:#ff8964;border-radius:26px;transform:rotate(2deg)}.theme-playful .portrait-initial{color:var(--ink);font-weight:900}.theme-playful .primary-button{border:2px solid var(--ink);background:var(--accent);color:#fff;box-shadow:5px 5px 0 var(--ink);border-radius:999px}.theme-playful .projects{color:#fff;background:#315cff}.theme-playful .project-visual,.theme-playful .interest-image{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.theme-playful .project-1 .project-visual{background:#f4f34d}.theme-playful .project-2 .project-visual{background:#ff8964}.theme-playful .project-3 .project-visual{background:#f7a8c4}.theme-playful .project-4 .project-visual{background:#a9f6cf}.theme-playful footer{background:#f7a8c4}.theme-midnight{--bg:#0e111b;--surface:#171c2c;--ink:#f3f3ee;--muted:#949cb2;--line:#d2dcff2e;--accent:#8ea6ff;--card-radius:24px;--heading:Georgia, "Songti SC", serif}.theme-midnight .topbar{background:#0e111bb8}.theme-midnight .brand-mark{border-color:var(--accent);color:var(--accent)}.theme-midnight .hero{background:radial-gradient(circle at 78% 43%, #455ec847, transparent 26%), var(--bg)}.theme-midnight .hero-copy h1 em{color:#0000;background:linear-gradient(90deg,#8ea6ff,#d0b5ff);-webkit-background-clip:text;background-clip:text}.theme-midnight .portrait-art{background:linear-gradient(150deg,#252b46,#101521);border-radius:48% 48% 24px 24px;box-shadow:0 30px 100px #4c66d340}.theme-midnight .primary-button{background:var(--accent);color:#101521;border-radius:999px}.theme-midnight .projects{background:#090c13}.theme-midnight .project-visual{border:1px solid #ffffff2e}.theme-midnight .project-1 .project-visual{color:#fff;background:linear-gradient(140deg,#304374,#11182c)}.theme-midnight .project-2 .project-visual{color:#fff;background:linear-gradient(140deg,#4b3566,#191225)}.theme-midnight .project-3 .project-visual{color:#fff;background:linear-gradient(140deg,#245c63,#0d2025)}.theme-midnight .project-4 .project-visual{color:#fff;background:linear-gradient(140deg,#694536,#251813)}.theme-midnight .interest-image{background:linear-gradient(145deg,#1d2437,#121622)}.theme-midnight footer{color:#0e111b;background:#8ea6ff}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;height:68px}.brand-name{display:none}.nav{z-index:30;border:1px solid var(--line);background:var(--bg);border-radius:999px;justify-content:space-around;gap:5px;padding:8px;position:fixed;bottom:14px;left:16px;right:16px}@supports (color:color-mix(in lab, red, red)){.nav{background:color-mix(in srgb, var(--bg) 88%, transparent)}}.nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav a{padding:8px 12px;font-size:12px}.style-switcher{grid-column:2}.section{padding:110px 24px 75px}.hero-grid{grid-template-columns:1fr;gap:50px}.portrait-wrap{width:min(76vw,360px);margin:0 auto}.hero-copy h1{font-size:clamp(46px,13vw,72px)}.scroll-cue{display:none}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:40px}.project-grid{grid-template-columns:1fr;gap:45px}.project-visual{min-height:310px}.interest-grid{grid-template-columns:1fr;gap:42px}.interest-image{aspect-ratio:1.45}footer{min-height:55vh;padding-bottom:100px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
