@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--paper: #f5f0e8;--paper-deep: #ebe3d5;--ink: #1c1e1b;--muted: #75776e;--line: rgba(28, 30, 27, .18);--coral: #ef7358;--blue: #8db4c1;--yellow: #efc857;--green: #5e8067;--max: 1180px;--ease: cubic-bezier(.22, 1, .36, 1);--font-sans: "Space Grotesk", "Zen Kaku Gothic New", sans-serif;--font-japanese: "Zen Kaku Gothic New", sans-serif;--font-mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.75;letter-spacing:.005em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.home-canvas{position:relative;min-height:100vh;overflow:hidden}.home-content-area{position:absolute;top:58px;right:max(32px,calc((100vw - var(--max)) / 2));z-index:1;display:flex;flex-direction:column;width:min(738px,calc(100% - 380px));max-height:calc(100dvh - 58px);overflow:hidden}.home-content-heading{--section-color: var(--blue);position:relative;flex:0 0 auto;width:100%}.home-heading-coral{--section-color: var(--coral)}.home-heading-green{--section-color: var(--green)}.home-heading-ink{--section-color: var(--ink)}.home-heading-yellow{--section-color: var(--yellow)}.home-heading-meta{display:flex;justify-content:space-between;margin:0 0 8px;color:var(--muted);font:.62rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.home-heading-title{display:block;width:100%;max-width:100%}.home-content-heading h1{display:flex;align-items:baseline;width:max-content;max-width:100%;gap:.24em;margin:0;color:var(--ink);font-family:var(--font-sans);font-size:3.35rem;font-weight:500;letter-spacing:-.045em;line-height:1.08;white-space:nowrap}.home-heading-slash{color:var(--section-color);font-weight:400}.home-heading-english{color:var(--muted);font:500 .52em Space Grotesk,sans-serif;letter-spacing:-.04em}.home-heading-line{position:relative;display:block;width:100%;height:1px;margin-top:15px;background:var(--line)}.home-heading-line:before{content:"";position:absolute;top:-1px;left:0;width:72px;height:3px;background:var(--section-color)}.home-content-placeholder{position:relative;display:grid;flex:1 1 auto;place-items:center;width:100%;min-height:0;padding:clamp(36px,5vw,68px) clamp(30px,5vw,72px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.home-panel{width:100%;max-width:620px;color:#000;font-family:var(--font-sans)}@media(min-width:901px){.home-panel{width:min(620px,100%);max-width:100%}}.home-panel-lead{max-width:560px;margin:0 0 32px;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.55}.home-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.home-profile-grid div{min-width:0;padding:15px 12px 16px 0}.home-profile-grid dt{color:var(--muted);font:.62rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.home-profile-grid dd{margin:5px 0 0;font-size:.86rem}.home-profile-note{margin:28px 0 0;color:#53554f;font-size:.85rem;line-height:1.8}.home-profile-icon{display:block;width:220px;height:220px;object-fit:cover;margin:0 auto;border-radius:50%}.home-profile-identity{display:grid;justify-items:center;gap:3px;margin-top:18px;text-align:center}.home-profile-identity strong{font-size:1.15rem;font-weight:500}.home-profile-identity span{color:var(--muted);font:.68rem var(--font-mono)}.home-profile-details{display:grid;gap:12px;margin:26px auto 0;width:min(360px,100%);text-align:center}.home-profile-details div,.profile-details div{display:grid;gap:3px;text-align:center}.home-profile-details dt,.profile-details dt{color:var(--muted);font:.62rem var(--font-mono)}.home-profile-details dd,.profile-details dd{margin:0;font-size:.82rem}.home-panel-links{display:flex;flex-direction:column}.home-panel-links a{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(0,0,0,.25);padding:16px 2px;color:#000;font-size:clamp(1.25rem,2.5vw,1.8rem);transition:padding-left .3s var(--ease),color .2s ease}.home-service-name{display:inline-flex;align-items:center;gap:14px}.home-service-name svg{width:1.25em;height:1.25em;flex:0 0 auto}.home-service-brand{border-radius:0}.home-service-qiita{color:#55c500}.home-service-zenn{color:#3ea8ff}.home-service-letter{display:inline-grid;place-items:center;width:1.25em;height:1.25em;color:var(--ink);font:600 .82em var(--font-sans);line-height:1}.home-service-letter.home-service-qiita{border-radius:5px;background:#55c500;color:#fff}.home-service-letter.home-service-zenn{border-radius:50%;background:#3ea8ff;color:#fff}.home-service-x{font-size:1em}.home-panel-links a:first-child{border-top:1px solid rgba(0,0,0,.25)}.home-panel-links a:hover{padding-left:10px;color:#7e3b2e}.external-link-curtain{position:fixed;z-index:9999;inset:0;pointer-events:auto}.external-link-curtain-rows{position:absolute;inset:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr))}.external-link-curtain-row{display:block;width:100%;height:calc(100% + 1px);transform:scaleX(0);transform-origin:left center;will-change:transform}.external-link-curtain-row:nth-child(2n){transform-origin:right center}.external-link-curtain-logo{position:absolute;z-index:1;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none}.external-link-curtain-lockup{display:inline-flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,24px);max-width:calc(100vw - 48px)}.external-link-curtain-logo svg{width:clamp(58px,8vw,88px);height:clamp(58px,8vw,88px);flex:0 0 auto}.external-link-curtain-logo .home-service-brand,.external-link-curtain-logo .home-service-letter{color:inherit}.external-link-curtain-logo .home-service-letter{width:clamp(72px,10vw,112px);height:clamp(72px,10vw,112px);font-size:clamp(62px,8.5vw,96px)}.external-link-curtain-logo .external-link-curtain-official-logo{display:block;width:min(72vw,520px);height:auto}.external-link-curtain-logo .external-link-curtain-official-logo-qiita{width:min(58vw,430px);fill:#fff}.external-link-curtain-zenn-surface{display:block;padding:clamp(18px,3vw,30px);background:#fff;color:#000}.external-link-curtain-zenn-wordmark{fill:#000}.external-link-curtain-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.4rem,7vw,5.4rem);font-weight:700;letter-spacing:-.06em;line-height:1;white-space:nowrap}.external-link-curtain-lockup-zenn .external-link-curtain-wordmark{font-weight:600;letter-spacing:-.045em}.home-tool-links{display:grid;grid-template-columns:1fr;gap:14px}.home-tool-card{position:relative;display:grid;grid-template-columns:minmax(210px,42%) minmax(0,1fr);min-width:0;min-height:176px;overflow:hidden;border:1px solid rgba(0,0,0,.22);background:#ffffff24;color:var(--ink);cursor:pointer;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.home-tool-card:before{content:"";position:absolute;top:0;left:0;width:42px;height:3px;background:var(--green);transition:width .35s var(--ease)}.home-tool-card:hover{border-color:#00000080;background:#ffffff52;box-shadow:0 12px 28px #1c1e1b14}.home-tool-card:hover:before{width:100%}.home-tool-preview{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(0,0,0,.16);background:var(--paper-deep)}.home-tool-preview:after{content:"";position:absolute;z-index:2;inset:0;cursor:default}.home-tool-preview iframe{display:block;width:400%;height:400%;border:0;pointer-events:none;transform:scale(.25);transform-origin:top left;-webkit-user-select:none;user-select:none}.home-tool-copy{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:18px 20px 16px;color:inherit}.home-tool-copy:after{content:"";position:absolute;z-index:3;inset:0;cursor:pointer}.home-tool-copy:focus-visible{outline:0}.home-tool-copy:focus-visible:after{outline:3px solid var(--coral);outline-offset:-4px}.home-tool-number{color:var(--muted);font:.62rem var(--font-mono);letter-spacing:.08em}.home-tool-text{display:grid;align-self:center;gap:7px;min-width:0}.home-tool-card strong{overflow-wrap:anywhere;font-size:.92rem;font-weight:500;line-height:1.45}.home-tool-text>span{color:var(--muted);font-family:var(--font-japanese);font-size:.68rem;line-height:1.65}.home-tool-arrow{justify-self:end;width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.25;transition:transform .3s var(--ease)}.home-tool-card:hover .home-tool-arrow{transform:translate(3px,-3px)}.home-panel-contact .contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.home-panel-contact .contact-form label:not(.consent-label){gap:6px;font-size:.64rem}.home-panel-contact .contact-form label:nth-of-type(3){grid-column:1 / -1}.home-panel-contact .contact-form input:not([type=checkbox]),.home-panel-contact .contact-form textarea{padding:8px 0 10px}.home-panel-contact .contact-form textarea{min-height:112px;line-height:1.65}.home-panel-contact .contact-form .button{grid-column:1;justify-self:start;margin-top:2px;padding:11px 17px}.home-panel-contact .form-message{grid-column:2;align-self:center}.home-server-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px;border-bottom:1px solid currentColor;padding-bottom:4px;font:.75rem var(--font-mono)}.home-server-link span:last-child{font-size:1rem}.home-server-metrics{margin-top:28px;border:1px solid rgba(0,0,0,.2);padding:14px}.home-server-metrics-heading{display:flex;justify-content:space-between;color:var(--muted);font:.62rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.status-live,.status-offline{color:var(--green)}.status-offline{color:var(--coral)}.home-server-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin-top:16px}.home-server-metrics-grid div{display:grid;gap:5px}.home-server-metrics-grid span{color:var(--muted);font:.62rem DM Mono,monospace;text-transform:uppercase}.home-server-metrics-grid strong{font-size:.9rem;font-weight:500}.home-server-metrics-grid meter{width:100%;height:6px;accent-color:var(--coral)}.home-server-metrics-empty{margin:15px 0 0;color:var(--muted);font-size:.8rem}.home-server-specs{display:grid;gap:8px;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(0,0,0,.14)}.home-server-specs div{display:grid;grid-template-columns:76px 1fr;gap:12px}.home-server-specs dt{color:var(--muted);font:.6rem var(--font-mono);text-transform:uppercase}.home-server-specs dd{margin:0;font-size:.72rem;overflow-wrap:anywhere}.home-server-metrics-grid strong{line-height:1.35}.home-orb{position:absolute;z-index:0;width:100px;height:100px;border-radius:50%}.home-orb-blue{background:var(--blue)}.home-orb-coral{background:var(--coral)}.home-orb-yellow{background:var(--yellow)}.home-orb-green{background:var(--green)}.home-orb-ink{background:var(--ink)}.home-orbit-menu{position:absolute;top:50%;left:max(28px,calc(50% - 663px));width:300px;height:300px;transform:translateY(-50%)}.home-orbit-wheel{position:absolute;inset:0;transform-origin:center}.home-orbit-wheel:before{content:"";position:absolute;inset:52px;border:1px solid var(--line);border-radius:50%}.home-orbit-wheel .home-orb{position:absolute;top:104px;left:104px;z-index:1;width:92px;height:92px;padding:0;border:0;background:transparent;cursor:pointer;overflow:visible;transform:rotate(var(--orbit-angle)) translateY(-104px)}.home-orb-content{position:absolute;inset:0;transform:rotate(calc(var(--label-angle) - var(--wheel-angle)))}.home-orb-disc{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;transition:box-shadow .3s ease}.home-orbit-wheel .home-orb.is-active .home-orb-disc{box-shadow:0 0 0 7px #1c1e1b1f}.home-orb-label{width:max-content;color:var(--ink);font:500 .68rem DM Mono,monospace;letter-spacing:.02em;line-height:1;white-space:nowrap;text-shadow:0 1px 1px rgba(245,240,232,.18)}.home-orb-green .home-orb-label,.home-orb-ink .home-orb-label{color:var(--paper);text-shadow:0 1px 1px rgba(28,30,27,.2)}.home-orbit-hint{position:absolute;left:0;bottom:-32px;color:var(--muted);font:.62rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.home-menu-tabs{position:absolute;left:max(28px,calc(50% - 610px));bottom:42px;display:none;flex-direction:column;gap:8px}.home-menu-tabs button{border:0;padding:2px 0;background:transparent;color:var(--muted);cursor:pointer;font:.65rem DM Mono,monospace;letter-spacing:.06em;text-align:left;transition:color .25s ease,transform .25s var(--ease)}.home-menu-tabs button:hover,.home-menu-tabs button.is-active{color:var(--ink);transform:translate(6px)}.page-section{width:min(calc(100% - 64px),var(--max));margin:0 auto}.hero{min-height:62vh;display:block;padding:130px 0 150px}.hero-copy{position:relative;z-index:2;max-width:740px}.eyebrow,.section-kicker,.observation-caption,.observation-readout,.experiment-aside,.work-card-topline,.detail-marker{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.eyebrow{display:flex;gap:11px;align-items:center;margin:0 0 23px}.hero h1,.work-detail-header h1,.not-found h1{max-width:780px;margin:0;font-size:clamp(3.2rem,7.4vw,7.3rem);line-height:.96;letter-spacing:-.065em;font-weight:700}h1 em,h2 em{font-style:normal;color:var(--coral)}.hero-lede{max-width:450px;margin:32px 0 0;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:14px;border:0;cursor:pointer;padding:13px 18px;border-radius:999px;font-size:.78rem;transition:transform .3s var(--ease),background-color .3s ease}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--paper)}.quiet-link{display:inline-flex;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:.73rem;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-observation{width:min(38vw,450px);aspect-ratio:1;justify-self:end;position:relative;border:1px solid var(--line);border-radius:50%;background:var(--paper-deep);overflow:hidden}.hero-observation:before,.hero-observation:after{content:"";position:absolute;inset:13%;border:1px dashed var(--line);border-radius:50%}.hero-observation:after{inset:28%;border-style:solid;opacity:.5}.observation-caption{position:absolute;top:17%;left:15%;right:15%;display:flex;justify-content:space-between}.observation-readout{position:absolute;right:15%;bottom:17%;display:flex;gap:8px;align-items:center}.observation-readout strong{color:var(--green);font-weight:500}.signal-mark{position:absolute;inset:34%;animation:breathe 4s ease-in-out infinite}.orbit-canvas{position:absolute!important;inset:22%;width:56%!important;height:56%!important;pointer-events:auto;opacity:.65}.orbit-canvas-fallback{width:100%;height:100%;border:1px solid var(--coral);border-radius:50%;opacity:.5}.signal-ring{position:absolute;inset:0;border:1px solid var(--ink);border-radius:50%}.signal-ring-two{inset:18%;border-color:var(--coral)}.signal-core{position:absolute;inset:39%;background:var(--coral);border-radius:50%}.signal-cross{position:absolute;background:var(--ink);opacity:.7}.signal-cross-x{left:-23%;right:-23%;top:50%;height:1px}.signal-cross-y{top:-23%;bottom:-23%;left:50%;width:1px}.observation-line{position:absolute;background:var(--ink);opacity:.3;transform-origin:left}.observation-line-a{left:12%;top:68%;width:42%;height:1px;transform:rotate(-26deg)}.observation-line-b{right:12%;top:34%;width:35%;height:1px;transform:rotate(39deg)}.observation-dot{position:absolute;width:6px;height:6px;border:1px solid var(--ink);border-radius:50%}.observation-dot-a{left:28%;top:62%;background:var(--coral)}.observation-dot-b{right:27%;top:28%;background:var(--blue)}.hero-footer{position:absolute;bottom:36px;left:0;display:flex;align-items:center;gap:14px;color:var(--muted);font:.65rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.scroll-line{width:72px;height:1px;background:var(--muted);position:relative}.scroll-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--coral);border-radius:50%}.profile-section{padding:150px 0;border-top:1px solid var(--line)}.section-kicker{color:var(--muted);margin-bottom:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.profile-grid h2,.section-heading h2,.experiment-content h2,.contact-intro h2{margin:0;font-size:clamp(2.7rem,5vw,5.4rem);line-height:1;letter-spacing:-.065em}.profile-grid h2 span{color:var(--coral)}.large-copy{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.55;letter-spacing:-.03em;margin:0}.note-copy{margin:38px 0;color:var(--muted);font-size:.9rem}.profile-links{display:flex;flex-wrap:wrap;gap:20px}.profile-links a,.email-link{font-family:DM Mono,monospace;font-size:.75rem;border-bottom:1px solid currentColor;padding-bottom:4px}.works-section{padding:20px 0 160px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-heading p{color:var(--muted);margin:0 0 7px;text-align:right;font-size:.9rem}.works-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:30px;align-items:start}.work-card:nth-child(2){margin-top:130px}.work-card:nth-child(3){grid-column:1 / -1;width:64%;margin-left:18%;margin-top:30px}.work-card-link{display:block}.work-card-topline{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:12px}.work-visual{position:relative;aspect-ratio:1.15;overflow:hidden;background:var(--coral);transition:transform .5s var(--ease)}.work-card:hover .work-visual{transform:rotate(-1.5deg) scale(.985)}.work-card-blue .work-visual{background:var(--blue)}.work-card-yellow .work-visual{background:var(--yellow)}.visual-label{position:absolute;z-index:2;left:10%;top:9%;font:5.8rem DM Mono,monospace;letter-spacing:-.14em;color:#1c1e1bbf}.visual-shape{position:absolute;border:1px solid var(--ink);border-radius:50%}.visual-shape-one{width:64%;aspect-ratio:1;left:16%;top:20%;background:#f5f0e842}.visual-shape-two{width:31%;aspect-ratio:1;right:15%;bottom:12%;background:var(--ink)}.visual-shape-three{width:2px;height:125%;left:50%;top:-10%;transform:rotate(45deg);background:var(--ink);border:0;border-radius:0;opacity:.7}.work-card-copy{padding:20px 0 0;display:grid;grid-template-columns:1fr auto;gap:7px 20px}.work-card-copy h3{margin:0;font-size:1.25rem;letter-spacing:-.04em}.work-card-copy p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.88rem;max-width:390px}.text-link{font:.72rem DM Mono,monospace;align-self:center}.experiment-section{width:100%;max-width:none;padding:150px max(32px,calc((100vw - var(--max)) / 2)) 170px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:50px;overflow:hidden;position:relative}.experiment-aside{display:flex;flex-direction:column;gap:8px;color:var(--paper-deep);position:relative;z-index:1}.experiment-content{position:relative;z-index:1;max-width:600px}.experiment-content h2{margin-bottom:30px}.experiment-content p{color:#f5f0e8b3;max-width:470px;margin-bottom:35px}.quiet-link-light{color:var(--paper)}.experiment-orbit{position:absolute;right:7%;top:15%;width:400px;aspect-ratio:1;border:1px solid rgba(245,240,232,.35);border-radius:50%}.experiment-orbit div{position:absolute;inset:15%;border:1px dashed rgba(245,240,232,.4);border-radius:50%}.experiment-orbit div:nth-child(2){inset:37%;border-style:solid;background:var(--coral);border:0}.experiment-orbit div:nth-child(3){inset:0;border-radius:0;border-width:1px 0 0;transform:rotate(43deg)}.contact-section{padding:150px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-intro p{max-width:390px;color:var(--muted);margin:32px 0}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form label:not(.consent-label){display:flex;flex-direction:column;gap:6px;font:.68rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 0 10px;border-radius:0;outline:0}.contact-form input:not([type=checkbox]):focus,.contact-form textarea:focus{border-bottom-color:var(--coral)}.contact-form textarea{resize:vertical;min-height:110px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa99f}.contact-form .button{align-self:flex-start;margin-top:8px}.form-message{margin:0;font-size:.78rem}.form-message-error,.form-message-failure{color:#b64031}.form-message-success{color:var(--green)}.site-footer{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:28px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:.68rem DM Mono,monospace}.site-footer a{color:var(--ink)}.work-detail{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:65px 0 150px}.work-detail-topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:.72rem DM Mono,monospace}.work-detail-header{padding:100px 0 60px;max-width:880px}.work-detail-header .eyebrow{color:var(--muted)}.work-detail-header h1{font-size:clamp(3.3rem,8vw,8rem)}.work-detail-header>p:last-child{margin:35px 0 0;max-width:470px;font-size:1.15rem;color:var(--muted)}.detail-visual{aspect-ratio:2.1;position:relative;overflow:hidden;background:var(--coral);margin-bottom:90px}.work-detail-blue .detail-visual{background:var(--blue)}.work-detail-yellow .detail-visual{background:var(--yellow)}.detail-visual>span{position:absolute;left:7%;top:7%;font:clamp(5rem,18vw,15rem) "DM Mono",monospace;letter-spacing:-.18em;color:#1c1e1bb3}.detail-orbit{position:absolute;width:40%;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;left:35%;top:16%}.detail-orbit-b{width:19%;left:58%;top:35%;background:var(--ink);border:0}.detail-marker{position:absolute;right:5%;bottom:8%}.work-detail-body{display:grid;grid-template-columns:1.2fr .8fr;gap:15%}.work-detail-body aside{border-top:1px solid var(--line);padding-top:18px}.work-detail-body ul{list-style:none;padding:0;margin:0 0 35px}.work-detail-body li{border-bottom:1px solid var(--line);padding:8px 0;font:.75rem DM Mono,monospace}.detail-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.not-found{padding:150px 0;min-height:70vh}.not-found h1{margin-bottom:40px}.simple-page{padding:65px 0 150px}.page-topline{display:flex;justify-content:space-between;color:var(--muted);font:.72rem DM Mono,monospace;letter-spacing:.08em}.simple-page-header{padding:100px 0 70px;max-width:760px}.simple-page-header h1{margin:0;font-size:clamp(3.2rem,7vw,7rem);line-height:.96;letter-spacing:-.075em}.simple-page-header>p:last-of-type{max-width:420px;margin:30px 0 18px;color:var(--muted)}.profile-image{margin:0 0 90px}.profile-image img{display:block;width:min(320px,100%);height:320px;aspect-ratio:1;object-fit:cover;border-radius:50%;background:var(--paper-deep)}.profile-image figcaption{display:grid;gap:4px;margin-top:14px;color:var(--muted);font:.62rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.profile-image figcaption strong{color:var(--ink);font:500 1rem var(--font-sans);letter-spacing:0;text-transform:none}.profile-details{display:grid;gap:12px;width:min(560px,100%);margin:0 0 80px;text-align:center}.profile-timeline{width:min(560px,100%);margin:46px auto 0}.profile-timeline>h2{margin:0 0 24px;font-size:1rem;font-weight:400;text-align:center}.profile-timeline ol{position:relative;display:grid;gap:28px;margin:0;padding:0;list-style:none}.profile-timeline ol:before{content:"";position:absolute;top:8px;bottom:8px;left:78px;width:1px;background:var(--line)}.profile-timeline li{position:relative;display:grid;grid-template-columns:62px 1fr;gap:32px;min-width:0}.profile-timeline li:before{content:"";position:absolute;top:7px;left:74px;width:9px;height:9px;border:2px solid var(--paper);border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--line)}.profile-timeline time{color:var(--muted);font:.62rem var(--font-mono);text-align:right}.profile-timeline h3{margin:0;font-size:.88rem;font-weight:400;line-height:1.4}.profile-timeline p{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.7}.profile-timeline-empty{opacity:.72}.simple-page .profile-timeline{margin:0 0 80px}.simple-page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15%;padding-top:36px;border-top:1px solid var(--line)}.page-back-link{margin-top:100px}.simple-contact-form{width:min(560px,100%)}.tool-page{padding:65px 0 150px}.tool-page-header{padding:100px 0 70px;max-width:760px}.tool-page-header h1{margin:0;font-size:clamp(3.2rem,7vw,7rem);line-height:.96;letter-spacing:-.075em}.tool-page-header>p:last-child{max-width:500px;margin:30px 0 0;color:var(--muted)}.tool-page-body{width:min(760px,100%)}.tool-card{display:flex;flex-direction:column;gap:24px;padding:clamp(22px,4vw,42px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ebe3d557}.tool-file-input{display:flex;flex-direction:column;gap:5px;min-height:120px;justify-content:center;border:1px dashed var(--muted);padding:24px;cursor:pointer;transition:border-color .25s ease,background-color .25s ease}.tool-file-input:hover{border-color:var(--ink);background:#f5f0e88c}.tool-file-input span{font-size:1.05rem}.tool-file-input small,.tool-note,.tool-empty{color:var(--muted);font-size:.75rem}.tool-file-input input{position:absolute;width:1px;height:1px;opacity:0}.tool-file-input strong{overflow:hidden;color:var(--green);font:.72rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.tool-file-list,.history-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.tool-file-row,.history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;border-bottom:1px solid var(--line)}.tool-file-row>div{display:flex;min-width:0;flex-direction:column}.tool-file-row strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.tool-file-row span:not(.tool-status){color:var(--muted);font:.65rem var(--font-mono)}.tool-status{flex:0 0 auto;color:var(--muted);font:.65rem var(--font-mono)}.tool-status-converting{color:var(--coral)}.tool-status-done{color:var(--green)}.tool-status-error{color:#b64031}.tool-card .button:disabled{cursor:not-allowed;opacity:.4;transform:none}.tool-note{margin:0}.tool-inline-form{display:flex;align-items:end;gap:18px}.tool-inline-form label,.tool-form-grid>label:not(.tool-file-input){display:flex;flex:1;flex-direction:column;gap:6px;color:var(--muted);font:.68rem var(--font-mono);text-transform:uppercase}.tool-inline-form input,.tool-form-grid input[type=number]{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 0 10px;outline:0}.tool-inline-form input:focus,.tool-form-grid input[type=number]:focus{border-bottom-color:var(--coral)}.history-row{padding:12px 2px;transition:padding-left .3s var(--ease),color .2s ease}.history-row:hover{padding-left:10px;color:#7e3b2e}.history-row strong{flex:1;font-size:.84rem;font-weight:500}.history-date,.history-sha{flex:0 0 auto;color:var(--muted);font:.63rem var(--font-mono)}.history-sha{min-width:75px;text-align:right}.tool-form-grid{display:grid;grid-template-columns:1fr 1fr}.tool-form-grid>label:not(.tool-file-input),.tool-form-grid>.form-message,.tool-form-grid>.tool-actions,.tool-form-grid>.tool-note{grid-column:1 / -1}.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}@keyframes breathe{0%,to{transform:scale(.94) rotate(0)}50%{transform:scale(1.06) rotate(7deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:900px){.home-content-heading h1{font-size:2.45rem}.page-section,.work-detail,.site-footer{width:min(calc(100% - 40px),var(--max))}.home-canvas{min-height:100vh}.home-content-area{top:70px;right:auto;left:50%;width:calc(100% - 40px);max-height:calc(100dvh - 70px);transform:translate(-50%)}.home-content-placeholder{padding:38px 28px 270px}.home-orbit-menu{position:fixed;z-index:4;top:auto;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);left:50%;transform:translate(-50%) scale(.72);transform-origin:bottom center}.home-menu-tabs{left:24px;bottom:30px}.hero{min-height:auto;grid-template-columns:1fr;padding:60px 0 100px;gap:60px}.hero-observation{width:min(75vw,360px);justify-self:center}.hero-footer{position:static;margin-top:20px}.profile-section,.contact-section{padding:100px 0}.hero{min-height:auto;padding:90px 0 110px}.simple-page{padding-top:40px}.simple-page-header{padding:70px 0 50px}.tool-page{padding-top:40px}.tool-page-header{padding:70px 0 50px}.tool-inline-form{align-items:stretch;flex-direction:column}.tool-inline-form .button{align-self:flex-start}.tool-form-grid{grid-template-columns:1fr}.tool-form-grid>label:not(.tool-file-input),.tool-form-grid>.form-message,.tool-form-grid>.tool-actions,.tool-form-grid>.tool-note{grid-column:auto}.simple-page-grid{grid-template-columns:1fr;gap:35px}.profile-grid,.contact-section,.work-detail-body{grid-template-columns:1fr;gap:55px}.section-heading{display:block;margin-bottom:40px}.section-heading p{text-align:left;margin-top:24px}.works-section{padding-bottom:100px}.works-grid{grid-template-columns:1fr;gap:52px}.work-card:nth-child(2),.work-card:nth-child(3){margin:0;width:100%}.experiment-section{padding:100px 20px 120px;grid-template-columns:1fr;gap:40px}.experiment-orbit{width:240px;right:-55px;top:46%}.contact-intro h2{font-size:clamp(3rem,13vw,5rem)}.site-footer{flex-wrap:wrap}.work-detail{padding-top:40px}.work-detail-header{padding:70px 0 45px}.detail-visual{aspect-ratio:1.15;margin-bottom:60px}}@media(max-width:460px){.home-content-heading h1{font-size:2.15rem}.home-content-area{top:42px;max-height:calc(100dvh - 42px)}.home-heading-meta{margin-bottom:6px;font-size:.56rem}.home-heading-line{margin-top:11px}.home-heading-line:before{width:52px}.home-content-placeholder{place-items:start;padding:28px 20px 220px}.home-panel-lead{margin-bottom:20px;font-size:1.05rem}.home-profile-grid{grid-template-columns:1fr}.home-profile-grid div{display:grid;grid-template-columns:82px 1fr;align-items:center;padding:7px 0}.home-profile-grid dd{margin:0}.home-server-metrics{margin-top:22px;padding:12px}.home-server-metrics-grid{gap:14px 16px}.home-profile-note{margin-top:18px;font-size:.75rem}.home-panel-links a{padding:11px 2px;font-size:1.15rem}.home-tool-links{gap:10px}.home-tool-card{grid-template-columns:minmax(112px,40%) minmax(0,1fr);min-height:132px}.home-tool-copy{padding:12px 13px 11px}.home-tool-card strong{font-size:.82rem}.home-tool-text{gap:4px}.home-tool-text>span{font-size:.62rem;line-height:1.5}.home-tool-arrow{width:14px;height:14px}.home-panel-contact .contact-form{grid-template-columns:1fr;gap:16px}.home-panel-contact .contact-form label:nth-of-type(3),.home-panel-contact .contact-form .button,.home-panel-contact .form-message{grid-column:1}.home-panel-contact .form-message{margin-top:-4px}.home-orbit-menu{position:fixed;z-index:4;top:auto;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);left:50%;transform:translate(-50%) scale(.56);transform-origin:bottom center}.home-menu-tabs{display:none}.hero h1,.work-detail-header h1,.not-found h1{font-size:3.25rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.work-card-copy{grid-template-columns:1fr}.text-link{justify-self:start}.tool-card{padding:20px}.tool-file-row,.history-row{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 0}.history-row strong{width:100%}.history-sha{text-align:left}}