*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.035' filter='url(%23n)'/%3E%3C/svg%3E");margin:0;font-family:Inter Variable,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{z-index:10;background:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;padding:23px 0;font-size:23px;font-weight:700}nav{gap:0;margin-left:auto;font-size:12px;display:flex}nav a{border-left:1px solid var(--line);padding:29px 15px;display:block}main{border-left:1px solid var(--line);border-right:1px solid var(--line);margin:0 4vw}.meta{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:18px 24px;display:flex}.hero{grid-template-columns:1.5fr 1fr;display:grid}.hero h1{padding:55px 4vw;font-size:clamp(45px,6.5vw,100px)}h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:0;font-weight:500;line-height:.97}.hero-bottom{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:30px;padding:55px 3vw;display:flex}p{line-height:1.55}.hero-bottom p{max-width:440px;margin:0;font-size:16px}.link{color:var(--action);font:13px var(--mono);text-transform:uppercase}.scene{border-top:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);perspective:1000px;background-size:48px 48px;place-items:center;height:650px;display:grid;position:relative;overflow:hidden}.system-map{width:90%;max-width:1100px;transform:scale(var(--map-scale,1));opacity:var(--map-opacity,1)}.object{opacity:var(--device-opacity,0);transform:translateY(var(--device-y,60px)) rotateX(25deg) rotateY(-20deg) rotateZ(-9deg);pointer-events:none;position:absolute}.scene-label{font:10px var(--mono);color:var(--muted);max-width:85%;line-height:1.5;position:absolute;bottom:22px;left:24px}.cross{font:25px var(--mono);position:absolute;bottom:20px;right:24px}.coords{font:10px var(--mono);position:absolute;top:22px;right:24px}.section{border-top:1px solid var(--line);padding:55px 5vw}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}h2{letter-spacing:-.05em;overflow-wrap:anywhere;margin:22px 0 35px;font-size:clamp(35px,5vw,70px);font-weight:500;line-height:1.05}.service{border-top:1px solid var(--line);cursor:default;grid-template-columns:45px 1fr 1fr;gap:25px;margin:0 -20px;padding:30px 20px;display:grid}.service span{font:11px var(--mono)}.service h3{margin:0;font-size:21px;font-weight:500}.service p{margin:0;font-size:14px}.service,nav a{isolation:isolate;background:var(--paper);position:relative;overflow:hidden}.service>:not(canvas),nav a .nav-label{z-index:1;color:#fff;mix-blend-mode:difference;position:relative}.pixel-fill{pointer-events:none;width:100%;height:100%;inset:0;z-index:0!important;position:absolute!important}.dark{background:var(--section-bg);color:var(--section-ink)}.dark .eyebrow,.dark p{color:var(--section-muted)}.dark p{max-width:540px}.principles{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.principles h3{font-size:20px;font-weight:500}.principles p{color:var(--muted);font-size:14px}.contact{justify-content:space-between;align-items:end;gap:30px;display:flex}.contact h2{margin-bottom:0}.contact p{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.notice{font:10px var(--mono)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(25px)}.reveal.visible{opacity:1;transform:none}footer{font:11px var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:25px 4vw 48px;display:flex}.wordmark{border:1px solid var(--line);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--muted);isolation:isolate;cursor:default;margin:0 4vw;padding:0 1vw;font-size:clamp(40px,13.1vw,210px);font-weight:500;line-height:1.3;position:relative;overflow:hidden}.wordmark canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#cursor{background:var(--accent);pointer-events:none;z-index:100;opacity:0;width:7px;height:7px;position:fixed;top:0;left:0}#trail{pointer-events:none;z-index:99;width:100%;height:100%;position:fixed;inset:0}#trail path{fill:none;stroke:var(--accent);stroke-width:.65px;opacity:.45}.dial80{background:repeating-conic-gradient(#b9b9ae 0deg 1deg,#deded2 1deg 2deg,#a1a298 2deg 3deg);border-radius:50%;width:270px;height:270px;box-shadow:15px 35px 40px #292c2730,inset 0 0 0 1px #85877c}.dial-face{background:linear-gradient(145deg,#e8e8de,#c5c7ba);border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 0 0 1px #f7f7ed,inset 0 -5px 8px #85877945}.dial-center{background:radial-gradient(circle at 40% 30%,#efefe5,#d0d2c5);border-radius:50%;position:absolute;inset:30px;box-shadow:0 2px 3px #8c8f8133}.dial-marker{background:var(--accent);z-index:2;width:4px;height:18px;position:absolute;top:16px;left:calc(50% - 2px)}.dial-name{text-align:center;font:9px var(--mono);letter-spacing:.18em;color:#51574a;z-index:2;position:absolute;bottom:47px;left:0;right:0}.privacy-notice{z-index:120;background:var(--panel);color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(620px,100vw - 40px);padding:20px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #26272418}.privacy-notice h2{letter-spacing:-.02em;margin:0 0 10px;font-size:18px}.privacy-notice p{margin:0 0 15px;font-size:12px;line-height:1.6}.privacy-actions{flex-wrap:wrap;gap:8px;display:flex}.privacy-actions button,.privacy-actions a{background:var(--paper);color:var(--ink);border:1px solid var(--line);font:11px var(--mono);padding:10px 14px}.privacy-actions .primary{background:var(--action);border-color:var(--action);color:var(--paper)}:root[data-theme=dark] .privacy-actions .primary{color:#20231f}.privacy-details{border-top:1px solid var(--line);margin:14px 0;padding-top:14px;font-size:12px}.privacy-reopen{z-index:20;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:10px var(--mono);padding:7px 10px;position:fixed;bottom:8px;right:10px}@media (max-width:1100px){header{gap:9px}.brand{font-size:19px}nav a{padding:30px 9px}.display-controls{gap:8px}.instrument-switch{min-width:95px}}@media (max-width:850px){header{gap:0}.display-controls{order:1;margin-left:auto}nav{border-top:1px solid var(--line);order:2;justify-content:space-between;width:100%}nav a{text-align:center;flex:1;padding:13px 10px}html{scroll-padding-top:135px}}@media (max-width:700px){header{padding:0 4vw}.brand{padding:22px 0;font-size:17px}.display-controls{gap:8px}.instrument-switch{min-width:84px}.instrument-key{min-width:23px;height:28px;font-size:9px}.position-number{display:none}.hero{display:block}.hero h1{letter-spacing:-.055em;padding:40px 6vw;font-size:clamp(40px,10vw,65px)}.hero-bottom{border-left:0;border-top:1px solid var(--line);padding:25px 6vw}.scene{height:430px}.system-map{width:130%;max-width:none}.scene-label{font-size:8px}.service{grid-template-columns:25px 1fr;gap:15px}.service p{grid-column:2}.principles{grid-template-columns:1fr;gap:5px}.contact{display:block}.section{padding:40px 6vw}.meta{padding:15px;font-size:9px}.dial80{width:220px;height:220px}.privacy-notice{width:calc(100vw - 24px);padding:16px;bottom:12px;right:12px}.wordmark{font-size:12.6vw}#trail,#cursor{display:none}}@media (max-width:370px){.brand{letter-spacing:.04em;font-size:14px}.instrument-switch{min-width:75px}.instrument-key{min-width:20px}.display-controls{gap:6px}.meta{font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.system-map{transform:none}#trail,#cursor{display:none}.instrument-track>span,.instrument-key{transition:none}}@media (max-width:700px){nav{font-size:11px}nav a{padding:13px 6px}nav .nav-label{white-space:nowrap}}#cursor{transition:opacity .18s}html.touch-pointer-active #cursor,html.touch-pointer-active #trail{display:block}html.touch-pointer-active #cursor{width:6px;height:6px}@media (prefers-reduced-motion:reduce){html.touch-pointer-active #cursor,html.touch-pointer-active #trail{display:none}}.cursor-origin{display:inline-block}#cursor,html.touch-pointer-active #cursor{width:12px;height:14px;color:var(--accent);background:0 0;border-radius:0;place-items:center;margin-top:-3px;margin-left:-3px;font:700 14px/.95 Inter Variable,sans-serif;display:grid}#cursor{display:grid}@media (max-width:700px){#cursor{display:none}}html[data-navigation=leaving] body{filter:blur(7px);opacity:.12;transition:filter .22s,opacity .22s}html[data-navigation=entering] body{filter:blur(7px);opacity:.12}html[data-navigation=revealing] body{filter:blur();opacity:1;transition:filter .36s,opacity .36s}.navigation-curtain{display:none}body,body *{cursor:default}a,a *,button,button *,[role=button],[role=button] *{cursor:pointer}input,textarea,[contenteditable=true]{cursor:text}.wordmark{text-align:center;cursor:default;display:block}nav a .nav-label{z-index:1;color:#fff;mix-blend-mode:difference;-webkit-text-stroke:0;display:inline-block;position:relative}.surface-ink{pointer-events:none;width:100%;height:100%;inset:0;z-index:0!important;position:absolute!important}.coordinate-strip{border-top:1px solid var(--line);background:var(--header);flex-basis:calc(100% + 8vw);justify-content:flex-end;width:calc(100% + 8vw);margin:0 -4vw;padding:6px 4vw;display:flex}.coordinate-strip .coords{color:var(--muted);font:9px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.4;position:static}.back-link{margin-left:20px;margin-right:auto;padding:12px 0;font-size:13px}@media (max-width:700px){header{gap:0 18px}.back-link{margin-left:10px;margin-right:0}.coordinate-strip{padding-top:5px;padding-bottom:5px}.service{cursor:default}}@media (prefers-reduced-motion:reduce){#cursor,html.touch-pointer-active #cursor{display:none}html[data-navigation] body{filter:none;opacity:1;transition:none}}.coordinate-strip{order:2}
