@font-face { font-family: "Vazirmatn"; src: url("assets/fonts/vazirmatn-arabic.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC; }
@font-face { font-family: "Vazirmatn"; src: url("assets/fonts/vazirmatn-latin.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122,U+2190-21FF; }
@font-face { font-family: "DM Mono"; src: url("assets/fonts/dm-mono-latin.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122,U+2190-21FF; }

:root {
  --ink: #f7f1e6;
  --paper: #ede4d1;
  --green: #17261c;
  --green-soft: #263b2c;
  --sage: #b6bea9;
  --clay: #d78d55;
  --line: rgba(247, 241, 230, .18);
  --font: "Vazirmatn", Vazir, Tahoma, sans-serif;
  --mono: "DM Mono", monospace;
  --shell: min(1200px, calc(100vw - 80px));
}

* { box-sizing: border-box; }
html { background: var(--green); scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); font-family: var(--font); line-height: 1.8; background: #17261c; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
:focus-visible { outline: 2px solid var(--clay); outline-offset: 4px; }
img { display: block; max-width: 100%; }
h1,h2,h3,p { margin-top: 0; }
::selection { background: var(--clay); color: var(--green); }
.shell { width: var(--shell); margin: 0 auto; }
.living-nature { position: fixed; z-index: 0; inset: 0; overflow: hidden; background: #102218 url("assets/nature-live-background.jpg") center / cover; pointer-events: none; }
.nature-video { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.94) brightness(.70) contrast(1.04); }
.living-nature::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(5,17,10,.42), rgba(5,17,10,.06) 54%, rgba(5,17,10,.28)); }
.living-nature::after { content: ""; position: absolute; z-index: 2; inset: 0; background: radial-gradient(circle at 68% 15%, rgba(255,220,141,.28), transparent 21%), radial-gradient(circle at 17% 82%, rgba(54,125,75,.32), transparent 32%), linear-gradient(110deg, rgba(5,17,10,.22), rgba(17,37,25,.01) 58%, rgba(5,16,10,.18)); animation: forestLight 7s ease-in-out infinite alternate; }
.nature-mist { position: absolute; z-index: 3; display: block; width: 54vw; height: 20vw; border-radius: 50%; background: radial-gradient(ellipse, rgba(232,242,218,.15), rgba(221,241,215,.035) 45%, transparent 70%); filter: blur(18px); opacity: .5; animation: mistDrift 17s ease-in-out infinite alternate; }.nature-mist--one { top: 8%; right: -13%; }.nature-mist--two { bottom: 6%; left: -18%; transform: scale(.7); opacity: .32; animation-delay: -8s; }
.living-nature i { position: absolute; z-index: 4; display: block; width: 17px; height: 30px; border-radius: 100% 0 100% 0; background: linear-gradient(135deg, #a5bc80, #375a36); box-shadow: inset -2px -3px 5px rgba(0,0,0,.18), 0 5px 10px rgba(0,0,0,.13); transform-origin: 0 100%; animation: floatingLeaf 14s ease-in-out infinite; }
.living-nature i:nth-of-type(1) { top: 17%; right: 11%; animation-delay: -2s; }.living-nature i:nth-of-type(2) { top: 55%; right: 76%; width: 11px; height: 19px; animation-delay: -5s; }.living-nature i:nth-of-type(3) { top: 35%; right: 45%; width: 13px; height: 23px; animation-delay: -9s; }.living-nature i:nth-of-type(4) { top: 79%; right: 22%; width: 10px; height: 18px; animation-delay: -11s; }
.noise { position: fixed; z-index: 30; inset: 0; pointer-events: none; opacity: .045; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
main { position: relative; z-index: 1; }

/* Intro */
.intro { display: none; }
.js .intro { position: fixed; z-index: 100; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 32px 5vw 36px; overflow: hidden; background: #102016; color: var(--ink); }
.intro::before { content: ""; position: absolute; inset: -7%; background: linear-gradient(90deg, rgba(11,25,16,.86), rgba(14,28,18,.30)), url("assets/nature-background.jpg") center / cover; filter: saturate(.8) brightness(.65); animation: introBg 5s ease both; }
.intro > * { position: relative; z-index: 1; }
.intro__topline, .intro__bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: rgba(247,241,230,.75); font: 10px/1 var(--mono); letter-spacing: .13em; }
.intro__topline { justify-content: center; animation: fadeUp .6s .2s both; }
.intro__topline span { width: 48px; height: 1px; background: currentColor; }
.intro__topline p { margin: 0; }
.intro__center { align-self: center; display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 2vh, 24px); }
.intro__official-logo { width: clamp(240px, 30vw, 430px); height: auto; opacity: 0; filter: drop-shadow(0 20px 34px rgba(0,0,0,.38)); transform: scale(.78) translateY(20px); animation: logoReveal 1s .26s cubic-bezier(.16,1,.3,1) forwards; }
.intro__brand { direction: ltr; display: flex; font-size: clamp(52px, 7vw, 108px); line-height: .75; font-family: var(--font); font-weight: 900; letter-spacing: -.11em; transform: translateX(-.06em); }
.intro__brand i { display: inline-block; opacity: 0; font-style: normal; transform: translateY(105%); animation: letterRise .75s cubic-bezier(.16,1,.3,1) forwards; }
.intro__brand i:nth-child(1) { animation-delay: .3s; }.intro__brand i:nth-child(2) { animation-delay: .38s; }.intro__brand i:nth-child(3) { animation-delay: .46s; }.intro__brand i:nth-child(4) { animation-delay: .54s; }.intro__brand i:nth-child(5) { animation-delay: .62s; }.intro__brand i:nth-child(6) { animation-delay: .70s; }
.intro__bottom { animation: fadeUp .6s 1.1s both; }
.intro__skip { padding: 0; border: 0; background: none; cursor: pointer; }.intro__skip b { margin-right: 5px; color: var(--clay); font-size: 17px; font-weight: 400; }.intro__skip:hover { color: var(--clay); }
.intro.is-leaving { pointer-events: none; animation: introOut .9s cubic-bezier(.7,0,.2,1) forwards; }

/* Navigation */
.site-header { position: absolute; z-index: 10; top: 0; right: 0; left: 0; height: 108px; display: flex; align-items: center; justify-content: space-between; }
.wordmark { direction: ltr; display: inline-flex; flex-direction: column; align-items: center; gap: 5px; font-family: var(--font); line-height: 1; font-weight: 900; letter-spacing: -.07em; }.wordmark__mark { width: 47px; height: 47px; flex: 0 0 auto; filter: drop-shadow(0 6px 10px rgba(0,0,0,.22)); }.wordmark__text { position: relative; display: block; font-size: 18px; }.wordmark__text sup { position: absolute; top: -3px; right: -10px; font: 6px var(--mono); letter-spacing: 0; }
.desktop-nav { display: flex; gap: 30px; margin-right: auto; margin-left: 40px; font-size: 12px; }.desktop-nav a { position: relative; color: rgba(247,241,230,.74); }.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: -5px; width: 0; height: 1px; background: var(--clay); transition: width .25s; }.desktop-nav a:hover::after { width: 100%; }.desktop-nav a:hover { color: var(--ink); }
.menu-toggle, .mobile-nav { display: none; }

/* Shared typography */
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 15px; color: var(--sage); font-size: 10px; font-weight: 600; }.eyebrow > span:first-child { width: 23px; height: 1px; flex: 0 0 auto; background: var(--clay); }
.about__copy h1, .showcase__intro h2, .catalogue__head h2, .contact__headline h2 { margin: 0; font-size: clamp(42px, 5.1vw, 74px); line-height: 1.22; font-weight: 800; letter-spacing: -.075em; }.about__copy h1 em, h2 em { color: var(--clay); font-style: normal; }

/* Section 01: clean premium introduction */
.about-section { position: relative; overflow: hidden; padding-top: 108px; background: linear-gradient(rgba(15,31,21,.73), rgba(15,31,21,.82)); }
.about-section::before { content: ""; position: absolute; z-index: 0; width: 520px; height: 520px; top: 80px; left: -260px; border-radius: 50%; border: 1px solid rgba(247,241,230,.11); box-shadow: 0 0 0 42px rgba(247,241,230,.025), 0 0 0 92px rgba(247,241,230,.015); }
.about__sun { position: absolute; z-index: 0; top: 115px; right: 13%; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(217,148,88,.23), transparent 65%); filter: blur(4px); }
.about__hero { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: 8vw; min-height: 630px; padding: 65px 0 75px; }
.about__copy { padding-top: 12px; }.about__lead { max-width: 435px; margin: 22px 0 26px; color: rgba(247,241,230,.72); font-size: 14px; line-height: 2.15; }
.about__actions { display: flex; align-items: center; gap: 20px; }.round-link { display: inline-flex; align-items: center; gap: 10px; padding: 8px 9px 8px 15px; border: 1px solid rgba(247,241,230,.45); border-radius: 40px; font-size: 12px; transition: .25s; }.round-link b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--clay); color: var(--green); font-size: 16px; font-weight: 400; }.round-link:hover { border-color: var(--ink); background: var(--ink); color: var(--green); }.about__actions > span { color: var(--sage); font-size: 10px; line-height: 1.8; }.about__taste-tags { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 19px; color: var(--sage); font-size: 10px; }.about__taste-tags span { padding-right: 9px; border-right: 1px solid var(--clay); }
.about__hero-image { position: relative; height: 505px; overflow: hidden; border-radius: 3px; box-shadow: 28px 28px 0 rgba(213,141,85,.14); }.about__hero-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) brightness(.8); transition: transform 1s ease; }.about__hero-image:hover img { transform: scale(1.04); }.about__hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(14,29,19,.1), rgba(14,29,19,.42)); }.about__hero-image p { position: absolute; z-index: 1; left: 27px; bottom: 22px; margin: 0; direction: rtl; text-align: left; color: rgba(255,255,255,.9); font-size: 11px; line-height: 1.8; }.about__stamp { position: absolute; z-index: 2; top: 18px; right: 18px; width: 122px; height: 122px; }.about__stamp svg { width: 100%; height: 100%; animation: spin 18s linear infinite; }.about__stamp text { fill: var(--ink); font: 7px var(--mono); letter-spacing: 1.4px; }.about__stamp .brand-mark { position: absolute; inset: 0; width: 68px; height: 68px; margin: auto; filter: drop-shadow(0 5px 9px rgba(0,0,0,.24)); }
.showcase { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr repeat(3, .86fr); gap: 22px; padding: 92px 0 100px; }.showcase__intro { align-self: center; padding-left: 20px; }.showcase__intro > span, .catalogue__instruction > span, .contact__serial { display: block; margin-bottom: 9px; color: var(--clay); font: 10px var(--mono); direction: ltr; }.showcase__intro h2 { font-size: clamp(34px, 3.7vw, 53px); }.showcase__intro > p { max-width: 280px; margin: 17px 0 0; color: rgba(247,241,230,.66); font-size: 12px; line-height: 2; }
.showcase-card { position: relative; min-height: 325px; overflow: hidden; border-radius: 3px; }.showcase-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78); transition: transform .7s ease; }.showcase-card:hover img { transform: scale(1.05); }.showcase-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(9,17,11,.78), transparent 65%); }.showcase-card > div { position: absolute; z-index: 1; right: 20px; left: 20px; bottom: 17px; }.showcase-card span { color: rgba(247,241,230,.75); font: 9px var(--mono); }.showcase-card h3 { margin: 2px 0 0; font-size: 20px; letter-spacing: -.045em; }.showcase__notes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.showcase__notes p { margin: 0; padding-top: 12px; border-top: 1px solid var(--line); color: var(--sage); font-size: 11px; }.showcase__notes b { margin-left: 8px; color: var(--clay); font: 10px var(--mono); }

