@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#253b37;--muted:#7c8983;--green:#375c4c;--paper:#f7f8f3;--line:#e1e6dd;--orange:#bd7c52}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b67b50;outline-offset:5px}[hidden]{display:none!important}.shell{display:flex}aside{width:235px;flex-shrink:0;background:#f0f2eb;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:16px;letter-spacing:-.5px}.mark{background:var(--green);color:#fff;font-family:Georgia,serif;font-size:30px;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;padding-bottom:5px}.side-caption{font-size:9px;letter-spacing:2px;color:var(--muted);margin:44px 10px 17px}.nav{display:flex;align-items:center;width:100%;border:0;background:transparent;color:#6a7971;padding:15px 10px;gap:10px;border-radius:6px;font-size:12px;text-align:left;margin-bottom:7px}.nav small{margin-left:auto;font-size:9px;opacity:.6}.nav.active{background:#dfe7db;color:var(--green);font-weight:600}.side-bottom{margin-top:auto;font-size:11px;padding:20px 10px 0;border-top:1px solid var(--line)}.side-bottom p{font-size:10px;color:var(--muted);line-height:1.9}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bf895e;margin-right:7px}.main{flex:1;min-width:0}header{height:85px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.header-right{display:flex;gap:18px;align-items:center}.badge{border:1px solid #d3daca;border-radius:20px;padding:5px 12px;font-size:10px}.subtle{border:0;background:transparent;color:var(--ink);font-size:11px}main{max-width:1400px;margin:auto;padding:45px 5% 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);display:flex;justify-content:space-between;font-weight:600}.eyebrow>span{color:var(--muted);font-size:9px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;margin:38px 0 40px}.kicker{font-size:12px;margin-bottom:17px;color:#677c6d}h1{font-size:clamp(26px,2.8vw,44px);letter-spacing:-1.6px;line-height:1.65;margin:0 0 20px;font-weight:500}em{font-style:normal;color:#68816c}.intro{font-size:12px;line-height:2.1;color:var(--muted);margin:0 0 27px}.primary{display:inline-flex;gap:28px;align-items:center;border-radius:4px;background:var(--green);color:white;padding:14px 19px;font-size:11px}.hero-art{height:300px;background:#e5eadd;border-radius:5px;position:relative;overflow:hidden}.art-label{position:absolute;top:28px;left:25px;font-size:10px;letter-spacing:3px;line-height:1.6;z-index:1}.art-foot{position:absolute;bottom:22px;left:25px;font-size:8px;letter-spacing:2px}.orbit{width:200px;height:200px;position:absolute;border-radius:50%;border:1px solid #8a9f83;left:calc(50% - 100px);top:45px}.o1{transform:translateX(-38px);background:#b5c3a65c}.o2{transform:translateX(32px);background:#f0eed95c}.o3{width:120px;height:120px;top:85px;left:calc(50% - 60px);background:#617d5a;box-shadow:0 22px 50px #52634525;border:0}.notice{display:flex;align-items:center;gap:13px;padding:11px 17px;background:#edeee6;border:1px solid #e2e5d8;border-radius:4px;font-size:11px;color:#75816b}.notice>span{font-size:19px}.notice p{margin:0;line-height:1.8}.section{padding-top:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:10px 0 0}h3{font-size:15px;font-weight:500;line-height:1.7}.muted{color:var(--muted);font-size:11px;line-height:1.9}.experience-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.panel{background:#ffffff99;border:1px solid var(--line);border-radius:5px;padding:27px}.tiny{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.timeline-item{position:relative;border-left:1px solid #d6dfd0;margin:24px 0 0 4px;padding:0 0 0 22px}.timeline-dot{position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#81997a}.timeline-item h3{margin:7px 0}.panel p,.work-body p{font-size:11px;line-height:1.9;color:var(--muted)}.placeholder-chip{display:inline-block;background:#f0f3ec;color:#91a08b;font-size:9px;padding:4px 9px;border-radius:3px}.skills h3{margin-top:26px}.skill-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px}.skill-line span+span{color:#91a08b;font-size:10px}.filters{display:flex;gap:5px}.filters button{border:0;border-radius:20px;padding:7px 13px;background:transparent;color:var(--muted);font-size:10px}.filters .selected{background:var(--green);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.work-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#ffffff99}.work-art{height:185px;position:relative;overflow:hidden}.work-art>span{position:absolute;left:18px;top:15px;font-size:11px;color:#ffffffaa}.work-art>small{position:absolute;left:18px;bottom:15px;font-size:7px;letter-spacing:2px}.art-work{background:#778a70;color:#edf0df}.art-app{background:#e0d7c5;color:#8c7d66}.art-app>span,.art-other>span{color:#8c7d66}.art-other{background:#e7e9e1;color:#7f8c74}.blocks{position:absolute;inset:45px 0 0;display:flex;gap:8px;justify-content:center;align-items:center;transform:rotate(-12deg)}.blocks i{background:#c3cbb7;display:block;width:38px;height:65px}.blocks i:nth-child(2){height:105px;background:#e4e7d7}.blocks i:nth-child(3){height:85px;background:#a2b295}.phone{position:absolute;width:65px;height:112px;border:4px solid #f8f6f0;border-radius:14px;left:calc(50% - 32px);top:29px;background:#b9b59d;box-shadow:12px 12px 0 #ac9e7c20;transform:rotate(12deg);padding:12px 6px}.phone i{display:block;background:#edeade;border-radius:3px;height:11px}.phone b{display:block;background:#dce0cb;margin:8px 0;border-radius:3px;padding:10px;text-align:center;font-size:20px;color:#778a70}.asterisk{font-family:Georgia,serif;font-size:150px;line-height:1;position:absolute;left:calc(50% - 65px);top:17px;font-weight:400;color:#9aab8c}.work-body{padding:22px}.work-body h3{margin:9px 0}.text-button{padding:14px 0 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;width:100%;color:var(--green);font-size:10px;margin-top:10px}.closing{margin-top:50px;padding:36px 0;border-top:1px solid var(--line);text-align:center}.closing>span{font-family:Georgia,serif;font-size:21px;color:#799071;letter-spacing:1px}.closing p{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}.brand-small{font-weight:600;color:var(--green);font-size:11px}.workspace-title{margin:35px 0 10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stats strong{display:block;font-size:32px;font-weight:400;padding:12px 0}.empty{text-align:center;padding:25px 0}.empty>span{font-size:35px;color:#93a589}.empty p{max-width:250px;margin:0 auto 22px}.document-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;font-size:12px;gap:10px}.document-row span{font-size:10px;color:var(--muted)}.applications{margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;margin-top:25px}th{text-align:left;font-weight:500;color:#70816c;background:#f0f3eb;padding:13px}td{padding:35px 15px;color:var(--muted);text-align:center}dialog{border:1px solid var(--line);border-radius:8px;padding:35px;max-width:550px;width:calc(100% - 40px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#21392c66;backdrop-filter:blur(4px)}dialog #close{display:block;margin-left:auto;margin-bottom:25px}dialog p,dd{font-size:12px;color:var(--muted);line-height:1.9}dt{font-size:12px;margin-top:20px}dd{margin:5px 0}.preview-mode aside{display:none}.preview-mode main{max-width:1200px}.preview-mode .notice{display:none}@media(min-width:1500px){.hero-art{height:340px}}@media(max-width:1050px){aside{width:195px;padding:28px 15px}.brand{font-size:14px}.hero{gap:25px;grid-template-columns:1.3fr 1fr}.hero-art{height:270px}h1{font-size:29px}.experience-grid{grid-template-columns:1fr 1fr}.work-body{padding:16px}.section-heading>.muted{display:none}}@media(max-width:760px){.shell{display:block}aside{position:static;width:100%;height:auto;padding:18px 5%;border-bottom:1px solid var(--line);border-right:0}.brand{font-size:16px}.side-caption,.side-bottom{display:none}nav{display:flex;gap:8px;margin-top:18px}.nav{margin:0;padding:12px;font-size:11px}.nav small{display:none}header{height:60px;padding:0 5%;font-size:10px}.header-right{gap:10px}main{padding-top:28px}.eyebrow{font-size:8px;letter-spacing:1.4px}.eyebrow>span{font-size:7px}.hero{grid-template-columns:1fr;margin-top:30px;gap:25px}h1{font-size:31px;letter-spacing:-1px}.hero-art{height:210px}.orbit{top:8px}.o3{top:48px}.art-label{top:18px}.art-foot{bottom:15px}.experience-grid,.work-grid{grid-template-columns:1fr}.section{padding-top:35px}.section-heading{align-items:start;flex-direction:column;gap:15px}.panel{padding:23px}.work-art{height:200px}.work-body{padding:22px}.stats{gap:8px}.stats .panel{padding:16px 12px}.stats .tiny{font-size:8px;letter-spacing:0}.closing>span{font-size:17px}footer>span:nth-child(2){display:none}.workspace-title{font-size:28px}.document-row{font-size:11px}.document-row span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}