: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;--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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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:8px 14px 10px;border-top:1px solid var(--line-soft)}.site-footer-copy{margin:0;text-align:center;font-size:12px;letter-spacing:.04em;color:var(--text-dim);line-height:1.4}.site-header{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:3px 12px;border-bottom:1px solid var(--line);background:#ffffffe6}.brand{margin:0;font-size:16px;line-height:1.1;font-weight:600;font-family:DM Sans,Helvetica Neue,Segoe UI,sans-serif}.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:10px;font-size:12px;letter-spacing:.02em;line-height:1.4;font-family:DM Sans,Helvetica Neue,Segoe UI,sans-serif;font-weight:600}.header-links a{display:inline-flex;align-items:center;justify-content:center;inline-size:clamp(64px,8.2vw,104px);white-space:nowrap;text-align:center;padding:3px 5px;border:1px solid transparent}.lang-switch{position:relative;display:flex;justify-content:flex-end;margin-left:14px;margin-right:6px;font-size:14px;letter-spacing:.02em;line-height:1.4;font-family:DM Sans,Helvetica Neue,Segoe UI,sans-serif;font-weight:600}.lang-switch-trigger{cursor:pointer;border:0;background:transparent;color:var(--text);padding:0;font-size:12px;letter-spacing:.02em;line-height:1.4;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em;transition:color .14s ease,text-decoration-color .14s ease}.header-menu-button{display:none}.lang-switch-trigger:hover{color:var(--focus);text-decoration-color:currentColor}.lang-dialog{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;max-width:min(320px,calc(100vw - 24px));max-height:min(70dvh,480px);border:1px solid var(--line);background:#fffffffa;padding:12px;z-index:12;display:grid;grid-template-rows:auto minmax(0,1fr)}.lang-dialog[hidden]{display:none!important}.lang-dialog-close{position:absolute;right:8px;top:6px;border:0;background:transparent;color:var(--text-dim);cursor:pointer;font-size:18px;line-height:1}.lang-dialog-title{margin:0 0 8px;color:var(--text-dim);font-size:12px;letter-spacing:.08em}.lang-dialog-list{list-style:none;margin:0;padding:0 4px 0 0;display:grid;gap:6px;overflow-y:auto}.lang-dialog-list a{display:block;border:1px solid var(--line-soft);padding:6px 8px;font-size:14px}.site-main .panel--intro{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(132,166,209,.4)}.site-main .panel--intro:after{content:"";position:absolute;inset:0;pointer-events:none}.site-main .panel--intro:after{background:linear-gradient(#a8d8ff,#a8d8ff) 0 0 / 18px 2px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 0 0 / 2px 18px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 100% 0 / 18px 2px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 100% 0 / 2px 18px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 0 100% / 18px 2px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 0 100% / 2px 18px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 100% 100% / 18px 2px no-repeat,linear-gradient(#a8d8ff,#a8d8ff) 100% 100% / 2px 18px no-repeat;opacity:.82}.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:1px solid var(--line-soft);background:radial-gradient(circle at 50% 30%,#415f8559,#0c121af2);overflow:hidden}.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:1px solid color-mix(in srgb,var(--line-soft) 82%,#ffffff 18%);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:12px}.app-index-item{border:1px solid var(--line-soft);background:#ffffffeb;display:grid;grid-template-columns:224px minmax(0,1fr)}.app-index-media{display:block;border-right:1px solid var(--line-soft);background:#1118270a}.app-index-media img{display:block;width:100%;height:auto}.app-index-body{padding:12px 14px;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{background-image:linear-gradient(to right,rgba(167,188,221,.22) 1px,transparent 1px),linear-gradient(to bottom,rgba(167,188,221,.22) 1px,transparent 1px);background-size:24px 24px;transform:perspective(540px) rotateX(66deg) translateY(24%);transform-origin:center 84%}.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(55,65,81,.14) 48%,transparent 86%) 0 0 / 180% 100% no-repeat,linear-gradient(180deg,#7ac8ff3d,#1622301a);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:absolute;left:50%;top:calc(50% - 18px);width:min(920px,calc(100% - 32px));height:min(500px,calc(100% - 88px));transform:translate(-50%,-50%);z-index:1}.intro-render-controls{position:absolute;right:8px;top:8px;z-index:4;display:inline-flex;gap:6px}@media(min-width:769px){.intro-render-shell{top:calc(40% - 14px);width:min(750px,calc(100% - 28px));height:calc(80% - 48px);min-height:332px}.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(145deg, rgba(6, 12, 20, .84), rgba(2, 5, 11, .9));--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:1px solid var(--intro-border-color);background:var(--intro-bg-layer);backdrop-filter:blur(1px);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;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:grid;place-items:center;padding-block:26px;box-sizing:border-box;pointer-events:none}.intro-media-image{width:min(100%,286px);max-height:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.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:#def0ffe6;text-shadow:0 1px 2px rgba(0,0,0,.45)}.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-image]{--intro-bg-layer: radial-gradient(circle at 50% 8%, rgba(12, 16, 24, .18), transparent 40%), linear-gradient(180deg, rgba(238, 243, 252, .92), rgba(219, 228, 243, .9));--intro-pattern-layer: linear-gradient(180deg, rgba(25, 36, 58, .14) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 34, 58, .1) 1px, transparent 1px);--intro-pattern-size: 100% 6px, 6px 100%;--intro-pattern-repeat: repeat, repeat;--intro-pattern-opacity: .52;--intro-border-color: rgba(104, 126, 168, .46)}.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:#f6e5cfeb;text-shadow:0 1px 2px rgba(0,0,0,.45)}@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:#050a1080;opacity:0;transition:opacity .18s 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:#dce8f8c7}.intro-render-area[data-intro-theme=intro-image] .intro-render-title{color:#121e34e6;text-shadow:0 1px 0 rgba(255,255,255,.45)}.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:6px;flex-wrap:wrap}.intro-tech-tag{border:1px solid;padding:2px 7px;font-size:10px;letter-spacing:.05em;background:#060b125c}.intro-tech-tag--cyan{border-color:#54d5ff9e;color:#bdf3ff}.intro-tech-tag--blue{border-color:#73adff9e;color:#cddfff}.intro-tech-tag--indigo{border-color:#a195ff9e;color:#ddd7ff}.intro-tech-tag--teal{border-color:#62e0c49e;color:#cefff4}.intro-tech-tag--orange{border-color:#ffb27a9e;color:#ffe5cd}.intro-tech-tag--sky{border-color:#84d4ff9e;color:#d8f3ff}.intro-copy{position:absolute;left:16px;right:16px;bottom:14px;display:grid;grid-template-columns:1fr;gap:0;align-items:end;max-width:none;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:DM Sans,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;color:#f3f6fb;text-shadow:0 1px 12px rgba(0,0,0,.48)}.intro-subcopy{margin:8px 0 0;font-size:clamp(11px,1.2vw,15px);letter-spacing:0;font-weight:500;font-family:DM Sans,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;line-height:1.45;color:#c7d4e8;text-shadow:0 1px 8px rgba(0,0,0,.46)}.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:#d9e4f5}@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)}.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}.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}.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}.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:8px;padding:4px 0 0}.site-main--intro-only{grid-template-rows:minmax(clamp(360px,64dvh,760px),1fr)}.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{top:0;width:calc(100% - 24px);height:calc(100% - 190px);transform:translate(-50%)}.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{left:0;right:0;bottom:10px;grid-template-columns:1fr;gap:8px;max-width:none}.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, .2);--line-strong: rgba(17, 24, 39, .42);--line-soft: rgba(17, 24, 39, .14);--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}.header-links a,.lang-switch a,.project-tile,.info-card,.info-toggle,.about-profile-link,.contact-link,.contact-inline,.panel{border-radius:0}.panel{position:relative;border:1px solid var(--line-soft);background:#ffffffe6}.panel:before,.panel:after,.project-tile:before,.project-tile:after{content:"";position:absolute;pointer-events:none}.panel:before{top:-1px;left:-1px;width:12px;height:1px;background:var(--line-strong)}.panel:after{top:-1px;left:-1px;width:1px;height:12px;background:var(--line-strong)}.panel-title{position:relative;padding-left:14px;color:var(--text-main);letter-spacing:.11em}.panel-title:before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:var(--line-strong);transform:translateY(-50%)}.panel-headline,.info-header{border-bottom-color:var(--line-soft)}.panel-metrics{position:relative;padding-left:10px}.panel-metrics:before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:#1118276b;transform:translateY(-50%)}.header-links a,.lang-switch a,.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{gap:10px}.header-links a{position:relative;background:#ffffffbf}.header-links a:after{content:"";position:absolute;right:-6px;top:50%;width:4px;height:1px;background:#1118273d;transform:translateY(-50%)}.header-links a:last-child:after{display:none}.header-links a:hover,.header-links a:focus-visible,.lang-switch a:hover,.lang-switch a:focus-visible,.about-profile-link:hover,.about-profile-link:focus-visible,.contact-link:hover,.contact-link:focus-visible{border-color:var(--line-strong);background:#f3f4f6f2}.project-tile{position:relative;border:1px solid var(--line-soft);background:#ffffffeb}.site-shell .panel,.site-shell .project-tile,.site-shell .header-links a,.site-shell .lang-switch a,.site-shell .info-card,.site-shell .info-toggle,.site-shell .about-profile-link,.site-shell .contact-link,.site-shell .contact-inline{box-shadow:inset 0 0 0 1px #1118270f,0 0 10px #1118270f}.project-tile:before{right:-1px;bottom:-1px;width:12px;height:1px;background:#11182752}.project-tile:after{right:-1px;bottom:-1px;width:1px;height:12px;background:#11182752}.project-tile:hover,.project-tile:focus-visible{border-color:#11182759;background:#f3f4f6f5}.project-tile.is-selected{border-color:var(--line-strong);background:#e5e7ebeb}.project-tile.is-selected .tile-title{color:#111827}.project-tile.is-selected .tile-title:before{content:"";position:absolute;top:-1px;left:-7px;width:3px;height:12px;background:#1118277a}.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}}