/* Section 02: ordered gallery */
.catalogue-section { position: relative; overflow: hidden; padding: 120px 0 130px; color: var(--green); background: var(--paper); }.catalogue-section::before { content: ""; position: absolute; inset: 0; opacity: .28; pointer-events: none; background: url("assets/nature-background.jpg") center / cover; mix-blend-mode: multiply; }.catalogue__shape { display: none; }.catalogue__head, .catalogue__intro, .filter-bar, .product-grid, .gallery-sentinel, .empty-state { position: relative; z-index: 1; }.catalogue__head { display: flex; justify-content: space-between; align-items: end; gap: 45px; margin-bottom: 50px; }.catalogue__head .eyebrow { color: #65775f; }.catalogue__head h2 { font-size: clamp(40px,4.5vw,65px); }.catalogue__instruction { width: 275px; padding-bottom: 6px; }.catalogue__instruction > span { color: var(--clay); }.catalogue__instruction p { margin: 0; color: rgba(23,38,28,.68); font-size: 12px; line-height: 2; }.catalogue__intro { margin-top: -25px; margin-bottom: 30px; }.catalogue__intro p { max-width: 760px; margin: 0; color: rgba(23,38,28,.68); font-size: 12px; line-height: 2; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; padding-bottom: 25px; border-bottom: 1px solid rgba(23,38,28,.16); }.filter { appearance: none; padding: 7px 15px; border: 1px solid rgba(23,38,28,.28); border-radius: 25px; background: rgba(255,255,255,.22); color: #52634e; cursor: pointer; font-size: 11px; transition: .2s; }.filter.is-active, .filter:hover { border-color: var(--green); background: var(--green); color: var(--ink); }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 38px 20px; }.product-card__button { width: 100%; padding: 0; border: 0; background: none; color: var(--green); text-align: right; cursor: pointer; }.product-card__image { position: relative; aspect-ratio: .8; overflow: hidden; border-radius: 2px; background: #c9bea9; }.product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease, filter .4s; }.product-card__image::after { content: ""; position: absolute; inset: 0; opacity: 0; background: linear-gradient(0deg, rgba(14,29,19,.69), transparent 64%); transition: opacity .3s; }.product-card__more { position: absolute; z-index: 1; right: 14px; bottom: 12px; opacity: 0; transform: translateY(7px); color: var(--ink); font-size: 10px; transition: .3s; }.product-card__more b { margin-right: 4px; color: var(--clay); font-size: 15px; font-weight: 400; }.product-card__button:hover img { transform: scale(1.055); filter: saturate(.75); }.product-card__button:hover .product-card__image::after, .product-card__button:hover .product-card__more { opacity: 1; transform: none; }.product-card__info { display: flex; justify-content: space-between; gap: 8px; padding-top: 10px; }.product-card__category { display: inline-flex; align-items: center; gap: 6px; color: #75816e; font-size: 10px; }.product-card__brand { width: 27px; height: 27px; opacity: .96; filter: drop-shadow(0 3px 5px rgba(0,0,0,.14)); }.product-card__info h3 { margin: 1px 0 0; font-size: 16px; letter-spacing: -.04em; }.product-card__num { padding-top: 3px; color: #7a8172; font: 9px var(--mono); direction: ltr; }.gallery-sentinel { height: 1px; margin-top: 65px; }.gallery-sentinel span { display: block; width: 33px; height: 33px; margin: auto; border: 2px solid rgba(23,38,28,.14); border-top-color: var(--clay); border-radius: 50%; animation: spin 1s linear infinite; }.gallery-sentinel.is-done { display: none; }.empty-state { padding: 60px 0; color: #687360; text-align: center; }.catalogue__whisper { position: relative; z-index: 1; margin: 65px 0 0; color: rgba(23,38,28,.35); text-align: center; font: 9px var(--mono); letter-spacing: .22em; direction: ltr; }

/* Section 03: natural contact close */
.contact-section { position: relative; overflow: hidden; padding: 125px 0 0; background: linear-gradient(rgba(15,33,22,.68),rgba(15,33,22,.80)); }.contact-section::before { content: ""; position: absolute; width: 540px; height: 540px; top: -280px; left: -120px; border: 1px solid rgba(247,241,230,.12); border-radius: 50%; box-shadow: 0 0 0 44px rgba(247,241,230,.025), 0 0 0 95px rgba(247,241,230,.015); }.contact__orb { display: none; }.contact__main { position: relative; z-index: 1; display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; align-items: end; }.contact__side { padding-bottom: 10px; }.contact__side > p:not(.eyebrow) { max-width: 270px; margin: 0; color: rgba(247,241,230,.7); font-size: 12px; line-height: 2.1; }.contact__headline h2 { font-size: clamp(43px,5.4vw,76px); }.contact__cta { display: inline-flex; align-items: center; gap: 11px; margin-top: 25px; font-size: 12px; }.contact__cta-icon { width: 34px; height: 34px; padding: 5px; border-radius: 50%; background: rgba(247,241,230,.93); box-shadow: 0 5px 14px rgba(0,0,0,.18); transition: transform .25s, box-shadow .25s; }.contact__cta:hover .contact__cta-icon { transform: translateY(-3px) rotate(-6deg); box-shadow: 0 9px 20px rgba(0,0,0,.28); }
.contact__channels { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5,1fr); margin-top: 75px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }.contact__channels a { position: relative; display: flex; flex-direction: column; min-height: 128px; padding: 17px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); transition: background .25s, transform .25s; }.contact__channels a:hover { background: rgba(247,241,230,.07); transform: translateY(-3px); }.contact__channels span { color: var(--sage); font: 9px var(--mono); direction: ltr; }.contact__channels strong { margin-top:8px; padding-left: 51px; font-size: 12px; font-weight: 500; direction: ltr; overflow-wrap: anywhere; }.contact-channel-icon { position: absolute; bottom: 14px; left: 14px; width: 42px; height: 42px; filter: drop-shadow(0 5px 9px rgba(0,0,0,.22)); transition: transform .25s; }.contact__channels a:hover .contact-channel-icon { transform: scale(1.13) rotate(-5deg); }.contact__footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 0; }.contact__footer p { margin: 0; color: rgba(247,241,230,.58); font-size: 10px; }.contact__footer > span { color: rgba(247,241,230,.58); font: 9px var(--mono); direction: ltr; }

