.north{--bg:#182019;--surface:#1f2a20;--ink:#e9eadf;--muted:#96a08f;--accent:#f4a340;--line:#33402f;background:var(--bg);color:var(--ink);font-family:Arial Narrow,Helvetica Neue,Inter,sans-serif}.north *{box-sizing:border-box}.north h1,.north h2,.north h3{margin:0;line-height:1.02;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.north p{line-height:1.72;margin:0}.north a{color:inherit;text-decoration:none}.north button{font:inherit;cursor:pointer}.north img{display:block;max-width:100%}.north .wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}.north .small{display:inline-block;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.north .announce{background:var(--accent);color:#182019;text-align:center;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:9px}.north .mast{position:sticky;top:0;z-index:20;background:#182019f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.north .mast .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.north .mast nav{display:flex;gap:24px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.north .mast nav a{padding:5px 0;border-bottom:2px solid transparent}.north .mast nav a:hover,.north .mast nav a[aria-current]{color:var(--ink);border-color:var(--accent)}.north .word{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.north .left,.north .right{flex:1;display:flex;align-items:center;gap:18px}.north .right{justify-content:flex-end}.north .tiny{background:transparent;border:1px solid var(--line);padding:8px 14px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);transition:.2s}.north .tiny:hover{border-color:var(--accent);color:var(--accent)}.north .burger{display:none;background:none;border:1px solid var(--line);padding:6px 11px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.north .mast .drawer{display:none}.north .offline{margin:0;padding:9px;background:#2a2410;color:#f4c98a;border-bottom:1px solid #4a3c18;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-align:center}.north .hero{padding:56px 0 30px}.north .eyebrow{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}.north .eyebrow span{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.north .eyebrow em{font-style:normal;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.14em;color:var(--muted)}.north .hero h1{font-size:clamp(44px,6.2vw,86px);letter-spacing:-.03em;line-height:.98;margin-bottom:26px}.north .hero h1 em{font-style:normal;color:var(--accent)}.north .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end}.north .hero-grid figure{margin:0}.north .hero-grid img{width:100%;height:400px;object-fit:cover;border:1px solid var(--line)}.north .hero-grid figcaption{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:9px}.north .copy p{font-size:17px;color:var(--muted);max-width:380px}.north .acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.north .solid{background:var(--accent);border:1px solid var(--accent);color:#182019;padding:13px 22px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.north .solid:hover:not(:disabled){background:#ffb85e}.north .solid:disabled{opacity:.5;cursor:wait}.north .quiet{background:none;border:0;color:var(--accent);font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:12px 0}.north .small-btn{padding:9px 12px;font-size:10px}.north .shop-block{padding:50px 0 66px}.north .head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:22px}.north .head h2{font-size:clamp(26px,3.4vw,42px)}.north .products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.north .products.wide{grid-template-columns:repeat(3,1fr)}.north .products article{display:flex;flex-direction:column;gap:7px;background:var(--surface);border:1px solid var(--line);padding:10px}.north .thumb{background:#263326;aspect-ratio:1/1;overflow:hidden}.north .thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.north .ph{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,#1f2a20,#1f2a20 10px,#243026 10px,#243026 20px)}.north .cat{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.north .products h3{font-size:17px;letter-spacing:.01em}.north .desc{font-size:12px;color:var(--muted);flex:1}.north .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px}.north .price{font-family:ui-monospace,monospace;font-size:16px;color:var(--accent)}.north .empty{color:var(--muted);border:1px dashed var(--line);padding:18px}.north .note{margin-top:20px;padding:13px 16px;border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);font-size:12px}.north .rule{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:56px}.north .rule span{background:var(--surface);padding:18px;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.north .rule strong{display:block;font-size:26px;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}.north .block{padding:58px 0}.north .services{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.north .services article{background:var(--surface);padding:24px}.north .services .n{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.14em;color:var(--accent);display:block;margin-bottom:12px}.north .services h3{font-size:19px;margin-bottom:6px}.north .services p{color:var(--muted);font-size:13px}.north .quote{padding:6px 0 64px;text-align:center}.north .quote p{font-size:clamp(22px,3vw,36px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15;max-width:860px;margin:0 auto}.north .inner{padding:50px 0 86px;min-height:60vh}.north .inner h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.03em;margin-bottom:16px}.north .lead{color:var(--muted);font-size:17px;max-width:620px}.north .about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;margin-top:30px}.north .values{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.north .values li{background:var(--surface);padding:16px 18px;display:grid;gap:4px}.north .values strong{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.north .values span{color:var(--muted);font-size:13px}.north .company{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);overflow-wrap:anywhere}.north .company strong{display:block;color:var(--ink);margin-bottom:6px}.north .mail{display:inline-block;margin:20px 0 26px;font-family:ui-monospace,monospace;font-size:clamp(16px,2.1vw,24px);color:var(--accent);border-bottom:1px solid #4a3c18;overflow-wrap:anywhere}.north .contact{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.north .contact>div{background:var(--surface);padding:22px}.north .contact p{color:var(--muted);font-size:13px;margin-top:6px}.north .narrow{max-width:720px}.north .account-card{background:var(--surface);border:1px solid var(--line);margin:22px 0}.north .account-card>div{display:flex;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.north .account-card>div:last-child{border:0}.north .account-card span{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.north .account-card strong{font-size:13px;font-weight:600}.north .narrow .tiny{margin-right:10px}.north .narrow .solid{margin-top:10px}.north .orders{display:grid;gap:8px}.north .orders article{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:15px 18px}.north .orders span{display:block;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.north .orders strong{font-size:12px;font-weight:600}.north .st.pending{color:var(--accent)}.north .st.paid{color:#8fd6a0}.north .policy{max-width:800px}.north .policy h2{font-size:22px;margin:28px 0 9px}.north .policy p{color:var(--muted);font-size:15px;margin-bottom:13px}.north .foot{border-top:1px solid var(--line);background:#131a14;padding:44px 0 22px}.north .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:32px}.north .foot-grid p{color:var(--muted);font-size:12px;margin-top:10px;max-width:300px}.north .foot-grid a:not(.word){display:block;margin-top:9px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}.north .foot-grid a:hover{color:var(--accent)}.north .legal{margin-top:30px;padding-top:15px;border-top:1px solid var(--line);font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.1em;color:#64705f}.north .legal a{text-decoration:underline}.north .toast{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--accent);color:#182019;padding:12px 17px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;max-width:calc(100% - 36px)}.north .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0f0aee;display:grid;place-items:center;padding:20px}.north .dialog{position:relative;width:100%;max-width:450px;background:var(--surface);border:1px solid var(--line);padding:34px;max-height:calc(100vh - 40px);overflow:auto}.north .dialog h2{font-size:28px;margin-bottom:16px}.north .dialog form{display:grid;gap:13px}.north .dialog label{display:grid;gap:6px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.north .dialog input{padding:10px;background:#0e140f;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:14px;width:100%}.north .dialog input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.north .dialog .solid{width:100%;margin-top:4px}.north .close{position:absolute;right:12px;top:4px;background:none;border:0;color:var(--muted);font-size:26px;line-height:1}.north .error{color:#ff9d7a;font-size:12px;margin:0}.north .dialog .note{background:#2a2410;border-left:3px solid var(--accent);padding:10px 12px;font-size:11px;color:var(--muted);margin:0 0 4px}.north .switch{margin:15px 0 0;font-size:12px;color:var(--muted)}.north .switch button{background:none;border:0;color:var(--accent);text-decoration:underline;font-size:12px;padding:0}.north .fade-enter-active,.north .fade-leave-active{transition:opacity .16s}.north .fade-enter-from,.north .fade-leave-to{opacity:0}@media(max-width:1050px){.north .products,.north .products.wide{grid-template-columns:repeat(2,1fr)}.north .left,.north .right nav{display:none}.north .foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.north .hero-grid,.north .about-grid{grid-template-columns:1fr;gap:26px}.north .hero-grid img{height:320px}.north .services{grid-template-columns:1fr}}@media(max-width:720px){.north .wrap{width:calc(100% - 32px)}.north .mast .wrap{height:64px}.north .right{display:none}.north .burger{display:block}.north .mast .drawer.open{display:flex;position:absolute;top:63px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;padding:18px 16px;gap:14px}.north .hero h1{font-size:clamp(36px,10vw,52px)}.north .hero-grid img{height:270px}.north .products,.north .products.wide,.north .rule,.north .contact,.north .foot-grid{grid-template-columns:1fr}.north .orders article{grid-template-columns:1fr 1fr;gap:12px}.north .inner{padding:38px 0 60px}.north .dialog{padding:26px 20px}}@media(prefers-reduced-motion:reduce){.north *{transition:none!important;scroll-behavior:auto!important}}
