.personal-home{width:100%}.personal-home :is(h1,h2,h3,p){margin:0}.personal-home :is(h1,h2,h3){color:var(--color-accent-2);letter-spacing:0}.personal-home a{text-decoration:none}.personal-home svg{width:18px;height:18px;flex-shrink:0}.personal-intro{display:block;position:relative;isolation:isolate;padding:0;background:#edf5f0}.scene-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.scene-inner{position:relative;max-width:1240px;margin-inline:auto;min-height:562px;padding:48px clamp(24px,5.4%,62px) 72px}.intro-copy{position:relative;width:43%;z-index:1}.intro-register{font-size:16px;color:#435b51;font-weight:500}.intro-register span{display:block;font-size:12px;font-weight:400;margin-top:4px}.personal-intro h1{font:600 76px / 1.1 var(--font-sans);margin-block:18px 20px;color:#2e443d}.personal-intro h1 span{color:#639780}.intro-role{font:500 25px / 1.35 var(--font-sans);color:#374941}.personal-home .intro-description{max-width:39ch;font-size:15px;line-height:1.75;margin-top:20px}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:24px}.personal-phone{display:inline-flex;align-items:center;gap:12px;background:#cfe5d9;color:#294b3c;border:1px solid #a6c9b6;border-radius:4px;min-height:46px;padding:10px 16px;font-size:15px;font-weight:500}.personal-phone:hover{background:#bfddcc}.personal-mail{display:inline-flex;align-items:center;min-height:44px;gap:6px;font-size:12px;color:#435b51}.personal-mail:hover{text-decoration:underline}.scene-links{position:absolute;inset:0}.scene-root,.scene-node{position:absolute;z-index:2;border:1px solid #b3c8bf;border-radius:8px;color:#33473e}.scene-root{left:53%;top:43%;width:122px;height:76px;display:flex;align-items:center;gap:10px;padding:12px;background:#e5eef2;border-color:#b5cbd4}.scene-root>svg:first-child{width:24px;height:24px;color:#557a88}.scene-root span{font-size:14px;font-weight:500}.scene-root small{display:block;font-size:11px;margin-top:4px;font-weight:400}.scene-node{width:190px;min-height:112px;padding:18px;background:#d9ece1}.scene-node--it{left:74%;top:13%}.scene-node--ai{left:78%;top:47%;background:#e9e0f1;border-color:#c7b6d8;color:#57436b}.scene-node--web{left:65%;top:70%;background:#f3e2d4;border-color:#d7baa4;color:#70503d}.personal-home .node-symbol{display:block;width:26px;height:26px;margin-bottom:12px}.scene-node strong{display:block;font-size:16px;line-height:1.35;font-weight:500}.scene-node>span{display:block;font-size:11px;margin-top:6px}.personal-home .node-arrow{position:absolute;top:12px;right:12px;width:14px;height:14px;opacity:.7}.scene-root:hover,.scene-node:hover{border-color:currentColor}.scene-root:focus-visible,.scene-node:focus-visible{outline-offset:5px}.scene-foot{position:absolute;bottom:18px;left:clamp(24px,5.4%,62px);right:74px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#536b5f}.scene-foot a{display:flex;align-items:center;gap:10px;min-height:44px;color:#365445}.scene-motion{position:absolute;bottom:20px;right:24px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #bdd0c6;border-radius:4px;color:#4c6859;background:#f4f9f6;cursor:pointer}.scene-motion .motion-play,[data-paused] .scene-motion .motion-pause{display:none}[data-paused] .scene-motion .motion-play{display:block}.work-directory,.personal-approach{max-width:1240px;margin-inline:auto;padding-inline:clamp(24px,5.4%,62px)}.work-directory{padding-block:42px 48px}.directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:28px}.register-label,.work-margin,.work-tools{font:400 11px / 1.7 var(--font-mono);color:var(--color-muted)}.personal-home h2{font:500 32px / 1.25 var(--font-sans)}.work-entry{display:grid;grid-template-columns:120px .8fr 1.2fr;gap:24px;padding:30px 26px;border-left:3px solid #a5c8b6;background:#e8f1ec}.work-entry--ai{border-color:#c6b3d8;background:#eeebf5}.work-entry--web{border-color:#d6b597;background:#f4ebe3}.work-margin>span{display:inline-block;font-size:16px;font-weight:500}.work-margin p{margin-top:10px;max-width:17ch;font-size:10px}.work-entry h3{font:500 23px / 1.3 var(--font-sans)}.work-content>p:first-child{font-size:14px;line-height:1.75}.work-content .work-tools{font-size:10px;line-height:1.85;margin-top:16px}.work-links{display:flex;gap:4px 18px;flex-wrap:wrap;margin-top:12px}.work-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#355649}.work-links a:hover{text-decoration:underline;text-underline-offset:4px}.work-links svg{width:15px;height:15px}.personal-approach{display:grid;grid-template-columns:120px 1fr 210px;gap:24px;padding-block:40px 60px;border-top:1px solid var(--color-border)}.initial-mark{display:block;font:500 48px / 1.1 var(--font-sans);color:#789b86;margin-top:30px}.approach-letter{padding-right:28px}.approach-letter h2{margin-bottom:26px}.approach-letter h2 em{font-style:normal;font-weight:500}.approach-letter>p{font-size:14px;line-height:1.8;margin-top:18px}.letter-contact{display:inline-flex;align-items:center;min-height:44px;gap:10px;margin-top:20px;color:#355649;font-size:14px}.approach-index{border-left:1px solid var(--color-border);padding-left:24px;font-size:12px}.approach-index a{display:flex;align-items:center;min-height:44px;color:#355649;overflow-wrap:anywhere}.approach-index>a:first-of-type{margin-top:20px}.approach-index>p:last-child{margin-top:28px;color:var(--color-muted);line-height:1.8}@media(max-width:1000px){.personal-intro h1{font-size:64px}.scene-node{width:164px;padding:16px}.scene-node--ai{left:77%}.work-entry{grid-template-columns:80px .8fr 1.2fr;gap:20px;padding-inline:22px}.personal-approach{grid-template-columns:80px 1fr 180px}}@media(max-width:800px){.scene-inner{min-height:0;padding-block:28px 64px}.intro-copy{width:100%;max-width:580px}.intro-register span{display:inline;margin-left:8px}.personal-intro h1{font-size:60px;margin-block:12px 16px}.intro-role{font-size:23px}.intro-role br{display:none}.personal-home .intro-description{max-width:52ch;font-size:15px;margin-top:16px}.intro-actions{margin-top:18px}.scene-links{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"root it" "ai web";grid-template-rows:104px 104px;align-items:center;gap:22px 32px;margin-top:28px;max-width:580px}.scene-root,.scene-node{position:relative;top:auto;left:auto;width:auto;min-height:0}.scene-root{grid-area:root;width:124px;height:76px}.scene-node{height:104px;padding:14px}.scene-node--it{grid-area:it}.scene-node--ai{grid-area:ai}.scene-node--web{grid-area:web}.personal-home .node-symbol{width:22px;height:22px;margin-bottom:8px}.scene-node strong{font-size:14px}.scene-node>span{font-size:10px}.scene-foot span{display:none}.work-entry{grid-template-columns:64px 1fr}.work-margin{grid-row:span 2}.work-content{grid-column:2}.personal-approach{grid-template-columns:64px 1fr}.approach-index{grid-column:2;border-left:0;padding:20px 0 0;border-top:1px solid var(--color-border)}}@media(max-width:520px){.scene-inner,.work-directory,.personal-approach{padding-inline:20px}.scene-inner{padding-top:24px;padding-bottom:72px}.intro-register{font-size:14px}.intro-register span{display:block;margin-left:0;font-size:11px}.personal-intro h1{font-size:54px;margin-block:10px 14px}.intro-role{font-size:21px}.personal-home .intro-description{font-size:14px;margin-top:14px;line-height:1.7}.personal-mail{display:none}.scene-links{gap:20px 18px;margin-top:24px}.scene-node{padding:12px 10px}.scene-node strong{font-size:13px}.scene-node>span{font-size:9px;line-height:1.4}.personal-home .node-arrow{width:12px;right:9px;top:9px}.scene-foot{left:20px;right:76px;font-size:10px;gap:12px}.scene-foot a{gap:6px;white-space:nowrap}.work-directory{padding-block:30px}.directory-heading{display:block;padding-bottom:22px}.directory-heading h2{margin-top:10px}.personal-home h2{font-size:27px}.work-entry{grid-template-columns:28px 1fr;gap:14px;padding:24px 14px}.work-entry h3{font-size:21px}.work-margin p{display:none}.work-content>p:first-child{font-size:13px}.work-links{gap:0 14px}.work-links a{font-size:12px}.personal-approach{grid-template-columns:28px 1fr;gap:14px;padding-block:30px 44px}.approach-margin .register-label{writing-mode:vertical-rl}.initial-mark{font-size:26px}.approach-letter{padding-right:0}.approach-letter>p{font-size:13px}}@media(max-width:350px){.personal-intro h1{font-size:48px}.scene-root{width:110px}.scene-node strong{font-size:12px}}