.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:5vh 4vw;border:0;background:transparent;color:var(--ink);overflow:hidden}.project-modal::backdrop{background:#101116b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-modal-panel{height:90dvh;max-width:1440px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 90px #0006;display:flex;flex-direction:column}.project-modal-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0;min-height:62px}.project-modal-bar h2{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.project-modal-bar>div{display:flex;align-items:center;gap:18px}.project-modal-bar button,.project-modal-bar a{font-size:12px;color:var(--ink);background:none;border:0;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.project-modal-bar .close-project{font-size:28px;width:44px;justify-content:center;border-radius:5px}.project-modal-bar button:hover{background:var(--surface-soft)}.project-modal-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;position:relative;background:#fff}.project-modal-content iframe{display:block;width:100%;height:100%;border:0;background:#fff}.full-project-preview{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-modal-hint{flex-shrink:0;margin:0;padding:9px 16px;font-size:max(11px,var(--min-font-size));color:var(--muted);text-align:center;border-top:1px solid var(--line)}.project-zoom-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}.opening .project-zoom-canvas{display:block}.opening .project-modal-panel{opacity:var(--zoom-reveal,0)}@keyframes modal-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.project-modal[data-mobile=true] .preview-toggle{display:none}@media(max-width:767px){.project-modal{padding:3dvh 12px}.project-modal-panel{height:94dvh;border-radius:9px}.project-modal-bar{padding:6px 9px;gap:8px}.project-modal-bar>div{gap:7px}.project-modal-bar h2{font-size:13px}.project-modal-bar a,.project-modal-hint{font-size:max(10px,var(--min-font-size))}.full-project-preview{cursor:zoom-out}}@media(prefers-reduced-motion:reduce){.opening .project-modal-panel{animation:none}}.project-browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.project-browser-bar{height:48px;min-height:48px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--muted);flex-shrink:0}.window-lights{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:7px;pointer-events:none}.window-lights i{display:block;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 1px #00000010}.window-lights i:nth-child(2){background:#febc2e}.window-lights i:nth-child(3){background:#28c840}.project-browser-title,.project-modal-bar h2{font:12px DM Sans Variable,sans-serif;letter-spacing:0;color:var(--muted);text-align:center;max-width:calc(100% - 150px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project .project-preview{padding:0;display:block;aspect-ratio:auto;background:var(--surface);box-shadow:0 8px 25px #00000009}.project-browser-viewport{position:relative;aspect-ratio:1440/1050;overflow:hidden;background:var(--surface-soft);display:grid;place-items:center}.project .project-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;transform:none;position:relative}.project:hover .project-preview img{transform:none}.project .visit-label{bottom:14px;right:14px}.project-modal .project-modal-actions{position:absolute;right:9px;gap:12px;display:flex;align-items:center}.project-modal-bar h2{max-width:calc(100% - 530px)}.project-modal-snapshot{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;z-index:2;pointer-events:none;transition:opacity .18s;display:block}.project-zoom-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.project-zoom-stage .project-modal-panel{pointer-events:auto}.project-modal.opening .project-modal-panel{opacity:1}.opening .project-modal-actions,.opening .project-modal-hint{visibility:hidden}.opening .project-modal-content{overflow:hidden}@media(max-width:767px){.project-browser-bar{height:44px;min-height:44px;padding:0 10px}.window-lights{left:11px;gap:5px}.window-lights i{width:8px;height:8px}.project-modal-bar h2{max-width:calc(100% - 200px);margin-left:-55px;font-size:max(11px,var(--min-font-size))}.project-modal .project-modal-actions{gap:4px;right:3px}.project-browser,.project-modal-panel{border-radius:12px}}.opening .project-modal-panel{visibility:hidden}.opening .project-modal-panel[data-zoom-mounted=true]{visibility:visible}.opening .project-modal-bar h2{max-width:calc(100% - 150px);margin-left:0}.opening .project-modal-hint{display:none}@media(max-width:767px){.project-modal-bar h2{max-width:calc(100% - 170px);margin-left:0}.project-modal-bar .external-project{font-size:0;width:32px;justify-content:center}.project-modal-bar .external-project:after{content:"↗";font-size:18px}}.project-modal[data-mobile=true] .external-project{display:none}.project-browser-year{position:absolute;right:16px;font:max(11px,var(--min-font-size)) "DM Sans Variable",sans-serif;color:var(--muted)}.project .project-meta{display:none}@media(max-width:767px){.project-browser-year{right:11px;font-size:max(10px,var(--min-font-size))}}.project-browser-bar{height:40px;min-height:40px}.project-modal-bar button,.project-modal-bar a{min-height:38px}@media(max-width:767px){.project-browser-bar{height:32px;min-height:32px}.project-modal-bar button,.project-modal-bar a{min-height:30px}}.project-modal-bar .window-close{position:relative;width:10px;height:10px;min-height:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#ff5f57;box-shadow:inset 0 0 0 1px #00000010;pointer-events:auto;cursor:pointer}.window-close:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%}.window-close svg{width:8px;height:8px;stroke:#691c17;stroke-width:1.3;fill:none;opacity:0;pointer-events:none}.window-close:hover svg,.window-close:focus-visible svg{opacity:1}.project-modal-bar .window-close:hover{background:#ff5f57}.project-modal.closing::backdrop{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .44s,backdrop-filter .44s}.closing .project-modal-actions{visibility:hidden}.closing .project-modal-hint{display:none}.closing .project-modal-content{overflow:hidden}.closing .project-modal-bar h2{max-width:calc(100% - 150px);margin-left:0}.closing .project-modal-panel{visibility:hidden}.closing .project-modal-panel[data-zoom-mounted=true]{visibility:visible}@media(max-width:767px){.project-modal-bar .window-close{width:8px;height:8px}.window-close svg{width:6px;height:6px}}.project-modal-bar .preview-toggle{gap:8px;padding:0 6px;border-radius:6px;color:var(--muted)}.project-modal-bar .preview-toggle[hidden]{display:none}.preview-switch{width:30px;height:18px;flex-shrink:0;border-radius:20px;background:var(--line);position:relative;transition:background .2s}.preview-switch:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0003;transition:transform .2s}.preview-toggle[aria-checked=true] .preview-switch{background:var(--accent)}.preview-toggle[aria-checked=true] .preview-switch:after{transform:translate(12px)}.preview-toggle[aria-checked=true] .toggle-live,.preview-toggle[aria-checked=false] .toggle-preview{color:var(--ink);font-weight:600}.project-modal[data-mobile=true] .preview-toggle,.project[hidden],.load-more[hidden]{display:none}.project-browser-viewport picture{display:block;width:100%;height:100%;min-height:0;grid-area:1/1}.load-more{display:block;margin:32px auto 0;padding:12px 24px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.load-more:hover{border-color:var(--accent);background:var(--section)}@media(max-width:767px){.project-browser-viewport{height:900px;aspect-ratio:auto}.project .project-preview img{object-position:top}}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-cHuGMAiY.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-DwHjdM4S.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-ece1310W.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-D-yuW59g.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-CxNHBx-q.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-D9elroTD.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:var(--site-font);color:var(--ink);background:var(--page);font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--section)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:650;letter-spacing:-1.1px;display:inline-flex;align-items:center}.wordmark>span:first-child{font-weight:400}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:7px;margin-top:10px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{padding:8px 0}nav a:hover{color:var(--accent)}nav span{font-size:max(10px,var(--min-font-size));vertical-align:super;margin-left:3px}.nav-contact{margin-left:18px}.nav-contact span{font-size:18px;vertical-align:baseline;margin-left:15px}.hero{min-height:666px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding-bottom:70px}.hero-copy{z-index:1;padding-top:24px}.eyebrow{font-size:max(10px,var(--min-font-size));font-weight:550;letter-spacing:1.6px;display:block}.hero .eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1.3px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(42px,4.6vw,66px);font-weight:450;line-height:1.12;letter-spacing:-3.3px;margin:28px 0 24px}h1>span,.about h2>span,.contact h2>span{color:var(--accent)}.hero-description{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:10px}.text-link span{font-size:21px}.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:max(9px,var(--min-font-size));letter-spacing:1.3px}.down-arrow{font-size:20px;margin-left:16px}.work{border-top:1px solid var(--line);padding-top:54px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:39px}h2{font-size:36px;font-weight:450;line-height:1.17;letter-spacing:-1.5px;margin:19px 0 0}.accent{color:var(--accent)}.section-heading p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 2px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:41px}.project{min-width:0}.project-preview{aspect-ratio:1.37;background:var(--project-color);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:34px 28px}.project-preview img{position:relative;width:100%;height:auto;aspect-ratio:1440/1050;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 8px 26px #00000010;transition:transform .45s}.preview-name{position:absolute;font-size:32px;letter-spacing:-1px;font-weight:500}.visit-label{position:absolute;right:17px;bottom:17px;padding:9px 12px;border-radius:2px;background:var(--surface);font-size:max(11px,var(--min-font-size));opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.project:hover img{transform:translateY(-4px)}.project:hover .visit-label{opacity:1;transform:none}.project-meta{display:flex;align-items:center;padding-top:15px;gap:13px}.project-index{font-size:max(10px,var(--min-font-size));color:var(--muted)}.project-meta h3{font-weight:500;font-size:16px;letter-spacing:-.25px;margin:0}.project-year{margin-left:auto;color:var(--muted);font-size:12px}.project-arrow{font-size:20px;margin-left:7px}.work-end{display:flex;justify-content:space-between;font-size:max(9px,var(--min-font-size));letter-spacing:1.2px;color:var(--muted);border-bottom:1px solid var(--line);padding:45px 0 31px}.about{display:grid;grid-template-columns:1fr 1.05fr;padding-block:98px}.monogram{display:flex;align-items:baseline;font-size:100px;letter-spacing:-10px;font-weight:500;margin:35px 0 20px}.location{font-size:max(11px,var(--min-font-size));color:var(--muted)}.about h2{font-size:44px;margin:0 0 29px;line-height:1.15}.about-copy>p{max-width:460px;color:var(--muted);font-size:16px;line-height:1.8}.about-copy .about-note{margin-top:27px;font-size:13px;color:var(--ink)}.skills{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.05fr;padding-block:56px 88px}.skills h2{font-size:30px;line-height:1.25}.skill-row{border-bottom:1px solid var(--line);display:flex;gap:24px;padding:22px 0}.skill-row:first-child{padding-top:0}.skill-row>span{font-size:max(11px,var(--min-font-size));color:var(--muted);padding-top:4px}.skill-row>span:last-child{margin-left:auto;font-size:20px}.skill-row h3{margin:0 0 8px;font-size:17px;font-weight:500;letter-spacing:-.3px}.skill-row p{font-size:12px;color:var(--muted);margin:0}.contact-section{background:var(--section)}.contact-inner{padding-block:61px}.contact-main{display:flex;align-items:center;justify-content:space-between}.contact h2,.contact-main h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-2.5px;line-height:1.13;margin-top:24px}.contact-main h2>span{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:36px}.contact-bottom p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.contact-actions{display:flex;gap:10px}.contact-button{border:1px solid var(--line);padding:14px 22px;background:transparent;min-width:140px;font-size:12px;text-align:center}.contact-button:disabled{opacity:.5;cursor:not-allowed}.contact-button[href]:hover{background:var(--surface-soft)}.contact-bottom .contact-note{font-size:max(10px,var(--min-font-size));margin-top:8px;text-align:right}footer{padding-block:32px;display:flex;align-items:center;justify-content:space-between}footer .wordmark{font-size:18px}footer>span,.back-top{font-size:max(11px,var(--min-font-size));color:var(--muted)}.skip-link{position:fixed;top:-60px;left:16px;background:#fff;padding:12px;z-index:5}.skip-link:focus{top:12px}@media(min-width:1550px){.hero{min-height:740px}}@media(hover:none){.visit-label{opacity:1;transform:none}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.site-header{height:86px}nav{gap:20px}.hero{min-height:590px;grid-template-columns:1.3fr 1fr}h1{font-size:44px;letter-spacing:-2px}.hero-art{height:360px}.hero .eyebrow{font-size:max(8px,var(--min-font-size))}.section-heading p{max-width:220px}.project-preview{padding:22px 18px}.about h2{font-size:38px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.wordmark{font-size:20px}nav{gap:18px;font-size:12px}nav a[href="#skills"],nav a[href="#about"],nav a>span{display:none}.nav-contact{margin-left:0}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:36px;padding-bottom:64px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:max(8px,var(--min-font-size));letter-spacing:1px}h1{font-size:clamp(36px,9vw,51px);letter-spacing:-1.8px;margin-top:22px}.hero-description{font-size:14px;margin-bottom:20px}.hero-art{height:285px;margin-top:4px}.hero-bottom{font-size:max(7px,var(--min-font-size));letter-spacing:.6px;bottom:21px}.hero-bottom>span:first-child{max-width:145px;line-height:1.6}.down-arrow{margin-left:7px}.work{padding-top:35px}.section-heading{display:block;margin-bottom:25px}h2{font-size:29px;letter-spacing:-1.1px}.section-heading p{max-width:none;margin-top:16px;font-size:12px}.project-grid{grid-template-columns:1fr;row-gap:28px}.project-preview{padding:25px 21px}.project-meta h3{font-size:15px}.work-end{font-size:max(7px,var(--min-font-size));letter-spacing:.6px;gap:15px;padding:32px 0 24px}.work-end>span:last-child{white-space:nowrap}.about{grid-template-columns:1fr;padding-block:46px;gap:30px}.section-label{position:relative}.monogram{font-size:58px;letter-spacing:-5px;margin:18px 0 8px}.about h2{font-size:36px;margin-bottom:20px}.about-copy>p{font-size:15px}.skills{grid-template-columns:1fr;padding-block:35px 47px;gap:32px}.skills h2{font-size:29px}.skill-row{gap:20px}.contact-inner{padding-block:38px}.contact-main h2{font-size:37px;letter-spacing:-1.6px}.contact-bottom{display:block;margin-top:25px}.contact-actions{margin-top:24px}.contact-button{flex:1;min-width:0}.contact-bottom .contact-note{text-align:left}footer{flex-wrap:wrap;gap:24px;padding-block:27px}footer .wordmark{font-size:17px}footer>span{font-size:max(10px,var(--min-font-size))}.back-top{font-size:max(10px,var(--min-font-size))}footer>span{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.action-arrow{width:20px;height:20px;flex:0 0 20px;vertical-align:middle;fill:currentColor}.nav-contact,.contact-button,.back-top,.visit-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}.project-arrow .action-arrow{display:block}.contact-bottom,.contact-bottom p,.contact-bottom .contact-button{font-size:14px}.wordmark{gap:9px;white-space:nowrap}.logo-icon{width:32px;height:32px;flex:0 0 32px;overflow:visible;color:var(--accent)}.wordmark .logo-name{font-weight:300}footer .logo-icon{width:26px;height:26px;flex-basis:26px}@media(max-width:600px){.logo-icon{width:26px;height:26px;flex-basis:26px}.wordmark{gap:6px}}.nav-avatar{display:block;width:28px;height:28px;flex:0 0 28px;border-radius:50%;object-fit:cover;object-position:center 35%}@media(max-width:600px){.nav-contact{padding:8px;gap:6px}.nav-avatar{width:24px;height:24px;flex-basis:24px}}.wordmark .logo-first{font-weight:650}.work{border-bottom:1px solid var(--line);padding-bottom:32px}@media(max-width:600px){.work{padding-bottom:24px}}.site-header{position:sticky;top:0;z-index:30;background:var(--page)}html{scroll-padding-top:128px}@media(max-width:900px){html{scroll-padding-top:106px}}@media(max-width:767px){.site-header nav>a{display:none}html{scroll-padding-top:98px}}button.project{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}a:focus,button:focus,[tabindex]:focus{outline:none}a,button{-webkit-tap-highlight-color:transparent}.load-more.text-link{display:flex;position:relative;align-items:center;justify-content:space-between;width:150px;min-height:35px;margin:32px auto 0;padding:0 0 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);gap:24px;cursor:pointer}.load-more.text-link .load-more-label{font-size:13px}.load-more-icon{width:20px;height:20px;flex-shrink:0}.load-more .load-more-label{transition:opacity .3s}.load-more[aria-busy=true] .load-more-label{opacity:0}.load-more-icon-wrap{display:flex;width:20px;height:20px;flex:0 0 20px;transition:transform .3s ease}.load-more[aria-busy=true] .load-more-icon-wrap{transform:translate(-65px)}.load-more[aria-busy=true] .load-more-icon{animation:none}.load-more[data-spinning=true] .load-more-icon{animation:load-spin .5s linear infinite}.load-more[aria-busy=true]{cursor:wait}@keyframes load-spin{to{transform:rotate(360deg)}}.action-arrow{transition:transform .22s ease}@media(hover:hover){.load-more:not([aria-busy=true]):hover .load-more-icon{animation:load-spin 1s linear infinite}a:hover>.action-arrow,button:hover>.action-arrow,.project:hover .visit-label .action-arrow{transform:translate(2px,-2px) rotate(5deg)}.hero .text-link:hover>.action-arrow{transform:translateY(3px)}.hero-bottom>span:hover .action-arrow{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.action-arrow{transition:none}.load-more-icon{animation:none!important}a:hover>.action-arrow,button:hover>.action-arrow,.project:hover .visit-label .action-arrow,.hero .text-link:hover>.action-arrow,.hero-bottom>span:hover .action-arrow{transform:none}}.load-more.text-link[hidden]{display:none}.load-more.text-link{border-bottom:0}.load-more.text-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--line);transform:scaleX(1);transform-origin:center;transition:transform .3s ease,background-color .1s}.load-more.text-link[aria-busy=true]:after{transform:scaleX(.1333333333)}.text-link{gap:8px}.load-more.text-link{width:112px;gap:8px;justify-content:center}.load-more[aria-busy=true] .load-more-icon-wrap{transform:translate(var(--load-icon-shift,-36px))}:root{--min-font-size:12px}@media(max-width:767px){:root{--min-font-size:11px}}[data-palette=green]{--hue:140;--accent-light:#1c7a39;--accent-dark:#65d88a}[data-palette=blue]{--hue:216;--accent-light:#175cd3;--accent-dark:#79acff}[data-palette=purple]{--hue:275;--accent-light:#8038c5;--accent-dark:#c797ff}[data-palette=red]{--hue:353;--accent-light:#b72c40;--accent-dark:#ff8e9b}[data-palette=yellow]{--hue:47;--accent-light:#FFC600;--accent-dark:#FFC600}[data-palette=orange]{--hue:24;--accent-light:#F47B21;--accent-dark:#F47B21}[data-palette=pink]{--hue:325;--accent-light:#E635A4;--accent-dark:#E635A4}[data-palette=cyan]{--hue:188;--accent-light:#08B9D1;--accent-dark:#08B9D1}:root,[data-mode=light]{color-scheme:light;--page:#ffffff;--surface:#ffffff;--surface-soft:#f4f4f5;--section:#f0f0f2;--ink:#23252a;--muted:#62646b;--line:#d3d4d8;--accent:var(--accent-light);--on-accent:#fff;--shadow:0 18px 48px #17192314;--project-color:#efeff1}[data-mode=dark]{color-scheme:dark;--page:#141518;--surface:#1c1d21;--surface-soft:#25262b;--section:#1e1f24;--ink:#eeeef0;--muted:#b5b6bc;--line:#4b4d55;--accent:var(--accent-dark);--on-accent:#18191c;--shadow:0 20px 55px #0005;--project-color:#25262b}html{background:var(--page);color:var(--ink)}body{background:var(--page)}::selection{background:var(--accent);color:var(--on-accent)}html,body,header,footer,section,a,button,h1,h2,h3,p,span,div{transition:background-color .1s,color .1s,border-color .1s,box-shadow .1s}.project-preview{background:var(--project-color)}.project-preview img{color:var(--ink)}.visit-label{background:var(--surface);color:var(--ink)}.contact-button{color:var(--ink)}.skip-link{background:var(--surface);color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root,[data-font=sans]{--site-font:"DM Sans Variable",Arial,sans-serif}[data-font=serif]{--site-font:"Source Serif 4 Variable",Georgia,serif}[data-font=mono]{--site-font:"JetBrains Mono Variable",monospace}html{font-family:var(--site-font)}[data-font=serif] h1,[data-font=serif] h2{font-weight:450;letter-spacing:-.045em}[data-font=mono] h1{font-size:clamp(34px,3.6vw,51px);letter-spacing:-.065em}[data-font=mono] h2{letter-spacing:-.055em}[data-font=mono] .hero .eyebrow{letter-spacing:.5px;font-size:max(9px,var(--min-font-size))}[data-font=mono] .wordmark{letter-spacing:-1.4px}[data-font=mono] .project-meta{gap:8px}[data-font=mono] .project-meta h3{font-size:14px}@media(max-width:600px){[data-font=mono] h1{font-size:clamp(28px,7.6vw,43px);letter-spacing:-.07em}[data-font=mono] .hero .eyebrow{font-size:max(7px,var(--min-font-size));letter-spacing:0}[data-font=mono] .contact-main h2{font-size:29px}[data-font=mono] nav{gap:12px}[data-font=mono] .wordmark{font-size:18px}[data-font=mono] .project-meta h3{font-size:12px}}.contact-button,.nav-contact{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:6px}.nav-contact{padding:10px 16px}.contact-button[href]:hover,.nav-contact:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}nav .nav-contact{padding:5px 10px 5px 5px;gap:8px}.nav-contact .nav-avatar{width:32px;height:32px;flex-basis:32px}button.contact-button{cursor:pointer}button.contact-button:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}:root{--accent-fill:var(--accent);--on-accent-fill:var(--on-accent);--accent-glow:var(--accent)}[data-palette=yellow]{--accent-fill:#FFC600;--on-accent:#18191c;--on-accent-fill:#18191c;--accent-glow:#FFC600}.contact-button,.nav-contact,.contact-button[href]:hover,.nav-contact:hover,button.contact-button:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent-fill)}[data-palette=orange],[data-palette=pink],[data-palette=cyan]{--on-accent:#18191c;--on-accent-fill:#18191c}[data-palette=pink] .nav-contact,[data-palette=pink] .nav-contact:hover,[data-palette=pink] .contact-button,[data-palette=pink] .contact-button:hover{background:#ce258f;border-color:#ce258f;color:#fff;filter:none}button.nav-contact{font:inherit;cursor:pointer}nav button.nav-contact,.contact-bottom button.contact-button{padding:5px 10px 5px 5px;gap:8px;font-size:14px;line-height:1.4;min-width:0;flex:none;white-space:nowrap}.contact-button .nav-avatar{width:32px;height:32px;flex-basis:32px}@media(max-width:600px){nav button.nav-contact,.contact-bottom button.contact-button{font-size:12px}}.hero .text-link{color:var(--ink);transition:color .1s,border-color .1s}.text-link,.hero .text-link,.load-more.text-link{border-bottom:0;color:var(--accent)}.load-more.text-link:after{display:none}.hero .hero-bottom .hero-scroll-link{color:var(--muted);font-size:13px;letter-spacing:0;gap:8px;padding-bottom:0;white-space:nowrap}.hero{grid-template-columns:1.12fr 1fr;gap:34px;min-height:730px}.hero-art.design-studio{height:575px;display:block;position:relative;width:100%;max-width:530px;padding:0;justify-self:end;isolation:isolate}.browser-stage{position:absolute;top:52px;right:18px;bottom:34px;left:18px;perspective:1000px}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden;z-index:1;opacity:.22}.mini-browser{height:100%;border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden;box-shadow:var(--shadow)}.browser-chrome{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--muted)}.browser-dots{font:max(7px,var(--min-font-size)) "DM Sans Variable",sans-serif;letter-spacing:3px;opacity:.5}.browser-lock{width:13px;height:13px;opacity:.55}.browser-lock svg{width:100%;height:100%}.placeholder{display:block;border-radius:3px;background:var(--line);opacity:.48;min-height:6px}.address-placeholder{width:36%;height:7px}.mini-page{padding:25px;height:calc(100% - 36px);display:flex;flex-direction:column}.wire-nav{display:flex;align-items:center;justify-content:space-between}.wire-logo{height:12px;width:65px;background:var(--accent);opacity:.2}.wire-nav>div{display:flex;gap:10px}.wire-nav>div>span{width:23px;height:5px}.wire-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:39px;min-height:158px}.wire-copy{padding-top:6px}.wire-eyebrow{width:40%;height:5px;margin-bottom:15px}.wire-title{height:15px;width:100%;margin-bottom:9px;background:var(--accent);opacity:.2}.wire-title.short{width:76%;margin-bottom:20px}.wire-line{height:6px;width:100%;margin-bottom:7px}.medium{width:80%}.short{width:60%}.wire-button{height:20px;width:56px;margin-top:17px;background:var(--accent);opacity:.2}.wire-image{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-soft);border-radius:4px;color:var(--muted)}.wire-image svg{width:65%;max-width:85px;opacity:.28}.positive-icons{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px;padding:18px 0;border-block:1px solid var(--line)}.positive-icons>span{height:36px;width:36px;display:grid;place-items:center;background:var(--surface-soft);border-radius:50%;color:var(--accent)}.positive-icons svg{width:20px;height:20px;opacity:.75}.wire-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.wire-content>div>.placeholder{height:6px;margin-bottom:8px}.wire-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}.wire-footer>span{width:40px;height:5px}.settings-card{position:absolute;z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:17px 20px;box-shadow:0 12px 32px #00000012,0 2px 5px #00000004;font-family:DM Sans Variable,sans-serif;transition:opacity .65s,transform .65s cubic-bezier(.2,.8,.2,1),visibility .65s,background-color .25s,border-color .25s}.palette-card{top:123px;left:0;width:264px}.mode-card{top:266px;right:0;width:184px}.font-card{left:38px;bottom:0;width:274px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:max(9px,var(--min-font-size));letter-spacing:1px}#palette-label{font-size:max(10px,var(--min-font-size));letter-spacing:0;color:var(--accent)}.swatches{display:flex;margin-top:7px;margin-left:-5px}.swatch{position:relative;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;color:var(--ink)}.swatch:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:var(--swatch);border-radius:50%;border:3px solid var(--surface)}.swatch[aria-pressed=true]:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--accent);border-radius:50%}#mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;border:0;background:transparent;color:var(--ink);padding:0;cursor:pointer;font:12px DM Sans Variable,sans-serif;margin-top:7px}.switch-track{height:21px;width:36px;border-radius:20px;background:var(--line);padding:3px;display:block;flex-shrink:0}.switch-track>span{display:block;border-radius:50%;height:15px;width:15px;background:var(--surface);box-shadow:0 1px 3px #0002;transition:transform .2s}#mode-toggle[aria-checked=true] .switch-track{background:var(--accent)}#mode-toggle[aria-checked=true] .switch-track>span{transform:translate(15px);background:var(--on-accent)}.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.font-options>button{min-width:44px;min-height:66px;padding:8px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface);cursor:pointer}.font-options>button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--surface-soft)}.font-options>button>span{font-size:23px;line-height:1.15;display:block}.font-options small{display:block;font:max(9px,var(--min-font-size)) "DM Sans Variable",sans-serif;margin-top:6px}.font-options [data-font-choice=sans]>span{font-family:DM Sans Variable,sans-serif}.font-options [data-font-choice=serif]>span{font-family:"Source Serif 4 Variable",serif}.font-options [data-font-choice=mono]>span{font-family:JetBrains Mono Variable,monospace}.design-studio:not([data-stage=live]) #hero-canvas{visibility:visible;opacity:1}.design-studio:not([data-stage=live]) .mini-browser{opacity:0;transition:none}.design-studio:not([data-stage=live]) .settings-card{opacity:0;visibility:hidden;transition:none}.design-studio[data-stage=live] .settings-card{transition:background-color .25s,border-color .25s}.design-studio[data-stage=live] #hero-canvas{visibility:hidden}@media(max-width:1100px)and (min-width:781px){.hero{grid-template-columns:1fr 1fr;gap:24px}.hero-art.design-studio{height:580px}.browser-stage{inset-inline:8px}.mini-page{padding:20px}.wire-hero{gap:15px}.palette-card{left:0}.mode-card{right:0}.font-card{left:14px}.hero h1{font-size:clamp(36px,4.5vw,50px);letter-spacing:-2px}}@media(max-width:780px)and (min-width:601px){.hero{grid-template-columns:1fr;gap:15px;padding-top:45px;padding-bottom:80px}.hero-copy{padding-top:0}.hero-art.design-studio{justify-self:center;max-width:500px}}@media(max-width:600px){.hero{gap:22px}.hero-art.design-studio{height:570px;max-width:440px;margin:0 auto;flex-shrink:0}.browser-stage{top:52px;right:5px;bottom:32px;left:5px}.mini-page{padding:20px}.wire-hero{gap:17px;margin-top:30px}.wire-title{height:12px}.positive-icons{gap:5px;margin-top:33px}.positive-icons>span{width:30px;height:30px}.positive-icons svg{width:17px;height:17px}.palette-card{left:0;top:123px;padding:15px 17px;width:254px}.mode-card{right:0;top:260px;padding:15px 17px;width:170px}.font-card{left:12px;bottom:0;width:265px;padding:15px 17px}.hero-bottom{bottom:15px}.hero{padding-bottom:55px}.settings-card{max-width:100%}}@media(prefers-reduced-motion:reduce){.design-studio #hero-canvas{visibility:hidden!important}.design-studio .settings-card{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}}@property --glow-angle{syntax:"<angle>";initial-value:0deg;inherits:true}@property --beacon-strength{syntax:"<number>";initial-value:0;inherits:true}.settings-card:before,.settings-card:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--glow-angle),transparent 0deg 290deg,var(--accent) 342deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(var(--beacon-strength) * var(--glow-max))}.settings-card:before{top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1.5px;--glow-max:.8}.settings-card:after{top:-5px;right:-5px;bottom:-5px;left:-5px;padding:6px;border-radius:13px;filter:blur(5px);--glow-max:.36}.design-studio:not([data-stage=live]) .settings-card:before,.design-studio:not([data-stage=live]) .settings-card:after{visibility:hidden}.settings-card{--beacon-color:var(--accent)}.settings-card:before,.settings-card:after{background:conic-gradient(from var(--glow-angle),transparent 0deg 290deg,var(--beacon-color) 342deg,transparent 360deg)}.swatch{transition:transform .18s ease}@media(hover:hover){.settings-card:hover{border-color:color-mix(in srgb,var(--accent) 58%,white);--beacon-color:color-mix(in srgb,var(--accent) 52%,white)}.settings-card:hover:before{--glow-max:1;padding:2px}.settings-card:hover:after{--glow-max:.65}.swatch:hover{transform:translateY(-2px)}.swatch:hover:before{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,white),0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent)}#mode-toggle:hover{color:var(--accent)}#mode-toggle:hover .switch-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 38%,transparent)}.font-options>button:hover{border-color:color-mix(in srgb,var(--accent) 55%,white);background:var(--surface-soft);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}}@media(prefers-reduced-motion:reduce){.swatch:hover{transform:none}}.settings-card .control-label{color:var(--ink)}.swatch:before{border-width:2px;transition:box-shadow .18s,border-color .18s}.swatch[aria-pressed=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12 3 3 7-7'/%3E%3C/svg%3E");background-size:19px;background-position:center;background-repeat:no-repeat}.font-options>button{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 2px 0 var(--line);transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s}.font-options>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 2px 0 var(--accent);background:var(--section)}#mode-toggle{border:1px solid var(--line);border-radius:5px;padding:0 8px;box-shadow:0 2px 0 var(--line);background:var(--surface-soft);transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}@media(hover:hover){.settings-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 14px 34px #00000018}.swatch:hover{transform:translateY(-3px) scale(1.13)}.swatch:hover:before{box-shadow:0 0 0 2px var(--accent),0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.font-options>button:hover,#mode-toggle:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 3px 0 var(--accent);background:var(--section);color:var(--ink)}}.swatch:active{transform:scale(.92)}.font-options>button:active,#mode-toggle:active{transform:translateY(1px);box-shadow:0 0 0 var(--accent)}@media(prefers-reduced-motion:reduce){.swatch:hover,.swatch:active,.font-options>button:hover,.font-options>button:active,#mode-toggle:hover,#mode-toggle:active{transform:none}}.swatches{display:grid;grid-template-columns:repeat(5,44px);row-gap:2px}.settings-card{box-shadow:0 18px 42px #0000001c,0 5px 14px #0000000c;overflow:visible}.settings-card:after{content:none}.settings-card:before{--glow-max:.3}.card-glow{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;pointer-events:none;border-radius:12px;filter:blur(11px);opacity:calc(var(--beacon-strength) * .8)}.card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:4px;background:conic-gradient(from var(--glow-angle),transparent 0deg 290deg,var(--beacon-color) 342deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.design-studio:not([data-stage=live]) .card-glow{visibility:hidden}@media(hover:hover){.settings-card:hover{box-shadow:0 22px 50px #00000026,0 6px 16px #00000012}.settings-card:hover .card-glow{opacity:var(--beacon-strength)}}@media(max-width:600px){.mode-card{top:280px}}.mode-card{top:290px}.settings-card{box-shadow:0 23px 22px -13px #0000003b,0 9px 12px -8px #00000026}[data-mode=dark] .settings-card{box-shadow:0 25px 24px -12px #0009,0 9px 14px -7px #0008}@media(hover:hover){.settings-card:hover{box-shadow:0 27px 26px -13px #00000045,0 10px 14px -8px #00000030}}.settings-card:before,.card-glow{display:none}.card-flare{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:var(--beacon-strength);color:var(--accent-glow)}.flare-halo{fill:currentColor;filter:blur(7px);opacity:1}.flare-trail{fill:currentColor;filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 8px currentColor)}.flare-bulb{fill:#fff;filter:drop-shadow(0 0 2px white) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px currentColor)}.design-studio:not([data-stage=live]) .card-flare{visibility:hidden}.design-studio .settings-card,.design-studio .settings-card:hover{--proximity:0;--proximity-mix:0%;border-color:var(--line);transition:border-color .1s,background-color .25s,box-shadow .25s}.proximity-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;opacity:var(--proximity);background:radial-gradient(circle 360px at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--accent) 22%,white),var(--accent) 40%,transparent 85%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .12s}.design-studio:not([data-stage=live]) .proximity-ring{visibility:hidden}@media(max-width:600px){.hero-bottom{position:static;margin-top:32px}.hero{padding-bottom:24px}}.swatches{grid-template-columns:repeat(4,44px);justify-content:space-between;margin-left:0}.swatch{width:44px;height:44px;justify-self:center}[data-palette=yellow] .proximity-ring{background:radial-gradient(circle 360px at var(--pointer-x,50%) var(--pointer-y,50%),var(--accent-glow),var(--accent-glow) 40%,transparent 85%)}[data-palette=yellow] .design-studio .settings-card{border-color:var(--line)}[data-palette=pink] .font-options>button[aria-pressed=true],[data-palette=pink] .font-options>button:hover,[data-palette=pink] #mode-toggle:hover{color:var(--ink)}.design-studio.awaiting-appearance-demo .palette-card,.design-studio.awaiting-appearance-demo .font-card{visibility:hidden!important;opacity:0!important;pointer-events:none}.design-studio .mode-card{left:-16px;right:auto;width:194px}@media(max-width:600px){.design-studio .mode-card{left:0;right:auto;width:184px}}.design-studio .palette-card{left:auto;right:0}.design-studio .font-card{left:calc(50% - 137px);right:auto}@media(max-width:600px){.design-studio .font-card{left:calc(50% - 132.5px)}}.switch-track{transition:background-color .1s,box-shadow .1s}.switch-track>span{transition:transform .1s ease,background-color .1s,box-shadow .1s}#mode-toggle{transition:background-color .1s,color .1s,border-color .1s,box-shadow .1s}#mode-label{min-width:10ch;text-align:left}.design-studio .settings-card,.design-studio .settings-card:hover{transition:border-color .1s,background-color .1s,color .1s,box-shadow .1s}@media(max-width:767px){.design-studio .mode-card{top:123px}.design-studio .palette-card{top:260px}}@media(max-width:767px){.hero{gap:10px}.hero-art.design-studio{height:480px}.design-studio .browser-stage{top:12px;bottom:28px}.design-studio .mode-card{top:64px}.design-studio .palette-card{top:180px}.design-studio .font-card{bottom:0}}.beacon-under-card .card-flare{clip-path:polygon(evenodd,-60px -60px,calc(100% + 60px) -60px,calc(100% + 60px) calc(100% + 60px),-60px calc(100% + 60px),-60px -60px,0 0,0 100%,100% 100%,100% 0,0 0)}.design-studio #mode-toggle,.design-studio #mode-toggle:hover,.design-studio #mode-toggle:active,.design-studio .font-options>button,.design-studio .font-options>button:hover,.design-studio .font-options>button:active,.design-studio .font-options>button[aria-pressed=true]{box-shadow:none;transform:none;transition:background-color .1s,color .1s,border-color .1s}.design-studio #mode-toggle .switch-track,.design-studio #mode-toggle .switch-track>span{box-shadow:none}.design-studio .swatch,.design-studio .swatch:hover,.design-studio .swatch:active{transform:none;box-shadow:none}.design-studio .swatch:before,.design-studio .swatch:hover:before,.design-studio .swatch:active:before{box-shadow:none;transition:border-color .1s}.design-studio .swatch:hover:before{border-color:var(--accent)}.design-studio .settings-card,.design-studio .settings-card:hover{box-shadow:0 27px 26px -13px #00000045,0 10px 14px -8px #00000030}.project-preview>.proximity-ring{top:0;right:0;bottom:0;left:0;z-index:4}