@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--page-bg:#fff;--surface:#fff;--surface-soft:#f7fbf9;--surface-muted:#f3f5f4;--ink:#292b2e;--muted:#73767b;--subtle:#909194;--faint:#a0a2a3;--teal:#18a88f;--line:#eceeed;--border:#e7ecea;--nav-border:#f0f0ef;--nav-active:#f0fbf8;--availability-border:#e8f2ef;--availability-bg:#f8fcfb;--availability-text:#53625f;--teal-soft:#def3ed;--image-backdrop:#c9ede3;--caption-border:#eeefeee6;--soft-text:#616568;--grid-line:#dfe6e3;--shape-border:#71cbb8;--shadow:0 5px 24px #1f232614;--card-shadow:0 15px 38px #1f232612;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}:root[data-theme=dark]{--page-bg:#151817;--surface:#1d2220;--surface-soft:#202a27;--surface-muted:#242b29;--ink:#f1f3f2;--muted:#b2b9b6;--subtle:#9aa39f;--faint:#a3adaa;--teal:#4bc7ad;--line:#303835;--border:#343e3a;--nav-border:#303835;--nav-active:#253d36;--availability-border:#31433d;--availability-bg:#202a27;--availability-text:#c2cec9;--teal-soft:#274c42;--image-backdrop:#26443c;--caption-border:#3a4541;--soft-text:#c0c8c4;--grid-line:#39433f;--shape-border:#4da991;--shadow:0 5px 24px #00000038;--card-shadow:0 15px 38px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--page-bg);margin:0;transition:color .18s,background-color .18s}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}::selection{color:#153c33;background:#c8eee4}#root{min-height:100vh}.site-shell{background:var(--page-bg);flex-direction:column;width:min(85%,1440px);min-height:100vh;margin:0 auto;transition:background-color .18s;display:flex}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:94px;display:grid}.wordmark,.footer-mark{width:fit-content;color:var(--ink);letter-spacing:-1.5px;font-size:24px;font-weight:800}.wordmark span,.footer-mark span{color:var(--teal)}.site-nav{border:1px solid var(--nav-border);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:7px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:500;transition:color .16s,background .16s}.site-nav a:hover,.site-nav a.active{color:var(--teal);background:var(--nav-active)}.header-actions{justify-self:end;align-items:center;gap:20px;display:flex}.header-contact{color:var(--ink);font-size:13px;font-weight:600}.theme-toggle{border:1px solid var(--border);min-height:38px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;transition:background-color .18s,border-color .18s;display:inline-flex}.theme-toggle:hover{background:var(--nav-active)}.theme-toggle>span:first-child{color:var(--teal);font-size:16px;line-height:1}.header-contact span,.text-link span,.home-bottom a span{color:var(--teal)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:54px;min-height:550px;padding:54px 0 30px;display:grid}.hero-copy{padding:8px 0 0}.availability{border:1px solid var(--availability-border);width:fit-content;color:var(--availability-text);background:var(--availability-bg);border-radius:999px;align-items:center;gap:8px;margin-bottom:35px;padding:8px 12px;font-size:11px;display:flex}.availability-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 0 3px var(--teal-soft);border-radius:50%}.eyebrow{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.hero h1{max-width:650px;color:var(--ink);letter-spacing:-.065em;margin:0;font-size:clamp(42px,5.2vw,67px);font-weight:750;line-height:1.07}.hero h1 span{color:var(--teal)}.hero-description{max-width:555px;color:var(--muted);margin:25px 0 0;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 19px;font-size:13px;font-weight:600;transition:transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:var(--muted)}.button-dark span{color:var(--teal);font-size:16px}.text-link{color:var(--ink);font-size:13px;font-weight:600}.hero-note{color:var(--subtle);letter-spacing:.02em;align-items:center;gap:10px;margin-top:47px;font-size:11px;display:flex}.note-line{background:var(--border);width:23px;height:1px}.hero-visual{isolation:isolate;justify-self:end;width:min(100%,410px);height:424px;position:relative}.image-backdrop{z-index:-1;background:var(--image-backdrop);border-radius:36% 13% 32% 14%;position:absolute;inset:30px 15px 20px 34px;transform:rotate(5deg)}.hero-image{object-fit:cover;object-position:50% 32%;filter:grayscale();border-radius:13% 34% 13% 30%;width:100%;height:100%;display:block;transform:rotate(-2.2deg)}.image-caption{border:1px solid var(--caption-border);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:11px;padding:12px 16px;display:flex;position:absolute;bottom:31px;right:-15px}.image-caption strong,.image-caption small{display:block}.image-caption strong{color:var(--ink);font-size:11px}.image-caption small{color:var(--muted);margin-top:3px;font-size:10px}.home-bottom{border-top:1px solid var(--line);min-height:72px;color:var(--subtle);align-items:center;gap:16px;font-size:11px;display:flex}.bottom-separator{background:var(--border);border-radius:50%;width:3px;height:3px}.home-bottom a{color:var(--ink);margin-left:auto;font-weight:600}.inner-page{flex:1;padding:72px 0 90px}.page-intro{max-width:650px;margin-bottom:48px}.page-intro h1{color:var(--ink);letter-spacing:-.065em;margin:0;font-size:clamp(42px,6vw,64px);font-weight:750;line-height:1.06}.intro-copy{max-width:540px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.8}.about-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:78px;display:grid}.about-photo-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 13px 42px;position:relative;transform:rotate(-2deg)}.about-photo{object-fit:cover;object-position:50% 30%;border-radius:6px;width:100%;height:390px;display:block}.photo-label{color:var(--muted);font-size:10px;position:absolute;bottom:15px;right:15px}.about-content h2,.contact-panel h2{color:var(--ink);letter-spacing:-.045em;margin:0 0 18px;font-size:29px;line-height:1.2}.about-content>p,.contact-panel>div>p:not(.eyebrow){color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.85}.skill-block{margin-top:32px}.skill-block .eyebrow{margin-bottom:12px}.skill-icon-list{flex-wrap:wrap;gap:8px;display:flex}.skill-item{border:1px solid var(--border);min-height:38px;color:var(--soft-text);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:6px 11px 6px 8px;font-size:10px;display:inline-flex}.skill-icon{color:var(--teal);justify-content:center;align-items:center;display:inline-flex}.skill-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:16px;height:16px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);color:var(--soft-text);background:var(--surface);border-radius:999px;padding:8px 11px;font-size:10px}.project-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-width:0;padding:19px;transition:box-shadow .18s,transform .18s}.project-card:hover{box-shadow:var(--card-shadow);transform:translateY(-4px)}.project-topline{color:var(--faint);justify-content:space-between;align-items:center;font-size:11px;display:flex}.project-arrow{color:var(--teal);font-size:17px}.project-art{background:var(--surface-muted);border-radius:7px;height:165px;margin:17px 0 20px;position:relative;overflow:hidden}.art-grid{opacity:.47;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000,#000);mask-image:linear-gradient(135deg,#0000,#000)}.art-shape{border:1px solid var(--shape-border);background:linear-gradient(135deg, var(--teal-soft), var(--surface));width:101px;height:101px;box-shadow:10px 12px 0 -4px var(--nav-active);border-radius:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.art-shape-02{background:linear-gradient(135deg, var(--teal-soft), var(--surface));border-radius:50%;transform:translate(-50%,-50%)rotate(18deg)scale(1.05,.82)}.art-shape-03{background:linear-gradient(135deg, var(--teal-soft), var(--surface));border-radius:48% 20% 44% 17%;width:123px;height:78px;transform:translate(-50%,-50%)rotate(23deg)}.project-card h2{color:var(--ink);letter-spacing:-.04em;margin:0 0 9px;font-size:19px}.project-card>p{min-height:65px;color:var(--muted);margin:0 0 17px;font-size:12px;line-height:1.7}.project-card .tag-list{gap:6px}.project-card .tag{background:var(--surface-muted);padding:6px 8px;font-size:9px}.article-list{border-top:1px solid var(--line)}.article-row{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr 30px;align-items:start;gap:18px;padding:25px 4px;display:grid}.article-index{color:var(--faint);padding-top:2px;font-size:11px}.article-category{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:700}.article-main h2{color:var(--ink);letter-spacing:-.04em;margin:0 0 8px;font-size:20px}.article-description{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.article-arrow{color:var(--teal);font-size:17px}.contact-page .page-intro{margin-bottom:52px}.contact-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;grid-template-columns:150px 1fr;align-items:center;gap:35px;padding:45px;display:grid;position:relative;overflow:hidden}.contact-stamp{border:1px solid var(--border);width:118px;height:118px;color:var(--teal);background:var(--surface);border-radius:50%;place-items:center;font-size:62px;font-weight:300;display:grid}.contact-panel h2{max-width:540px;font-size:34px}.contact-panel>div>p:not(.eyebrow){max-width:560px;margin-bottom:22px}.contact-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.contact-link{border:1px solid var(--border);width:42px;height:42px;color:var(--soft-text);background:var(--surface);border-radius:50%;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:grid}.contact-link:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.contact-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:19px;height:19px}.contact-link svg.contact-icon-x{fill:currentColor;stroke:none}.site-footer{border-top:1px solid var(--line);min-height:72px;color:var(--subtle);align-items:center;gap:18px;margin-top:auto;font-size:10px;display:flex}.footer-mark{font-size:18px}.site-footer>span:last-child{margin-left:auto}@media (width<=900px){.site-shell{width:calc(100% - 64px)}.site-header{grid-template-columns:auto 1fr auto}.site-nav{justify-self:center}.header-contact{display:none}.header-actions{grid-area:1/3}.hero{grid-template-columns:1fr .78fr;gap:28px}.hero-visual{height:360px}.image-caption{right:-6px}.about-layout{gap:38px}.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.site-shell{width:calc(100% - 36px)}.site-header{grid-template-columns:1fr auto;gap:12px;min-height:90px;padding:12px 0}.wordmark{font-size:19px;display:block}.header-actions{grid-area:1/2}.theme-toggle{min-height:34px}.site-nav{grid-area:2/1/auto/-1;justify-self:center;gap:0;max-width:100%;padding:5px}.site-nav a{padding:8px clamp(6px,2.4vw,10px);font-size:clamp(10px,2.8vw,11px)}.hero{grid-template-columns:1fr;gap:32px;padding:42px 0 30px}.availability{margin-bottom:25px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-description{margin-top:18px;font-size:14px}.hero-actions{gap:18px;margin-top:24px}.hero-note{margin-top:28px}.hero-visual{justify-self:center;width:calc(100% - 16px);height:min(105vw,390px);margin:0 8px 12px 0}.image-caption{bottom:20px;right:-8px}.home-bottom{flex-wrap:wrap;gap:10px;padding:15px 0;font-size:10px}.home-bottom a{width:100%;margin:5px 0 0}.inner-page{padding:52px 0 66px}.page-intro{margin-bottom:35px}.page-intro h1{font-size:clamp(39px,11vw,56px)}.intro-copy{font-size:14px}.about-layout{grid-template-columns:1fr;gap:34px}.about-photo-wrap{justify-self:center;width:min(100%,370px)}.about-photo{height:360px}.project-grid{grid-template-columns:1fr}.project-card>p{min-height:0}.article-row{grid-template-columns:29px 1fr 20px;gap:11px;padding:21px 0}.article-main h2{font-size:18px}.article-description{font-size:12px}.contact-panel{grid-template-columns:1fr;gap:23px;padding:25px}.contact-stamp{width:82px;height:82px;font-size:44px}.contact-panel h2{font-size:28px}.site-footer{flex-wrap:wrap;gap:8px 15px;padding:15px 0}.site-footer>span:last-child{width:100%;margin-left:0}}
