@font-face{font-family:Geologica;src:url(/tekton-site/fonts/Geologica-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Geologica;src:url(/tekton-site/fonts/Geologica-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geologica;src:url(/tekton-site/fonts/Geologica-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geologica;src:url(/tekton-site/fonts/Geologica-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Geologica;src:url(/tekton-site/fonts/Geologica-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--indigo:#5768e5;--indigo-deep:#3d4cc4;--black:#000;--white:#f3f3f3;--grey:#9fa1ae;--grey-dark:#6d707c;--steel:#8e9199;--bg:var(--black);--ink:var(--white);--ink-2:var(--grey);--ink-3:var(--grey-dark);--line:#f3f3f324;--font:"Geologica", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(16px, 3.2vw, 56px);--sec-half:clamp(64px, 7vw, 112px);--sec-gap:calc(var(--sec-half) * 2);--s-1:8px;--s-2:12px;--s-3:20px;--s-4:24px;--s-5:32px;--s-6:40px;--head-gap:clamp(48px, 6vw, 88px);--head-h:76px;--dock-h:72px;--t-display:300 clamp(42px, 5.9vw, 100px) / 1 var(--font);--ls-display:-.03em;--t-h2:300 clamp(34px, 4.2vw, 68px) / 1.04 var(--font);--ls-h2:-.028em;--t-h3:300 clamp(24px, 2.4vw, 36px) / 1.05 var(--font);--ls-h3:-.025em;--t-lead:300 16px / 1.55 var(--font);--t-body:300 15px / 1.55 var(--font);--t-ui:500 14px / 1.35 var(--font);--ls-ui:-.01em;--t-caption:400 13px / 1.4 var(--font);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:clip}img,svg,video,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd,dt{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;border-radius:2px}.btn{height:52px;font:var(--t-ui);letter-spacing:var(--ls-ui);white-space:nowrap;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;padding:0 26px;display:inline-flex}.btn--primary{isolation:isolate;background:var(--indigo);color:#fff;border-radius:999px;position:relative;overflow:hidden}.btn--primary:before{content:"";z-index:-1;transition:transform .45s var(--ease-out);background:#7585ff;position:absolute;inset:0;transform:translate(-101%)}.btn--primary:hover:before{transform:translate(0)}.btn--sm{height:40px;font:var(--t-ui);letter-spacing:var(--ls-ui);padding:0 18px}.btn--ghost{border:1px solid var(--line);height:44px;color:var(--ink);padding:0 20px}.btn--ghost:hover{border-color:#f3f3f366}.btn--text{color:var(--ink-2);padding:0 4px}.btn--text:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-head{z-index:20;height:var(--head-h);padding:0 var(--gutter);opacity:0;transition:opacity .8s var(--ease-out) .2s;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-head.is-ready{opacity:1}.site-head.is-scrolled{opacity:0;pointer-events:none;transition-duration:.4s;transition-delay:0s}.site-head__logo img{width:auto;height:26px}.dock{z-index:20;height:var(--dock-h);padding:0 var(--gutter);pointer-events:none;opacity:0;transition:opacity .8s var(--ease-out) 1.7s, transform .8s var(--ease-out) 1.7s;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(10px)}.dock.is-ready{opacity:1;transform:none}.dock>*{pointer-events:auto}.dock__logo{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);grid-column:1;justify-self:start;transform:translateY(6px)}.dock__logo img{border-radius:6px;width:28px;height:28px}.dock.is-scrolled .dock__logo{opacity:1;transform:none}.dock__group{grid-column:2;gap:6px;display:flex}.glass{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(#ffffff21,#ffffff0a);border:1px solid #ffffff1a;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff42,inset 0 -1px #00000038,0 10px 32px #00000061}.glass:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 18% -20%,#ffffff38,#fff0 55%);position:absolute;inset:0}.dock__pill,.dock__cta{height:40px;font:var(--t-ui);letter-spacing:var(--ls-ui);color:var(--ink);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:999px;flex:none;align-items:center;padding:0 16px;display:inline-flex}.dock__pill>span,.dock__cta>span{position:relative}.dock__pill:hover,.dock__pill.is-current{background:linear-gradient(#ffffff3d,#ffffff1a)}.dock__cta{isolation:isolate;color:#fff;background:var(--indigo);grid-column:3;justify-self:end;padding:0 20px;position:relative;overflow:hidden}.dock__cta:before{content:"";z-index:-1;transition:transform .45s var(--ease-out);background:#7585ff;position:absolute;inset:0;transform:translate(-101%)}.dock__cta:hover:before{transform:translate(0)}@media (max-width:760px){.dock{grid-template-columns:auto 1fr auto;gap:10px}.dock__logo{grid-column:1}.dock__group{scrollbar-width:none;grid-column:2;overflow-x:auto}.dock__group::-webkit-scrollbar{display:none}.dock__cta{grid-column:3}.dock__pill,.dock__cta{height:38px;padding:0 13px}.site-head{--head-h:60px}.site-head__logo img{height:22px}}.hero{min-height:max(100svh,640px);padding:var(--head-h) var(--gutter) calc(var(--dock-h) + 24px);isolation:isolate;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.hero__wall{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 45%,#00000059 70%,#000000d1 100%),linear-gradient(#00000080 0%,#0000 20%);position:absolute;inset:0}.hero__bottom{z-index:2;align-items:end;gap:var(--s-5) clamp(32px, 6vw, 120px);grid-row:2;grid-template-columns:minmax(0,1fr) minmax(260px,340px);min-width:0;display:grid;position:relative}.hero__title{font:var(--t-display);letter-spacing:var(--ls-display);color:var(--ink)}.hero__caption{margin-bottom:var(--s-3);font:var(--t-caption);letter-spacing:0;color:var(--ink-2);opacity:0;transition:opacity 1s var(--ease-out) .7s;display:block}.hero.is-ready .hero__caption{opacity:1}.hero__title .line{filter:drop-shadow(0 0 26px #ffffff29);margin:-.06em -.3em -.08em;padding:.06em .3em .08em;display:block;overflow:hidden}.hero__title .line>span{background:linear-gradient(100deg,#d9dbe1 0%,#fff 38% 50%,#d2d5dc 62%,#fff 100%) 100% 0/260% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;display:block;transform:translateY(108%)}.hero.is-ready .hero__title .line>span{animation:sheen 2s var(--ease-out) 2.1s forwards;transform:none}.hero__title .line:first-of-type>span{transition:transform 1.3s var(--ease-out) .9s}.hero__title .line:nth-of-type(2)>span{transition:transform 1.3s var(--ease-out) 1.02s}.hero__lead{font:var(--t-lead);color:var(--ink-2);opacity:0;transition:opacity 1s var(--ease-out) 1.5s, transform 1s var(--ease-out) 1.5s;padding-bottom:.4em;transform:translateY(10px)}.hero.is-ready .hero__lead{opacity:1;transform:none}.grain{z-index:30;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;inset:0}@media (max-width:760px){.hero__bottom{gap:var(--s-3);grid-template-columns:1fr}.hero__title{font-size:clamp(38px,10.4vw,48px)}.hero__lead{max-width:320px}.hero__shade{background:linear-gradient(#0000000d 30%,#0009 60%,#000000eb 100%)}}@media (prefers-reduced-motion:reduce){.hero__title .line>span,.hero__lead,.hero__caption,.dock,.site-head{opacity:1!important;transition:none!important;transform:none!important}}.hero.no-webgl .hero__wall{display:none}.hero.no-webgl{background:url(/tekton-site/img/hero-fallback.webp) 50%/cover no-repeat}.is-static .hero__title .line>span,.is-static .hero__lead,.is-static .hero__caption,.is-static .dock,.is-static .site-head{transition:none!important}.sec{padding:var(--sec-half) var(--gutter);position:relative}.sec__head{gap:var(--s-4) clamp(24px, 4vw, 72px);margin-bottom:var(--head-gap);grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:start;display:grid}.sec__caption{font:var(--t-caption);color:var(--ink-2);padding-top:.9em}.sec__title{font:var(--t-h2);letter-spacing:var(--ls-h2);max-width:14em}.sec__title .line{filter:drop-shadow(0 0 22px #ffffff24);margin:-.06em -.3em -.12em;padding:.06em .3em .12em;display:block;overflow:hidden}.sec__title .line>span{transition:transform 1.1s var(--ease-out);background:linear-gradient(100deg,#d9dbe1 0%,#fff 38% 50%,#d2d5dc 62%,#fff 100%) 100% 0/260% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;display:block;transform:translateY(105%)}.sec__title.is-in .line>span{animation:sheen 1.8s var(--ease-out) .5s forwards}@keyframes sheen{to{background-position:0 0}}.sec__title.is-in .line>span{transform:none}.sec__title.is-in .line:nth-child(2)>span{transition-delay:80ms}.sec__title.is-in .line:nth-child(3)>span{transition-delay:.16s}.sec__lead{max-width:460px;margin-top:var(--s-4);font:var(--t-lead);color:var(--ink-2)}.hairline{background:var(--line);height:1px}@media (max-width:760px){.sec__head{gap:var(--s-3);grid-template-columns:1fr}.sec__title{font-size:clamp(30px,8.6vw,40px);line-height:1.08}.sec__caption{padding-top:0}.sec__lead{margin-top:var(--s-3);font:var(--t-body)}}.metals__body{gap:var(--s-6) clamp(32px, 6vw, 120px);grid-template-columns:minmax(0,1fr) minmax(280px,34%);align-items:start;display:grid}.metals__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.metals__row{column-gap:var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--line);cursor:default;grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"name spec""note note";display:grid}.metals__name{font:var(--t-h3);letter-spacing:var(--ls-h3);color:var(--ink-3);transition:color .4s var(--ease-out), transform .5s var(--ease-out);grid-area:name}.metals__spec{font:var(--t-caption);color:var(--ink-3);transition:color .4s var(--ease-out);grid-area:spec;place-self:center end}.metals__note{max-width:480px;font:var(--t-body);color:var(--ink-2);opacity:0;max-height:0;transition:max-height .6s var(--ease-out), opacity .5s var(--ease-out), margin-top .6s var(--ease-out);grid-area:note;overflow:hidden}.metals__row.is-active .metals__name,.metals__row.is-active .metals__spec{color:var(--ink)}.metals__row.is-active .metals__note{opacity:1;max-height:6em;margin-top:var(--s-2)}.metals__media{top:calc(var(--head-h) + 16px);aspect-ratio:4/5;max-height:calc(100svh - var(--head-h) - var(--dock-h) - 40px);background:#0b0b0d;border-radius:10px;position:sticky;overflow:hidden}.metals__canvas{width:100%;height:100%;position:absolute;inset:0}.metals__media{background:radial-gradient(80% 70% at 60% 40%,#15161b,#050506 80%)}@media (max-width:760px){.metals__body{gap:var(--s-5);grid-template-columns:1fr}.metals__media{aspect-ratio:4/3;order:-1;position:relative;top:auto}.metals__row{padding:var(--s-3) 0}.metals__row.is-active .metals__name{transform:none}}.objects{margin:var(--sec-half) 0;position:relative}.objects__pin{height:100svh;position:relative;overflow:hidden}.objects__canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.objects__shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#000000bf 0%,#00000059 34%,#0000 56%);position:absolute;inset:0}.objects__stage{z-index:2;left:var(--gutter);right:var(--gutter);pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out);position:absolute}.objects__stage.is-on{opacity:1;pointer-events:auto}.objects__stage--a{top:calc(var(--head-h) + 6vh);max-width:640px}.objects__stage--a .sec__caption{margin-bottom:var(--s-3);padding-top:0;display:block}.objects__stage--b{top:auto;bottom:calc(var(--dock-h) + 24px);max-width:680px;max-height:calc(100svh - var(--head-h) - var(--dock-h) - 48px);gap:var(--s-3);grid-template-rows:auto auto minmax(0,1fr);display:grid}.objects__stage--b .sec__caption{padding-top:0}.objects__title{font:var(--t-h3);letter-spacing:var(--ls-h3);max-width:14em}.objects__list{margin:var(--s-2) 0 0;scrollbar-width:none;border-top:1px solid #f3f3f312;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;padding:0;list-style:none;display:grid;overflow:auto}.objects__list::-webkit-scrollbar{display:none}.objects__list li{column-gap:var(--s-2);padding:var(--s-2) var(--s-3) var(--s-2) 0;transition:background .3s var(--ease-out);border-bottom:1px solid #f3f3f312;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);display:grid}.objects__list li:nth-child(2n){padding-left:var(--s-3);border-left:1px solid #f3f3f312}.objects__list li:hover{background:#f3f3f308}.objects__list b{font:var(--t-ui);letter-spacing:var(--ls-ui);color:var(--ink);grid-column:2}.objects__list span{font:var(--t-caption);color:var(--ink-3);grid-column:2}.px-glyph{grid-row:1/3;grid-template-columns:repeat(4,6px);align-self:start;gap:2px;margin-top:4px;display:grid}.px-glyph s{width:6px;height:6px;transition:background-color .25s var(--ease-out);background:#f3f3f31f;border-radius:1px}.px-glyph s.is-on{background:#f3f3f3c7}.px-glyph s.is-accent{background:var(--indigo)}@media (max-width:760px){.objects__shade{background:linear-gradient(#000000d9 0%,#0006 30%,#0000 45%),linear-gradient(#0000 54%,#00000080 72%,#000000e6 100%)}.objects__stage--a{top:calc(var(--head-h) + 2vh)}.objects__stage--b{top:auto;bottom:calc(var(--dock-h) + 16px);grid-template-rows:auto auto;max-width:none}.objects__list{display:none}.objects__title{font-size:26px}}.prod{padding:0 var(--gutter);margin:var(--sec-half) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(32px,5vw,96px);display:grid;position:relative}.prod__media{grid-area:1/2;height:100svh;position:sticky;top:0;overflow:hidden}.prod__frame{background:#0b0b0d;border-radius:12px;position:absolute;inset:8vh 0;overflow:hidden;transform:translateZ(0)}.prod__frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease-out), transform 1.6s var(--ease-out);position:absolute;inset:0;transform:scale(1.08)}.prod__frame img.is-active{opacity:1;transform:none}.prod__frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.prod__counter{z-index:1;font:var(--t-caption);color:var(--white);text-shadow:0 1px 8px #0009;font-variant-numeric:tabular-nums;position:absolute;bottom:24px;left:28px}.prod__text{grid-area:1/1;padding:8vh 0 16vh}.prod__head{grid-template-columns:1fr;margin-bottom:0}.prod__head .sec__caption{padding-top:0}.prod__steps{margin:var(--head-gap) 0 0;padding:0;list-style:none}.prod__steps li{gap:4px var(--s-2);padding:var(--s-4) 0;border-top:1px solid var(--line);color:var(--ink-3);transition:color .5s var(--ease-out);grid-template-columns:48px minmax(0,1fr);display:grid}.prod__steps li b{font:var(--t-caption);font-variant-numeric:tabular-nums;padding-top:.35em}.prod__name{font:var(--t-h3);letter-spacing:var(--ls-h3)}.prod__desc{max-width:420px;font:var(--t-body);color:var(--ink-2);opacity:0;max-height:0;transition:max-height .6s var(--ease-out), opacity .5s var(--ease-out), margin-top .6s var(--ease-out);grid-column:2;overflow:hidden}.prod__steps li.is-active{color:var(--ink)}.prod__steps li.is-active .prod__desc{opacity:1;max-height:6em;margin-top:var(--s-1)}@media (max-width:900px){.prod{grid-template-columns:1fr}.prod__media{z-index:2;grid-area:1/1;height:46svh;top:0}.prod__frame{border-radius:10px;inset:10px 0}.prod__counter{bottom:16px;left:16px}.prod__text{padding:var(--s-5) 0 0;grid-row:2}.prod__steps{margin-top:var(--s-5)}.prod__steps li{padding:var(--s-3) 0}}.request__body{gap:var(--s-6) clamp(32px, 6vw, 120px);grid-template-columns:minmax(260px,5fr) minmax(0,7fr);align-items:start;display:grid}.request__media{aspect-ratio:4/5;background:#0b0b0d;border-radius:12px;margin:0;position:relative;overflow:hidden}.request__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.request__media figcaption{height:34px;font:var(--t-ui);color:var(--ink);background:linear-gradient(#1414188c,#14141866);border-radius:999px;align-items:center;padding:0 14px;display:inline-flex;position:absolute;bottom:14px;left:14px}.request__media figcaption span{position:relative}.request__form{gap:var(--s-5) clamp(24px, 4vw, 72px);padding-top:var(--s-1);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.field{gap:var(--s-1);display:grid}.field--wide{grid-column:1/-1}.field>span{font:var(--t-caption);color:var(--ink-2)}.field input{font:var(--t-lead);color:var(--ink);border:0;border-bottom:1px solid var(--line);transition:border-color .3s var(--ease-out);background:0 0;border-radius:0;outline:none;padding:8px 0 12px}.field input::placeholder{color:var(--ink-3)}.field input:focus{border-color:var(--ink)}.request__actions{align-items:center;gap:var(--s-4);margin-top:var(--s-2);grid-column:1/-1;display:flex}.request__note{font:var(--t-caption);color:var(--ink-3);max-width:300px}.foot{padding:var(--sec-half) var(--gutter) calc(var(--dock-h) + 32px)}.foot__top{gap:var(--s-5) clamp(24px, 4vw, 72px);grid-template-columns:minmax(160px,240px) minmax(0,1fr);display:grid}.foot__logo{width:auto;height:26px}.foot__cols{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.foot__cols>div{gap:var(--s-1);font:var(--t-body);color:var(--ink-2);align-content:start;display:grid}.foot__cols a:hover{color:var(--ink)}.foot__h{color:var(--ink-3);font:var(--t-caption);margin-bottom:4px}.foot__legal{margin-top:var(--head-gap);font:var(--t-caption);color:var(--ink-3);max-width:640px}@media (max-width:760px){.request__body{gap:var(--s-5);grid-template-columns:1fr}.request__media{aspect-ratio:16/10}.request__form{gap:var(--s-4);grid-template-columns:1fr}.request__actions{align-items:flex-start;gap:var(--s-2);flex-direction:column}.foot__top{grid-template-columns:1fr}.foot__cols{grid-template-columns:1fr 1fr}}.pixels{grid-template-columns:repeat(var(--cols,48), 1fr);padding:0 var(--gutter);z-index:1;pointer-events:none;gap:3px;height:14px;margin:0;display:grid;position:relative}.pixels i{background:var(--white);opacity:var(--o,.08);transition:opacity 1.2s var(--ease-out);border-radius:1px;display:block}.pixels i.is-on{opacity:.55}.pixels i.is-accent{background:var(--indigo);opacity:.9}.px-reveal__grid{z-index:2;grid-template-columns:repeat(var(--px-cols,12), 1fr);pointer-events:none;grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.px-reveal__grid i{background:var(--bg);outline:1px solid var(--bg);display:block}.px-reveal.is-done .px-reveal__grid{display:none}@media (prefers-reduced-motion:reduce){.px-reveal__grid{display:none}.pixels i{transition:none}}.cas{gap:var(--s-6) clamp(32px, 5vw, 96px);padding:var(--sec-half) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;display:grid}.cas__text .sec__caption{margin-bottom:var(--s-3);padding-top:0;display:block}.cas__types{margin:var(--s-5) 0 0;border-top:1px solid var(--line);padding:0;list-style:none}.cas__types li{gap:4px var(--s-2);padding:var(--s-3) 0;border-bottom:1px solid var(--line);color:var(--ink-3);cursor:pointer;transition:color .3s var(--ease-out);grid-template-columns:32px minmax(0,1fr);display:grid}.cas__types li:hover{color:var(--ink-2)}.cas__types li.is-active{color:var(--ink)}.cas__types b{font:var(--t-caption);font-variant-numeric:tabular-nums;padding-top:.45em}.cas__types .name{font:var(--t-h3);letter-spacing:var(--ls-h3)}.cas__types .note{font:var(--t-body);color:var(--ink-2);opacity:0;max-height:0;transition:max-height .5s var(--ease-out), opacity .4s var(--ease-out), margin-top .5s var(--ease-out);grid-column:2;overflow:hidden}.cas__types li.is-active .note{opacity:1;max-height:5em;margin-top:var(--s-1)}.cas__colors{gap:var(--s-1);background:linear-gradient(#14141880,#14141861);border-radius:14px;padding:10px;display:flex;position:absolute;bottom:0;left:0}.cas__colors button{width:38px;height:38px;transition:transform .25s var(--ease-out), border-color .25s;border:1px solid #ffffff24;border-radius:10px;position:relative;box-shadow:inset 0 1px #ffffff47}.cas__colors button:hover{transform:translateY(-2px)}.cas__colors button.is-active{border-color:var(--white)}.cas__stage{min-height:480px;position:relative}.cas__canvas{width:100%;height:100%;position:absolute;inset:0}.cas__spec{font:var(--t-caption);color:var(--ink-2);border-radius:14px;grid-auto-flow:column;gap:22px;padding:12px 18px;display:grid;position:absolute;top:0;right:0}.cas__spec span{gap:2px;display:grid;position:relative}.cas__spec b{font:var(--t-ui);color:var(--ink);letter-spacing:var(--ls-ui)}@media (max-width:900px){.cas{grid-template-columns:1fr}.cas__stage{aspect-ratio:1;order:-1;min-height:0}.cas{align-items:start}.cas__types{margin-top:var(--s-4)}.cas__spec{gap:14px;padding:10px 14px;top:0;left:0;right:auto}.cas__colors{flex-wrap:wrap;max-width:100%;bottom:0}.cas__colors button{width:30px;height:30px}}.col{margin:var(--sec-half) 0;position:relative}.col__pin{background:linear-gradient(#5a7fbd 0%,#90a9cf 45%,#c9cfd8 80%,#d9d6d0 100%);height:100svh;position:relative;overflow:hidden}.col__canvas{width:100%;height:100%;position:absolute;inset:0}.col__shade{pointer-events:none;background:linear-gradient(90deg,#000000b3 0%,#0000004d 30%,#0000 52%),linear-gradient(#0000 68%,#000000bf 100%);position:absolute;inset:0}.col__ui{inset:calc(var(--head-h) + 2vh) var(--gutter) calc(var(--dock-h) + 20px);pointer-events:none;grid-template-rows:auto 1fr;align-content:space-between;max-width:600px;display:grid;position:absolute}.col__ui>*{pointer-events:auto}.col__head .sec__caption{margin-bottom:var(--s-3);padding-top:0;display:block}.col__head .sec__lead{color:#f3f3f3cc}.col__picker{padding:var(--s-3);align-self:end;gap:var(--s-2);background:linear-gradient(#14141880,#14141861);border-radius:18px;display:grid}.col__picker>*{position:relative}.col__tabs{flex-wrap:wrap;gap:4px;display:flex}.col__tabs button{height:30px;font:var(--t-ui);color:var(--ink-2);border-radius:999px;flex:none;padding:0 11px;transition:background .25s,color .25s}.col__tabs button:hover{color:var(--ink)}.col__tabs button.is-active{color:#fff;background:#ffffff29}.col__swatches{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.col__swatches button{aspect-ratio:1;transition:transform .25s var(--ease-out), border-color .25s;background-position:50%;background-size:cover;border:1px solid #ffffff24;border-radius:9px;box-shadow:inset 0 1px #ffffff38}.col__swatches button:hover{transform:translateY(-2px)}.col__swatches button.is-active{border-color:#fff}.col__current{font:var(--t-caption);color:var(--ink-2);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;display:grid}.col__current b{font:var(--t-ui);color:#fff;letter-spacing:var(--ls-ui)}@media (max-width:760px){.col__ui{max-width:none;inset:calc(var(--head-h) + 1vh) var(--gutter) calc(var(--dock-h) + 12px)}.col__head .sec__lead{display:none}.col__picker{gap:10px;padding:12px}.col__swatches{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px}.col__shade{background:linear-gradient(#000000b3 0%,#0000 35%),linear-gradient(#0000 35%,#0000004d 55%,#000000d9 100%)}}.sec__caption b{font:var(--t-caption);color:var(--ink-3);margin-bottom:2px;display:block}.rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rows li{gap:var(--s-1) clamp(20px, 3vw, 56px);padding:var(--s-4) 0;border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,5fr) minmax(0,7fr) minmax(0,4fr);align-items:baseline;display:grid}.rows__name{font:var(--t-h3);letter-spacing:var(--ls-h3);color:var(--ink)}.rows__text{font:var(--t-body);color:var(--ink-2);max-width:520px}.rows__spec{font:var(--t-caption);color:var(--ink-3);text-align:right;justify-self:end;gap:4px;display:grid}.rows__spec i{font-style:normal}.rows__spec.btn{color:#fff;text-align:center;place-self:center end;display:inline-flex}.rows--tight li{padding:var(--s-3) 0}.rows--photo li{grid-template-columns:220px minmax(160px,4fr) minmax(0,7fr) minmax(0,3fr);align-items:center}.rows--photo img{aspect-ratio:16/10;object-fit:cover;background:#0b0b0d;border-radius:8px;width:220px;position:relative}.rows--photo-sheet{margin-top:var(--s-5)}.rows--photo-sheet img{object-fit:cover;object-position:top;filter:brightness(.92);background:#fff}.sheets{margin-top:var(--sec-half)}.sheets__strip{gap:var(--s-2);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.sheets__strip::-webkit-scrollbar{display:none}.sheet{scroll-snap-align:start;flex:none;gap:10px;width:clamp(220px,20vw,300px);margin:0;display:grid}.sheet img{aspect-ratio:952/1158;object-fit:cover;object-position:top;filter:brightness(.9);width:100%;transition:filter .4s var(--ease-out);background:#fff;border-radius:6px}.sheet:hover img{filter:brightness()}.sheet figcaption{font:var(--t-caption);color:var(--ink-2)}.rows--media li{grid-template-columns:112px minmax(160px,4fr) minmax(0,7fr) minmax(0,3fr);align-items:center}.rows--media img{aspect-ratio:4/3;object-fit:cover;background:#0b0b0d;border-radius:6px;width:112px}.rows[data-shapes-list] li{cursor:default}.rows[data-shapes-list] .rows__name{color:var(--ink-3);transition:color .4s var(--ease-out)}.rows[data-shapes-list] li.is-active .rows__name{color:var(--ink)}.rows[data-shapes-list] .rows__text{opacity:.55;transition:opacity .4s var(--ease-out)}.rows[data-shapes-list] li.is-active .rows__text{opacity:1}.shapes__body{gap:var(--s-6) clamp(32px, 5vw, 96px);grid-template-columns:minmax(280px,38%) minmax(0,1fr);align-items:start;display:grid}.shapes__body .rows li{grid-template-columns:minmax(160px,5fr) minmax(0,7fr)}.shapes__media{top:calc(var(--head-h) + 16px);aspect-ratio:3/4;max-height:calc(100svh - var(--head-h) - var(--dock-h) - 40px);background:#0b0b0d;border-radius:10px;position:sticky;overflow:hidden}.shapes__media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease-out), transform 1.4s var(--ease-out);position:absolute;inset:0;transform:scale(1.05)}.shapes__media img.is-active{opacity:1;transform:none}.scenes{margin-top:var(--sec-half)}.scenes__caption{max-width:520px;margin:0 0 var(--s-4);font:var(--t-body);color:var(--ink-2)}.scenes__strip{margin:0 calc(-1 * var(--gutter));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.scenes__track{will-change:transform;gap:10px;width:max-content;padding-right:10px;display:flex}.scenes__strip.is-static{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.scene{scroll-snap-align:start;flex:none;gap:10px;width:clamp(180px,16vw,230px);margin:0;display:grid}.scene img{aspect-ratio:3/4;object-fit:cover;filter:brightness(.9);width:100%;transition:filter .4s var(--ease-out);background:#0b0b0d;border-radius:8px}.scene:hover img{filter:brightness()}.scene span{font:var(--t-caption);color:var(--ink-2)}.scene.is-x span:before{content:"XtraMetal, ";color:var(--ink-3)}.names{gap:var(--s-2) var(--s-6);padding:var(--s-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:var(--t-h3);letter-spacing:var(--ls-h3);color:var(--ink-2);flex-wrap:wrap;display:flex}.names span{transition:color .3s}.names span:hover{color:var(--ink)}.request__form.is-sent .field,.request__form.is-sent .btn{opacity:.4;pointer-events:none}@media (max-width:900px){.rows li{gap:var(--s-1);padding:var(--s-3) 0;grid-template-columns:minmax(0,1fr)}.rows__spec{text-align:left;justify-self:start}.rows--photo li{grid-template-columns:1fr}.rows--photo img{aspect-ratio:16/9;width:100%;margin-bottom:var(--s-1)}.rows--media li{grid-template-columns:88px minmax(0,1fr);align-items:start}.rows--media img{grid-row:1/4;width:88px;margin-top:4px}.rows--media .rows__name,.rows--media .rows__text,.rows--media .rows__spec{grid-column:2}.shapes__body{gap:var(--s-5);grid-template-columns:1fr}.shapes__body .rows li{grid-template-columns:1fr}.shapes__media{aspect-ratio:4/3;max-height:none;position:relative;top:auto}.names{gap:var(--s-1) var(--s-4);padding:var(--s-3) 0}}.preloader{z-index:40;background:var(--black);transition:opacity .6s var(--ease-out);will-change:opacity;place-items:center;display:grid;position:fixed;inset:0}.preloader.is-out{opacity:0;pointer-events:none}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg__grid{will-change:transform;background-image:linear-gradient(#f3f3f30e 1px,#0000 1px),linear-gradient(90deg,#f3f3f30e 1px,#0000 1px);background-size:100% 112px,180px 100%;position:absolute;inset:-30% 0;-webkit-mask-image:radial-gradient(70% 60% at 68% 45%,#000 10%,#0000 100%);mask-image:radial-gradient(70% 60% at 68% 45%,#000 10%,#0000 100%)}.bg__glow{will-change:transform;background:radial-gradient(circle,#5768e529 0%,#5768e50d 35%,#0000 65%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:10vh;left:-18vw}main{z-index:1;position:relative}.hero,.objects__pin{background:var(--bg)}@media (prefers-reduced-motion:reduce){.bg__grid,.bg__glow{transform:none!important}}.viewer{z-index:50;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out);background:#000000eb;position:fixed;inset:0}.viewer.is-open{opacity:1;pointer-events:auto}html.is-viewer{overflow:hidden}.viewer__stage{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.viewer__stage.is-drag{cursor:grabbing}.viewer__stage img{width:auto;max-width:none;height:auto;max-height:none;margin:calc(-1 * var(--h) / 2) 0 0 calc(-1 * var(--w) / 2);transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;transition:opacity .25s var(--ease-out);background:#fff;border-radius:4px;position:absolute;top:50%;left:50%;box-shadow:0 30px 80px #0009}.viewer__bar{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:var(--s-2);pointer-events:none;display:flex;position:absolute;bottom:20px}.viewer.is-open .viewer__bar>*{pointer-events:auto}.viewer__title,.viewer__tools>*{height:40px;font:var(--t-ui);letter-spacing:var(--ls-ui);color:var(--ink);background:linear-gradient(#141418b8,#14141899);border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.viewer__tools{gap:6px;display:flex}.viewer__tools button{justify-content:center;width:40px;padding:0;font-size:20px;font-weight:300}.viewer__tools button[data-close]{width:auto;font:var(--t-ui);background:var(--indigo);color:#fff;transition:background-color .35s var(--ease-out);border-color:#0000;padding:0 18px}.viewer__tools button[data-close]:hover{background:#7585ff}.viewer__tools span{min-width:64px;color:var(--ink-2);justify-content:center}@media (max-width:760px){.viewer__title{display:none}.viewer__bar{justify-content:center}}