/* Product dialog */
.product-modal { width: min(860px,calc(100vw - 32px)); max-width: none; max-height: min(700px,calc(100svh - 32px)); padding: 0; overflow: auto; border: 1px solid rgba(247,241,230,.2); background: #203225; color: var(--ink); box-shadow: 0 28px 80px rgba(0,0,0,.45); }.product-modal::backdrop { background: rgba(7,14,9,.74); backdrop-filter: blur(5px); }.product-modal[open] { display: grid; grid-template-columns: .85fr 1.15fr; animation: modalIn .3s ease both; }.modal-close { position: absolute; z-index: 2; top: 11px; left: 12px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(18,35,25,.75); color: var(--ink); cursor: pointer; font-size: 25px; line-height: 1; }.modal-media img { width: 100%; height: 100%; object-fit: cover; }.modal-content { padding: 43px 40px 36px; }.modal-content .eyebrow { margin-bottom: 8px; }.modal-brand-mark { width: 32px; height: 32px; filter: drop-shadow(0 3px 5px rgba(0,0,0,.16)); }.modal-content h2 { margin: 0 0 12px; font-size: 37px; line-height: 1.3; letter-spacing: -.065em; }.modal-content > p { color: rgba(247,241,230,.7); font-size: 13px; line-height: 2; }.modal-content dl { margin: 25px 0 18px; border-top: 1px solid var(--line); }.modal-content dl div { display: flex; justify-content: space-between; gap: 20px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 12px; }.modal-content dt { color: var(--sage); }.modal-content dd { margin: 0; text-align: left; }.modal-note { margin-bottom: 16px !important; font-size: 11px !important; }.outline-button { display: inline-flex; align-items: center; gap: 9px; padding: 7px 13px; border: 1px solid rgba(247,241,230,.45); border-radius: 25px; font-size: 12px; }.outline-icon { width: 27px; height: 27px; } body.modal-open { overflow: hidden; }

/* Motion */
.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }.js .reveal.delay-1 { transition-delay: .12s; }.js .reveal.delay-2 { transition-delay: .22s; }.js .reveal.is-visible { opacity: 1; transform: none; }
@keyframes logoReveal { to { opacity:1; transform:none; } } @keyframes letterRise { to { opacity:1; transform:none; } } @keyframes fadeUp { from { opacity:0; transform:translateY(12px) } to { opacity:1; transform:none } } @keyframes introBg { from { transform:scale(1.1) } to { transform:scale(1) } } @keyframes introOut { to { opacity:0; transform:scale(1.06); visibility:hidden } } @keyframes spin { to { transform:rotate(360deg) } } @keyframes marquee { to { transform:translateX(-50%) } } @keyframes modalIn { from { opacity:0; transform:translateY(14px) scale(.98) } to { opacity:1; transform:none } } @keyframes forestDrift { 0% { transform:scale(1.03) translate3d(0,0,0) } 45% { transform:scale(1.11) translate3d(-2.1%,-1.4%,0) } 100% { transform:scale(1.07) translate3d(1.5%,1.2%,0) } } @keyframes forestLight { 0% { opacity:.62 } 55% { opacity:1 } 100% { opacity:.76 } } @keyframes mistDrift { 0% { transform:translate3d(-5%,0,0) scale(.96) } 100% { transform:translate3d(8%,5%,0) scale(1.13) } } @keyframes floatingLeaf { 0% { transform:translate3d(0,0,0) rotate(-26deg) scale(.8); opacity:0 } 16% { opacity:.72 } 52% { transform:translate3d(-42px,74px,0) rotate(108deg) scale(1) } 86% { opacity:.58 } 100% { transform:translate3d(-78px,138px,0) rotate(190deg) scale(.74); opacity:0 } }

