/* The same physical chip becomes the entrance to the document workspace. */
@view-transition { navigation: auto; }
.brand .brand-mark{display:block;width:100%;height:auto}
.main-nav .nav-core{gap:8px;color:var(--amber);font-family:var(--display)}
.nav-core>span{font:500 9px var(--body);text-transform:uppercase;letter-spacing:.08em;border:1px solid #f4bd3250;padding:3px 5px}
.core-intro-link{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;margin-top:19px;max-width:430px;font-size:12px;color:#c6cabc;line-height:1.8}
.core-intro-link strong{color:var(--amber);font-weight:500;border-bottom:1px solid #f4bd3250}
.core-intro-link:hover strong{border-bottom-color:var(--amber)}
.core-free{color:var(--amber);font-size:9px}
.core-portal{border-radius:2px;isolation:isolate}
.core-portal::after{content:'';position:absolute;inset:6px -10px;border:1px solid #f4bd3230;opacity:0;transition:opacity .25s;pointer-events:none}
.core-portal:has(.core-hitarea:hover) .core-edge,.core-portal:has(.core-hitarea:focus-visible) .core-edge{stroke:#f4bd32;filter:drop-shadow(0 0 12px #f4bd3270)}
.core-portal:has(.core-hitarea:hover) .owl-eyes,.core-portal:has(.core-hitarea:focus-visible) .owl-eyes{opacity:1;fill:#fff;filter:drop-shadow(0 0 8px #f4bd32)}
.core-board{position:relative;width:min(100%,462px);margin-inline:auto}
.core-portal .circuit-board{width:100%;height:auto;max-height:none}
.core-hitarea{position:absolute;left:32.14%;right:32.14%;top:30.19%;bottom:30.19%;border-radius:12px;cursor:pointer}
.core-hitarea:focus-visible{outline:3px solid var(--amber);outline-offset:8px;background:#f4bd3210}
.chip-interior{opacity:0}
.chip-door{transform-box:view-box;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.core-portal:has(.core-hitarea:hover) .chip-door-left{transform:translateX(-4px)}
.core-portal:has(.core-hitarea:hover) .chip-door-right{transform:translateX(4px)}
.core-launching .chip-interior{opacity:1;filter:drop-shadow(0 0 28px #f4bd32);transition:opacity .2s}
.core-launching .chip-door-left{animation:chip-open-left .68s cubic-bezier(.2,.65,.3,1) both}
.core-launching .chip-door-right{animation:chip-open-right .68s cubic-bezier(.2,.65,.3,1) both}
.core-launching .core-owl{transform-box:fill-box;transform-origin:center;animation:owl-into-core .42s cubic-bezier(.5,0,.8,.4) both}
.core-launching .chip-door{animation-delay:.28s}
.core-launching .board-traces{stroke:#ffe394;filter:drop-shadow(0 0 8px #f4bd32);transition:stroke .25s .2s,filter .25s .2s}
.core-launching .chip-pins{stroke:#fff2ca;filter:drop-shadow(0 0 7px #f4bd32)}
.core-launching .circuit-nodes{fill:#fff2ca;stroke:#fff2ca}
@keyframes owl-into-core{0%{scale:1;filter:drop-shadow(0 0 1px #f4bd32)}45%{scale:1.2;filter:drop-shadow(0 0 18px #fff2ca)}100%{scale:.03;opacity:0}}
@keyframes chip-open-left{0%{transform:translateX(0)}100%{transform:translateX(-160px);opacity:0}}
@keyframes chip-open-right{0%{transform:translateX(0)}100%{transform:translateX(160px);opacity:0}}
.core-portal-action{display:flex;justify-content:center;align-items:center;text-align:center;gap:15px;margin:0 10px 15px}
.core-portal-action b{display:block;font:600 clamp(20px,1.8vw,26px)/1.2 var(--display);letter-spacing:-.03em}
.core-portal-action small{display:block;margin-top:6px;font-size:11px;color:#b1b8aa}
.core-open{display:flex;align-items:center;gap:14px;padding:13px 15px;background:var(--amber);color:var(--ink);font-size:11px;font-weight:600;white-space:nowrap;transition:background .2s}
.core-open>span{font-size:20px;line-height:1}
.core-portal:hover .core-open{background:#ffdc80}
.core-portal .art-bottom{font-size:9px;line-height:1.6}
.core-transition{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at center,#3f3e24,#121616 65%);opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .24s ease .23s,transform .45s ease,visibility 0s .7s}
.core-transition>span{font:600 35px var(--display);letter-spacing:.12em;color:var(--amber)}
.core-transition small{font-size:13px;color:#bec3b9}
.core-launching .core-transition{opacity:1;visibility:visible;transform:none;clip-path:circle(150% at var(--portal-x,75%) var(--portal-y,40%));animation:portal-expand .62s .65s both;transition:opacity .14s ease .65s,transform 1.2s ease,visibility 0s}
.core-launching .core-portal .circuit-board{animation:core-open-portal 1.25s ease-in both}
@keyframes portal-expand{from{clip-path:circle(0 at var(--portal-x,75%) var(--portal-y,40%))}to{clip-path:circle(150% at var(--portal-x,75%) var(--portal-y,40%))}}
.core-launching .core-portal .circuit-signals path{animation-duration:.65s!important}
@keyframes core-open-portal{0%{transform:scale(1)}45%{transform:scale(1.08);filter:drop-shadow(0 0 15px #f4bd32aa)}100%{transform:scale(1.4);filter:drop-shadow(0 0 36px #ffe5a5);opacity:.45}}
@media(min-width:761px) and (max-width:1100px){.main-nav{gap:17px}.main-nav .nav-contact{padding-left:17px;gap:15px}.brand{width:170px}.header-inner{gap:20px}.nav-core>span{display:none}}
@media(max-width:760px){.main-nav .nav-core{font-size:15px}.nav-core>span{display:inline-block}.core-portal{margin-top:12px}.core-portal .circuit-board{max-height:340px}.core-portal-action{gap:10px}.core-portal-action b{font-size:22px}.core-open{padding:12px;gap:8px}.core-portal .art-bottom{font-size:10px}.core-intro-link{max-width:360px}.core-portal::after{inset:0 -6px}}
@media(max-width:370px){.core-portal-action{align-items:flex-start;flex-direction:column;gap:14px}.core-open{width:100%;justify-content:space-between}.core-free{font-size:8px}}
@media(prefers-reduced-motion:reduce){.core-transition{display:none}.chip-door{transition:none}.core-portal:has(.core-hitarea:hover) .chip-door{transform:none}.core-launching .core-portal .circuit-board,.core-launching .chip-door,.core-launching .core-owl{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}