:root{--luu: #f4f1ea;--kraft: #eae3d5;--hiili: #1a1815;--grafiitti: #565049;--messinki: #b5821f;--messinki-light: #d6a94a;--messinki-deep: #8a6212;--alumiini: #8c9196;--font-display: "IBM Plex Sans Condensed", "IBM Plex Sans", sans-serif;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--pad-x: clamp(1.5rem, 6vw, 6rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--luu);color:var(--hiili);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--messinki);color:var(--luu)}img,video{max-width:100%}.dotgrid{position:relative;background-image:radial-gradient(rgba(214,169,74,.14) 1px,transparent 1.5px);background-size:30px 30px}.corners{--corner-color: var(--messinki);position:absolute;inset:0;pointer-events:none}.corners i{position:absolute;width:16px;height:16px;border:0 solid var(--corner-color)}.corners i:nth-child(1){top:14px;left:14px;border-left-width:1.5px;border-top-width:1.5px}.corners i:nth-child(2){top:14px;right:14px;border-right-width:1.5px;border-top-width:1.5px}.corners i:nth-child(3){bottom:14px;left:14px;border-left-width:1.5px;border-bottom-width:1.5px}.corners i:nth-child(4){bottom:14px;right:14px;border-right-width:1.5px;border-bottom-width:1.5px}.cursor{position:fixed;top:-17px;left:-17px;z-index:70;pointer-events:none;opacity:0;transition:opacity .3s}@media(pointer:coarse){.cursor{display:none}}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:40;pointer-events:none}.progress__bar{height:100%;background:var(--messinki);transform:scaleX(0);transform-origin:0 50%}.nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem var(--pad-x);color:var(--luu);transition:background .25s ease,box-shadow .25s ease,color .25s ease}.nav.is-scrolled{background:#f4f1eae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px #1a181514;color:var(--hiili)}.nav__logo{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;background:none;border:none;color:inherit;cursor:pointer;padding:0}.nav__links{display:flex;gap:1.6rem}.nav__link{font-family:var(--font-sans);font-weight:500;font-size:.9rem;background:none;border:none;color:inherit;opacity:.85;cursor:pointer;padding:.25rem 0;transition:opacity .15s}.nav__link:hover{opacity:1}.nav__right{display:flex;align-items:center;gap:1rem}.nav__lang{display:flex;gap:.2rem}.nav__lang-btn{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;padding:.3rem .5rem;background:transparent;border:1px solid transparent;color:inherit;opacity:.65;cursor:pointer;transition:opacity .15s,border-color .15s}.nav__lang-btn:hover{opacity:1}.nav__lang-btn.is-active{opacity:1;border-color:currentColor}.nav__cta{font-family:var(--font-sans);font-weight:600;font-size:.85rem;padding:.6rem 1.1rem;background:var(--messinki);color:var(--hiili);border:none;cursor:pointer;transition:filter .15s}.nav__cta:hover{filter:brightness(1.1)}.btn{font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:.9rem 1.7rem;border:none;cursor:pointer;transition:filter .15s,transform .15s,background .15s,color .15s}.btn:hover{transform:translateY(-1px)}.btn--brass{background:var(--messinki);color:var(--hiili)}.btn--brass:hover{filter:brightness(1.1)}.btn--outline-light{background:transparent;color:var(--luu);border:1.5px solid var(--luu);padding:calc(.9rem - 1.5px) calc(1.7rem - 1.5px)}.btn--outline-light:hover{border-color:var(--messinki-light);color:var(--messinki-light)}.tag{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--messinki-deep);margin:0 0 .9rem}.tag--dark{color:var(--messinki-light)}.body{font-size:1.05rem;line-height:1.62;color:var(--grafiitti);margin:0}.divider{display:flex;align-items:center;gap:1.2rem;margin-bottom:clamp(2rem,5vh,3rem)}.divider__title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.01em;margin:0;white-space:nowrap}.divider__rule{flex:1;height:1px;background:repeating-linear-gradient(90deg,rgba(26,24,21,.32) 0 6px,transparent 6px 12px)}.divider__count{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--messinki-deep);white-space:nowrap}.divider--dark .divider__title{color:var(--luu)}.divider--dark .divider__rule{background:repeating-linear-gradient(90deg,rgba(244,241,234,.28) 0 6px,transparent 6px 12px)}.divider--dark .divider__count{color:var(--messinki-light)}.section-light{background:var(--luu);padding:clamp(4.5rem,10vh,7rem) var(--pad-x)}.section-dark{background:var(--hiili);color:var(--luu);padding:clamp(4.5rem,10vh,7rem) var(--pad-x)}.hero{position:relative;min-height:100svh;background:var(--hiili);color:var(--luu);display:flex;align-items:center;padding:6.5rem var(--pad-x) 5rem;overflow:hidden}.hero__scene{position:absolute;inset:0;pointer-events:none}@media(min-width:900px){.hero__scene{left:26%}}.hero__coords{position:absolute;top:4.6rem;left:var(--pad-x);right:var(--pad-x);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--messinki-light)}.hero__coords>span>span{display:inline-block;min-width:5.4em}.hero__content{position:relative;z-index:1;max-width:40rem}.hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,7.2vw,5.5rem);line-height:.98;letter-spacing:-.02em;margin:0}.hero__line-wrap{display:block;overflow:hidden}.hero__line{display:block;will-change:transform}.hero__tagline{display:flex;align-items:center;gap:1.1rem;margin-top:1.6rem;font-family:var(--font-mono);font-size:clamp(.9rem,1.6vw,1.1rem);letter-spacing:.1em;color:var(--messinki-light)}.hero__rule{width:3rem;height:1.5px;background:var(--messinki);flex:0 0 auto}.hero__actions{display:flex;gap:.9rem;margin-top:2.2rem;flex-wrap:wrap}.hero__note{margin:1.9rem 0 0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:#f4f1ea8c}.hero__status{position:absolute;bottom:1.6rem;left:var(--pad-x);display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#f4f1ea99}.hero__status-dot{width:7px;height:7px;border-radius:50%;background:var(--messinki-light);animation:blink 1.6s steps(1) infinite}@keyframes blink{50%{opacity:.15}}.marquee{overflow:hidden;background:var(--hiili);border-top:1px solid rgba(244,241,234,.14);border-bottom:1px solid rgba(244,241,234,.14);padding:.85rem 0}.marquee__track{display:flex;width:max-content;white-space:nowrap;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--messinki-light);animation:marquee 30s linear infinite}.marquee__track.is-static{animation:none}@keyframes marquee{to{transform:translate(-50%)}}.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;border:1px solid rgba(26,24,21,.14);background:var(--luu);padding:28px;display:flex;flex-direction:column;gap:20px;transition:border-color .2s,transform .2s}.card .corners{opacity:0;transition:opacity .2s}.card .corners i{width:12px;height:12px}.card .corners i:nth-child(1),.card .corners i:nth-child(2){top:8px}.card .corners i:nth-child(3),.card .corners i:nth-child(4){bottom:8px}.card .corners i:nth-child(1),.card .corners i:nth-child(3){left:8px}.card .corners i:nth-child(2),.card .corners i:nth-child(4){right:8px}.card:hover{border-color:var(--messinki);transform:translateY(-2px)}.card:hover .corners{opacity:1}.card__top{display:flex;align-items:flex-start;justify-content:space-between}.card__icon{color:var(--hiili)}.card__num{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;color:var(--messinki-deep)}.card__title{font-family:var(--font-display);font-weight:600;font-size:1.5rem;margin:0}.card__desc{margin:6px 0 0;font-size:.9rem;line-height:1.55;color:var(--grafiitti)}.card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid rgba(26,24,21,.1);padding-top:14px}.card__price{font-family:var(--font-mono);font-size:.7rem;color:var(--messinki-deep)}.card__cta{font-family:var(--font-sans);font-weight:600;font-size:.82rem;background:none;border:none;color:var(--hiili);cursor:pointer;padding:0;white-space:nowrap;transition:color .15s}.card__cta:hover{color:var(--messinki-deep)}.card--dark{background:var(--hiili);border-color:#1a181524}.card--dark .card__icon,.card--dark .card__num,.card--dark .card__price{color:var(--messinki-light)}.card--dark .card__title{color:var(--luu)}.card--dark .card__desc{color:#f4f1eab3}.card--dark .card__footer{border-top-color:#f4f1ea29}.card--dark .card__cta{color:var(--luu)}.card--dark .card__cta:hover{color:var(--messinki-light)}.process{overflow:hidden}.process__path{display:block;width:100%;height:90px;margin-bottom:clamp(1.5rem,4vh,2.5rem)}.process__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border:1px solid rgba(244,241,234,.16);padding:22px}.step__num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:var(--messinki-light)}.step__title{font-family:var(--font-display);font-weight:600;font-size:1.35rem;margin:.7rem 0 0;color:var(--luu)}.step__desc{margin:.6rem 0 0;font-size:.88rem;line-height:1.6;color:#f4f1eab8}.process__clips{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(2.5rem,6vh,4rem)}.hud-frame{--corner-color: var(--messinki);position:relative;margin:0;padding:10px;border:1px solid rgba(244,241,234,.18)}.hud-frame .corners i{width:13px;height:13px}.hud-frame .corners i:nth-child(-n+2){top:-1px}.hud-frame .corners i:nth-child(n+3){bottom:-1px}.hud-frame .corners i:nth-child(odd){left:-1px}.hud-frame .corners i:nth-child(2n){right:-1px}.hud-frame__media{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#f4f1ea0f}.hud-frame__caption{display:flex;justify-content:space-between;gap:.75rem;padding:.6rem .15rem .1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--messinki-light)}.hud-frame__rec{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--messinki-light);margin-right:.5rem;animation:blink 1.2s steps(1) infinite}.hud-frame--light{border-color:#1a181529}.hud-frame--light .hud-frame__media{background:var(--kraft);aspect-ratio:1}.hud-frame--light .hud-frame__caption{color:var(--messinki-deep)}.materials__chips{display:flex;flex-wrap:wrap;gap:10px}.chip{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.55rem .95rem;border:1px solid rgba(26,24,21,.22);color:var(--hiili)}.materials__specs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(2rem,5vh,3rem)}.spec{border:1px solid rgba(26,24,21,.14);background:var(--kraft);padding:26px;height:100%}.spec__value{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.02em;color:var(--messinki-deep);line-height:1}.spec__suffix{font-size:.45em;font-weight:600;letter-spacing:0;color:var(--grafiitti);margin-left:.35rem}.spec__label{margin-top:.9rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grafiitti)}.materials__machine{margin:1.6rem 0 0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--messinki-deep)}.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cta-section{background:var(--kraft);padding:clamp(4.5rem,10vh,7rem) var(--pad-x) 2.5rem;display:flex;flex-direction:column;align-items:center}.cta-section__block{width:min(28rem,100%);text-align:center}.cta-section__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.015em;margin:0 0 .9rem}.cta-card{margin-top:2rem;padding:2rem;background:var(--luu);border:1px solid rgba(26,24,21,.12);text-align:left;display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--grafiitti)}.field__input{font-family:var(--font-sans);font-size:1rem;color:var(--hiili);background:#fffdf8;border:1px solid rgba(140,145,150,.5);padding:.65rem .75rem;transition:border-color .15s}.field__input:focus{outline:none;border-color:var(--messinki)}.field__input--area{resize:vertical}.cta-card__submit{width:100%}.cta-card__sent-title{font-family:var(--font-display);font-size:1.6rem;margin:0 0 .5rem}.cta-card__sent-body{color:var(--grafiitti);margin:0}.cta-card__fallback{margin:0;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--grafiitti)}.cta-card__mail{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--messinki)}.cta-card__mail:hover{color:var(--messinki)}.cta-section__note{margin:1.4rem 0 0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--grafiitti)}.footer{width:100%;margin-top:clamp(3rem,8vh,5rem);border-top:1px solid rgba(26,24,21,.14);padding-top:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer__lockup{display:flex;align-items:center;gap:.9rem}.footer__name{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;line-height:1}.footer__sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--messinki-deep);margin-top:.3rem}.footer__company{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--grafiitti)}@media(prefers-reduced-motion:reduce){.hero__status-dot,.hud-frame__rec,.marquee__track{animation:none}[data-fade],.hero__line{opacity:1!important;transform:none!important}}@media(max-width:1000px){.products__grid,.process__steps{grid-template-columns:repeat(2,1fr)}.process__path{display:none}}@media(max-width:760px){.nav__links,.nav__cta,.hero__coords{display:none}.hero__scene{opacity:.45}.process__clips,.gallery__grid,.materials__specs{grid-template-columns:1fr}}@media(max-width:520px){.products__grid,.process__steps{grid-template-columns:1fr}}