:root { --ink:#11120f; --paper:#f1efe7; --line:rgba(241,239,231,.22); --olive:#a9ae83; --sand:#cbbd98; --muted:#a7a69f; --display:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; --sans:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); } button,input,select { font:inherit; } button { cursor:pointer; } a { color:inherit; } img { display:block; max-width:100%; }
.skip-link { position:fixed; left:1rem; top:-4rem; z-index:30; background:var(--paper); color:var(--ink); padding:.75rem; } .skip-link:focus { top:1rem; }.site-header { height:76px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 clamp(1.25rem,4vw,4rem); position:relative; z-index:3; }.wordmark { font-size:1.25rem; font-weight:800; letter-spacing:-.07em; text-decoration:none; }.site-nav { display:flex; gap:1.5rem; font-size:.74rem; text-transform:uppercase; letter-spacing:.12em; }.site-nav a { text-decoration:none; padding:.35rem 0; }.site-nav a:not(.social-icon) { position:relative; }.site-nav a:not(.social-icon)::after { position:absolute; right:0; bottom:.15rem; left:0; height:1px; content:""; background:var(--olive); transform:scaleX(0); transform-origin:center; transition:transform .22s ease; }.site-nav a:not(.social-icon):hover::after,.site-nav a:not(.social-icon):focus::after { transform:scaleX(1); }.eyebrow { color:var(--olive); font-size:.7rem; font-weight:bold; letter-spacing:.16em; text-transform:uppercase; }
.hero { min-height:calc(100svh - 76px); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); border-bottom:1px solid var(--line); }.hero-copy { padding:clamp(2.5rem,8vw,8rem) clamp(1.25rem,5vw,6rem); display:flex; flex-direction:column; align-items:flex-start; justify-content:end; }.hero h1,.section-title,.product-title { font-family:var(--display); font-weight:400; text-transform:uppercase; line-height:.85; letter-spacing:-.035em; margin:.8rem 0 1.75rem; }.hero h1 { font-size:clamp(4.4rem,11vw,10rem); max-width:8ch; }.hero h1 span { color:var(--olive); }.intro { color:#d1d0c9; line-height:1.45; max-width:26rem; margin:0 0 2rem; }.button,.text-link { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border:1px solid var(--paper); color:var(--ink); background:var(--paper); padding:0 1.25rem; font-weight:700; text-decoration:none; text-transform:uppercase; font-size:.72rem; letter-spacing:.09em; transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease; }.button:hover,.button:focus { background:var(--olive); border-color:var(--olive); }.button--outline { color:var(--paper); background:transparent; }.hero .button { min-height:72px; padding:0 2.4rem; font-size:.92rem; }.hero .button:hover,.hero .button:focus { transform:scale(1.025); }.hero-photo { overflow:hidden; min-height:500px; position:relative; }.hero-photo img { width:100%; height:100%; object-fit:cover; object-position:center 67%; filter:grayscale(1) contrast(1.13); position:absolute; }.photo-caption { position:absolute; bottom:1.25rem; right:1.25rem; writing-mode:vertical-rl; font-size:.63rem; text-transform:uppercase; letter-spacing:.13em; }
.section { padding:clamp(4rem,9vw,9rem) clamp(1.25rem,5vw,6rem); border-bottom:1px solid var(--line); }.section-title { font-size:clamp(3.2rem,8vw,7rem); max-width:10ch; }.drop { background:var(--paper); color:var(--ink); display:grid; grid-template-columns:.75fr 1.25fr; gap:4rem; }.drop p { max-width:32rem; line-height:1.5; font-size:1.15rem; }.split-feature { display:grid; grid-template-columns:1fr 1fr; padding:0; }.feature-photo { min-height:650px; overflow:hidden; }.feature-photo img { width:100%; height:100%; object-fit:cover; object-position:center 58%; filter:saturate(.7) contrast(1.05); }.feature-copy { padding:clamp(3rem,8vw,7rem); background:#282a21; }.feature-copy .section-title { font-size:clamp(3rem,6vw,5.5rem); }.spec-list { list-style:none; padding:0; margin:2.75rem 0 0; border-top:1px solid var(--line); }.spec-list li { padding:1rem 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:1rem; text-transform:uppercase; font-size:.78rem; letter-spacing:.1em; }.spec-list span:last-child { color:var(--sand); text-align:right; }.feature-statement { color:var(--sand); font-family:var(--display); font-size:clamp(3.5rem,6vw,6.5rem); line-height:.86; letter-spacing:-.035em; margin:clamp(4rem,9vw,8rem) 0 0; text-transform:uppercase; }.process { display:grid; grid-template-columns:.85fr 1.15fr; border-bottom:1px solid var(--line); }.process-copy { padding:clamp(3rem,8vw,7rem) clamp(1.25rem,5vw,6rem); display:flex; flex-direction:column; justify-content:end; }.process-copy .section-title { font-size:clamp(3.5rem,7vw,7rem); }.process-copy p { color:var(--muted); line-height:1.5; max-width:25rem; }.process-photo { min-height:620px; overflow:hidden; background:#0c0d0a; }.process-photo img { width:100%; height:100%; object-fit:cover; object-position:center 55%; filter:saturate(.65) contrast(1.05); }.reviews { background:#151711; }.reviews-grid { display:grid; grid-template-columns:.9fr 1.25fr .9fr; gap:1rem; border-top:1px solid var(--line); padding-top:1rem; align-items:start; }.review-image { margin:0; padding:clamp(1rem,2vw,1.5rem); background:#0b0c09; border:1px solid var(--line); display:flex; align-items:center; min-height:100%; }.review-image img { width:100%; height:auto; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.step { padding:1.5rem; background:var(--ink); min-height:170px; }.step-number { color:var(--olive); font-size:.75rem; letter-spacing:.1em; }.step h3 { margin:2rem 0 .5rem; font-size:1rem; text-transform:uppercase; letter-spacing:.08em; }.step p { color:var(--muted); margin:0; line-height:1.45; font-size:.9rem; }.site-footer { padding:3rem clamp(1.25rem,5vw,6rem); display:grid; grid-template-columns:1fr auto; gap:2rem; }.footer-links { display:flex; flex-wrap:wrap; gap:1rem 2rem; align-content:end; color:var(--muted); font-size:.78rem; }
.catalog-head { padding-bottom:3rem; display:flex; justify-content:space-between; align-items:end; gap:1.5rem; }.catalog-head .section-title { margin-bottom:0; }.catalog-note { color:var(--muted); max-width:19rem; text-align:right; font-size:.8rem; line-height:1.4; }.catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }.catalog-card { min-width:0; background:var(--ink); }.catalog-card__button { display:block; width:100%; height:100%; padding:0; border:0; color:inherit; text-align:left; background:var(--ink); }.catalog-card__button:hover img,.catalog-card__button:focus-visible img { transform:scale(1.03); }.catalog-card__button:focus-visible { outline:2px solid var(--olive); outline-offset:-2px; }.catalog-card__button img { width:100%; aspect-ratio:1.25 / 1; object-fit:cover; object-position:center 52%; filter:grayscale(.2) contrast(1.08); transition:transform .25s ease; }.catalog-card__content { display:grid; grid-template-columns:1fr auto; gap:.6rem 1rem; padding:1.25rem; }.catalog-card__content .eyebrow { grid-column:1 / -1; }.catalog-card__title { font-family:var(--display); font-size:clamp(2.5rem,5vw,4.5rem); line-height:.85; letter-spacing:-.035em; text-transform:uppercase; }.catalog-card__content .price { align-self:end; margin:0; }.catalog-card__action { grid-column:1 / -1; color:var(--olive); font-size:.7rem; font-weight:bold; letter-spacing:.1em; text-transform:uppercase; }.catalog-card--soon { display:flex; min-height:300px; background:#282a21; }.catalog-card__placeholder { display:flex; flex:1; flex-direction:column; justify-content:space-between; padding:1.25rem; border:1px dashed rgba(241,239,231,.3); outline:1rem solid #282a21; }.catalog-card__placeholder p { max-width:15rem; margin:2rem 0 0; color:var(--muted); line-height:1.45; }.gallery { position:absolute; z-index:1; bottom:1rem; left:1rem; display:flex; gap:.5rem; }.gallery button { color:var(--paper); background:rgba(17,18,15,.8); border:1px solid var(--line); padding:.55rem .65rem; text-transform:uppercase; letter-spacing:.08em; font-size:.63rem; }.gallery button[aria-pressed="true"],.gallery button:hover,.gallery button:focus { background:var(--olive); color:var(--ink); }.product-detail__content { padding:clamp(1.5rem,4vw,2.5rem); display:flex; flex-direction:column; align-items:flex-start; }.product-title { font-size:clamp(4rem,7vw,6.5rem); margin:.6rem 0 1rem; }.price { font-size:1.2rem; font-weight:bold; margin-bottom:2rem; }.product-availability { color:var(--olive); font-size:.72rem; font-weight:bold; letter-spacing:.12em; margin:-1.15rem 0 1.75rem; text-transform:uppercase; }.product-availability[data-availability-status="unavailable"] { color:#a76358; }.product-description { max-width:28rem; color:#c9c7c0; line-height:1.5; }.product-detail__content .product-description { color:#55574f; margin-top:0; }.product-detail__content .button { width:100%; }.product-detail__content .button:disabled { background:#a7a69f; border-color:#a7a69f; cursor:not-allowed; }.product-meta { margin:2rem 0; width:100%; }.product-meta div { padding:.7rem 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:1rem; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; }.product-meta span:last-child { color:var(--sand); text-align:right; }
.modal[hidden] { display:none; }.modal { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:1rem; background:rgba(0,0,0,.78); }.modal__panel { width:min(100%,630px); max-height:calc(100svh - 2rem); overflow:auto; background:var(--paper); color:var(--ink); padding:clamp(1.5rem,4vw,3rem); position:relative; }.modal__close { position:absolute; top:1rem; right:1rem; border:0; background:transparent; font-size:1.8rem; line-height:1; padding:.4rem; }.modal h2 { font-family:var(--display); text-transform:uppercase; font-weight:400; letter-spacing:-.02em; font-size:3rem; line-height:.9; margin:0 2rem 1.5rem 0; }.modal-intro { margin:0 0 2rem; line-height:1.4; color:#55574f; }.order-form fieldset { border:0; padding:0; margin:0 0 1.5rem; }.order-form legend,.order-form label { font-weight:700; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; display:block; margin-bottom:.55rem; }.choices { display:flex; flex-wrap:wrap; gap:.5rem; }.choices label { margin:0; }.choices input { position:absolute; opacity:0; pointer-events:none; }.choices span { display:block; border:1px solid #8b8d83; padding:.7rem .8rem; min-width:3.1rem; text-align:center; }.choices input:checked + span { color:var(--paper); background:var(--ink); border-color:var(--ink); }.choices input:focus-visible + span { outline:2px solid #626c44; outline-offset:2px; }.order-form input[type="text"],.order-form input[type="tel"] { width:100%; border:1px solid #8b8d83; background:transparent; padding:.85rem; border-radius:0; }.form-note { color:#5e6059; font-size:.75rem; line-height:1.4; }.honeypot { position:absolute !important; left:-10000px !important; }.form-message { min-height:1.3em; margin:1rem 0 0; font-size:.85rem; font-weight:bold; }.form-message.error { color:#8b201d; }.form-message.success { color:#3f572e; } body.modal-open { overflow:hidden; }.product-modal { z-index:21; }.product-modal__panel { width:min(100%,900px); padding:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); }.product-detail__gallery { min-height:400px; position:relative; background:#080908; }.product-detail__gallery img { width:100%; height:100%; object-fit:cover; object-position:center 52%; filter:grayscale(.2) contrast(1.08); }.product-modal .modal__close { z-index:2; color:var(--paper); background:rgba(17,18,15,.75); }
@media (max-width:720px) { .site-header { height:64px; }.site-nav { gap:.9rem; font-size:.63rem; }.site-nav a:nth-child(2) { display:none; }.hero { min-height:calc(100svh - 64px); grid-template-columns:1fr; }.hero-copy { min-height:55svh; position:relative; z-index:1; }.hero-photo { grid-row:1; min-height:45svh; }.hero-photo img { object-position:center 70%; }.hero h1 { font-size:clamp(4.4rem,21vw,7rem); }.drop,.split-feature,.process { grid-template-columns:1fr; gap:0; }.feature-photo,.process-photo { min-height:430px; }.feature-copy { padding:4rem 1.25rem; }.reviews-grid,.steps { grid-template-columns:1fr; }.site-footer { grid-template-columns:1fr; }.catalog-head { display:block; }.catalog-note { text-align:left; margin-top:1.5rem; }.catalog-grid,.product-modal__panel { grid-template-columns:1fr; }.catalog-card--soon { min-height:220px; }.product-detail__gallery { min-height:min(58svh,430px); } }

.product-modal__panel { width:min(100%,760px); }.product-detail__gallery { position:relative; }.gallery-arrow { position:absolute; z-index:2; top:50%; display:grid; width:3rem; height:3rem; padding:0; transform:translateY(-50%); place-items:center; border:0; color:rgba(241,239,231,.38); background:transparent; font-size:3.25rem; font-weight:300; line-height:1; transition:color .2s ease; }.gallery-arrow:hover,.gallery-arrow:focus-visible { color:var(--paper); outline:0; }.gallery-arrow--previous { left:.5rem; }.gallery-arrow--next { right:.5rem; }
.catalog-message { min-height:1.4em; margin:0 0 1.25rem; color:var(--muted); }.catalog-message.error { color:#e9a39c; }.catalog-message.empty { color:var(--sand); }
.catalog-grid--odd::after { content:""; background:var(--ink); } @media (max-width:720px) { .catalog-grid--odd::after { display:none; } }
.catalog-filters,.catalog-pagination { display:flex; flex-wrap:wrap; gap:.5rem; }.catalog-filters { margin:0 0:1.5rem; }.catalog-filter,.catalog-page { min-height:2.5rem; padding:0 .9rem; border:1px solid var(--line); color:var(--paper); background:transparent; font:inherit; font-size:.72rem; font-weight:bold; letter-spacing:.08em; text-transform:uppercase; }.catalog-filter[aria-pressed="true"],.catalog-page:not([disabled]):hover,.catalog-page:focus { color:var(--ink); background:var(--olive); border-color:var(--olive); }.catalog-pagination { justify-content:center; margin-top:2rem; }.catalog-page[disabled] { color:var(--ink); background:var(--paper); border-color:var(--paper); cursor:default; }
.order-contact-fields { display:grid; gap:1rem; margin-bottom:1.5rem; }.order-contact-fields label { display:grid; gap:.55rem; margin:0; }
.order-contact-fields input { font-family:var(--sans); font-size:1rem; font-weight:normal; letter-spacing:normal; text-transform:none; }
.legal { max-width:900px; }.legal h2 { margin:2.5rem 0 .75rem; font-family:var(--display); font-size:2rem; font-weight:400; letter-spacing:-.02em; text-transform:uppercase; }.legal p { max-width:46rem; line-height:1.55; }.legal strong { color:var(--sand); }
.order-consent { display:flex !important; align-items:flex-start; gap:.55rem; margin:0 0 1.5rem !important; color:#5e6059; font-size:.75rem !important; font-weight:normal !important; letter-spacing:normal !important; line-height:1.4; text-transform:none !important; }.order-consent input { width:auto; margin:.15rem 0 0; flex:none; }.order-consent a { color:inherit; }
.hero-photo,.feature-photo,.process-photo,.review-image { background:#0c0d0a; }.hero-photo img,.feature-photo img,.process-photo img,.review-image img { object-fit:contain; object-position:center; }
.hero-photo { min-height:0; overflow:visible; }.hero-photo img { position:static; height:auto; }.feature-photo { min-height:0; align-self:start; }.feature-photo img { height:auto; }.review-image:last-child img { transform:rotate(2deg); }
.hero-copy { justify-content:center; }
.review-image { min-height:auto; }.review-image:last-child img { transform:none; }
.hero-copy { justify-content:flex-start; padding-block:clamp(1.5rem,4vw,4rem); }.feature-photo { align-self:stretch; min-height:650px; }.feature-photo img { height:100%; object-fit:cover; }.drop > div:last-child { display:flex; align-items:flex-end; justify-content:flex-end; }.drop p { max-width:18rem; margin:0; font-family:var(--display); font-size:clamp(2.2rem,4vw,4rem); font-weight:400; letter-spacing:-.03em; line-height:.9; text-align:right; text-transform:uppercase; }
.drop > div:last-child { display:block; }.drop p { max-width:24rem; font-size:clamp(1.5rem,2.5vw,2.5rem); line-height:1; text-align:left; }
.site-nav { align-items:center; }.social-icon { display:grid; width:1.25rem; height:1.25rem; place-items:center; }.social-icon svg,.contact-link svg { width:1.15rem; height:1.15rem; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.contact-link { display:inline-flex; align-items:center; gap:.45rem; color:var(--paper); text-decoration:none; }.contact-link:hover,.contact-link:focus { color:var(--olive); }.meta-note { flex-basis:100%; max-width:30rem; color:var(--muted); font-size:.68rem; line-height:1.35; }
.social-icon[href*="t.me"] svg,.contact-link[href*="t.me"] svg { fill:currentColor; stroke:none; }
.site-nav .social-icon { padding:0; }
.social-icon[href*="t.me"] svg,.contact-link[href*="t.me"] svg { display:none; }.social-icon[href*="t.me"]::before,.contact-link[href*="t.me"]::before { content:""; width:1.15rem; height:1.15rem; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.7 3.3c.3-1.2-1.2-1.8-2.1-1.3L2.2 8.7c-1.2.5-1.2 1.7-.2 2l4.4 1.4 1.7 5.2c.3 1 1.5 1.2 2.1.4l2.5-2.8 4.5 3.3c.8.6 1.9.2 2.1-.8L21.7 3.3ZM8.3 11.5l9.2-5.7-7.3 7.1-.3 3.5-1.6-4.9Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.7 3.3c.3-1.2-1.2-1.8-2.1-1.3L2.2 8.7c-1.2.5-1.2 1.7-.2 2l4.4 1.4 1.7 5.2c.3 1 1.5 1.2 2.1.4l2.5-2.8 4.5 3.3c.8.6 1.9.2 2.1-.8L21.7 3.3ZM8.3 11.5l9.2-5.7-7.3 7.1-.3 3.5-1.6-4.9Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.drop p { margin-left:auto; }
.drop p { transform:translateY(2rem); }
.drop-brand-dot { display:inline-block; margin:0 .08em; color:var(--olive); }