.lattice{--void:#020617;--deep:#06101f;--steel:#0b1a30;--plate:#12243c;--cyan:#22d3ee;--teal:#14b8a6;--mint:#67e8f9;--ink:#041016;--fog:#cbe8f2;--dim:rgba(103,232,249,0.55);--sans:var(--font-lattice-sans),"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--mono:var(--font-lattice-mono),"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--hex-w:96px;position:fixed;inset:0;overflow:hidden;overflow:clip;perspective:1200px;background:radial-gradient(ellipse 70% 55% at 18% 10%,rgba(34,211,238,.09),transparent 70%),radial-gradient(ellipse 60% 50% at 84% 92%,rgba(20,184,166,.07),transparent 70%),radial-gradient(ellipse at 20% 12%,#142330 0,#0b141c 48%,#070d13 100%);color:var(--fog);font-family:var(--sans)}.lattice:before{inset:0;background-image:linear-gradient(rgba(148,197,214,.028) 1px,transparent 0),linear-gradient(90deg,rgba(148,197,214,.028) 1px,transparent 0),linear-gradient(rgba(148,197,214,.06) 1px,transparent 0),linear-gradient(90deg,rgba(148,197,214,.06) 1px,transparent 0);background-size:24px 24px,24px 24px,120px 120px,120px 120px;background-position:50%;-webkit-mask-image:radial-gradient(ellipse 80% 75% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 75% at 50% 50%,#000 30%,transparent 100%)}.lattice:after,.lattice:before{content:"";position:fixed;z-index:0;pointer-events:none}.lattice:after{inset:-10%;background:radial-gradient(circle 38vmax at 22% 30%,rgba(34,211,238,.075),transparent 65%),radial-gradient(circle 32vmax at 78% 72%,rgba(20,184,166,.06),transparent 65%),radial-gradient(ellipse 110% 100% at 50% 50%,transparent 55%,rgba(3,7,12,.55) 100%);animation:lattice-drift 28s ease-in-out infinite alternate;will-change:transform}@keyframes lattice-drift{0%{transform:translate3d(-2%,-1.5%,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.04)}}.lattice .scan{position:fixed;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(103,232,249,.28) 30%,rgba(103,232,249,.42) 50%,rgba(103,232,249,.28) 70%,transparent);box-shadow:0 0 12px rgba(34,211,238,.25);animation:lattice-scan 16s linear infinite;transition:opacity .4s;opacity:.8}@keyframes lattice-scan{0%{transform:translateY(-2vh);opacity:0}6%{opacity:.8}94%{opacity:.8}to{transform:translateY(102vh);opacity:0}}.lattice .hud{position:fixed;inset:clamp(12px,2vw,26px);z-index:2;pointer-events:none}.lattice .hud i{position:absolute;width:22px;height:22px;border:1px solid rgba(148,197,214,.32)}.lattice .hud i:first-child{top:0;left:0;border-right:0;border-bottom:0}.lattice .hud i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.lattice .hud i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.lattice .hud i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.lattice .hud i:after{content:"";position:absolute;width:3px;height:3px;background:rgba(103,232,249,.6);box-shadow:0 0 6px rgba(34,211,238,.55)}.lattice .hud i:first-child:after{top:-2px;left:-2px}.lattice .hud i:nth-child(2):after{top:-2px;right:-2px}.lattice .hud i:nth-child(3):after{bottom:-2px;left:-2px}.lattice .hud i:nth-child(4):after{bottom:-2px;right:-2px}.lattice .comb.dimmed~.hud,.lattice .comb.dimmed~.scan{opacity:0}.lattice *,.lattice :after,.lattice :before{box-sizing:border-box}.lattice a,.lattice button,.lattice input,.lattice textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lattice .comb{position:fixed;inset:0;transform-style:preserve-3d;z-index:1}.lattice .hex{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:absolute;width:var(--hex-w);height:calc(var(--hex-w) * 1.1547);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,0) 42%),linear-gradient(180deg,#12202f,#0a121b);--t:0;transform:translateZ(0) scale(.96);transition:opacity .6s ease;will-change:transform}.lattice .comb.dimmed .hex,.lattice .comb.settling .hex{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease,opacity .6s ease}.lattice .hex:after,.lattice .hex:before{content:"";position:absolute;inset:0;pointer-events:none}.lattice .hex:after{background:rgba(160,196,214,.16);clip-path:polygon(evenodd,50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%,50% 1.4%,98.6% 25.7%,98.6% 74.3%,50% 98.6%,1.4% 74.3%,1.4% 25.7%)}.lattice .hex:before{background:radial-gradient(circle at 50% 50%,rgba(34,211,238,0) 40%,rgba(34,211,238,.22) 100%),rgba(103,232,249,.55);clip-path:polygon(evenodd,50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%,50% 2.4%,97.6% 26.2%,97.6% 73.8%,50% 97.6%,2.4% 73.8%,2.4% 26.2%);opacity:var(--t);z-index:1}.lattice .hex.nav{cursor:pointer;border:0;padding:0;margin:0;font:inherit;background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,0) 46%),linear-gradient(180deg,#2a4458,#1a2f3e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d7e6ee;z-index:3}.lattice .hex.nav:after{background:rgba(186,220,232,.34)}.lattice .hex.nav svg{width:26%;height:26%;stroke:#d7e6ee;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lattice .hex.nav span{font-family:var(--mono);font-size:clamp(8px,calc(var(--hex-w) * .11),12px);letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:#c5d7e2}.lattice .hex.nav:focus-visible{filter:brightness(1.12);outline:none}@media (hover:hover){.lattice .hex.nav:hover{filter:brightness(1.12)}}.lattice .hex.nav:focus-visible{box-shadow:0 0 0 2px rgba(186,220,232,.55)}.lattice .comb.dimmed .hex{opacity:.11;filter:none!important;transform:translateZ(0) scale(.94)!important}.lattice .comb.dimmed .hex.nav.active{opacity:0}.lattice .brand{position:fixed;top:clamp(16px,3vw,40px);left:clamp(16px,3vw,40px);z-index:4;pointer-events:none;text-shadow:0 2px 24px rgba(0,0,0,.55)}.lattice .brand .sig{font-family:var(--mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:rgba(186,220,232,.7);margin:0 0 8px}.lattice .brand h1{margin:0;font-size:clamp(26px,3.4vw,42px);font-weight:500;letter-spacing:-.03em;line-height:.95}.lattice .brand h1 em{font-style:normal;color:#9eb8c6;font-weight:400}.lattice .brand p{margin:10px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(203,232,242,.55)}.lattice .hint{position:fixed;bottom:clamp(16px,3vw,40px);left:50%;transform:translateX(-50%);z-index:4;pointer-events:none;margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:rgba(186,220,232,.42);white-space:nowrap;transition:opacity .4s;max-width:calc(100vw - 32px)}.lattice .comb.dimmed~.hint{opacity:0}.lattice .hint-coarse{display:none}@media (hover:none) and (pointer:coarse){.lattice .hint-fine{display:none}.lattice .hint-coarse{display:inline}}.lattice .panel{--panel-pad:clamp(24px,4vw,52px);--panel-scrollbar:10px;--panel-scroll-inset:16px;position:fixed;z-index:5;background:linear-gradient(180deg,#1b2a38,#121c26);color:#e6eef3;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0;pointer-events:none;transition:top .7s cubic-bezier(.2,.8,.2,1),left .7s cubic-bezier(.2,.8,.2,1),width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1),clip-path .7s cubic-bezier(.2,.8,.2,1),border-radius .7s,opacity .3s;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(186,220,232,.16)}.lattice .panel.open{opacity:1;pointer-events:auto;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,0 100%,0 0);border-radius:22px}.lattice .panel-inner{height:100%;padding:var(--panel-pad);padding-right:calc(var(--panel-pad) - var(--panel-scrollbar));display:grid;grid-template-rows:auto 1fr auto;gap:16px;opacity:0;transform:translateY(14px);transition:opacity .4s ease .35s,transform .5s cubic-bezier(.2,.8,.2,1) .35s;overflow:auto}.lattice .panel.open .panel-inner{opacity:1;transform:none}.lattice .panel-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;opacity:.62;margin:0 0 8px}.lattice .panel h2{margin:0;font-size:clamp(28px,4.6vw,58px);font-weight:500;line-height:.95;letter-spacing:-.03em}.lattice .panel-body{font-size:clamp(15px,1.35vw,18px);line-height:1.62;max-width:64ch;overflow-wrap:anywhere}.lattice .panel-body p{margin:0 0 13px}.lattice .panel-body a:not(.project-link){color:#9ec9d8;font-weight:500;text-decoration:underline}.lattice .panel-body strong{font-weight:600}.lattice .works{display:grid;gap:8px;margin:4px 0 12px}.lattice .work{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;width:100%;text-align:left;background:rgba(255,255,255,.04);border:1px solid rgba(186,220,232,.1);border-radius:12px;padding:12px 14px;color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}.lattice .work:active,.lattice .work:focus-visible{background:rgba(255,255,255,.07);border-color:rgba(186,220,232,.28);outline:none}@media (hover:hover){.lattice .work:hover{background:rgba(255,255,255,.07);border-color:rgba(186,220,232,.28)}}.lattice .work .copy{min-width:0}.lattice .work b{display:block;font-size:15px;letter-spacing:-.02em;font-weight:600}.lattice .work .copy span{display:block;font-size:13.5px;opacity:.78;margin-top:3px;font-weight:400}.lattice .work em{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9eb8c6;align-self:center;white-space:nowrap}.lattice .glyph{--glyph-w:38px;position:relative;flex:none;align-self:center;display:grid;place-items:center;width:var(--glyph-w);height:calc(var(--glyph-w) * 1.1547);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,0) 46%),linear-gradient(180deg,#223a4c,#132433);transition:background .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.lattice .glyph:after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(186,220,232,.26);clip-path:polygon(evenodd,50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%,50% 2.4%,97.6% 26.2%,97.6% 73.8%,50% 97.6%,2.4% 73.8%,2.4% 26.2%);transition:background .22s ease}.lattice .glyph svg{width:54%;height:54%;stroke:#cfe3ed;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .22s ease}.lattice .work:focus-visible .glyph,.lattice .work:hover .glyph{background:linear-gradient(165deg,rgba(103,232,249,.16),rgba(255,255,255,0) 46%),linear-gradient(180deg,#2a5169,#16303f);transform:scale(1.06)}.lattice .work:focus-visible .glyph:after,.lattice .work:hover .glyph:after{background:rgba(103,232,249,.5)}.lattice .work:focus-visible .glyph svg,.lattice .work:hover .glyph svg{stroke:var(--mint)}.lattice .project-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.lattice .glyph.lg{--glyph-w:clamp(44px,5vw,54px);background:linear-gradient(165deg,rgba(103,232,249,.14),rgba(255,255,255,0) 46%),linear-gradient(180deg,#2a4a60,#15293a)}.lattice .glyph.lg:after{background:rgba(103,232,249,.4)}.lattice .glyph.lg svg{stroke:var(--mint);stroke-width:1.5}@media (prefers-reduced-motion:reduce){.lattice .work:focus-visible .glyph,.lattice .work:hover .glyph{transform:none}}@media (max-width:520px){.lattice .glyph{--glyph-w:28px}.lattice .work{gap:11px}}.lattice .cform{position:relative;display:grid;gap:12px;margin:18px 0 6px;padding:clamp(16px,2vw,22px);border:1px solid rgba(186,220,232,.13);border-radius:14px;background:linear-gradient(180deg,rgba(34,211,238,.05),rgba(255,255,255,.015)),rgba(6,16,31,.5);box-shadow:inset 0 1px 0 rgba(186,220,232,.07)}.lattice .cform-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;opacity:.55;margin:0}.lattice .cform-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lattice .cform-field{display:grid;gap:6px;min-width:0}.lattice .cform-field>span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.66}.lattice .cform input,.lattice .cform textarea{width:100%;font:inherit;font-size:14.5px;color:var(--fog);background:rgba(2,6,23,.55);border:1px solid rgba(186,220,232,.14);border-radius:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s}.lattice .cform textarea{resize:vertical;min-height:96px;line-height:1.55}.lattice .cform input::placeholder,.lattice .cform textarea::placeholder{color:rgba(203,232,242,.34)}.lattice .cform input:focus,.lattice .cform textarea:focus{outline:none;background:rgba(2,6,23,.75);border-color:rgba(34,211,238,.5);box-shadow:0 0 0 3px rgba(34,211,238,.12)}.lattice .cform input:disabled,.lattice .cform textarea:disabled{opacity:.6}.lattice .cform-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.lattice .cform-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.lattice .cform-send{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:linear-gradient(135deg,var(--mint),var(--cyan) 55%,var(--teal));border:none;border-radius:10px;padding:11px 18px;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .2s}.lattice .cform-send svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.lattice .cform-send:focus-visible:not(:disabled),.lattice .cform-send:hover:not(:disabled){outline:none;transform:translateY(-1px);box-shadow:0 8px 22px rgba(34,211,238,.28)}.lattice .cform-send:hover:not(:disabled) svg{transform:translateX(3px)}.lattice .cform-send:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.5}.lattice .cform-status{margin:0;font-size:13px;color:var(--mint);opacity:.9}.lattice .cform-status.error{color:#fca5a5}@media (max-width:600px){.lattice .cform-row{grid-template-columns:1fr}}.lattice .project{display:none;height:100%;padding:var(--panel-pad);padding-right:calc(var(--panel-pad) - var(--panel-scrollbar));overflow:auto}.lattice .panel.detail .panel-inner{display:none}.lattice .panel.detail .project{display:grid;grid-template-rows:auto 1fr auto;gap:16px}.lattice .back{appearance:none;border:0;background:transparent;color:#9eb8c6;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:0;margin:0 0 8px;width:fit-content}.lattice .back:hover{color:#e6eef3}.lattice .project-meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#9eb8c6;margin:0 0 14px}.lattice .project-link{display:inline-block;margin-top:4px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9ec9d8;text-decoration:none;border-bottom:1px solid rgba(158,201,216,.35);padding-bottom:2px}.lattice .project-link:hover{color:#e6eef3}.lattice .project-video{width:100%;aspect-ratio:16/9;margin:0 0 16px;border-radius:10px;border:1px solid rgba(186,220,232,.12);background:#0b1218;display:block}.lattice .yt-facade{position:relative;padding:0;cursor:pointer;background-size:cover;background-position:50%;overflow:hidden}.lattice .yt-facade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(4,16,22,.1),rgba(4,16,22,.45));transition:background .25s}.lattice .yt-play{position:absolute;z-index:1;left:50%;top:50%;width:68px;height:78px;display:grid;place-items:center;transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(34,211,238,.9);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}.lattice .yt-play svg{width:30px;height:30px;fill:#041016}.lattice .yt-facade:focus-visible .yt-play,.lattice .yt-facade:hover .yt-play{background:#67e8f9;transform:translate(-50%,-50%) scale(1.08)}.lattice .yt-facade:hover:after{background:radial-gradient(circle at 50% 50%,rgba(4,16,22,0),rgba(4,16,22,.3))}.lattice .yt-facade:focus-visible{outline:2px solid rgba(186,220,232,.55);outline-offset:2px}.lattice .shots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}.lattice .shots.single,.lattice .shots.stack{grid-template-columns:1fr}.lattice .shots.stack{gap:12px}.lattice .shots.stack img{height:auto;aspect-ratio:auto}.lattice .shots img{width:100%;height:168px;object-fit:cover;border-radius:10px;border:1px solid rgba(186,220,232,.12);background:#0b1218;display:block}.lattice .stack-block{margin:0 0 16px}.lattice .stack-block h3{margin:0 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9eb8c6;font-weight:500}.lattice .stack-block p{margin:0 0 8px}.lattice .stack-block h3{display:flex;align-items:center;gap:8px}.lattice .lab-list{list-style:none;margin:4px 0;padding:0;display:grid;gap:14px}.lattice .lab-list li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}.lattice .lab-list li>div{min-width:0}.lattice .lab-icon{position:relative;width:36px;height:36px;display:grid;place-items:center;flex:none;margin-top:2px;color:var(--mint);background:linear-gradient(160deg,rgba(34,211,238,.16),rgba(20,184,166,.04));clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.lattice .lab-icon:before{inset:1px;background:var(--deep);z-index:0}.lattice .lab-icon:after,.lattice .lab-icon:before{content:"";position:absolute;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.lattice .lab-icon:after{inset:0;background:rgba(103,232,249,.45);z-index:-1}.lattice .lab-icon svg{position:relative;z-index:1;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lattice .lab-icon.sm{width:22px;height:22px;margin-top:0}.lattice .lab-icon.sm svg{width:12px;height:12px;stroke-width:1.8}@media (max-width:640px){.lattice .lab-list li{grid-template-columns:32px 1fr;gap:12px}.lattice .lab-icon{width:32px;height:32px}.lattice .shots{grid-template-columns:1fr}.lattice .shots img{height:auto;aspect-ratio:16/10}}.lattice .panel-list{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8;padding:0;margin:0;list-style:none}.lattice .panel-list li:before{content:"· ";font-size:14px;vertical-align:middle;color:#8eacb8}.lattice .panel-inner>:first-child,.lattice .project>:first-child{padding-right:52px}.lattice .close{position:absolute;z-index:2;top:16px;right:calc(16px + var(--panel-scrollbar));width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(186,220,232,.22);background:rgba(18,28,38,.72);backdrop-filter:blur(6px);color:#e6eef3;font-size:20px;line-height:1;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}.lattice .close:hover{transform:rotate(90deg);background:rgba(255,255,255,.12)}.lattice .panel-inner,.lattice .project{height:calc(100% - 2 * var(--panel-scroll-inset));margin-block:var(--panel-scroll-inset);padding-block:calc(var(--panel-pad) - var(--panel-scroll-inset));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(186,220,232,.28) transparent}.lattice .panel-inner::-webkit-scrollbar,.lattice .project::-webkit-scrollbar{width:var(--panel-scrollbar)}.lattice .panel-inner::-webkit-scrollbar-track,.lattice .project::-webkit-scrollbar-track{background:transparent}.lattice .panel-inner::-webkit-scrollbar-thumb,.lattice .project::-webkit-scrollbar-thumb{background:rgba(186,220,232,.24);background-clip:content-box;border:3px solid transparent;border-radius:999px}.lattice .panel-inner::-webkit-scrollbar-thumb:hover,.lattice .project::-webkit-scrollbar-thumb:hover{background:rgba(186,220,232,.45);background-clip:content-box}.lattice .panel-inner::-webkit-scrollbar-button:vertical:decrement:start,.lattice .panel-inner::-webkit-scrollbar-button:vertical:increment:end,.lattice .project::-webkit-scrollbar-button:vertical:decrement:start,.lattice .project::-webkit-scrollbar-button:vertical:increment:end{display:block;height:14px;background-color:transparent;background-repeat:no-repeat;background-position:50%;background-size:8px 8px}.lattice .panel-inner::-webkit-scrollbar-button:vertical:decrement:start,.lattice .project::-webkit-scrollbar-button:vertical:decrement:start{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 6.5 5 3.5l3 3' fill='none' stroke='%23badce8' stroke-opacity='.6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.lattice .panel-inner::-webkit-scrollbar-button:vertical:increment:end,.lattice .project::-webkit-scrollbar-button:vertical:increment:end{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5l3-3' fill='none' stroke='%23badce8' stroke-opacity='.6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.lattice .panel-inner::-webkit-scrollbar-button:vertical:decrement:start:hover,.lattice .panel-inner::-webkit-scrollbar-button:vertical:increment:end:hover,.lattice .project::-webkit-scrollbar-button:vertical:decrement:start:hover,.lattice .project::-webkit-scrollbar-button:vertical:increment:end:hover{background-color:rgba(186,220,232,.14);border-radius:999px}.lattice .panel-inner::-webkit-scrollbar-button:vertical:decrement:start:active,.lattice .panel-inner::-webkit-scrollbar-button:vertical:increment:end:active,.lattice .project::-webkit-scrollbar-button:vertical:decrement:start:active,.lattice .project::-webkit-scrollbar-button:vertical:increment:end:active{background-color:rgba(186,220,232,.24)}.lattice .panel-inner::-webkit-scrollbar-button:horizontal,.lattice .panel-inner::-webkit-scrollbar-button:vertical:decrement:end,.lattice .panel-inner::-webkit-scrollbar-button:vertical:increment:start,.lattice .project::-webkit-scrollbar-button:horizontal,.lattice .project::-webkit-scrollbar-button:vertical:decrement:end,.lattice .project::-webkit-scrollbar-button:vertical:increment:start{display:none}@media (pointer:coarse){.lattice .panel{--panel-scrollbar:0px}.lattice .close{width:44px;height:44px;font-size:22px}.lattice .back{padding:8px 0;margin-bottom:4px}.lattice .cform input,.lattice .cform textarea{font-size:16px;padding:12px 13px}.lattice .cform-send{padding:14px 20px}.lattice .work{padding:14px}}@media (max-width:600px){.lattice .hex.nav svg{width:24%;height:24%}.lattice .hex.nav span{letter-spacing:.1em}.lattice .hint{font-size:10px;letter-spacing:.06em}.lattice .panel{--panel-pad:20px;--panel-scroll-inset:12px}.lattice .panel.open{border-radius:18px}.lattice .panel h2{font-size:30px}.lattice .panel-kicker{font-size:10px;letter-spacing:.2em}.lattice .panel-inner,.lattice .panel.detail .project{gap:12px}.lattice .panel-list{font-size:10px;gap:6px 12px}.lattice .work{grid-template-columns:auto 1fr}.lattice .work em{display:none}.lattice .project-head{gap:12px}.lattice .close{top:10px;right:calc(10px + var(--panel-scrollbar))}}@media (max-width:380px){.lattice .brand p{display:none}.lattice .brand .sig{letter-spacing:.24em}}@media (max-height:520px){.lattice .brand{top:10px;left:12px}.lattice .brand .sig{font-size:10px;margin-bottom:4px}.lattice .brand h1{font-size:22px}.lattice .brand p,.lattice .hint{display:none}.lattice .hud i{width:14px;height:14px}.lattice .panel{--panel-pad:18px;--panel-scroll-inset:10px}.lattice .panel h2{font-size:26px}.lattice .project-video,.lattice .shots{margin-bottom:12px}.lattice .shots img{height:130px}}@media (max-height:400px){.lattice .brand h1{font-size:18px}.lattice .brand .sig{display:none}}@media (prefers-reduced-motion:reduce){.lattice:after{animation:none}.lattice .scan{display:none}.lattice .hex,.lattice .panel,.lattice .panel-inner{transition-duration:.01s}}.lattice .panel.boot{inset:0;margin:auto;width:min(880px,calc(100vw - 32px));height:min(720px,calc(100vh - 32px));height:min(720px,calc(100dvh - 32px));transition:none}.lattice .work{text-decoration:none}.lattice .work .thumb{width:84px;height:52px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid rgba(186,220,232,.14);align-self:center;flex:none}@media (max-width:600px){.lattice .work .thumb{display:none}}.lattice .sr-nav{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}