:root{--bg: #f6f8fb;--bg-panel: rgba(255, 255, 255, .9);--line: rgba(17, 24, 39, .2);--line-soft: rgba(17, 24, 39, .14);--text: #111827;--text-dim: #4b5563;--focus: #2563eb;--tag-cyan: #2f98c8;--tag-green: #3f9a71;--tag-amber: #be8d3f;--tag-violet: #7f6cd2;--tag-red: #b45454;--font-sans: "DM Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Helvetica Neue", "Segoe UI", sans-serif;--font-tech: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--header-h: 46px;--layout-max: 1320px;--content-section-frame-top-margin: 0px;--content-header-top-margin: 0px;--content-page-frame-width: min(900px, 100%);--content-page-frame-gap: 14px;--content-page-frame-padding: clamp(8px, 1.4vw, 14px) clamp(12px, 2vw, 20px) clamp(18px, 2.8vw, 32px);--content-header-padding: clamp(14px, 2vw, 20px);--content-header-title-size: 16px;--content-header-title-weight: 600;--content-header-title-line-height: 1.35;--content-header-title-letter-spacing: .1em}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.site-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;background:var(--bg)}.site-header,.site-main{position:relative;z-index:2}.site-header,.site-main,.site-intro{width:min(var(--layout-max),100%);margin-inline:auto}.site-footer{position:relative;z-index:2;width:min(var(--layout-max),100%);margin-inline:auto;padding:3px 14px 8px;border-top:0;background:transparent}.site-footer-copy{margin:0;text-align:center;font-size:12px;letter-spacing:.04em;color:var(--text-dim);line-height:1.4;opacity:.72}.site-header{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:6px 18px;border-bottom:1px solid var(--line);background:#ffffffe6}.brand{margin:0;font-size:16px;line-height:1.1;font-weight:600;font-family:var(--font-sans)}.brand-wrap{display:flex;align-items:center;gap:8px}.brand-home{color:inherit}.brand-logo{width:26px;height:26px;object-fit:contain;filter:saturate(.9) brightness(1.05)}.subtitle{margin:4px 0 0;font-size:14px;color:var(--text-dim);line-height:1.4}.header-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.4vw,34px);font-size:12px;letter-spacing:.04em;line-height:1.4;font-family:var(--font-sans);font-weight:600}.header-links a{display:inline-flex;align-items:center;justify-content:center;inline-size:auto;white-space:nowrap;text-align:center;padding:5px 0;border:0;color:color-mix(in srgb,var(--text-dim) 90%,var(--text) 10%);text-decoration:none;text-underline-offset:.28em;transition:color .14s ease,text-decoration-color .14s ease}.header-link--home{font-size:11px;letter-spacing:.08em;color:color-mix(in srgb,var(--text-dim) 82%,transparent)}.header-link--primary{color:var(--text);font-weight:600}.header-link--secondary{color:color-mix(in srgb,var(--text-dim) 78%,transparent);font-weight:500}.lang-switch{position:relative;display:flex;justify-content:flex-end;margin-left:2px;margin-right:0;font-size:12px;letter-spacing:.06em;line-height:1.4;font-family:var(--font-sans);font-weight:600}.lang-switch-trigger{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:0;background:transparent;color:color-mix(in srgb,var(--text-dim) 82%,var(--text) 18%);padding:5px 0;font-size:11px;letter-spacing:.08em;line-height:1.4;text-decoration:none;text-decoration-color:transparent;text-underline-offset:.28em;transition:color .14s ease,text-decoration-color .14s ease}.lang-switch-trigger:after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-1px) rotate(45deg)}.header-menu-button{display:none}.lang-switch-trigger:hover,.lang-switch-trigger:focus-visible,.lang-switch.is-open .lang-switch-trigger{color:var(--text);text-decoration-color:currentColor}.lang-dialog{position:absolute;right:0;top:calc(100% + 10px);min-width:210px;max-width:min(320px,calc(100vw - 24px));max-height:min(70dvh,480px);border:0;border-radius:8px;background:#fffffff5;box-shadow:0 18px 44px #11182729;padding:10px;z-index:12;display:grid;grid-template-rows:auto minmax(0,1fr);backdrop-filter:blur(10px)}.lang-dialog[hidden]{display:none!important}.lang-dialog-close{position:absolute;right:10px;top:10px;width:20px;height:20px;border:0;background:transparent;color:var(--text-dim);cursor:pointer;padding:0}.lang-dialog-close:before,.lang-dialog-close:after{content:"";position:absolute;left:5px;top:9px;width:10px;height:1px;background:currentColor}.lang-dialog-close:before{transform:rotate(45deg)}.lang-dialog-close:after{transform:rotate(-45deg)}.lang-dialog-title{margin:0 28px 8px 2px;color:var(--text-dim);font-size:11px;letter-spacing:.1em}.lang-dialog-list{list-style:none;margin:0;padding:0 4px 0 0;display:grid;gap:2px;overflow-y:auto}.lang-dialog-list a{display:block;border:0;border-radius:6px;padding:7px 9px;color:var(--text-dim);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans,Segoe UI,sans-serif;font-size:13px;letter-spacing:0;line-height:1.35}.lang-dialog-list a:hover,.lang-dialog-list a:focus-visible{color:var(--text);background:#1118270d}.lang-dialog-list a.is-current{color:var(--text);background:#e5edf8e6;font-weight:700}.site-main .panel--intro{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;position:relative;border:0;background:#ffffff6b;box-shadow:0 10px 26px #11182709}.site-main .panel--intro:after{display:none}.panel-content--intro{width:min(100%,1200px);margin-inline:auto;display:flex;flex-direction:column;gap:10px;height:100%}.intro-headline{display:flex;align-items:center;justify-content:flex-end;gap:10px}.intro-modes{display:flex;gap:8px}.intro-mode{border:1px solid var(--line-soft);background:#ffffffe6;color:var(--text-dim);padding:6px 9px;font-size:12px;letter-spacing:.08em;cursor:pointer}.intro-mode.is-active{color:var(--text);border-color:var(--focus)}.intro-stage{position:relative;height:100%;min-height:500px;max-height:800px;border:0;border-radius:8px;background:color-mix(in srgb,var(--bg-panel) 88%,#d9dee5 12%);box-shadow:0 8px 22px #11182709;overflow:hidden;display:grid;grid-template-rows:1fr auto;row-gap:10px}.demo-layer{position:absolute;inset:0;opacity:0;transition:opacity .2s ease-out}.app-index-frame{scrollbar-gutter:stable}.app-index-header{display:grid;gap:0;background:color-mix(in srgb,var(--bg-panel) 88%,#d9dee5 12%);border:0;border-radius:8px;box-shadow:0 12px 32px #11182712;padding:var(--content-header-padding)}.app-index-label{margin:0;font-size:12px;letter-spacing:.1em;color:var(--text-dim)}.app-index-frame .panel-title{margin:0;font-size:var(--content-header-title-size);font-weight:var(--content-header-title-weight);line-height:var(--content-header-title-line-height);letter-spacing:var(--content-header-title-letter-spacing)}.app-index-description{max-width:72ch;margin:14px 0 0;color:var(--text-dim);font-size:15px;line-height:1.4;letter-spacing:.01em}.app-index-list{display:grid;gap:14px}.app-index-item{border:0;border-radius:8px;background:#ffffffe6;box-shadow:0 12px 32px #11182712;display:grid;grid-template-columns:224px minmax(0,1fr);overflow:hidden}.app-index-media{display:block;background:#1118270a}.app-index-media img{display:block;width:100%;height:auto}.app-index-body{padding:16px 18px;display:grid;gap:8px}.app-index-item-title{margin:0;font-size:19px;line-height:1.4;font-family:DM Sans,Helvetica Neue,Segoe UI,sans-serif}.app-index-item-description{margin:0;color:var(--text-dim);font-size:14px}@media(max-width:860px){.app-index-item{grid-template-columns:1fr}.app-index-media{border-right:0;border-bottom:1px solid var(--line-soft)}.app-index-media img{max-height:none}}.demo-layer--grid{display:none}.demo-layer--pulse:before,.demo-layer--pulse:after{content:"";position:absolute;border:1px solid rgba(122,200,255,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.demo-layer--pulse:before{width:200px;height:200px;animation:pulse-ring 2.6s ease-out infinite}.demo-layer--pulse:after{width:120px;height:120px;animation:pulse-ring 2.6s ease-out .54s infinite}.demo-layer--flow{background:linear-gradient(95deg,transparent 10%,rgba(148,163,184,.14) 48%,transparent 86%) 0 0 / 180% 100% no-repeat;animation:flow-scan 2.8s ease-in-out infinite}.intro-stage.is-grid .demo-layer--grid,.intro-stage.is-pulse .demo-layer--pulse,.intro-stage.is-flow .demo-layer--flow{opacity:1}.intro-render-shell{position:relative;grid-row:1;width:min(1080px,calc(100% - 24px));height:100%;min-height:0;justify-self:center;z-index:1}.intro-render-shell:before{display:none}.intro-render-controls{position:absolute;right:8px;top:8px;z-index:4;display:inline-flex;gap:6px}@media(min-width:769px){.intro-render-shell{width:min(1160px,calc(100% - clamp(20px,2.8vw,40px)));min-height:clamp(360px,42dvh,520px)}.intro-render-area{height:100%;min-height:0;max-height:none}}.intro-render-control{border:1px solid var(--line-soft);background:#6f6f6fb3;color:#dbe8fb;width:28px;height:28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:13px;font-weight:600;line-height:1;cursor:pointer}.intro-render-control:hover{border-color:var(--focus)}.intro-render-area{--intro-bg-layer: linear-gradient(180deg, rgba(28, 35, 46, .96), rgba(15, 21, 31, .98));--intro-pattern-layer: none;--intro-pattern-size: auto;--intro-pattern-repeat: no-repeat;--intro-pattern-opacity: .48;--intro-border-color: rgba(209, 224, 244, .42);position:relative;width:100%;height:100%;border:0;border-radius:10px;background:var(--intro-bg-layer);backdrop-filter:none;box-shadow:none;overflow:hidden}.intro-render-area:before{content:"";position:absolute;inset:0;background:var(--intro-pattern-layer);background-size:var(--intro-pattern-size);background-repeat:var(--intro-pattern-repeat);opacity:var(--intro-pattern-opacity);pointer-events:none;z-index:0}.intro-render-area>canvas{position:absolute;inset:0;width:100%!important;height:100%!important;filter:saturate(.92) opacity(.82);mix-blend-mode:normal;z-index:1}.intro-media-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;transform:scale(1);transform-origin:center center}.intro-media-picture{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding-block:26px;box-sizing:border-box;pointer-events:none;overflow:hidden}.intro-media-image{max-width:min(100%,286px);max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(17,24,39,.12))}.intro-render-area[data-intro-theme=particles]{--intro-bg-layer: radial-gradient(circle at 18% 22%, rgba(62, 156, 255, .24), transparent 46%), linear-gradient(145deg, rgba(3, 14, 26, .82), rgba(2, 7, 14, .92));--intro-pattern-layer: linear-gradient(rgba(143, 201, 255, .22) 1px, transparent 1px), linear-gradient(90deg, rgba(143, 201, 255, .22) 1px, transparent 1px);--intro-pattern-size: 28px 28px, 28px 28px;--intro-pattern-repeat: repeat, repeat;--intro-pattern-opacity: .72;--intro-border-color: rgba(151, 197, 255, .45)}.intro-render-area[data-intro-theme=sdf-circles]{--intro-bg-layer: radial-gradient(circle at 72% 24%, rgba(82, 236, 214, .18), transparent 42%), radial-gradient(circle at 18% 78%, rgba(132, 188, 255, .16), transparent 50%), linear-gradient(145deg, rgba(2, 16, 18, .86), rgba(3, 10, 14, .94));--intro-pattern-layer: linear-gradient(120deg, rgba(88, 248, 210, .28), rgba(112, 156, 255, .26), rgba(109, 235, 255, .2)), radial-gradient(circle at 15% 25%, rgba(112, 255, 226, .24) 0 2px, transparent 3px), radial-gradient(circle at 82% 70%, rgba(128, 176, 255, .22) 0 2px, transparent 3px);--intro-pattern-size: 220% 220%, 150px 150px, 160px 160px;--intro-pattern-repeat: no-repeat, repeat, repeat;--intro-pattern-opacity: .62;--intro-border-color: rgba(136, 235, 220, .46)}.intro-render-area[data-intro-theme=intro-video]{--intro-bg-layer: #000;--intro-pattern-layer: linear-gradient(180deg, rgba(255, 255, 255, .06) 1px, transparent 1px);--intro-pattern-size: 100% 5px;--intro-pattern-repeat: repeat;--intro-pattern-opacity: .18;--intro-border-color: rgba(160, 160, 160, .42)}.intro-render-area[data-intro-theme=intro-video] .intro-media-video{transform:scale(1.14)}.intro-render-area[data-intro-theme=intro-arkit]{--intro-bg-layer: radial-gradient(circle at 82% 16%, rgba(122, 190, 255, .2), transparent 44%), radial-gradient(circle at 14% 84%, rgba(112, 252, 223, .14), transparent 52%), linear-gradient(148deg, rgba(2, 10, 18, .92), rgba(2, 4, 10, .98));--intro-pattern-layer: linear-gradient(115deg, rgba(96, 192, 255, .2), rgba(80, 248, 210, .12), rgba(92, 132, 246, .12)), repeating-linear-gradient(180deg, rgba(154, 214, 255, .14) 0 1px, transparent 1px 7px);--intro-pattern-size: 220% 220%, 100% 100%;--intro-pattern-repeat: no-repeat, repeat;--intro-pattern-opacity: .56;--intro-border-color: rgba(120, 196, 255, .5)}.intro-render-area[data-intro-theme=intro-arkit] .intro-media-video{inset:50% 0 auto;height:calc(100% - 128px);object-position:center center;transform:translateY(-50%) scale(1.02)}.intro-render-area[data-intro-theme=intro-arkit] .intro-render-title{color:#ebf1f8d1;text-shadow:none}.intro-render-area[data-intro-theme=sdf-circles]:before{animation:intro-sdf-gradient-shift 6s ease-in-out infinite alternate}.intro-render-area[data-intro-theme=intro-market-research]{--intro-bg-layer: radial-gradient(circle at 18% 22%, rgba(111, 214, 255, .18), transparent 42%), radial-gradient(circle at 82% 78%, rgba(154, 171, 255, .14), transparent 48%), linear-gradient(150deg, rgba(7, 20, 35, .88), rgba(8, 14, 24, .95));--intro-pattern-layer: linear-gradient(120deg, rgba(101, 217, 255, .18), rgba(137, 154, 255, .14), rgba(96, 174, 255, .12)), linear-gradient(180deg, rgba(191, 219, 255, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(170, 210, 255, .1) 1px, transparent 1px);--intro-pattern-size: 220% 220%, 100% 14px, 14px 100%;--intro-pattern-repeat: no-repeat, repeat, repeat;--intro-pattern-opacity: .6;--intro-border-color: rgba(125, 177, 235, .5)}.intro-render-area[data-intro-theme=intro-market-research] .intro-render-title{color:#ebf1f8d1;text-shadow:none}.intro-render-area[data-intro-theme=intro-market-research] .intro-media-image{max-width:none;max-height:calc(100% - 96px);width:min(88%,760px)}.intro-render-area[data-intro-theme=intro-market-research] .intro-media-picture{align-items:center;padding-block:48px 36px}.intro-render-area[data-intro-theme=intro-parametric-solid]{--intro-bg-layer: radial-gradient(circle at 20% 20%, rgba(250, 170, 104, .18), transparent 46%), radial-gradient(circle at 80% 82%, rgba(89, 193, 255, .16), transparent 50%), linear-gradient(145deg, rgba(14, 10, 18, .92), rgba(4, 7, 13, .97));--intro-pattern-layer: linear-gradient(135deg, rgba(244, 163, 90, .16), rgba(127, 187, 255, .12), rgba(92, 130, 240, .1)), repeating-linear-gradient(90deg, rgba(238, 206, 175, .12) 0 1px, transparent 1px 14px);--intro-pattern-size: 220% 220%, 100% 100%;--intro-pattern-repeat: no-repeat, repeat;--intro-pattern-opacity: .58;--intro-border-color: rgba(206, 172, 126, .48)}.intro-render-area[data-intro-theme=intro-parametric-solid] .intro-render-title{color:#ebf1f8d1;text-shadow:none}.intro-render-area[data-intro-theme=intro-circuit]{--intro-bg-layer: radial-gradient(circle at 30% 28%, rgba(92, 200, 180, .16), transparent 46%), radial-gradient(circle at 76% 72%, rgba(120, 170, 255, .14), transparent 48%), linear-gradient(145deg, rgba(4, 14, 22, .9), rgba(2, 8, 14, .96));--intro-pattern-layer: linear-gradient(rgba(128, 200, 180, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(128, 200, 180, .18) 1px, transparent 1px);--intro-pattern-size: 32px 32px, 32px 32px;--intro-pattern-repeat: repeat, repeat;--intro-pattern-opacity: .5;--intro-border-color: rgba(110, 190, 170, .48)}.intro-circuit-tile{width:min(100%,480px);aspect-ratio:3 / 2;border-radius:2px}.intro-render-area[data-intro-theme=intro-circuit] .intro-render-title{color:#ebf1f8d1;text-shadow:none}.intro-render-area[data-intro-theme]{--intro-bg-layer: linear-gradient(180deg, rgba(28, 35, 46, .96), rgba(15, 21, 31, .98));--intro-pattern-layer: none;--intro-pattern-opacity: 0}@keyframes intro-sdf-gradient-shift{0%{filter:hue-rotate(0deg) saturate(1);background-position:0% 0%,0 0,0 0}to{filter:hue-rotate(26deg) saturate(1.15);background-position:100% 100%,40px 20px,-36px -24px}}.intro-render-area:after{content:"";position:absolute;inset:0;background:#02060c29;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:3}.intro-render-area.is-transitioning:after{opacity:1}.intro-render-title{position:absolute;left:10px;top:8px;margin:0;z-index:2;font-size:11px;letter-spacing:.06em;color:#ebf1f8d1;font-family:var(--font-tech)}.intro-tech-cloud{position:absolute;right:10px;bottom:8px;transform:none;z-index:2;width:min(620px,calc(100% - 24px));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.intro-tech-tags{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.intro-tech-tag{--tag-color: var(--text-dim);position:relative;border:0;padding:0 0 0 9px;font-size:10px;letter-spacing:.06em;background:transparent;color:color-mix(in srgb,rgba(241,245,249,.86) 76%,var(--tag-color) 24%);font-family:var(--font-tech);line-height:1.4}.intro-tech-tag:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:999px;background:var(--tag-color);opacity:.7;transform:translateY(-50%)}.intro-tech-tag--cyan{--tag-color: var(--tag-cyan)}.intro-tech-tag--blue{--tag-color: var(--focus)}.intro-tech-tag--indigo{--tag-color: var(--tag-violet)}.intro-tech-tag--teal{--tag-color: var(--tag-green)}.intro-tech-tag--orange{--tag-color: var(--tag-amber)}.intro-tech-tag--sky{--tag-color: var(--tag-cyan)}.intro-copy{position:relative;grid-row:2;display:grid;grid-template-columns:1fr;gap:0;align-items:end;max-width:900px;width:100%;margin:0 auto;padding:0 16px 48px;z-index:2}.intro-copy-main{min-width:0}.intro-catch{margin:0;font-size:clamp(14px,1.5vw,20px);line-height:1.28;letter-spacing:.02em;font-weight:700;font-family:var(--font-sans);color:var(--text);text-shadow:none}.intro-subcopy{margin:8px 0 0;font-size:clamp(11px,1.2vw,15px);letter-spacing:0;font-weight:500;font-family:var(--font-sans);line-height:1.45;color:var(--text-dim);text-shadow:none}.intro-about{margin:10px 0 0;padding:0;font-size:clamp(12px,1.15vw,14px);line-height:1.45;white-space:pre-line;text-align:left;color:var(--text-dim)}.intro-activity{position:absolute;left:0;right:0;bottom:2px;z-index:2;display:flex;justify-content:center;padding:0 16px;pointer-events:none}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}80%{transform:translate(-50%,-50%) scale(1.16);opacity:.08}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes flow-scan{0%{background-position:-60% 0,0 0}50%{background-position:60% 0,0 0}to{background-position:160% 0,0 0}}.site-main{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(280px,1fr);grid-template-rows:minmax(260px,35dvh) minmax(0,1fr);gap:8px;align-self:stretch;min-height:0;padding:4px 0 0}.site-main--intro-only{grid-template-columns:1fr;grid-template-rows:minmax(clamp(360px,58dvh,760px),1fr)}.site-main--intro-only .panel--intro{grid-column:1}.site-intro{position:relative;z-index:2;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0 0;max-height:32dvh}.site-intro.is-open{display:grid}.panel{min-height:0;background:var(--bg-panel);border:1px solid var(--line-soft)}.panel-content{height:100%;overflow:auto;padding:14px}.content-page-frame{width:var(--content-page-frame-width);margin-top:var(--content-section-frame-top-margin);margin-inline:auto;display:grid;gap:var(--content-page-frame-gap);padding:var(--content-page-frame-padding)}.content-page-frame>:first-child{margin-top:var(--content-header-top-margin)}.panel-content--about,.panel-content--services{display:none;border:1px solid var(--line-soft);background:var(--bg-panel);min-height:0;overflow:auto}.panel-content--about.is-active,.panel-content--services.is-active{display:block}.panel-content--projects{display:grid;grid-template-rows:auto minmax(0,1fr)}.panel-title{margin:0;font-size:20px;letter-spacing:.09em;color:var(--text);font-family:var(--font-tech)}.section-copy{margin:10px 0 0;font-size:16px;color:var(--text-dim);line-height:1.7}.about-copy{display:grid;gap:6px}.about-copy .section-copy{margin:0}.about-profile-link{display:inline-block;margin-top:12px;padding:6px 10px;border:1px solid var(--line-soft);font-size:11px;letter-spacing:.08em}.panel-headline{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line-soft);margin-bottom:12px;padding-bottom:10px}.panel-metrics{display:flex;gap:12px;font-size:13px;letter-spacing:.08em;color:var(--text-dim);line-height:1.3;font-family:var(--font-tech)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;min-height:0;padding-right:2px}.project-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:144px;text-align:left;padding:14px;border:1px solid var(--line-soft);background:#ffffffeb;cursor:pointer;line-height:1.6}.tile-title{position:relative;font-size:18px;font-weight:700;line-height:1.4}.tile-meta{font-size:13px;letter-spacing:.08em;color:var(--text-dim);line-height:1.3;font-family:var(--font-tech)}.tile-summary{font-size:15px;line-height:1.7;color:var(--text-dim)}.tile-tags,.info-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{list-style:none;font-size:12px;letter-spacing:.06em;border:1px solid transparent;padding:2px 6px;line-height:1.3;font-family:var(--font-tech)}.tag--cyan{background:#37415114;border-color:var(--tag-cyan)}.tag--green{background:#4b556314;border-color:var(--tag-green)}.tag--amber{background:#6b728014;border-color:var(--tag-amber)}.tag--violet{background:#1f293714;border-color:var(--tag-violet)}.tag--red{background:#11182714;border-color:var(--tag-red)}.panel-content--info{overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.info-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft);padding-bottom:8px;margin-bottom:10px}.info-toggle{display:none;border:1px solid var(--line);background:#f3f4f6;padding:6px 8px;font-size:14px;line-height:1.3}.info-body{min-height:0;overflow:auto}.info-hint{margin:0 0 10px;color:var(--text-dim);font-size:14px;line-height:1.4}.info-card{border:1px solid var(--line-soft);background:#ffffffeb;padding:14px}.info-title{margin:0;font-size:22px;line-height:1.4}.info-summary,.info-meta{margin:8px 0;font-size:15px;color:var(--text-dim);line-height:1.6}.info-lines{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;font-size:15px;line-height:1.7}.contact-inline{margin-top:12px;border:1px solid var(--line-soft);background:#ffffffeb;padding:14px}.contact-link{display:inline-block;margin-top:10px;font-size:14px;letter-spacing:.08em;border:1px solid var(--line-soft);padding:6px 10px;line-height:1.4}.profile-main{position:relative;z-index:2;flex:1;min-height:0;display:grid;place-items:center;padding:12px}.profile-panel{width:min(980px,100%);max-height:calc(100dvh - var(--header-h) - 24px)}.profile-panel .panel-content{overflow:auto}.profile-list{margin:14px 0 0;padding-left:18px;display:grid;gap:10px;font-size:16px;line-height:1.7;letter-spacing:.02em}.profile-subtitle{margin-top:22px}.profile-list--company{gap:8px}@media(max-width:1120px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){:root{--header-h: 44px}.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu" "nav nav" "lang lang";align-items:center;gap:4px;min-height:0;height:auto;padding:3px 8px}.brand-home{grid-area:brand;min-width:0}.site-header,.site-main,.site-intro,.site-footer{width:100%}.site-footer{padding:7px 10px 9px}.site-footer-copy{font-size:11px;letter-spacing:.02em}.header-links{grid-area:nav;display:none;justify-content:flex-start;flex-direction:column;align-items:stretch;gap:2px;overflow:visible;white-space:normal;padding:2px 0 0;border-top:0}.site-header.is-menu-open .header-links{display:flex}.header-links a{display:block;inline-size:auto;width:100%;padding:5px 10px;font-size:13px;letter-spacing:.01em;border:0}.lang-switch{grid-area:lang;display:none;justify-content:flex-start;margin-left:0;margin-right:0;padding:0 10px 2px}.lang-switch-trigger{padding:5px 0;font-size:12px;letter-spacing:.01em}.site-header.is-menu-open .lang-switch{display:flex}.header-menu-button{grid-area:menu;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--line-soft);background:#ffffffdb;color:var(--text);cursor:pointer;padding:0}.header-menu-icon,.header-menu-icon:before,.header-menu-icon:after{display:block;width:12px;height:1px;background:currentColor;transition:transform .14s ease,opacity .14s ease}.header-menu-icon{position:relative}.header-menu-icon:before{content:"";position:absolute;top:-4px;left:0}.header-menu-icon:after{content:"";position:absolute;top:4px;left:0}.site-header.is-menu-open .header-menu-icon{background:transparent}.site-header.is-menu-open .header-menu-icon:before{transform:translateY(4px) rotate(45deg)}.site-header.is-menu-open .header-menu-icon:after{transform:translateY(-4px) rotate(-45deg)}.lang-dialog{left:auto;right:0;width:min(240px,calc(100vw - 24px));max-height:min(62dvh,420px)}.site-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:0;padding:0}.site-main--intro-only{grid-template-rows:minmax(clamp(340px,52dvh,760px),1fr)}.site-main .panel--intro{border:none;background:none;box-shadow:none}.site-main .panel--intro:before,.site-main .panel--intro:after{display:none}.site-main .panel--intro .panel-content--intro{padding:0}.intro-stage{border:none}.content-page-frame{gap:10px;padding:14px 8px}.panel-content--intro{padding:10px;width:100%;height:100%}.intro-headline{flex-direction:column;align-items:flex-start}.intro-stage{height:100%;min-height:0}.intro-render-shell{width:100%}.intro-render-controls{top:8px;right:8px}.intro-tech-cloud{width:calc(100% - 20px);bottom:6px;right:8px}.intro-render-title{font-size:10px;left:8px;top:7px}.intro-tech-tag{font-size:9px;padding:2px 6px}.intro-copy{gap:8px;max-width:none;padding:0 10px 10px}.intro-catch,.intro-subcopy{padding-left:10px}.intro-subcopy{margin-top:4px}.intro-about{margin-top:4px;padding:0 10px;font-size:12px;line-height:1.4}.site-intro{grid-template-columns:1fr;gap:8px;padding:4px 0 0;max-height:38dvh}.project-grid{grid-template-columns:1fr}.about-profile-link{width:100%;text-align:center}.panel-content--info{overflow:hidden}.info-toggle{display:inline-flex;align-items:center;justify-content:center}.info-body{display:none;max-height:34dvh}[data-info-panel].is-open .info-body{display:block}.profile-main{padding:8px}.brand{font-size:22px}.brand-wrap{gap:8px}.brand-logo{width:32px;height:32px}.panel-title{font-size:22px}.tile-title{font-size:19px}.info-title{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--line: rgba(17, 24, 39, .14);--line-strong: rgba(17, 24, 39, .26);--line-soft: rgba(17, 24, 39, .08);--text-main: #111827;--text-sub: #4b5563}html,body{background:#f6f8fb;color:var(--text-main)}.site-shell{background:radial-gradient(1200px 800px at 50% 18%,#9db7dd57,#ecf3fbad 55%,#f8fbffeb 72%),#f6f8fb}.site-main{z-index:2}.site-header{border-bottom:1px solid var(--line);background:#ffffffe6;z-index:3}.project-tile,.info-card,.info-toggle,.about-profile-link,.contact-link,.contact-inline,.panel{border-radius:8px}.panel{position:relative;border:0;background:#ffffffe0}.panel:before,.panel:after,.project-tile:before,.project-tile:after{content:"";position:absolute;pointer-events:none;display:none}.panel-title{position:relative;padding-left:0;color:var(--text-main);letter-spacing:.08em}.panel-headline,.info-header{border-bottom-color:var(--line-soft)}.panel-metrics{position:relative;padding-left:0}.project-tile,.info-card,.info-toggle,.about-profile-link,.contact-link{border:1px solid var(--line-soft);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.header-links a{position:relative;background:transparent}.header-links a:after{display:none}.about-profile-link:hover,.about-profile-link:focus-visible,.contact-link:hover,.contact-link:focus-visible{border-color:var(--line-strong);background:#f3f4f6f2}.header-links a:hover,.header-links a:focus-visible{color:var(--text-main);text-decoration:underline;text-decoration-color:currentColor;background:transparent}.project-tile{position:relative;border:0;background:#ffffffdb}.site-shell .panel,.site-shell .project-tile,.site-shell .info-card,.site-shell .info-toggle,.site-shell .about-profile-link,.site-shell .contact-link,.site-shell .contact-inline{box-shadow:0 12px 32px #11182712}.project-tile:hover,.project-tile:focus-visible{background:#f8fafcf5}.project-tile.is-selected{background:#eef4fbf0}.project-tile.is-selected .tile-title{color:#111827}.info-title,.panel-title{font-weight:700;letter-spacing:.07em}.subtitle,.tile-summary,.tile-meta,.info-summary,.info-hint,.info-meta,.section-copy{color:var(--text-sub)}@media(max-width:768px){.site-shell:before,.site-shell:after{left:8px;right:8px}.header-links a:after{display:none}.panel-content,.project-tile,.info-card,.contact-inline{padding:12px}}