:is([data-view=about],[data-view=contact]){overflow-x:clip}:is([data-view=about],[data-view=contact]) .log-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);-moz-column-gap:clamp(24px,5vw,88px);column-gap:clamp(24px,5vw,88px);row-gap:26px;padding-block:clamp(52px,8vw,128px) clamp(44px,6vw,88px)}:is([data-view=about],[data-view=contact]) .log-hero>*{grid-column:1/-1}:is([data-view=about],[data-view=contact]) .log-hero>h1{grid-column:1;max-width:15ch}:is([data-view=about],[data-view=contact]) .log-hero>h1+p{grid-column:2;align-self:end;font-size:clamp(1.05rem,1.35vw,1.2rem);color:var(--ink-2)}:is([data-view=about],[data-view=contact]) .log-hero:after{content:"";position:absolute;z-index:-1;right:calc(var(--pad) - clamp(60px,10vw,200px));top:clamp(-120px,-8vw,-40px);width:clamp(320px,46vw,680px);aspect-ratio:1;background:var(--orbit-art) center/contain no-repeat;pointer-events:none}:is([data-view=about],[data-view=contact]) .log-hero:before{content:"";position:absolute;z-index:-1;right:calc(var(--pad) + clamp(40px,12vw,220px));top:clamp(60px,9vw,150px);width:14px;height:14px;border-radius:50%;background:var(--c-cyan);box-shadow:clamp(90px,14vw,220px) clamp(60px,9vw,130px)0-3px var(--c-orange),clamp(-160px,-9vw,-60px) clamp(150px,16vw,260px)0-4px var(--c-yellow)}:is([data-view=about],[data-view=contact]) p.meta{display:block;max-width:none;padding-top:22px;border-top:1px solid var(--ink);font-size:.8rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}:is([data-view=about],[data-view=contact]) .links{display:flex;flex-wrap:wrap;gap:10px 28px}[data-view=about] .log-hero:before{background:var(--c-yellow)}[data-view=contact] .log-hero:before{background:var(--c-orange)}[data-view=about] .media{margin:0;padding-block:0 clamp(40px,5vw,72px)}[data-view=about] .ph{position:relative;margin:0;background:var(--band);aspect-ratio:16/7;max-width:100%;overflow:hidden;border-radius:var(--radius)}[data-view=about] .ph figcaption{position:absolute;left:18px;bottom:16px;right:18px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em;color:var(--ink-2)}[data-view=about] .log{border-top:1px solid var(--ink)}[data-view=about] .log-rows{list-style:none;margin:0;padding:0}[data-view=about] .log-rows li{display:grid;grid-template-columns:136px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.97rem}[data-view=about] .log-rows .t{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2);padding-top:3px;font-variant-numeric:tabular-nums}[data-view=about] .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}[data-view=about] .three>div{display:grid;gap:10px;align-content:start;border-top:1px solid var(--ink);padding-top:18px}[data-view=about] .three h3{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:300}[data-view=about] .three p{color:var(--ink-2);font-size:.97rem}[data-view=about] .hw{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}[data-view=about] .hw li{display:grid;grid-template-columns:64px minmax(0,.6fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}[data-view=about] .hw li.hw-head{padding-block:12px;font-weight:500;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}[data-view=about] .hw .num{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2)}[data-view=about] .hw .num:before{content:"0."}[data-view=about] .hw h3{font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:300;letter-spacing:-.02em}[data-view=about] .hw p{font-size:.97rem;min-width:0}[data-view=about] .hw p.you{color:var(--ink-2)}[data-view=about] .hw .cl{display:none}[data-view=contact] .contact-v{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,104px);align-items:start}[data-view=contact] .form-col{display:grid;gap:20px;min-width:0}[data-view=contact] .form{display:grid;gap:18px}[data-view=contact] .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-view=contact] .field{display:grid;gap:7px}[data-view=contact] .field label{font-weight:500;font-size:.9rem}[data-view=contact] .req{margin-left:.3em;color:var(--ink-2);font-weight:400}[data-view=contact] .field input,[data-view=contact] .field textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;caret-color:var(--signal);transition:border-color var(--hover)}[data-view=contact] .field textarea{min-height:128px;resize:vertical;line-height:1.5}[data-view=contact] .field :is(input,textarea)::-moz-placeholder{color:var(--ink-2);opacity:1}[data-view=contact] .field :is(input,textarea)::placeholder{color:var(--ink-2);opacity:1}[data-view=contact] .field :is(input,textarea):hover{border-color:var(--ink-2)}[data-view=contact] .field :is(input,textarea):focus{border-color:var(--ink);outline:2px solid var(--focus);outline-offset:1px}[data-view=contact] .field [aria-invalid=true]{border-color:var(--wait);box-shadow:inset 0 0 0 1px var(--wait)}[data-view=contact] .choice{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}[data-view=contact] .choice legend{font-weight:500;font-size:.9rem;padding:0;margin-bottom:8px}[data-view=contact] .choice .opts{display:flex;flex-wrap:wrap;gap:8px}[data-view=contact] .choice label{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:9px 14px;cursor:pointer;background:var(--surface);font-size:.94rem;transition:border-color var(--hover)}[data-view=contact] .choice label:hover,[data-view=contact] .choice label:has(input:checked){border-color:var(--ink)}[data-view=contact] .choice label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}[data-view=contact] .choice input{margin:0;accent-color:var(--signal)}[data-view=contact] .err{color:var(--wait);font-size:.92rem;font-weight:500}[data-view=contact] .err:empty{display:none}[data-view=contact] .thanks,[data-view=contact] .fail{display:grid;gap:12px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}[data-view=contact] .thanks{box-shadow:inset 0 2px 0 var(--ink)}[data-view=contact] .fail{border-color:var(--wait);background:var(--wait-weak)}[data-view=contact] :is(.thanks,.fail) h3{font-size:clamp(1.35rem,1.9vw,1.7rem);font-weight:300}[data-view=contact] :is(.thanks,.fail) p{color:var(--ink-2)}[data-view=contact] .fail p{color:var(--ink)}[data-view=contact] .fail a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}[data-view=contact] :is(.thanks,.fail):focus{outline:0}[data-view=contact] :is(.thanks,.fail):focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-view=contact] .btn[disabled]{cursor:progress;opacity:.72}[data-view=contact] .btn[disabled]:hover{background:var(--ink);border-color:var(--ink)}[data-view=contact] button.btn{font-family:var(--font-body)}[data-view=contact] .hp{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;left:-9999px}[data-view=contact] .side{display:grid;gap:32px;min-width:0}[data-view=contact] .side>div{display:grid;gap:10px;align-content:start;border-top:1px solid var(--ink);padding-top:16px}[data-view=contact] .side h3{font-size:clamp(1.35rem,1.9vw,1.7rem);font-weight:300}[data-view=contact] .side p{color:var(--ink-2);font-size:.95rem}[data-view=contact] .next{list-style:decimal;margin:0;padding-left:20px;display:grid;gap:6px;color:var(--ink-2);font-size:.95rem}@media (max-width:860px){:is([data-view=about],[data-view=contact]) .log-hero,[data-view=contact] .contact-v{grid-template-columns:minmax(0,1fr)}:is([data-view=about],[data-view=contact]) .log-hero>:is(h1,h1+p){grid-column:1}[data-view=about] .three{grid-template-columns:minmax(0,1fr)}[data-view=about] .ph{aspect-ratio:4/3}}@media (max-width:760px){[data-view=about] .hw li{grid-template-columns:44px minmax(0,1fr);gap:6px 14px}[data-view=about] .hw li.hw-head{display:none}[data-view=about] .hw li p{grid-column:2}[data-view=about] .hw .cl{display:block;font-weight:500;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin-bottom:2px}}@media (max-width:600px){[data-view=contact] .two{grid-template-columns:minmax(0,1fr)}[data-view=about] .log-rows li{grid-template-columns:minmax(0,1fr);gap:2px}}