@media (max-width: 800px) {
  :root { --shell: min(100% - 40px, 1200px); } body { background-attachment: scroll; }.js .intro { padding: 24px 20px 27px; }.intro__topline { font-size: 8px; }.intro__bottom { font-size: 9px; }
  .site-header { height: 96px; }.wordmark { gap: 3px; }.wordmark__mark { width: 39px; height: 39px; }.wordmark__text { font-size: 15px; }.desktop-nav { display: none; }.menu-toggle { display: flex; flex-direction: column; gap: 6px; padding: 8px 0 8px 8px; border: 0; background: none; cursor: pointer; }.menu-toggle span { width: 23px; height: 1px; background: var(--ink); transition: .25s; }.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }.mobile-nav { position: fixed; z-index: 9; top: 0; right: 0; left: 0; display: flex; flex-direction: column; gap: 10px; padding: 110px 20px 18px; background: rgba(18,35,25,.98); box-shadow: 0 10px 20px rgba(0,0,0,.2); transform: translateY(-115%); transition: transform .35s ease; }.mobile-nav.is-open { transform: none; }.mobile-nav a { font-size: 15px; }
  .about-section { padding-top: 96px; }.about__hero { grid-template-columns: 1fr; gap: 31px; min-height: 0; padding: 45px 0 50px; }.about__copy { padding-top: 0; }.about__copy h1, .catalogue__head h2, .contact__headline h2 { font-size: clamp(40px, 11.7vw, 58px); }.about__lead { margin: 16px 0 20px; font-size: 13px; }.about__hero-image { height: 325px; margin-right: 8vw; box-shadow: 15px 15px 0 rgba(213,141,85,.13); }.about__hero-image p { bottom: 16px; left: 17px; }.about__stamp { top: 13px; right: 13px; width: 92px; height: 92px; }.about__stamp .brand-mark { width: 58px; height: 58px; }.showcase { grid-template-columns: 1fr 1fr; gap: 14px; padding: 70px 0 78px; }.showcase__intro { grid-column: 1 / -1; padding: 0 0 13px; }.showcase__intro h2 { font-size: 39px; }.showcase__intro > p { margin-top: 9px; }.showcase-card { min-height: 250px; }.showcase-card > div { right: 13px; left: 13px; bottom: 12px; }.showcase-card h3 { font-size: 17px; }.showcase__notes { grid-column: 1 / -1; grid-template-columns: 1fr; gap: 10px; }.showcase__notes p { font-size: 9px; }
  .catalogue-section { padding: 82px 0 96px; }.catalogue__head { display: block; margin-bottom: 32px; }.catalogue__instruction { width: auto; margin-top: 18px; }.catalogue__intro { margin-top: -10px; margin-bottom: 25px; }.catalogue__intro p { font-size: 12px; }.filter-bar { flex-wrap: nowrap; overflow: auto; margin-right: -20px; padding-right: 20px; padding-bottom: 18px; }.filter { white-space: nowrap; }.product-grid { grid-template-columns: repeat(2,1fr); gap: 29px 13px; }.product-card__info h3 { font-size: 14px; }.product-card__category { font-size: 8px; }.gallery-sentinel { margin-top: 50px; }.catalogue__whisper { margin-top: 50px; font-size: 7px; }
  .contact-section { padding-top: 82px; }.contact__main { grid-template-columns: 1fr; gap: 34px; }.contact__side { padding: 0; }.contact__side > p:not(.eyebrow) { max-width: 330px; }.contact__channels { grid-template-columns: 1fr 1fr; margin-top: 55px; }.contact__channels a { min-height: 122px; padding: 13px; }.contact__channels strong { font-size: 11px; }.contact__footer { flex-wrap: wrap; align-items: flex-start; }.contact__footer p { order: 3; width: 100%; }.product-modal[open] { display: block; }.modal-media { height: 255px; }.modal-content { padding: 30px 23px 27px; }.modal-content h2 { font-size: 31px; }
}
@media (max-width:390px) { :root { --shell: min(100% - 32px,1200px); }.about__actions { gap: 12px; }.about__actions > span { font-size: 9px; }.showcase-card { min-height: 230px; }.product-grid { gap: 26px 10px; }.product-card__info h3 { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }.js .intro { display:none; }.js .reveal { opacity:1; transform:none; } }