@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--heading-font: "Space Grotesk", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--body-font: "IBM Plex Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--bg-900: #040c12;--bg-800: #07141d;--bg-700: #0b1d28;--page-bg: radial-gradient(circle at 14% 12%, rgba(57, 140, 168, .24), transparent 36%), radial-gradient(circle at 84% 0%, rgba(126, 170, 78, .13), transparent 40%), linear-gradient(152deg, var(--bg-900) 0%, var(--bg-800) 52%, var(--bg-700) 100%);--surface: rgba(10, 28, 39, .6);--surface-border: rgba(134, 230, 255, .14);--text-main: rgba(255, 255, 255, .9);--text-muted: rgba(224, 240, 245, .76);--kicker: rgba(125, 223, 239, .78);--eyebrow: rgba(168, 229, 239, .74);--hero-note: rgba(237, 244, 246, .88);--hero-overlay: radial-gradient(circle at center, rgba(24, 64, 77, .09), rgba(5, 13, 19, .7) 66%), linear-gradient(180deg, rgba(3, 9, 13, .2), rgba(3, 9, 13, .85));--btn-primary-bg: linear-gradient(118deg, rgba(79, 230, 207, .95), rgba(113, 220, 230, .83));--btn-primary-text: #041017;--btn-primary-border: rgba(202, 255, 251, .45);--btn-primary-shadow: 0 12px 35px rgba(26, 98, 108, .45);--btn-primary-shadow-hover: 0 16px 38px rgba(26, 98, 108, .55);--btn-secondary-border: rgba(184, 243, 255, .34);--btn-secondary-bg: rgba(5, 19, 28, .42);--btn-secondary-text: rgba(229, 250, 254, .9);--btn-secondary-border-hover: rgba(184, 243, 255, .55);--btn-secondary-bg-hover: rgba(8, 26, 38, .64);--tag-bg: rgba(18, 42, 56, .45);--tag-text: rgba(189, 246, 255, .9);--card-gradient: linear-gradient(160deg, rgba(20, 42, 53, .5), rgba(8, 20, 29, .54));--card-hover-border: rgba(170, 238, 249, .45);--card-hover-shadow: 0 14px 30px rgba(5, 17, 25, .34);--tone-1-bg: linear-gradient(160deg, rgba(20, 52, 66, .66), rgba(9, 26, 37, .62));--tone-1-border: rgba(117, 220, 238, .28);--tone-2-bg: linear-gradient(160deg, rgba(26, 56, 49, .65), rgba(10, 26, 25, .62));--tone-2-border: rgba(134, 230, 186, .26);--tone-3-bg: linear-gradient(160deg, rgba(40, 50, 75, .65), rgba(15, 20, 36, .62));--tone-3-border: rgba(142, 177, 249, .26);--tone-4-bg: linear-gradient(160deg, rgba(53, 45, 72, .64), rgba(18, 14, 31, .62));--tone-4-border: rgba(177, 156, 240, .24);--tone-5-bg: linear-gradient(160deg, rgba(66, 45, 58, .64), rgba(30, 17, 26, .62));--tone-5-border: rgba(236, 156, 186, .24);--tone-6-bg: linear-gradient(160deg, rgba(66, 58, 40, .64), rgba(30, 23, 13, .62));--tone-6-border: rgba(236, 205, 140, .24);--capability-text: rgba(201, 236, 244, .84);--project-strong: rgba(245, 252, 255, .94);--card-icon: rgba(143, 238, 255, .9);--card-icon-hover: rgba(205, 248, 255, .96);--meta-icon: rgba(121, 228, 245, .88);--scope-border: rgba(124, 221, 238, .18);--scope-bg: radial-gradient(circle at 12% 4%, rgba(104, 201, 224, .11), transparent 38%), linear-gradient(160deg, rgba(10, 26, 37, .8), rgba(8, 20, 29, .72));--contact-border: rgba(216, 192, 124, .2);--contact-bg: radial-gradient(circle at top right, rgba(216, 192, 124, .12), transparent 42%), linear-gradient(160deg, rgba(14, 34, 45, .7), rgba(8, 20, 29, .74));--contact-link: rgba(220, 245, 249, .86);--contact-link-border: rgba(220, 245, 249, .3);--contact-link-hover: rgba(241, 252, 255, .96);--copy-hint-bg: rgba(18, 53, 68, .54);--copy-hint-border: rgba(165, 236, 245, .3);--about-photo-bg: rgba(8, 22, 30, .62);--about-photo-border: rgba(228, 248, 251, .45);--about-panel-bg: radial-gradient(circle at 12% 10%, rgba(84, 175, 198, .12), transparent 52%), linear-gradient(160deg, rgba(10, 28, 38, .58), rgba(6, 18, 26, .52));--about-panel-border: rgba(153, 228, 240, .16);--about-panel-shadow: 0 10px 26px rgba(4, 13, 20, .22);--panel-hover-border: rgba(170, 236, 247, .34);--panel-hover-shadow: 0 12px 26px rgba(5, 16, 24, .28);--about-divider: rgba(146, 225, 239, .18);--about-photo-rail-bg: rgba(79, 152, 170, .08);--about-photo-shell-bg: linear-gradient(160deg, rgba(14, 35, 48, .62), rgba(8, 22, 31, .58));--about-photo-shell-border: rgba(190, 240, 248, .28);--about-photo-shell-shadow: 0 10px 24px rgba(4, 15, 23, .32);--about-photo-shell-hover-border: rgba(198, 245, 251, .5);--about-photo-shell-hover-shadow: 0 14px 30px rgba(7, 20, 29, .36);--about-photo-halo: radial-gradient(circle at 50% 45%, rgba(102, 211, 229, .2), transparent 68%);--about-photo-inner-border: rgba(235, 250, 255, .1);--about-photo-filter: saturate(.92) contrast(1.03) brightness(.96);--toolbar-bg: rgba(4, 14, 20, .72);--toolbar-border: rgba(140, 233, 248, .18);--toolbar-label: rgba(193, 236, 244, .8);--brand-text: rgba(228, 247, 251, .95);--brand-subtext: rgba(164, 222, 234, .88);--brand-separator: rgba(188, 232, 241, .72);--chip-bg: rgba(8, 24, 35, .52);--chip-border: rgba(164, 233, 245, .25);--chip-text: rgba(217, 246, 250, .84);--chip-active-bg: rgba(121, 236, 215, .2);--chip-active-border: rgba(148, 247, 230, .52);--chip-active-text: rgba(241, 253, 255, .98);--tag-hover-bg: rgba(28, 63, 81, .72);--tag-hover-border: rgba(163, 234, 245, .45)}:root[data-theme=light]{--page-bg: radial-gradient(circle at 10% 8%, rgba(95, 162, 191, .22), transparent 42%), radial-gradient(circle at 88% 4%, rgba(214, 194, 121, .22), transparent 44%), linear-gradient(160deg, #f8fcff 0%, #eef6ff 54%, #e6f0fa 100%);--surface: rgba(255, 255, 255, .72);--surface-border: rgba(63, 114, 144, .2);--text-main: rgba(17, 36, 49, .95);--text-muted: rgba(33, 58, 76, .78);--kicker: rgba(23, 108, 138, .82);--eyebrow: rgba(28, 98, 126, .9);--hero-note: rgba(35, 61, 80, .9);--hero-overlay: radial-gradient(circle at center, rgba(87, 155, 182, .16), rgba(233, 244, 252, .78) 66%), linear-gradient(180deg, rgba(250, 253, 255, .1), rgba(234, 244, 252, .68));--btn-primary-bg: linear-gradient(118deg, #1e9fb4, #4bc6cb);--btn-primary-text: #f5fdff;--btn-primary-border: rgba(43, 141, 167, .65);--btn-primary-shadow: 0 10px 24px rgba(52, 136, 171, .26);--btn-primary-shadow-hover: 0 14px 30px rgba(52, 136, 171, .32);--btn-secondary-border: rgba(56, 120, 149, .3);--btn-secondary-bg: rgba(255, 255, 255, .7);--btn-secondary-text: rgba(33, 67, 87, .9);--btn-secondary-border-hover: rgba(47, 126, 161, .46);--btn-secondary-bg-hover: rgba(255, 255, 255, .92);--tag-bg: rgba(240, 248, 254, .9);--tag-text: rgba(28, 88, 117, .92);--card-gradient: linear-gradient(160deg, rgba(247, 252, 255, .75), rgba(232, 242, 251, .64));--card-hover-border: rgba(100, 167, 200, .45);--card-hover-shadow: 0 12px 24px rgba(76, 130, 160, .2);--tone-1-bg: linear-gradient(160deg, rgba(234, 247, 253, .92), rgba(223, 238, 248, .9));--tone-1-border: rgba(99, 164, 198, .29);--tone-2-bg: linear-gradient(160deg, rgba(235, 249, 243, .92), rgba(223, 243, 232, .9));--tone-2-border: rgba(99, 176, 143, .28);--tone-3-bg: linear-gradient(160deg, rgba(236, 241, 255, .92), rgba(224, 232, 250, .9));--tone-3-border: rgba(110, 140, 212, .28);--tone-4-bg: linear-gradient(160deg, rgba(241, 237, 255, .92), rgba(231, 225, 250, .9));--tone-4-border: rgba(143, 122, 206, .27);--tone-5-bg: linear-gradient(160deg, rgba(250, 238, 247, .92), rgba(243, 227, 238, .9));--tone-5-border: rgba(193, 118, 154, .27);--tone-6-bg: linear-gradient(160deg, rgba(251, 245, 234, .92), rgba(244, 235, 219, .9));--tone-6-border: rgba(190, 153, 94, .27);--capability-text: rgba(38, 72, 93, .86);--project-strong: rgba(14, 46, 64, .92);--card-icon: rgba(49, 134, 164, .9);--card-icon-hover: rgba(28, 110, 143, .96);--meta-icon: rgba(63, 144, 173, .88);--scope-border: rgba(64, 131, 165, .18);--scope-bg: radial-gradient(circle at 12% 4%, rgba(85, 165, 196, .12), transparent 38%), linear-gradient(160deg, rgba(248, 252, 255, .82), rgba(233, 242, 251, .76));--contact-border: rgba(176, 151, 80, .28);--contact-bg: radial-gradient(circle at top right, rgba(211, 190, 121, .18), transparent 42%), linear-gradient(160deg, rgba(248, 252, 255, .9), rgba(235, 244, 251, .83));--contact-link: rgba(26, 87, 115, .86);--contact-link-border: rgba(56, 118, 150, .36);--contact-link-hover: rgba(18, 83, 112, .98);--copy-hint-bg: rgba(231, 243, 250, .92);--copy-hint-border: rgba(76, 138, 168, .34);--about-photo-bg: rgba(255, 255, 255, .85);--about-photo-border: rgba(64, 132, 165, .32);--about-panel-bg: radial-gradient(circle at 12% 10%, rgba(94, 170, 202, .12), transparent 52%), linear-gradient(160deg, rgba(251, 254, 255, .8), rgba(238, 246, 253, .76));--about-panel-border: rgba(74, 133, 163, .17);--about-panel-shadow: 0 8px 20px rgba(88, 141, 171, .12);--panel-hover-border: rgba(77, 141, 173, .35);--panel-hover-shadow: 0 11px 22px rgba(84, 138, 168, .16);--about-divider: rgba(77, 137, 167, .2);--about-photo-rail-bg: rgba(101, 161, 190, .08);--about-photo-shell-bg: linear-gradient(160deg, rgba(251, 254, 255, .88), rgba(237, 245, 252, .82));--about-photo-shell-border: rgba(66, 131, 162, .22);--about-photo-shell-shadow: 0 10px 22px rgba(79, 131, 161, .16);--about-photo-shell-hover-border: rgba(61, 132, 165, .44);--about-photo-shell-hover-shadow: 0 13px 24px rgba(81, 133, 162, .22);--about-photo-halo: radial-gradient(circle at 50% 45%, rgba(112, 185, 214, .22), transparent 68%);--about-photo-inner-border: rgba(255, 255, 255, .7);--about-photo-filter: saturate(.95) contrast(1.02) brightness(.99);--toolbar-bg: rgba(241, 248, 253, .88);--toolbar-border: rgba(73, 130, 163, .2);--toolbar-label: rgba(40, 89, 114, .82);--brand-text: rgba(22, 80, 107, .95);--brand-subtext: rgba(44, 112, 141, .86);--brand-separator: rgba(69, 126, 156, .65);--chip-bg: rgba(255, 255, 255, .74);--chip-border: rgba(70, 124, 153, .22);--chip-text: rgba(35, 83, 108, .85);--chip-active-bg: rgba(90, 172, 194, .18);--chip-active-border: rgba(60, 137, 165, .54);--chip-active-text: rgba(23, 76, 101, .98);--tag-hover-bg: rgba(227, 241, 250, .96);--tag-hover-border: rgba(84, 148, 178, .4)}*{box-sizing:border-box}html,body,#root{width:100%}body{margin:0;min-width:320px;color:var(--text-main);font-family:var(--body-font);background:var(--page-bg)}a{color:inherit}.site-shell{position:relative;overflow-x:clip;padding-top:var(--toolbar-height, 4.4rem);transition:opacity .24s ease,filter .24s ease}.site-shell.is-switching{opacity:.78;filter:saturate(.93) brightness(.98)}.site-toolbar,.toggle-group,.toggle-chip,.section-kicker,.section-title,.section-copy,.hero-overlay,.surface-card,.scope-panel,.contact-panel,.about-panel,.about-photo-shell,.about-photo,.tag,.contact-link,.btn-primary,.btn-secondary{transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,opacity .24s ease,transform .24s ease,filter .24s ease}.site-toolbar{position:fixed;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid var(--toolbar-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-left:max(.7rem,env(safe-area-inset-left));padding-right:max(.7rem,env(safe-area-inset-right))}.site-toolbar .container{padding-inline:clamp(.2rem,1vw,.6rem)}.toolbar-inner{display:flex;justify-content:space-between;gap:.9rem;align-items:center;min-height:4.4rem}.site-brand{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-text);font-family:var(--body-font);font-weight:600;letter-spacing:.02em;font-size:.98rem;white-space:nowrap}.brand-name{display:inline-flex;align-items:center}.brand-primary{color:var(--brand-text)}.brand-secondary{color:var(--brand-subtext)}.brand-name.name-en{text-transform:uppercase;letter-spacing:.08em;font-size:.84rem;font-weight:700}.brand-name.name-zh{font-size:.96rem;letter-spacing:.01em}.brand-separator{color:var(--brand-separator);font-size:.84rem;transform:translateY(-.5px)}.toolbar-block{display:flex;align-items:center;gap:.55rem}.toolbar-label{color:var(--toolbar-label);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.with-icon{display:inline-flex;align-items:center;gap:.42rem}.with-icon svg{flex-shrink:0;opacity:.9}.toggle-group{display:inline-flex;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip-bg);padding:.18rem}.toggle-chip{border:0;border-radius:999px;background:transparent;color:var(--chip-text);font-family:var(--body-font);font-size:.84rem;padding:.35rem .68rem;cursor:pointer}.toggle-chip:disabled{cursor:default;opacity:.7}.toggle-chip.is-active{background:var(--chip-active-bg);border:1px solid var(--chip-active-border);color:var(--chip-active-text)}.section{position:relative;padding:6.5rem 1.4rem}.container{width:min(1120px,100%);margin:0 auto}.section-kicker{margin:0 0 .5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kicker);font-size:.82rem}.section-title{margin:0;font-family:var(--heading-font);font-size:clamp(2rem,3vw,2.8rem);letter-spacing:.01em}.section-copy{margin:1.2rem 0 0;max-width:68ch;color:var(--text-muted);line-height:1.8}.hero{min-height:calc(100svh - var(--toolbar-height, 4.4rem));padding:clamp(2rem,5vh,4.25rem) 1.4rem;display:flex;align-items:center;isolation:isolate}.scene-canvas{position:absolute;inset:0;z-index:-2}.scene-canvas canvas{display:block}.hero-overlay{position:absolute;inset:0;z-index:-1;background:var(--hero-overlay)}.hero-content{max-width:860px}.hero-content .eyebrow{margin:0;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);font-size:.8rem}.hero-content h1{margin:.8rem 0 1.15rem;font-family:var(--heading-font);font-size:clamp(2rem,4.9vw,4rem);line-height:1.05;max-width:27ch}.hero-content h2{margin:0;font-size:clamp(1rem,1.7vw,1.26rem);color:var(--text-muted);max-width:62ch;font-weight:500}.hero-note{margin:.95rem 0 1.45rem;color:var(--hero-note)}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.2rem;border-radius:999px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:700;letter-spacing:.01em;text-decoration:none;border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);transition:transform .16s ease,box-shadow .16s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--btn-primary-shadow-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.2rem;border-radius:999px;border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);text-decoration:none;font-weight:600;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--btn-secondary-border-hover);background:var(--btn-secondary-bg-hover)}.tag-list{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;margin:1.8rem 0 0;padding:0}.tag{border-radius:999px;border:1px solid var(--surface-border);background:var(--tag-bg);padding:.38rem .8rem;color:var(--tag-text);font-size:.9rem}.about-layout{display:grid;gap:1.2rem}.about-panel{position:relative;isolation:isolate;border-radius:1.15rem;border:1px solid var(--about-panel-border);background:var(--about-panel-bg);box-shadow:var(--about-panel-shadow);padding:clamp(1.1rem,2.4vw,1.7rem)}.about-text{min-width:0}.about-photo-pane{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:.25rem}.about-photo-shell{position:relative;width:clamp(120px,17vw,168px);padding:.5rem;border-radius:22px;border:1px solid var(--about-photo-shell-border);background:var(--about-photo-shell-bg);box-shadow:var(--about-photo-shell-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-photo-shell:before{content:"";position:absolute;inset:-18px;border-radius:32px;background:var(--about-photo-halo);filter:blur(18px);opacity:.55;z-index:-1}.about-photo-shell:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;border:1px solid var(--about-photo-inner-border)}.about-photo{width:100%;aspect-ratio:1 / 1;border-radius:16px;object-fit:cover;object-position:center 26%;border:1px solid var(--about-photo-border);background:var(--about-photo-bg);filter:var(--about-photo-filter);box-shadow:inset 0 0 0 1px #ffffff0f;transition:filter .24s ease,border-color .24s ease}.card-grid{display:grid;gap:1rem;margin-top:1.8rem}.services-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.services-grid .surface-card{grid-column:span 12}.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.projects-grid .surface-card{grid-column:span 12}.surface-card{position:relative;isolation:isolate;border-radius:1rem;border:1px solid var(--surface-border);background:var(--card-gradient),var(--surface);padding:1.2rem 1.1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.surface-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 36%);opacity:0;pointer-events:none;transition:opacity .26s ease}.surface-card.tone-1{background:var(--tone-1-bg);border-color:var(--tone-1-border)}.surface-card.tone-2{background:var(--tone-2-bg);border-color:var(--tone-2-border)}.surface-card.tone-3{background:var(--tone-3-bg);border-color:var(--tone-3-border)}.surface-card.tone-4{background:var(--tone-4-bg);border-color:var(--tone-4-border)}.surface-card.tone-5{background:var(--tone-5-bg);border-color:var(--tone-5-border)}.surface-card.tone-6{background:var(--tone-6-bg);border-color:var(--tone-6-border)}.surface-card h3{margin:0 0 .9rem;font-family:var(--heading-font);font-size:1.22rem}.card-title-with-icon{display:inline-flex;align-items:center;gap:.44rem}.card-title-with-icon svg{color:var(--card-icon)}.surface-card p{margin:.62rem 0;color:var(--text-muted);line-height:1.72}.capability-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--capability-text)}.capability-list li{margin:.42rem 0}.project-card strong{color:var(--project-strong);font-weight:600}.meta-with-icon{display:inline-flex;align-items:center;gap:.32rem;margin-right:.12rem}.meta-with-icon svg{color:var(--meta-icon);transform:translateY(-.5px)}.scope-panel{position:relative;isolation:isolate;border-radius:1.2rem;border:1px solid var(--scope-border);background:var(--scope-bg);padding:clamp(1.35rem,3vw,2.2rem)}.scope-tags{margin-top:1.5rem}.contact-section{padding-bottom:8rem}.contact-panel{position:relative;isolation:isolate;border-radius:1.4rem;border:1px solid var(--contact-border);padding:clamp(1.35rem,3vw,2.2rem);background:var(--contact-bg)}.contact-actions{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:.84rem;align-items:center}.contact-link{display:inline-flex;align-items:center;gap:.34rem;color:var(--contact-link);border-bottom:1px solid var(--contact-link-border);text-decoration:none}.contact-copy{background:transparent;border-top:0;border-right:0;border-left:0;padding:0;font:inherit;cursor:pointer}.contact-link svg{color:var(--meta-icon)}.copy-hint{font-size:.84rem;color:var(--meta-icon);padding:.15rem .45rem;border-radius:999px;border:1px solid var(--copy-hint-border);background:var(--copy-hint-bg)}@media(hover:hover)and (pointer:fine){.surface-card:hover{transform:translateY(-5px);border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.surface-card:hover:before{opacity:.92}.surface-card:hover .card-title-with-icon svg{color:var(--card-icon-hover)}.about-panel:hover,.scope-panel:hover,.contact-panel:hover{transform:translateY(-2px);border-color:var(--panel-hover-border);box-shadow:var(--panel-hover-shadow)}.about-photo-shell:hover{transform:translateY(-3px) scale(1.012);border-color:var(--about-photo-shell-hover-border);box-shadow:var(--about-photo-shell-hover-shadow)}.about-photo-shell:hover:before{opacity:.78}.tag:hover{transform:translateY(-1px);border-color:var(--tag-hover-border);background:var(--tag-hover-bg)}.contact-link:hover{color:var(--contact-link-hover);border-bottom-color:var(--contact-link-hover)}}@media(max-width:620px){.site-toolbar{padding-left:max(.9rem,env(safe-area-inset-left));padding-right:max(.9rem,env(safe-area-inset-right))}.site-toolbar .container{padding-inline:0}.toolbar-inner{min-height:3.6rem;justify-content:space-between;flex-wrap:nowrap;gap:.55rem;padding:.45rem 0}.site-brand{width:auto;justify-content:flex-start;margin-top:0;font-size:.82rem;gap:.24rem;max-width:40%}.brand-name.name-zh{font-size:.82rem}.brand-name.name-en{font-size:.68rem;letter-spacing:.06em}.brand-separator{font-size:.72rem}.toolbar-block{gap:.42rem}.toolbar-label{font-size:0;letter-spacing:0}.toolbar-label.with-icon{gap:0}.toolbar-label.with-icon svg{width:14px;height:14px;opacity:.82}.toggle-group{padding:.13rem}.toggle-chip{padding:.25rem .44rem;font-size:.74rem}}@media(max-width:420px){.site-brand{max-width:32%}.brand-secondary,.brand-separator{display:none}}@media(max-height:860px){.hero{align-items:flex-start}.hero-content{padding-top:.6rem}}@media(min-width:760px){.section{padding:7.2rem 2.2rem}.hero{padding:clamp(2.2rem,6vh,4.6rem) 2.2rem}.services-grid .surface-card,.projects-grid .surface-card{grid-column:span 6}.surface-card{padding:1.45rem 1.35rem}}@media(min-width:980px){.about-layout{grid-template-columns:minmax(0,1.58fr) minmax(116px,.42fr);gap:1.6rem;align-items:start}.about-photo-pane{justify-content:flex-end;padding-top:.8rem;padding-left:1.4rem;border-left:1px solid var(--about-divider);background:linear-gradient(90deg,transparent 0%,var(--about-photo-rail-bg) 52%)}}@media(min-width:1120px){.services-grid .surface-card{grid-column:span 4}}@media(prefers-reduced-motion:reduce){.site-shell,.site-toolbar,.toggle-group,.toggle-chip,.section-kicker,.section-title,.section-copy,.hero-overlay,.surface-card,.scope-panel,.contact-panel,.about-panel,.about-photo-shell,.about-photo,.tag,.contact-link,.btn-primary,.btn-secondary{transition:none}.site-shell.is-switching{opacity:1;filter:none}}