@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap";html,body{min-width:320px;min-height:100%;margin:0}*,:before,:after{box-sizing:border-box}body{background:var(--atx-paper);color:var(--atx-ink);font-family:var(--atx-font-body);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.home-shell{background:var(--atx-paper);color:var(--atx-ink);min-height:100svh;position:relative;overflow:hidden}.site-header{align-items:center;gap:var(--atx-space-8);padding:var(--atx-space-9) var(--atx-space-16) 0;z-index:10;justify-content:space-between;width:100%;display:flex;position:absolute;top:0;left:0}.site-mark{color:var(--atx-ink);font:700 32px/1 var(--atx-font-mono);letter-spacing:0;text-decoration:none}.site-links{align-items:center;gap:var(--atx-space-7);flex-wrap:wrap;justify-content:flex-end;display:flex}.site-links a{color:var(--atx-ink-soft);font:400 13px/1 var(--atx-font-mono);text-transform:uppercase;text-decoration:none}.site-links a:hover,.site-links a:focus-visible{color:var(--atx-ink)}.site-links a:focus-visible,.site-mark:focus-visible{outline:2px solid var(--atx-action);outline-offset:4px}.site-menu-placeholder{color:var(--atx-ink);width:42px;height:42px;display:none}.site-menu-placeholder svg{width:100%;height:100%;display:block}.home-hero{align-items:center;gap:var(--atx-space-15);min-height:100svh;padding:var(--atx-space-18) var(--atx-space-16);grid-template-columns:minmax(0,.88fr) minmax(320px,.82fr);display:grid;position:relative}.home-copy{gap:var(--atx-space-8);justify-items:start;max-width:760px;display:grid}.home-title{color:var(--atx-ink);font-family:var(--atx-font-display), "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;letter-spacing:0;margin:0;font-size:clamp(56px,6.2vw,86px);font-weight:700;line-height:1.05}.home-subtitle{color:var(--atx-ink-soft);font-family:var(--atx-font-body), "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;letter-spacing:0;margin:calc(var(--atx-space-2) * -1) 0 0;font-size:clamp(24px,2.55vw,36px);font-weight:600;line-height:1.35}.home-body{color:var(--atx-ink-soft);font-family:var(--atx-font-body), "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;letter-spacing:0;margin:var(--atx-space-11) 0 var(--atx-space-8);font-size:clamp(19px,1.6vw,28px);font-weight:500;line-height:1.55}.home-actions{align-items:center;gap:var(--atx-space-3);flex-wrap:wrap;display:flex}.home-portrait-frame{pointer-events:none;justify-content:center;align-self:end;min-width:0;min-height:0;display:flex}.home-portrait{object-fit:contain;object-position:center bottom;max-width:100%;height:min(68svh,760px);display:block}.page-shell{color:var(--atx-ink);min-height:100svh;position:relative}.page-main{gap:var(--atx-space-13);max-width:1180px;padding:var(--atx-space-18) var(--atx-space-9) var(--atx-space-16);margin:0 auto;display:grid}.page-hero{gap:var(--atx-space-7);max-width:760px;display:grid}.page-title{color:var(--atx-ink);font-family:var(--atx-font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(60px,9vw,120px);font-weight:700;line-height:.96}.page-copy{color:var(--atx-ink-soft);gap:var(--atx-space-6);max-width:680px;display:grid}.page-copy p,.atx-panel p{margin:0}.panel-grid,.card-grid,.work-list{gap:var(--atx-space-7);display:grid}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-panel,.project-panel{max-width:760px}.page-actions{gap:var(--atx-space-3);margin-top:var(--atx-space-8);flex-wrap:wrap;display:flex}.work-list{max-width:860px}.work-list__item{align-items:center;gap:var(--atx-space-7);justify-content:space-between;display:flex}.work-status{background:var(--atx-signal);color:var(--atx-ink);padding:var(--atx-space-2) var(--atx-space-4);white-space:nowrap}@media (width<=1080px){.site-header{padding:var(--atx-space-8) var(--atx-space-9) 0}.home-hero{gap:var(--atx-space-12);padding:var(--atx-space-15) var(--atx-space-9);grid-template-columns:minmax(0,1fr)}.home-portrait-frame{order:-1;justify-content:start}.home-portrait{height:min(42svh,460px)}.panel-grid{grid-template-columns:1fr}}@media (width<=720px){.site-header{padding:var(--atx-space-9) var(--atx-space-7) 0}.site-mark{font-size:34px}.site-links{display:none}.site-menu-placeholder{display:block}.home-hero{min-height:100svh;padding:188px var(--atx-space-7) 0;align-items:start;display:block}.home-copy{gap:var(--atx-space-6);z-index:2;max-width:100%;position:relative}.home-title{white-space:nowrap;font-size:clamp(40px,12vw,54px);line-height:1.08}.home-subtitle{max-width:360px;font-size:clamp(27px,7.1vw,34px);line-height:1.42}.home-body{margin:var(--atx-space-7) 0 var(--atx-space-7);max-width:390px;font-size:clamp(22px,5.9vw,28px);line-height:1.6}.home-actions{align-items:flex-start;gap:var(--atx-space-4);flex-direction:column}.home-actions .atx-button{min-width:240px}.home-actions .atx-button__inner{justify-content:space-between;width:100%}.home-portrait-frame{order:initial;z-index:1;justify-content:flex-end;position:absolute;bottom:-110px;right:max(-240px,-48vw)}.home-portrait{max-width:none;height:min(58svh,560px)}.page-main{gap:var(--atx-space-11);padding:var(--atx-space-16) var(--atx-space-7) var(--atx-space-13)}.page-title{font-size:clamp(48px,14vw,72px)}.page-copy{font-size:18px}.page-actions,.work-list__item{flex-direction:column;align-items:stretch}.page-actions .atx-button{width:100%}.page-actions .atx-button__inner{justify-content:space-between;width:100%}.work-status{align-self:flex-start}}:root{--atx-font-display:"Manrope", "Manrope Fallback", "Arial", sans-serif;--atx-font-body:"Inter", "Inter Fallback", "Arial", sans-serif;--atx-font-mono:"JetBrains Mono", "JetBrains Mono Fallback", "SF Mono", monospace;--atx-red:#fb2f38;--atx-blue:#037fa8;--atx-bg:#f8f8f8;--atx-yellow:#ffd073;--atx-primary:#2d2d2d;--atx-secondary:#727272;--atx-ink:var(--atx-primary);--atx-ink-soft:var(--atx-secondary);--atx-paper:var(--atx-bg);--atx-black:var(--atx-primary);--atx-line:var(--atx-secondary);--atx-line-faint:#f8f8f833;--atx-action:var(--atx-blue);--atx-alert:var(--atx-red);--atx-signal:var(--atx-yellow);--atx-teal:var(--atx-blue);--atx-indigo:var(--atx-blue);--atx-space-1:4px;--atx-space-2:8px;--atx-space-3:10px;--atx-space-4:12px;--atx-space-5:15px;--atx-space-6:20px;--atx-space-7:24px;--atx-space-8:30px;--atx-space-9:40px;--atx-space-10:45px;--atx-space-11:50px;--atx-space-12:55px;--atx-space-13:60px;--atx-space-14:70px;--atx-space-15:80px;--atx-space-16:100px;--atx-space-17:120px;--atx-space-18:150px;--atx-radius-0:0;--atx-radius-2:2px;--atx-radius-3:3px;--atx-radius-5:5px;--atx-radius-pill:50px;--atx-cut-xs:8px;--atx-cut-sm:12px;--atx-cut-lg:30px;--atx-clip-xs:polygon(0 0, 100% 0, 100% calc(100% - var(--atx-cut-xs)), calc(100% - var(--atx-cut-xs)) 100%, 0 100%, 0 var(--atx-cut-xs));--atx-clip-sm:polygon(0 0, 100% 0, 100% calc(100% - var(--atx-cut-sm)), calc(100% - var(--atx-cut-sm)) 100%, 0 100%, 0 0);--atx-clip-lg:polygon(var(--atx-cut-lg) 0, 100% 0, 100% calc(100% - var(--atx-cut-lg)), calc(100% - var(--atx-cut-lg)) 100%, 0 100%, 0 var(--atx-cut-lg))}.atx-surface{background:linear-gradient(90deg, #2d2d2d0e 1px, transparent 1px), linear-gradient(#2d2d2d0e 1px, transparent 1px), var(--atx-paper);color:var(--atx-ink);font-family:var(--atx-font-body);background-size:60px 60px}.atx-surface--dark{background:linear-gradient(90deg, #f8f8f81f 1px, transparent 1px), linear-gradient(#f8f8f81a 1px, transparent 1px), var(--atx-black);color:var(--atx-paper)}.atx-display-l,.atx-display-m,.atx-display-s{font-family:var(--atx-font-display);letter-spacing:0;font-weight:600}.atx-display-l{font-size:80px;line-height:1.2}.atx-display-m{font-size:56px;line-height:1.2}.atx-display-s{font-size:30px;line-height:1.2}.atx-title-l,.atx-title-m,.atx-title-s,.atx-title-xs{font-family:var(--atx-font-body);letter-spacing:0;font-weight:600}.atx-title-l{font-size:24px;line-height:1.2}.atx-title-m{font-size:20px;line-height:1.2}.atx-title-s{font-size:16px;line-height:1.2}.atx-title-xs{font-size:14px;line-height:1.2}.atx-body-l,.atx-body-m,.atx-body-s{font-family:var(--atx-font-body);letter-spacing:0;font-weight:500;line-height:1.45}.atx-body-l{font-size:18px}.atx-body-m{font-size:16px}.atx-body-s{font-size:14px}.atx-label-l,.atx-label-m,.atx-label-s,.atx-label-xs{font-family:var(--atx-font-mono);letter-spacing:0;text-transform:uppercase;font-weight:400;line-height:1}.atx-label-l{font-size:16px}.atx-label-m{font-size:14px}.atx-label-s{font-size:13px}.atx-label-xs{font-size:10px}.atx-button,.atx-button *,.atx-card,.atx-header,.atx-header *,.atx-icon-button,.atx-icon-button *,.atx-panel,.atx-tag{box-sizing:border-box}.atx-button{--atx-button-bg:var(--atx-paper);--atx-button-fg:var(--atx-ink);--atx-button-line:var(--atx-line);--atx-button-min-height:50px;--atx-button-padding-x:var(--atx-space-8);--atx-button-gap:var(--atx-space-4);--atx-button-icon:18px;appearance:none;background:var(--atx-button-line);clip-path:var(--atx-clip-sm);color:var(--atx-button-fg);cursor:pointer;font:400 16px/1 var(--atx-font-mono);min-height:var(--atx-button-min-height);-webkit-user-select:none;user-select:none;vertical-align:middle;border:0;justify-content:center;align-items:stretch;padding:1px;text-decoration:none;transition:opacity .16s,transform .16s;display:inline-flex;position:relative}.atx-button__inner{background:var(--atx-button-bg);clip-path:var(--atx-clip-sm);align-items:center;gap:var(--atx-button-gap);min-height:calc(var(--atx-button-min-height) - 2px);padding:0 var(--atx-button-padding-x);justify-content:center;transition:background-color .16s,color .16s;display:inline-flex}.atx-button__label{color:inherit;text-transform:uppercase;white-space:nowrap;line-height:1;display:inline-block}.atx-button__icon{color:inherit;height:var(--atx-button-icon);width:var(--atx-button-icon);flex:none;justify-content:center;align-items:center;display:inline-flex}.atx-button__icon svg{width:100%;height:100%;display:block}.atx-button--small{--atx-button-min-height:32px;--atx-button-padding-x:var(--atx-space-4);--atx-button-gap:var(--atx-space-2);--atx-button-icon:14px;font-size:13px}.atx-button--regular{--atx-button-min-height:50px;--atx-button-padding-x:var(--atx-space-8)}.atx-button--large{--atx-button-min-height:58px;--atx-button-padding-x:var(--atx-space-9)}.atx-button--dark{--atx-button-bg:var(--atx-ink);--atx-button-fg:var(--atx-paper);--atx-button-line:var(--atx-ink)}.atx-button--action{--atx-button-bg:var(--atx-action);--atx-button-fg:var(--atx-ink);--atx-button-line:var(--atx-action)}.atx-button--ghost{--atx-button-bg:var(--atx-paper);--atx-button-fg:var(--atx-ink);--atx-button-line:currentColor}.atx-surface--dark .atx-button--ghost,.atx-panel--dark .atx-button--ghost{--atx-button-bg:var(--atx-black);--atx-button-fg:var(--atx-paper)}.atx-button:hover:not(:disabled):not([aria-disabled=true]),.atx-button[data-force-state=hover]{opacity:.8;transform:translateY(-1px)}.atx-button:active:not(:disabled):not([aria-disabled=true]),.atx-button[data-force-state=active]{opacity:1;transform:translateY(0)}.atx-button:focus-visible,.atx-button[data-force-state=focus]{outline:2px solid var(--atx-action);outline-offset:3px}.atx-button:disabled,.atx-button[aria-disabled=true],.atx-button[data-force-state=disabled]{cursor:not-allowed;opacity:.35;pointer-events:none}.atx-icon-button{--atx-icon-size:58px;--atx-icon-width:58px;--atx-icon-border:var(--atx-line);--atx-icon-fg:currentColor;appearance:none;border:0;border-left:1px solid var(--atx-icon-border);border-radius:var(--atx-radius-0);color:var(--atx-icon-fg);cursor:pointer;height:var(--atx-icon-size);min-width:var(--atx-icon-width);width:var(--atx-icon-width);background:0 0;justify-content:center;align-items:center;padding:0;transition:opacity .16s,background-color .16s,color .16s;display:inline-flex;position:relative}.atx-icon-button:before{content:"";opacity:0;background:currentColor;transition:opacity .16s,transform .16s;position:absolute;inset:0;transform:scale(.92)}.atx-icon-button__icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.atx-icon-button__icon svg{width:100%;height:100%}.atx-icon-button--right-border{border-right:1px solid var(--atx-icon-border)}.atx-icon-button--compact{--atx-icon-size:40px;--atx-icon-width:40px;padding:0}.atx-icon-button--dot{--atx-icon-size:33px;--atx-icon-width:33px;border-radius:var(--atx-radius-pill);border:0;padding:0}.atx-icon-button:hover:not(:disabled),.atx-icon-button[data-force-state=hover]{opacity:.6}.atx-icon-button:active:not(:disabled):before,.atx-icon-button[data-force-state=active]:before{opacity:.12;transform:scale(1)}.atx-icon-button:focus-visible,.atx-icon-button[data-force-state=focus]{outline:2px solid var(--atx-action);outline-offset:-2px}.atx-icon-button:disabled,.atx-icon-button[data-force-state=disabled]{cursor:not-allowed;opacity:.3}.atx-tag{background:var(--atx-paper);border:1px solid var(--atx-line);border-radius:var(--atx-radius-pill);color:var(--atx-ink);cursor:pointer;font:400 14px/1.3 var(--atx-font-mono);align-items:center;gap:var(--atx-space-2);text-transform:uppercase;white-space:nowrap;justify-content:center;min-height:38px;padding:10px 12px;transition:background-color .16s,color .16s,opacity .16s;display:inline-flex}.atx-tag:hover,.atx-tag[data-force-state=hover]{opacity:.8}.atx-tag:focus-visible,.atx-tag[data-force-state=focus]{outline:2px solid var(--atx-action);outline-offset:2px}.atx-tag[data-active=true],.atx-tag[data-force-state=active]{background:var(--atx-ink);border-color:var(--atx-ink);color:var(--atx-paper)}.atx-tag:disabled,.atx-tag[data-force-state=disabled]{cursor:not-allowed;opacity:.35}.atx-panel{background:var(--atx-paper);border:1px solid var(--atx-line);clip-path:var(--atx-clip-lg);color:var(--atx-ink);padding:var(--atx-space-13)}.atx-panel--dark{background:var(--atx-black);border-color:var(--atx-line-faint);color:var(--atx-paper)}.atx-card{background:var(--atx-paper);border-right:1px solid var(--atx-line);border-top:1px solid var(--atx-line);color:var(--atx-ink);gap:var(--atx-space-10);padding:55px;text-decoration:none;transition:background-color .18s,color .18s;display:grid;position:relative;overflow:hidden}.atx-card:before{background:var(--atx-line);content:"";opacity:.3;width:10px;height:10px;position:absolute;top:15px;left:18px}.atx-card__image{aspect-ratio:16/9;background:linear-gradient(135deg, #037fa838, transparent 52%), linear-gradient(315deg, #fb2f382e, transparent 50%), var(--atx-bg);border-radius:var(--atx-radius-5);clip-path:var(--atx-clip-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.atx-card__image:after{color:#2d2d2d57;content:attr(data-label);font:400 13px/1 var(--atx-font-mono);text-transform:uppercase}.atx-card__body{gap:var(--atx-space-6);display:grid}.atx-card__meta{color:var(--atx-ink-soft)}.atx-card:hover,.atx-card[data-force-state=hover]{background:var(--atx-ink);color:var(--atx-paper)}.atx-card:hover .atx-card__meta,.atx-card[data-force-state=hover] .atx-card__meta{color:#f8f8f8b8}.atx-header{background:var(--atx-black);border-bottom:1px solid var(--atx-line-faint);color:var(--atx-paper);justify-content:space-between;align-items:center;min-width:350px;height:58px;display:flex}.atx-header__left,.atx-header__right,.atx-header__nav{align-items:center;height:100%;display:flex}.atx-header__mark{border-right:1px solid var(--atx-line-faint);color:inherit;font:400 16px/1 var(--atx-font-mono);height:100%;padding:0 var(--atx-space-8);text-transform:uppercase;align-items:center;text-decoration:none;display:inline-flex}.atx-header__nav a{border-right:1px solid var(--atx-line-faint);color:inherit;font:400 14px/1 var(--atx-font-mono);height:100%;padding:0 var(--atx-space-8);text-transform:uppercase;align-items:center;gap:31px;text-decoration:none;display:inline-flex}.atx-header__nav a:hover,.atx-header__mark:hover{opacity:.6}.atx-decal{color:inherit;font:400 10px/1 var(--atx-font-mono);align-items:center;gap:var(--atx-space-3);text-transform:uppercase;display:inline-flex}.atx-decal:before{content:"";opacity:.3;background:currentColor;width:2px;height:10px}.atx-story-shell{gap:var(--atx-space-9);padding:var(--atx-space-9);display:grid}.atx-story-section{gap:var(--atx-space-6);display:grid}.atx-story-grid{align-items:flex-start;gap:var(--atx-space-5);flex-wrap:wrap;display:flex}.atx-story-grid--stack{align-items:start;gap:var(--atx-space-6);display:grid}.atx-token-grid{gap:var(--atx-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.atx-token-swatch{border:1px solid var(--atx-line);gap:var(--atx-space-3);padding:var(--atx-space-4);display:grid}.atx-token-swatch__chip{border:1px solid #2d2d2d14;height:62px}.atx-measure-row{align-items:center;gap:var(--atx-space-5);grid-template-columns:100px 1fr 70px;display:grid}.atx-measure-row__bar{background:var(--atx-action);max-width:100%;height:14px}@media (width<=720px){.atx-display-l{font-size:45px}.atx-display-m{font-size:24px}.atx-display-s{font-size:18px}.atx-panel,.atx-card,.atx-story-shell{padding:var(--atx-space-7)}.atx-header{align-items:stretch;height:auto}.atx-header__nav{display:none}.atx-header__mark{min-height:54px}.atx-measure-row{gap:var(--atx-space-2);grid-template-columns:72px minmax(0,1fr) 54px}}
