:root{--bg:#10080c;--ink:#f0e2c8;--amber:#f5b942;--red:#e23b2f;--blue:#7ec8ff;--orange:#ff7a1a;--paper:#f4efe6;--line:#f5b94240;--font-body:"Noto Sans SC", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-ui:Helvetica, Arial, sans-serif;--font-display:"Archivo Black", "Arial Narrow", sans-serif;--font-serif:"Noto Serif SC", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (pointer:coarse){html{scroll-snap-type:y proximity}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);caret-color:var(--amber);margin:0;font-size:16px;line-height:1.6}::selection{background:var(--amber);color:var(--bg)}html{scrollbar-color:color-mix(in srgb, var(--amber) 35%, transparent) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--amber) 35%, transparent)}a{color:inherit;text-decoration:none;transition:color .15s}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.of-page{flex-direction:column;min-height:100svh;display:flex}.nf{flex-direction:column;flex:1;justify-content:center;gap:22px;padding:4vh 4vw;display:flex}h1.nf-code{font-family:var(--font-display);letter-spacing:-.04em;color:var(--amber);font-size:clamp(96px,18vw,220px);font-weight:400;line-height:.8}.nf p{max-width:32ch;margin:0}.nf-en{color:color-mix(in srgb, var(--ink) 70%, transparent)}.nf-home{width:fit-content;min-height:44px;font-family:var(--font-ui);letter-spacing:.16em;border-bottom:2px solid;align-items:center;font-size:13px;display:inline-flex}.nf-home:hover,.nf-home:focus-visible{color:var(--amber)}.nf-home:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.bar{height:10px;position:relative;overflow:hidden}.bar:first-of-type{z-index:10;position:sticky;top:0}.bar:before{content:"";background:repeating-linear-gradient(-45deg, var(--red) 0 10px, transparent 10px 20px);background-size:28px 100%;animation:1.2s linear infinite paused hazard;position:absolute;inset:0 0 0 -28px}.bar.in-view:before{animation-play-state:running}@keyframes hazard{to{transform:translate(28px)}}.ep{background-color:var(--bg);border-bottom:1px solid var(--line);scroll-snap-align:start;flex-direction:column;min-height:100svh;scroll-margin-top:10px;display:flex}.ep.compact{scroll-snap-align:none;min-height:0}.ep.compact .stage{padding-top:3vh;padding-bottom:3vh}#e1{background-image:linear-gradient(color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 88%, transparent)), url(/ark-gen-v3-mars-wide.jpeg);background-position:50% 40%;background-repeat:no-repeat;background-size:cover}@supports (background-image:image-set(url('/a.webp') type('image/webp'))){#e1{background-image:linear-gradient(color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 88%, transparent)), image-set(url(/ark-gen-v3-mars-wide.webp) type("image/webp"), url(/ark-gen-v3-mars-wide.jpeg) type("image/jpeg"))}}#e2{background-image:linear-gradient(color-mix(in srgb, var(--bg) 58%, transparent), color-mix(in srgb, var(--bg) 86%, transparent)), url(/workbench-masks.jpeg);background-position:50% 55%;background-repeat:no-repeat;background-size:cover}@supports (background-image:image-set(url('/a.webp') type('image/webp'))){#e2{background-image:linear-gradient(color-mix(in srgb, var(--bg) 58%, transparent), color-mix(in srgb, var(--bg) 86%, transparent)), image-set(url(/workbench-masks.webp) type("image/webp"), url(/workbench-masks.jpeg) type("image/jpeg"))}}.stage{flex:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:4vw;padding:4vh 4vw;display:grid}header,.next{font-family:var(--font-ui);letter-spacing:.18em;justify-content:space-between;align-items:center;padding:18px 4vw;font-size:12px;display:flex}header b{font-weight:700}.head-right{align-items:center;gap:18px;display:inline-flex}.lang{align-items:center;display:inline-flex}.lang button{appearance:none;min-height:44px;font:inherit;letter-spacing:.18em;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 8px;transition:color .15s}.lang button:last-child{padding-right:0}.lang button+button{border-left:1px solid color-mix(in srgb, var(--amber) 45%, transparent)}.lang button:hover{color:var(--amber)}.lang button.on{color:var(--amber);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.lang button:focus-visible{outline:1px solid var(--amber);outline-offset:4px}h1,h2{font-family:var(--font-serif);letter-spacing:-.05em;margin:0;font-weight:900;line-height:.82}h2{font-size:clamp(56px,7vw,104px)}.latin{font-family:var(--font-display);letter-spacing:-.02em;font-size:.55em;font-weight:400;display:block}.stage p{max-width:38ch;margin:0 0 10px}.amber{color:var(--amber)}h1.solo{font-size:clamp(160px,24vw,320px)}#e2 h2{color:var(--amber)}#e3 h2{color:var(--red)}#e4 h2{color:var(--orange)}#e5 h2{color:var(--paper)}.jump,.next a{font-family:var(--font-ui);letter-spacing:.16em;border-bottom:2px solid;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.mail{min-height:44px;font-family:var(--font-display);white-space:nowrap;align-items:center;font-size:clamp(22px,2.4vw,38px);display:inline-flex;position:relative}.mail:after{content:"";background:currentColor;height:2px;position:absolute;bottom:8px;left:0;right:0}#e5 .stage p{margin-bottom:14px}.contact .mail:after{transform-origin:0}.ep.live .contact .mail{animation:.38s both channel-lock}.ep.live .contact .mail:after{animation:.4s cubic-bezier(.16,1,.3,1) both line-draw}.ep.live .contact p:nth-of-type(2) .mail,.ep.live .contact p:nth-of-type(2) .mail:after{animation-delay:90ms}.ep.live .contact p:nth-of-type(3) .mail,.ep.live .contact p:nth-of-type(3) .mail:after{animation-delay:.18s}@keyframes channel-lock{0%{opacity:.45}}@keyframes line-draw{0%{transform:scaleX(0)}}.head-mail{align-items:center;min-height:44px;display:inline-flex}.head-mail:hover,.jump:hover,.next a:hover,.mail:hover{color:var(--amber)}.head-mail:focus-visible,.jump:focus-visible,.next a:focus-visible,.mail:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.panel{border:1px solid color-mix(in srgb, var(--red) 80%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--red) 25%, transparent);padding:18px}.plain{margin:0;padding:0;list-style:none}.plain li{border-top:1px solid color-mix(in srgb, var(--amber) 35%, transparent)}.work{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px 1fr auto;align-items:start;gap:8px;padding:10px 0;display:grid}.work-cue{font-family:var(--font-ui);letter-spacing:.12em;color:color-mix(in srgb, var(--ink) 55%, transparent);white-space:nowrap;align-self:center;font-size:12px}.work .amber{font-family:var(--font-display);letter-spacing:.03em;font-weight:400}.work-text{font-size:16px}.work-text>b{transition:color .15s}.work:hover .work-text>b,.work:focus-visible .work-text>b{color:var(--amber);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.work:hover .work-cue,.work:focus-visible .work-cue{color:var(--amber)}.work:focus-visible{outline:1px solid var(--amber);outline-offset:2px}.work-code{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.16,1,.3,1),opacity .2s,visibility 0s linear .24s;display:grid}.work-code[data-open=true]{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .24s cubic-bezier(.16,1,.3,1),opacity .2s 40ms,visibility}.work-code-inner{min-height:0;overflow:hidden}.work-code-pad{flex-direction:column;align-items:flex-start;gap:10px;padding:4px 0 10px 36px;display:flex}.work-code-scan{flex-wrap:wrap;align-items:flex-end;gap:18px 24px;display:flex}.work-code-actions{flex-direction:column;align-items:flex-start;gap:2px;padding-bottom:2px;display:flex}.work-code img{width:min(56vw,200px);height:auto;display:block}.work-code p{font-family:var(--font-ui);letter-spacing:.18em;margin:0;font-size:12px}.work-code-link{min-height:44px;font-family:var(--font-ui);letter-spacing:.16em;white-space:nowrap;text-underline-offset:6px;align-items:center;font-size:12px;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.work-code-link:hover,.work-code-link:focus-visible{color:var(--amber)}.work-code-link:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.dial{width:min(100%,280px);margin-bottom:16px;display:block}#e3 .stage{grid-template-columns:minmax(240px,.78fr) 1.22fr}.service{flex-direction:column;display:flex}.service p{margin-bottom:0}.service-head{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.service-head .dial{width:min(100%,200px);margin-bottom:0}.svc{grid-template-columns:clamp(150px,13vw,178px) minmax(0,1fr);column-gap:24px;padding:20px 0;display:grid;position:relative;overflow:clip}.svc:first-child{padding-top:0}.svc:last-child{padding-bottom:12px}.svc+.svc{border-top:1px solid color-mix(in srgb, var(--amber) 35%, transparent)}.svc-rail{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.svc-name{align-items:baseline;gap:10px;margin:0;font-size:16px;font-weight:700;line-height:1.4;display:flex}.svc-name b{font-family:var(--font-display);letter-spacing:.03em;color:var(--amber);font-weight:400}.svc-action{font-family:var(--font-ui);letter-spacing:.16em;text-underline-offset:6px;white-space:nowrap;font-size:12px;text-decoration:underline;text-decoration-thickness:2px;position:relative}.svc-action:after{content:"";position:absolute;inset:-12px -8px}.svc-action:hover,.svc-action:focus-visible{color:var(--amber)}.svc-action:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.svc-body{flex-direction:column;grid-column:2;gap:8px;display:flex}.svc-body p{max-width:none;font-size:14px}.plans{margin:0;padding:0;list-style:none}.plans li{justify-content:space-between;align-items:baseline;gap:16px;padding:5px 0;display:flex}.plans span{font-size:16px}.plans b{font-family:var(--font-display);letter-spacing:.02em;color:var(--amber);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:400}.svc:after{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--amber) 85%, transparent) 0 1px, color-mix(in srgb, var(--amber) 14%, transparent) 1px, transparent 32px);opacity:0;position:absolute;inset:0;transform:translateY(-100%)}.svc:is(:hover,:focus-within):after{animation:.65s linear both band-scan}.svc:is(:hover,:focus-within) .svc-name{color:var(--amber)}.svc:is(:hover,:focus-within){border-top-color:color-mix(in srgb, var(--amber) 70%, transparent)}@keyframes band-scan{0%{opacity:0;transform:translateY(0)}14%{opacity:.85}86%{opacity:.85}to{opacity:0;transform:translateY(100%)}}.dial-needle{fill:var(--amber);transform-origin:100px 100px;opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .2s;transform:rotate(0)}.dial-reading{opacity:0}#e3 .stage:has(.svc:is(:hover,:focus-within)) .dial-needle{opacity:1}#e3 .stage:has(.svc:first-child:is(:hover,:focus-within)) .dial-needle{transform:rotate(-52deg)}#e3 .stage:has(.svc:nth-child(2):is(:hover,:focus-within)) .dial-needle{transform:rotate(0)}#e3 .stage:has(.svc:nth-child(3):is(:hover,:focus-within)) .dial-needle{transform:rotate(52deg)}#e3 .stage:has(.svc:is(:hover,:focus-within)) .dial-label{opacity:0}:is(#e3 .stage:has(.svc:first-child:is(:hover,:focus-within)) .dial-reading.ch-1,#e3 .stage:has(.svc:nth-child(2):is(:hover,:focus-within)) .dial-reading.ch-2,#e3 .stage:has(.svc:nth-child(3):is(:hover,:focus-within)) .dial-reading.ch-3){opacity:1}.dial-red{stroke:var(--red)}.dial-arc{stroke:var(--amber);transform-origin:100px 100px;animation:18s linear infinite paused spin}.ep.in-view .dial-arc{animation-play-state:running}.dial-arc.slow{stroke:var(--blue);animation-duration:32s;animation-direction:reverse}.dial-text{fill:var(--amber);font-family:var(--font-ui)}@keyframes spin{to{transform:rotate(360deg)}}.ep:not(.live) .stage>:first-child,.ep:not(.live) .stage>:last-child{opacity:0}.ep.live .stage>:first-child{animation:.55s cubic-bezier(.16,1,.3,1) both enter-left}.ep.live .stage>:last-child{animation:.45s 50ms both enter-fade}.ep.live .stage>h1.solo{animation:.65s cubic-bezier(.16,1,.3,1) both power-on}@keyframes enter-left{0%{opacity:0;transform:translate(-32px)}}@keyframes enter-fade{0%{opacity:0;transform:translateY(10px)}}@keyframes power-on{0%{opacity:0;clip-path:inset(50% 0)}to{opacity:1;clip-path:inset(-15% 0)}}@keyframes fade-in{0%{opacity:0}}@media (width<=600px){.count{display:none}.head-right{gap:0}}@media (width<=800px){.stage{grid-template-columns:1fr;align-content:center;align-items:start;row-gap:4vh}#e1 .stage{align-content:space-between}#e1 .stage>:first-child{order:2}#e1 .stage>:last-child{order:1}#e3 .stage{grid-template-columns:1fr;row-gap:2vh;padding-top:2vh;padding-bottom:2vh}#e3 .svc{grid-template-columns:1fr;row-gap:6px;padding:12px 0}#e3 .svc-rail{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px}#e3 .svc-body{grid-column:1}#e3 .service-head .dial{display:none}}@media (prefers-reduced-motion:reduce){.bar:before,.dial-arc{animation:none}.svc:after{display:none}.dial-needle,.dial-label,.dial-reading{transition:none}.ep.live .stage>:first-child,.ep.live .stage>:last-child,.ep.live .stage>h1.solo{animation:.2s both fade-in}.ep.live .contact .mail,.ep.live .contact .mail:after{animation:.25s both fade-in}.work-code,.work-code[data-open=true],a,.work-text>b{transition:none}html{scroll-behavior:auto;scroll-snap-type:none}}
