/* ARKMEN — catalogue-derived design system. No framework or external fonts. */
:root {
  --ivory:#f8f5ee; --paper:#fffdf9; --ink:#17231f; --brown:#8f5e43;
  --olive:#667154; --stone:#e6e0d4; --muted:#5c655e; --forest:#20382e;
  --line:#d8d2c6; --white:#fff; --danger:#9b302e; --success:#265d40;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --wrap:1280px; --radius:3px; --header:94px;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:125px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {margin:0;color:var(--ink);background:var(--ivory);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-wrap:break-word}
body.menu-open {overflow:hidden}
img,svg {max-width:100%}
img {display:block;height:auto}
picture {display:block}
a {color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover {color:var(--brown)}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea,summary {-webkit-tap-highlight-color:transparent}
button {cursor:pointer}
button,fieldset {border:0}
fieldset {padding:0;margin:0;min-width:0}
button:disabled {cursor:wait;opacity:.66}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {outline:3px solid var(--brown);outline-offset:5px}
:focus:not(:focus-visible) {outline:none}
h1,h2,h3,h4,p,ul,ol,figure {margin:0}
h1,h2,h3,h4 {font-weight:400}
h1,h2 {font-family:var(--serif);letter-spacing:-.045em;line-height:1.06}
h1 {font-size:clamp(3.2rem,5.6vw,5.7rem)}
h2 {font-size:clamp(2.2rem,3.5vw,3.6rem)}
h3 {font-size:1.25rem;line-height:1.3}
h1 em,h2 em {color:var(--brown);font-weight:400}
p+p {margin-top:18px}
strong {font-weight:600}
::selection {background:#ded6be;color:var(--ink)}
[hidden] {display:none!important}
.wrap {width:min(var(--wrap),calc(100% - 112px));margin-inline:auto}
.narrow {max-width:770px}
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link {position:fixed;top:8px;left:12px;z-index:1000;transform:translateY(-150%);padding:10px 18px;background:var(--ink);color:#fff}
.skip-link:focus {transform:translateY(0)}
.icon {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.eyebrow {font-size:.69rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.65;color:var(--brown)}
.eyebrow.light {color:#d1bf9f}
.short-rule {display:inline-block;width:29px;height:1px;background:var(--brown);vertical-align:middle;margin-right:16px;flex-shrink:0}
.section {padding-block:110px}
.section-head {display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}
.section-head .eyebrow {margin-bottom:20px}
.section-intro {max-width:350px;color:var(--muted);line-height:1.85;font-size:.98rem;padding-bottom:4px}
.lead {font-size:1.125rem;line-height:1.85;color:#445249}
.large-copy {font-size:1.38rem;line-height:1.75}
.subtle {font-size:.86rem;color:var(--muted)}
.muted {background:#efebdf}
.button {display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:51px;padding:14px 24px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:.81rem;font-weight:500;line-height:1.4;letter-spacing:.01em;border-radius:var(--radius);transition:background-color .2s,color .2s,border-color .2s;white-space:normal;text-align:center}
.button:hover {background:var(--brown);border-color:var(--brown);color:#fff}
.button .icon {width:19px;height:19px;transition:transform .2s}
.button:hover .icon {transform:translate(2px,-1px)}
.button-outline {background:transparent;color:var(--ink);border-color:var(--ink)}
.button-light {background:var(--ivory);border-color:var(--ivory);color:var(--ink)}
.button-group {display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.text-link {display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;font-size:.86rem;line-height:1.5;padding-block:12px;min-height:44px;transition:color .2s}
.text-link .icon {width:20px;height:20px;transition:transform .2s}
.text-link:hover .icon {transform:translateX(3px)}
/* Navigation */
.site-header {position:sticky;top:0;z-index:100;background:rgba(248,245,238,.98);border-bottom:1px solid var(--line)}
.header-inner {display:flex;align-items:center;gap:36px;min-height:var(--header)}
.brand {flex:0 0 184px;display:block}
.brand img {width:176px;height:auto}
.brand span {display:block;margin-top:3px;font-size:.62rem;letter-spacing:.035em;line-height:1.4}
.main-nav {display:flex;align-items:center;justify-content:flex-end;gap:28px;margin-left:auto;font-size:.78rem;line-height:1.3}
.main-nav>a,.nav-group>summary {padding-block:20px;white-space:nowrap}
.main-nav a[aria-current=page],.nav-group .current {color:var(--brown)}
.nav-group {position:relative}
.nav-group summary {cursor:pointer;list-style:none}
.nav-group summary::-webkit-details-marker {display:none}
.nav-group summary::after {content:'⌄';display:inline-block;margin-left:7px;font-size:.8em;transform:translateY(-2px)}
.nav-submenu {position:absolute;top:57px;left:-20px;min-width:220px;padding:12px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px #17231f10}
.nav-submenu a {display:block;padding:12px}
.nav-submenu a:hover {background:var(--ivory)}
.header-cta {min-height:44px;font-size:.76rem;gap:18px;padding:12px 17px;flex-shrink:0}
.menu-toggle,.mobile-quote {display:none}
.nav-overlay {border:0;background:#17231f66;position:fixed;inset:0;z-index:98}
/* Homepage */
.hero {display:grid;grid-template-columns:1.03fr 1fr;gap:70px;padding-block:48px 50px;align-items:stretch}
.hero-copy {padding-top:34px;display:flex;flex-direction:column;align-items:flex-start}
.hero h1 {font-size:clamp(3.15rem,4.6vw,4.5rem);line-height:1.14;margin:36px 0 31px;letter-spacing:-.05em}
.hero-description {color:#425046;font-size:1rem;line-height:1.88;max-width:460px;margin-bottom:30px}
.hero-footnote {display:flex;gap:23px;align-items:center;margin-top:46px;padding-bottom:5px}
.hero-footnote>span {font-family:var(--serif);font-size:1.75rem;color:var(--brown);padding-right:22px;border-right:1px solid var(--line);line-height:1}
.hero-footnote p {font-size:.7rem;color:var(--muted);line-height:1.5}
.hero-visual {position:relative;min-height:610px;border-radius:var(--radius);overflow:hidden;background:var(--stone)}
.hero-visual picture {height:100%}
.hero-photo {width:100%;height:100%;object-fit:cover}
.hero-visual .hero-photo {position:absolute;inset:0}
.image-note-top {position:absolute;right:22px;top:22px;background:var(--ivory);padding:16px 20px;font:1.07rem/1.35 var(--serif)}
.image-note-bottom {position:absolute;bottom:0;left:0;right:0;padding:70px 28px 26px;color:#fff;background:linear-gradient(transparent 0%,#15271ddb 70%,#15271deb 100%)}
.image-note-bottom span {font-size:.61rem;letter-spacing:.16em}
.image-note-bottom p {font-size:.85rem;margin-top:4px}
.proof-strip {background:#eeedde;border-block:1px solid #e5e0ce}
.proof-inner {display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px}
.proof-inner>div {display:flex;gap:21px;align-items:center;border-left:1px solid #d9d6c7;padding-left:40px}
.proof-inner>div:first-child {border:0;padding-left:0}
.proof-inner>div>span {font:1.65rem var(--serif);color:#927657}
.proof-inner p {font-size:.78rem;line-height:1.6}
.proof-inner small {display:block;color:var(--muted);font-size:.71rem}
.core-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.product-card {min-width:0}
.product-card>a {display:block}
.product-card-image {position:relative;background:#eeebe2;aspect-ratio:1.17;overflow:hidden;border-radius:var(--radius)}
.product-card-image picture {height:100%}
.product-card-image img {width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.product-card>a:hover img {transform:scale(1.035)}
.card-number {position:absolute;top:17px;left:17px;background:rgba(248,245,238,.94);padding:5px 7px;font-size:.59rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink)}
.card-arrow {position:absolute;bottom:16px;right:16px;display:grid;place-items:center;background:var(--paper);width:38px;height:38px;font-size:20px;border-radius:50%;transition:background .2s,color .2s}
.product-card a:hover .card-arrow {background:var(--ink);color:white}
.product-card-copy {padding-block:21px 10px}
.product-card h3 {font-family:var(--serif);font-size:1.8rem;letter-spacing:-.03em}
.product-card p {font-size:.83rem;color:var(--muted);line-height:1.65;margin-top:6px}
.stock-section {background:var(--forest);color:var(--ivory);padding-block:92px}
.stock-grid {display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.stock-section h2 {margin:22px 0 25px}
.stock-section h2 em {color:#cdb99a}
.stock-description {font-size:1rem;line-height:1.85;color:#deded1;max-width:510px}
.stock-section .text-link {margin-top:21px;color:var(--ivory)}
.stock-section .text-link:hover {color:#dfc69f}
.location-row {display:flex;align-items:center;gap:25px;border-top:1px solid #718277;padding:32px 0}
.location-code {font:2.8rem var(--serif);color:#c6b48e;flex:0 0 70px}
.location-row h3 {font:2rem var(--serif);margin-top:4px}
.location-row>.icon {margin-left:auto}
.stock-note {font-size:.79rem;color:#c4cfc4;border-top:1px solid #718277;padding-top:20px}
.catalogue-tools {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;border-block:1px solid var(--line);margin:36px 0 14px}
.filters {display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.filter {min-height:44px;padding:9px 17px;background:transparent;border:1px solid transparent;border-radius:var(--radius);font-size:.8rem;color:var(--ink)}
.filter span {font-size:.63rem;margin-left:8px;opacity:.8}
.filter.is-active {background:var(--ink);color:white}
.filter:not(.is-active):hover {border-color:var(--line)}
.product-search {display:flex;gap:12px;align-items:center;flex:0 1 230px;min-width:180px}
.product-search input {background:transparent;color:var(--ink);border:0;width:100%;min-height:42px;min-width:0;font-size:.84rem}
.product-search input::placeholder {color:var(--muted);opacity:1}
.filter-status {font-size:.75rem;color:var(--muted);margin-bottom:25px}
.product-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:35px 25px}
.product-grid .product-card h3 {font-size:1.5rem}
.product-grid .product-card-image {aspect-ratio:1.18}
.empty-products {text-align:center;padding:65px 20px}
.empty-products h2,.empty-products h3 {font:2.1rem var(--serif);margin-bottom:18px}
.empty-products p {max-width:550px;margin-inline:auto}
.process-section {padding-block:95px;background:#eeeadf;border-block:1px solid var(--line)}
.steps {display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:60px}
.steps article {border-top:1px solid #b9ad99;padding-top:25px}
.steps article>span {font:1.65rem var(--serif);color:var(--brown)}
.steps h3 {font:1.5rem var(--serif);margin-top:25px;letter-spacing:-.02em}
.steps p {font-size:.89rem;color:var(--muted);margin-top:13px}
.about-split {display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.about-photo {height:460px;overflow:hidden;border-radius:var(--radius)}
.about-photo picture,.about-photo img {width:100%;height:100%;object-fit:cover}
.about-split h2 {margin:22px 0 28px}
.about-split p:not(.eyebrow) {color:#48564d}
.about-split .text-link {margin-top:24px}
.brand-section {background:#efe9dd;padding-block:80px}
.brand-inner {display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.brand-inner h2 {font-size:2.6rem;margin:21px 0 28px}
.brand-inner p:not(.eyebrow) {font-size:.95rem;color:#48564d}
.lunora-word {font:2.5rem var(--serif);letter-spacing:.24em;color:#30422e;margin-bottom:20px}
.lunora-word small {display:block;font:500 .57rem var(--sans);letter-spacing:.36em;color:#8f5e43;margin-top:4px}
.lunora-photo {padding:22px 0}
.lunora-photo img {width:100%;height:auto}
.lunora-photo p {font-size:.71rem!important;text-align:center;margin-top:18px}
.brand-inner .text-link {margin-top:20px}
.enquiry-band {padding-block:80px;border-top:1px solid var(--line);background:var(--ivory)}
.enquiry-band-inner {display:flex;gap:80px;align-items:center;justify-content:space-between}
.enquiry-band h2 {font-size:2.75rem;margin:19px 0 19px}
.enquiry-band p:not(.eyebrow) {max-width:680px;color:var(--muted);font-size:.95rem}
.enquiry-band .button {flex-shrink:0}
/* Inner pages and product detail */
.breadcrumbs {padding-top:27px;font-size:.74rem;color:var(--muted)}
.breadcrumbs ol {padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.breadcrumbs li:not(:first-child)::before {content:'/';margin-right:10px;color:#a69e91}
.breadcrumbs [aria-current=page] {color:var(--ink)}
.page-heading {padding-block:64px 68px}
.page-heading .eyebrow {margin-bottom:25px}
.page-heading .lead {margin-top:28px;max-width:800px}
.catalogue-section {padding-bottom:110px}
.product-hero {display:grid;grid-template-columns:1.03fr 1fr;gap:75px;align-items:center;padding-block:52px 55px}
.product-hero h1 {font-size:clamp(3rem,5.2vw,5.5rem);margin:21px 0 26px}
.title-dot {color:var(--brown)}
.product-hero .lead {max-width:555px}
.product-hero .button-group {margin-top:28px;gap:24px}
.origin-line {margin-top:23px;font-size:.89rem}
.origin-line>span {color:var(--muted);margin-right:14px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.product-hero-photo {height:420px;background:#f0ede5;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #eeeadf}
.product-hero-photo picture {height:100%;width:100%}
.product-hero-photo .contained {object-fit:contain;padding:45px 50px 65px;mix-blend-mode:multiply}
.product-hero-photo.is-reference {background:#e7e7e2}
.product-hero-photo.is-reference .hero-photo {object-position:center;filter:none}
.product-hero-photo figcaption {position:absolute;bottom:0;left:0;right:0;padding:13px 16px;font-size:.64rem;text-align:center;color:#445047;background:rgba(248,245,238,.95)}
.product-facts {border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px;margin-bottom:20px}
.product-facts>div {border-left:1px solid var(--line);padding-left:35px}
.product-facts>div:first-child {border-left:0;padding-left:0}
.product-facts span {display:block;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.product-facts strong {font:1.35rem var(--serif)}
.product-content {display:grid;grid-template-columns:235px 1fr;gap:70px;padding-block:60px 20px}
.product-aside {align-self:start;position:sticky;top:135px}
.product-aside nav {display:flex;flex-direction:column;margin-top:17px;border-top:1px solid var(--line)}
.product-aside nav a {padding:11px 0;border-bottom:1px solid var(--line);font-size:.8rem;line-height:1.55}
.product-aside nav a:hover {color:var(--brown)}
.aside-note {margin-top:34px}
.aside-note .eyebrow {font-size:.59rem;letter-spacing:.1em;display:block;margin-bottom:12px}
.aside-note>a {font-size:.75rem;text-decoration:underline;text-decoration-color:var(--line)}
.product-details {min-width:0}
.product-section {padding:0 0 58px;scroll-margin-top:125px}
.product-section-heading {display:flex;align-items:baseline;gap:0;margin-bottom:24px}
.product-section h2 {font-size:2.1rem;letter-spacing:-.035em}
.option-list {list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.option-list li {display:flex;align-items:center;gap:11px;min-height:51px;padding:12px 17px;background:#eeeadf;border:1px solid #e1dccf;font-size:.9rem}
.option-list .icon {width:17px;height:17px;color:var(--olive)}
.section-note {font-size:.81rem;line-height:1.75;color:var(--muted);margin-top:17px;max-width:860px}
.table-scroll {overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:100%}
table {width:100%;border-collapse:collapse;font-size:.87rem;text-align:left;line-height:1.6}
th,td {padding:13px 17px;vertical-align:top;border-bottom:1px solid var(--line)}
thead th {background:#ece7dc;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#47564b}
tbody th {font-weight:500;color:var(--ink)}
tbody tr:last-child>* {border-bottom:none}
tbody tr:nth-child(even) {background:#ffffff55}
td {color:#4b574f}
.variety-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.variety-card {background:var(--paper);border:1px solid var(--stone);padding:16px}
.variety-card picture {height:200px;background:#f0eee7;overflow:hidden}
.variety-image {width:100%;height:100%;object-fit:contain}
.variety-card h3 {font:1.5rem var(--serif);margin:20px 0 10px}
.variety-card p {font-size:.83rem;line-height:1.7;color:var(--muted)}
.packaging-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.packaging-item {border:1px solid var(--line);padding:25px;background:#ffffff44}
.pack-number {color:var(--brown);font:1.5rem var(--serif)}
.packaging-item h3 {font:1.27rem var(--serif);margin:19px 0 9px}
.packaging-item strong {font-size:.86rem;color:var(--muted);font-weight:400}
.supply-note {padding:32px;background:var(--forest);color:var(--ivory);border-radius:var(--radius)}
.supply-note h2 {margin:16px 0 20px}
.supply-note p:not(.eyebrow) {color:#d5dfd5}
.supply-note .eyebrow {color:#d8bd97}
.supply-note .button {background:var(--ivory);border-color:var(--ivory);color:var(--ink);margin:23px 22px 0 0}
.supply-note .button:hover {background:#ddceb3;border-color:#ddceb3}
.supply-note .text-link {color:#e7e9de;font-size:.74rem;margin-top:12px}
.related-section {padding-top:75px}
.related-section h2 {font-size:2.5rem}
/* Company and brand pages */
.stock-location-section {display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:30px}
.large-location {display:flex;gap:30px;align-items:flex-start;padding:45px 37px;background:var(--forest);color:var(--ivory)}
.large-country-code {font:4.2rem/.9 var(--serif);color:#c8b08d;letter-spacing:-.07em}
.large-location .eyebrow {color:#dbcaac;font-size:.6rem}
.large-location h2 {font-size:2.4rem;margin:15px 0 23px}
.large-location p:not(.eyebrow) {font-size:.88rem;color:#d8dfd4}
.split-panels {display:grid;grid-template-columns:1fr 1fr;gap:70px}
.split-panels>article+article {border-left:1px solid var(--line);padding-left:65px}
.split-panels h3 {font:1.85rem var(--serif);margin:21px 0}
.split-panels h2 {font-size:2.5rem;margin:20px 0 28px}
.split-panels p:not(.eyebrow) {color:#49574e}
.section-index {font:2rem var(--serif);color:var(--brown)}
.plain-list {padding-left:19px;margin-top:23px;font-size:.92rem;color:var(--muted)}
.plain-list li {padding-block:5px}
.editorial-hero {display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding-block:55px}
.editorial-hero h1 {margin:24px 0 28px;font-size:clamp(3rem,4.6vw,4.65rem)}
.editorial-image {height:510px;overflow:hidden}
.editorial-image picture {height:100%}
.two-column-text {display:grid;grid-template-columns:.8fr 1.2fr;gap:130px}
.two-column-text h2 {margin-top:20px}
.two-column-text p {color:#425047}
.buyer-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.buyer-grid article {border-top:1px solid #bcae9b;padding-top:23px}
.buyer-grid article>span {font:1.5rem var(--serif);color:var(--brown)}
.buyer-grid h3 {font:1.6rem var(--serif);margin:25px 0 16px}
.buyer-grid p {font-size:.9rem;color:var(--muted)}
.statement {text-align:center}
.statement .eyebrow {margin-bottom:25px}
.statement h2 {font-size:clamp(2.5rem,4vw,4.1rem);line-height:1.23;margin-bottom:35px}
.quality-layout {display:grid;grid-template-columns:.82fr 1.18fr;gap:110px;padding-top:25px}
.quality-layout h2 {margin:20px 0 26px}
.quality-layout p {color:#4b584e}
.spec-checklist {list-style:none;padding:0}
.spec-checklist li {display:flex;gap:27px;padding:28px 0;border-top:1px solid var(--line)}
.spec-checklist li>span {font:1.65rem var(--serif);color:var(--brown);flex:0 0 35px}
.spec-checklist h3 {font:1.6rem var(--serif);margin-bottom:12px}
.spec-checklist p {font-size:.94rem}
.lunora-showcase {padding:55px 0;background:#eee5d5;text-align:center}
.lunora-showcase .lunora-word {font-size:3.5rem;margin-bottom:37px}
.lunora-range {width:100%;height:auto}
.image-caption {font-size:.74rem;margin-top:24px;color:var(--muted)}
/* Forms */
.contact-layout {display:grid;grid-template-columns:.68fr 1.32fr;gap:100px;align-items:start;padding-top:10px}
.contact-sidebar {padding-top:5px}
.contact-email {display:inline-block;font:1.7rem var(--serif);margin-top:23px;overflow-wrap:anywhere;letter-spacing:-.025em}
.contact-phones {display:flex;flex-direction:column;margin:20px 0 15px;gap:4px;font-size:1.05rem}
.contact-sidebar .text-link {font-size:.84rem}
.contact-context {border-top:1px solid var(--line);margin-top:39px;padding-top:31px}
.contact-context h2 {font-size:1.6rem;margin-bottom:16px}
.contact-context p {font-size:.92rem;color:var(--muted)}
.contact-sidebar .subtle {margin-top:35px}
.form-panel {padding:38px 40px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.form-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}
.form-heading h2 {font-size:2rem}
.form-heading p {font-size:.72rem;color:var(--muted)}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.field {display:flex;flex-direction:column;min-width:0}
.field-full {grid-column:1/-1}
.field label {font-size:.79rem;font-weight:500;margin-bottom:8px}
.optional {font-size:.65rem;font-weight:400;color:var(--muted);margin-left:7px}
.field input,.field select,.field textarea {background:#fbfaf6;border:1px solid #bdbbae;border-radius:2px;padding:11px 13px;min-width:0;width:100%;color:var(--ink);font-size:.91rem;line-height:1.5;transition:border-color .15s}
.field input,.field select {min-height:48px}
.field textarea {resize:vertical;min-height:145px}
.field select {padding-right:25px}
.field input::placeholder,.field textarea::placeholder {color:#6c7169;opacity:1;font-size:.83rem}
.field input:focus,.field select:focus,.field textarea:focus {border-color:var(--brown)}
.field [aria-invalid=true] {border-color:var(--danger);background:#fff9f5}
.field-error {font-size:.74rem;color:var(--danger);line-height:1.5;margin-top:5px;min-height:0}
.field-error:empty {display:none}
.hp-field {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.error-summary {padding:20px;background:#fcf0e9;border-left:3px solid var(--danger);margin-bottom:24px;font-size:.83rem}
.error-summary h3 {font:1.4rem var(--serif);margin-bottom:10px}
.error-summary ul {padding-left:21px}
.error-summary a {text-decoration:underline}
.form-status:empty {display:none}
.form-status {padding:20px;border:1px solid var(--line);background:var(--ivory);margin-bottom:23px;font-size:.87rem}
.form-status.is-success {background:#edf3e8;border-color:#96b38c;color:#204d32}
.form-status.is-error {background:#fff3ec;border-color:#bf8270;color:#762e26}
.form-status h3 {font:1.7rem var(--serif);margin-bottom:12px}
.form-status p+p {margin-top:9px}
.form-status a {text-decoration:underline}
.form-bottom {border-top:1px solid var(--line);padding-top:23px;margin-top:24px}
.privacy-inline {font-size:.77rem;color:var(--muted);line-height:1.7;margin-bottom:22px}
.privacy-inline a {text-decoration:underline}
.form-small {font-size:.71rem;color:var(--muted);margin-top:15px}
.form-bottom .button {width:100%;justify-content:space-between}
.button-spinner {height:18px;width:18px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin {to{transform:rotate(360deg)}}
.notice {padding:25px;background:#eee9dc;border:1px solid #d6c9b4;margin-bottom:20px}
.notice p {font-size:.92rem}
.no-js .enhanced-form,.no-js .catalogue-tools,.no-js .filter-status {display:none}
.mini-help {max-width:760px;text-align:center;padding-block:80px}
.mini-help h2 {font-size:2rem;margin-bottom:19px}
.mini-help p {color:var(--muted);font-size:.96rem}
.mini-help a {text-decoration:underline;color:var(--ink)}
/* Supporting pages */
.legal-copy {max-width:800px;padding-bottom:110px}
.legal-copy h2 {font-size:1.75rem;margin:35px 0 16px}
.legal-copy p {color:#49564e;font-size:.97rem;line-height:1.85}
.legal-copy a {text-decoration:underline}
.document-date {font-size:.78rem!important;color:var(--muted)}
.legal-review-note {margin-top:40px;padding:23px;background:#ede5d6;border-left:3px solid var(--brown);font-size:.89rem}
.error-page {padding-block:120px 180px;max-width:900px}
.error-page h1 {margin:27px 0}
.error-page .lead {margin-bottom:35px}
/* Footer */
.site-footer {background:var(--ink);color:var(--ivory);padding-top:64px}
.footer-main {display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:80px;padding-bottom:54px}
.footer-brand img {width:178px;height:auto}
.footer-brand>p:first-of-type {font-size:.65rem;letter-spacing:.035em;margin:6px 0 30px;color:#e0e5dc}
.footer-signature {font:1.85rem/1.3 var(--serif);letter-spacing:-.035em}
.footer-signature em {color:#d2bc9c}
.footer-main h2 {font:600 .68rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d4bea0;margin:0 0 21px}
.footer-main>div:not(:first-child)>a {display:block;font-size:.86rem;line-height:1.7;padding-block:5px;color:#e5e8de}
.footer-main a:hover {color:#d5b88d;text-decoration:underline}
.footer-main a .icon {width:14px;height:14px;margin-left:6px}
.footer-main .footer-email {margin-bottom:14px}
.footer-bottom {display:flex;justify-content:space-between;align-items:center;gap:28px;font-size:.69rem;color:#c3cabe;border-top:1px solid #4b584d;padding-block:23px}
.footer-bottom>div {display:flex;gap:24px;flex-wrap:wrap}
.footer-bottom a:hover {color:#fff;text-decoration:underline}
.back-top {white-space:nowrap}
/* Optional, understated entrances; content stays visible without JS. */
.reveal-ready {transition:opacity .55s ease,transform .55s ease}
.reveal-ready.reveal-wait {opacity:.08;transform:translateY(12px)}
/* Tablet */
@media(max-width:1190px) {
  .wrap {width:calc(100% - 72px)}
  .header-inner {gap:24px}
  .main-nav {gap:18px;font-size:.74rem}
  .brand {flex-basis:160px}
  .brand img {width:155px}
  .header-cta {padding:11px 14px;gap:9px;font-size:.7rem}
  .hero {gap:40px}
  .hero h1 {font-size:clamp(3rem,4.7vw,4rem)}
  .hero-visual {min-height:595px}
  .hero-copy {padding-top:20px}
  .stock-grid {gap:60px}
  .section-head {gap:45px}
  .section-intro {max-width:300px}
  .product-grid {grid-template-columns:repeat(3,1fr)}
  .about-split {gap:70px}
  .product-content {grid-template-columns:190px 1fr;gap:40px}
  .product-hero {gap:45px}
  .contact-layout {gap:60px;grid-template-columns:.65fr 1.35fr}
  .form-panel {padding:30px}
  .contact-email {font-size:1.4rem}
  .quality-layout {gap:60px}
  .large-location {padding:35px 25px;gap:23px}
  .footer-main {gap:50px}
}
@media(max-width:980px) {
  :root {--header:80px}
  .brand {margin-right:auto}
  .brand img {width:163px}
  .header-cta {font-size:.75rem;min-height:42px;margin-left:0;order:2}
  .menu-toggle {order:3;display:flex;align-items:center;gap:9px;padding:10px 0 10px 10px;min-height:44px;min-width:66px;color:var(--ink);background:none;font-size:.7rem}
  .menu-lines {width:23px;height:11px;position:relative;border-block:1px solid currentColor}
  .menu-toggle[aria-expanded=true] .menu-lines {border-color:transparent}
  .menu-toggle[aria-expanded=true] .menu-lines::before,.menu-toggle[aria-expanded=true] .menu-lines::after {content:'';position:absolute;left:0;top:4px;width:23px;height:1px;background:currentColor;transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] .menu-lines::after {transform:rotate(-45deg)}
  .js .main-nav {display:none;position:absolute;left:0;right:0;top:79px;margin:0;padding:25px 36px 35px;background:var(--ivory);border-bottom:1px solid var(--line);max-height:calc(100dvh - 80px);overflow:auto;font-size:1rem}
  .js .main-nav.is-open {display:flex;align-items:stretch;flex-direction:column;gap:0}
  .main-nav>a,.nav-group>summary {padding:14px 0}
  .main-nav>a {border-bottom:1px solid var(--line)}
  .nav-group {padding-bottom:4px}
  .nav-submenu {position:static;margin:0;box-shadow:none;border:none;border-left:1px solid var(--line);padding:0 16px;background:transparent;font-size:.85rem}
  .mobile-quote {display:flex;justify-content:space-between;margin-top:12px;color:var(--brown)}
  .no-js .header-inner {flex-wrap:wrap;padding-block:20px;gap:15px}
  .no-js .menu-toggle {display:none}
  .no-js .main-nav {order:4;flex:1 0 100%;flex-wrap:wrap;justify-content:flex-start;gap:0 25px}
  .no-js .site-header {position:relative}
  .hero {gap:30px;padding-block:36px}
  .hero h1 {font-size:3.15rem}
  .hero-visual {min-height:600px}
  .hero-description {font-size:.94rem}
  .hero .button-group {gap:15px}
  .hero .button {padding:14px 20px}
  .hero-footnote {margin-top:30px}
  .section {padding-block:80px}
  .section-head h2 {font-size:2.65rem}
  .stock-grid {gap:50px}
  .stock-section {padding-block:72px}
  .stock-section h2 {font-size:2.7rem}
  .core-grid {gap:20px}
  .product-card h3 {font-size:1.5rem}
  .proof-inner>div {padding-left:20px;gap:15px}
  .proof-inner small {font-size:.65rem}
  .steps {grid-template-columns:1fr 1fr;gap:40px}
  .about-split {gap:40px}
  .brand-inner {grid-template-columns:1fr 1fr;gap:38px}
  .brand-inner h2 {font-size:2.25rem}
  .enquiry-band-inner {gap:40px}
  .enquiry-band h2 {font-size:2.3rem}
  .product-hero {gap:32px}
  .product-hero h1 {font-size:3.6rem}
  .product-hero-photo {height:350px}
  .product-hero-photo .contained {padding:30px}
  .product-content {grid-template-columns:1fr;gap:30px;padding-top:30px}
  .product-aside {position:static}
  .product-aside nav {flex-direction:row;flex-wrap:wrap;gap:0 25px;padding-bottom:18px;border-bottom:1px solid var(--line)}
  .product-aside nav a {font-size:.74rem;border-bottom:0;padding-block:9px}
  .aside-note {display:none}
  .product-section {padding-bottom:45px}
  .supply-note {padding:30px}
  .contact-layout {grid-template-columns:1fr;gap:45px}
  .contact-sidebar {display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
  .contact-sidebar>.eyebrow,.contact-email,.contact-phones,.contact-sidebar>.text-link,.contact-sidebar>.subtle {grid-column:1}
  .contact-context {grid-column:2;grid-row:1/6;margin:0;padding:0 0 0 35px;border-top:0;border-left:1px solid var(--line)}
  .contact-email {margin-top:15px}
  .contact-sidebar>.subtle {margin-top:15px}
  .contact-sidebar>.text-link {justify-self:start}
  .form-panel {padding:38px}
  .editorial-hero {gap:45px}
  .editorial-hero h1 {font-size:3.6rem}
  .editorial-image {height:500px}
  .two-column-text {gap:50px}
  .buyer-grid {grid-template-columns:1fr 1fr;gap:40px}
  .split-panels {gap:40px}
  .split-panels>article+article {padding-left:35px}
  .quality-layout {grid-template-columns:.9fr 1.1fr;gap:40px}
  .large-country-code {font-size:3.3rem}
  .large-location {display:block}
  .large-location .eyebrow {margin-top:24px}
  .footer-main {gap:30px}
}
/* Phone */
@media(max-width:700px) {
  :root {--header:75px}
  .wrap {width:calc(100% - 40px)}
  body {font-size:15px}
  h1 {font-size:3.3rem}
  h2 {font-size:2.5rem}
  .header-inner {gap:10px;min-height:75px}
  .brand {flex-basis:143px}
  .brand img {width:145px}
  .brand span {font-size:.51rem}
  .header-cta {min-height:39px;padding:10px 11px;font-size:.67rem;gap:6px}
  .header-cta .icon {display:none}
  .menu-toggle {min-width:33px;padding:12px 0 12px 8px}
  .menu-label {display:none}
  .js .main-nav {top:74px;padding:20px;max-height:calc(100dvh - 75px)}
  .hero {grid-template-columns:1fr;padding-top:28px;gap:27px;padding-bottom:27px}
  .hero-copy {padding-top:5px}
  .hero h1 {font-size:clamp(2.8rem,9.2vw,4rem);margin:25px 0 22px;line-height:1.12}
  .hero .eyebrow {font-size:.59rem;letter-spacing:.15em}
  .hero-description {font-size:.93rem;line-height:1.82;margin-bottom:24px}
  .hero .button-group {gap:22px}
  .hero .button {font-size:.77rem;min-height:49px;padding:12px 18px}
  .hero .text-link {font-size:.77rem;gap:12px}
  .hero-footnote {margin-top:29px;gap:18px}
  .hero-footnote>span {font-size:1.55rem;padding-right:18px}
  .hero-footnote p {font-size:.64rem}
  .hero-visual {min-width:0;width:100%;min-height:0;height:400px;aspect-ratio:auto}
  .hero-visual .hero-photo {object-position:center 45%}
  .image-note-top {right:16px;top:16px;padding:11px 14px;font-size:.93rem}
  .image-note-bottom {padding:70px 18px 17px}
  .image-note-bottom p {font-size:.73rem}
  .proof-inner {grid-template-columns:1fr;padding-block:15px}
  .proof-inner>div,.proof-inner>div:first-child {padding:13px 0;border:0;border-bottom:1px solid #d9d6c7;gap:20px}
  .proof-inner>div:last-child {border:0}
  .proof-inner>div>span {font-size:1.3rem}
  .proof-inner p {font-size:.76rem}
  .proof-inner small {font-size:.68rem;display:inline;margin-left:13px}
  .section {padding-block:64px}
  .section-head {display:block;margin-bottom:30px}
  .section-head h2 {font-size:2.55rem}
  .section-head .eyebrow {margin-bottom:16px}
  .section-intro {max-width:100%;font-size:.91rem;margin-top:23px;line-height:1.75}
  .core-grid {grid-template-columns:1fr;gap:28px}
  .core-grid .product-card-image {aspect-ratio:1.36}
  .product-card-copy {padding-top:17px}
  .product-card h3 {font-size:1.9rem}
  .product-card p {font-size:.85rem}
  .stock-grid {grid-template-columns:1fr;gap:42px}
  .stock-section {padding-block:60px}
  .stock-section h2 {font-size:2.75rem}
  .stock-description {font-size:.94rem}
  .location-row {padding-block:25px}
  .location-row h3 {font-size:1.9rem}
  .stock-note {font-size:.75rem}
  .catalogue-tools {align-items:stretch;flex-direction:column;padding-block:12px;gap:8px;margin-top:25px}
  .filters {gap:4px}
  .filter {font-size:.71rem;padding:10px 11px;min-height:43px}
  .filter span {margin-left:4px;font-size:.59rem}
  .product-search {flex-basis:auto;min-width:0;border-top:1px solid var(--line);padding-top:6px}
  .product-search input {min-height:44px}
  .filter-status {font-size:.7rem}
  .product-grid {grid-template-columns:1fr 1fr;gap:28px 15px}
  .product-grid .product-card-image {aspect-ratio:1}
  .product-grid .card-number {font-size:.47rem;left:8px;top:8px;padding:4px 5px;letter-spacing:.05em}
  .product-grid .card-arrow {width:28px;height:28px;font-size:16px;bottom:9px;right:9px}
  .product-grid .product-card h3 {font-size:1.35rem;letter-spacing:-.03em;line-height:1.2}
  .product-grid .product-card p {font-size:.74rem;line-height:1.65}
  .product-grid .product-card-copy {padding-top:14px}
  .steps {gap:30px 25px;margin-top:35px}
  .steps h3 {font-size:1.4rem;margin-top:20px}
  .steps p {font-size:.82rem}
  .process-section {padding-block:60px}
  .about-split {grid-template-columns:1fr;gap:38px}
  .about-photo {height:320px}
  .about-split h2 {font-size:2.7rem}
  .brand-inner {grid-template-columns:1fr;gap:30px}
  .brand-section {padding-block:55px}
  .brand-inner h2 {font-size:2.5rem}
  .brand-inner .lunora-word {font-size:2.25rem}
  .lunora-photo {padding:0}
  .brand-inner .text-link {margin-top:18px}
  .enquiry-band {padding-block:60px}
  .enquiry-band-inner {align-items:flex-start;flex-direction:column;gap:27px}
  .enquiry-band h2 {font-size:2.5rem;margin:18px 0}
  .enquiry-band p:not(.eyebrow) {font-size:.91rem}
  .breadcrumbs {padding-top:22px;font-size:.69rem}
  .page-heading {padding-block:44px 38px}
  .page-heading h1 {font-size:clamp(2.65rem,10.5vw,3.8rem)}
  .page-heading .lead {font-size:1rem;line-height:1.8;margin-top:24px}
  .page-heading .eyebrow {margin-bottom:21px}
  .catalogue-section {padding-bottom:65px}
  .product-hero {grid-template-columns:1fr;gap:30px;padding-block:33px 30px}
  .product-hero h1 {font-size:clamp(2.8rem,10.2vw,3.9rem);margin:17px 0 23px}
  .product-hero .lead {font-size:1rem}
  .product-hero-photo {height:330px}
  .product-hero-photo .contained {padding:28px 35px 50px}
  .product-hero-photo figcaption {font-size:.59rem;padding:12px}
  .product-facts {padding-block:20px;margin-bottom:10px}
  .product-facts>div {padding-left:14px;padding-right:5px}
  .product-facts span {font-size:.54rem;letter-spacing:.05em;margin-bottom:10px}
  .product-facts strong {font-size:1.05rem;line-height:1.3;display:block}
  .product-aside>.eyebrow {font-size:.59rem}
  .product-aside nav {gap:0 18px;margin-top:8px;padding-bottom:12px}
  .product-aside nav a {font-size:.72rem}
  .product-content {padding-top:20px;gap:27px}
  .product-section {padding-bottom:35px;scroll-margin-top:100px}
  .product-section-heading .short-rule {width:20px;margin-right:11px}
  .product-section h2 {font-size:1.87rem}
  .product-section-heading {margin-bottom:20px}
  .option-list {gap:8px}
  .option-list li {font-size:.79rem;padding:10px 12px;min-height:44px;gap:8px}
  .section-note {font-size:.75rem;line-height:1.75}
  th,td {padding:12px;font-size:.76rem}
  thead th {font-size:.6rem;letter-spacing:.02em}
  .table-scroll table {min-width:100%}
  .table-scroll table:has(th:nth-child(4)) {min-width:520px}
  .variety-grid {gap:16px}
  .variety-card {padding:10px}
  .variety-card picture {height:140px}
  .variety-card h3 {font-size:1.25rem;margin:15px 0 8px}
  .variety-card p {font-size:.73rem;line-height:1.65}
  .packaging-grid {gap:12px}
  .packaging-item {padding:20px 15px}
  .pack-number {font-size:1.3rem}
  .packaging-item h3 {font-size:1.15rem;margin-top:17px}
  .packaging-item strong {font-size:.76rem}
  .supply-note {padding:25px}
  .supply-note h2 {font-size:2rem}
  .supply-note p:not(.eyebrow) {font-size:.9rem}
  .supply-note .section-note {font-size:.75rem!important}
  .supply-note .button {margin-right:0;font-size:.74rem}
  .related-section {padding-top:45px}
  .related-section .core-grid {grid-template-columns:1fr 1fr;gap:18px}
  .related-section .product-card h3 {font-size:1.35rem}
  .related-section .product-card p {font-size:.75rem}
  .related-section .core-grid .product-card-image {aspect-ratio:1}
  .related-section .card-number {display:none}
  .related-section .card-arrow {width:28px;height:28px;font-size:16px;bottom:9px;right:9px}
  .editorial-hero {grid-template-columns:1fr;gap:35px;padding-block:37px}
  .editorial-hero h1 {font-size:3.3rem}
  .editorial-hero .lead {font-size:1rem}
  .editorial-image {height:345px}
  .two-column-text {grid-template-columns:1fr;gap:27px}
  .large-copy {font-size:1.2rem}
  .buyer-grid {gap:30px 25px}
  .buyer-grid h3 {font-size:1.4rem}
  .buyer-grid p {font-size:.83rem}
  .statement h2 {font-size:2.4rem}
  .stock-location-section {grid-template-columns:1fr;gap:20px;padding-top:10px}
  .large-location {display:flex;gap:30px;padding:30px 25px}
  .large-location .eyebrow {margin:0}
  .large-country-code {font-size:3rem;flex-shrink:0}
  .large-location h2 {font-size:2.2rem;margin:15px 0}
  .large-location p:not(.eyebrow) {font-size:.85rem}
  .split-panels {grid-template-columns:1fr;gap:40px}
  .split-panels>article+article {border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:37px}
  .split-panels h2 {font-size:2.4rem}
  .quality-layout {grid-template-columns:1fr;gap:36px;padding-top:10px}
  .spec-checklist li {gap:20px;padding-block:23px}
  .spec-checklist h3 {font-size:1.45rem}
  .spec-checklist p {font-size:.9rem}
  .lunora-showcase {padding-block:40px}
  .lunora-showcase .lunora-word {font-size:2.8rem}
  .image-caption {font-size:.66rem}
  .contact-layout {gap:34px}
  .contact-sidebar {display:block}
  .contact-email {font-size:1.65rem;margin-top:16px}
  .contact-phones {font-size:.96rem;margin-top:17px}
  .contact-context {padding:22px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:26px}
  .contact-context h2 {font-size:1.55rem}
  .contact-sidebar>.subtle {margin-top:19px}
  .form-panel {padding:25px 20px}
  .form-heading {display:block;margin-bottom:24px}
  .form-heading h2 {font-size:1.95rem}
  .form-heading p {margin-top:10px}
  .form-grid {grid-template-columns:1fr;gap:17px}
  .field-full {grid-column:auto}
  .field label {font-size:.8rem}
  .field input,.field select,.field textarea {font-size:16px}
  .optional {font-size:.65rem}
  .privacy-inline {font-size:.73rem}
  .form-small {font-size:.65rem}
  .form-bottom .button {font-size:.78rem}
  .mini-help {padding-block:55px}
  .legal-copy {padding-bottom:65px}
  .legal-copy h2 {font-size:1.7rem}
  .legal-copy p {font-size:.92rem}
  .error-page {padding-block:75px 105px}
  .error-page h1 {font-size:3.2rem}
  .footer-main {grid-template-columns:1fr 1fr;gap:35px 23px;padding-bottom:38px}
  .footer-brand {grid-column:1/-1}
  .footer-brand img {width:175px}
  .footer-brand>p:first-of-type {margin-bottom:22px}
  .footer-signature {font-size:1.8rem}
  .footer-main h2 {font-size:.6rem;letter-spacing:.1em;margin-bottom:17px}
  .footer-main>div:not(:first-child)>a {font-size:.73rem;line-height:1.7;padding-block:7px;overflow-wrap:anywhere}
  .footer-bottom {align-items:start;flex-wrap:wrap;gap:15px;font-size:.64rem;padding-block:20px}
  .footer-bottom>div {gap:12px 20px;order:3;flex:0 0 100%}
  .back-top {margin-left:auto}
}
@media(max-width:360px) {
  .wrap {width:calc(100% - 32px)}
  .brand {flex-basis:123px}.brand img{width:125px}.brand span{font-size:.46rem}
  .header-cta {font-size:.64rem;padding:9px}
  .hero h1 {font-size:2.7rem}
  .hero .button-group {gap:16px}.hero .button{padding:12px 15px;font-size:.74rem}.hero .text-link{font-size:.71rem}
  .filter {font-size:.65rem;padding:8px}
  .form-panel {padding:22px 16px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
  .reveal-ready.reveal-wait {opacity:1;transform:none}
}
@media print {
  .site-header,.site-footer,.breadcrumbs,.product-aside,.enquiry-band,.button,.text-link,.catalogue-tools,.form-panel,.related-section {display:none!important}
  body {background:white;color:black;font-size:11pt}
  .wrap {width:100%;max-width:none}
  .section {padding-block:20px}
  .product-content {display:block}
  .product-hero {padding:10px 0;gap:20px}
  .product-hero-photo {height:200px}
  .product-hero h1 {font-size:32pt}
  .product-section {break-inside:avoid;padding-bottom:20px}
  .table-scroll {overflow:visible}
  .supply-note {background:white;color:black;border:1px solid #ddd}
  .supply-note p {color:black!important}
  a {color:black}
}


/* Catalogue specification photography — additive update, October 2026.
   The rest of the approved website layout and interaction styles are unchanged. */
.spec-photo-group {margin:0 0 28px}
.spec-photo-group-title {font:1.35rem var(--serif);margin:12px 0 18px;color:var(--ink)}
.spec-photo-grid {display:grid;gap:20px;align-items:start}
.spec-photo-grid-1 {grid-template-columns:1fr}
.spec-photo-grid-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.spec-photo-grid-3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.spec-photo-grid-4 {grid-template-columns:repeat(4,minmax(0,1fr))}
.spec-photo-grid-5 {grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.spec-photo-card {margin:0;min-width:0}
.spec-photo-stage {height:172px;display:flex;align-items:center;justify-content:center;background:#f4eee8;border:1px solid var(--line);padding:12px;overflow:hidden}
.spec-photo-stage picture {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.spec-photo-stage img {display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.spec-photo-grid-1 .spec-photo-stage {height:235px}
.spec-photo-grid-5 .spec-photo-stage {height:147px;padding:8px}
.spec-photo-card figcaption {padding:13px 2px 0}
.spec-photo-card h3,.spec-photo-card h4 {font:1.14rem/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 7px;overflow-wrap:anywhere}
.spec-photo-card p {font-size:.75rem;line-height:1.65;color:var(--muted);margin:0}
.photo-reference-note {font-size:.72rem;line-height:1.65;margin-top:15px;max-width:740px}
.spec-photo-group+.table-scroll,.spec-photo-group+.option-list {margin-top:26px}
.variety-grid-contained .variety-card picture {height:auto;aspect-ratio:660/405;background:#fff}
.variety-grid-contained .variety-image {object-fit:contain;width:100%;height:100%;filter:none}
.packaging-photo {height:172px;display:flex;align-items:center;justify-content:center;margin:0 0 18px;background:#f4eee8;padding:12px;border:1px solid var(--line)}
.packaging-photo picture {width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.packaging-photo img {width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.packaging-item-photo .pack-number {font-size:.8rem;margin-bottom:13px}
@media(max-width:1100px) {
 .spec-photo-grid-4,.spec-photo-grid-5 {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .spec-photo-grid-5 .spec-photo-stage {height:160px}
}
@media(max-width:700px) {
 .spec-photo-grid-2,.spec-photo-grid-3,.spec-photo-grid-4,.spec-photo-grid-5 {grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}
 .spec-photo-stage,.spec-photo-grid-5 .spec-photo-stage {height:155px}
 .spec-photo-card h3,.spec-photo-card h4 {font-size:1.12rem}
 .spec-photo-grid-1 .spec-photo-stage {height:200px}
 .spec-photo-group {margin-bottom:25px}
 .spec-photo-group-title {font-size:1.3rem}
}
@media(max-width:360px) {
 .spec-photo-stage,.spec-photo-grid-5 .spec-photo-stage {height:133px;padding:7px}
 .spec-photo-card p {font-size:.72rem}
}
@media print {
 .spec-photo-group {break-inside:avoid}
 .spec-photo-stage {height:125px}
}

/* Owner-requested product refinements — existing visual system retained. */
.organic-availability{display:flex;align-items:center;gap:16px;margin:0 0 24px;color:var(--ink);font-size:.86rem}
.organic-availability img,.organic-information-mark img{display:block;width:87px;height:auto;max-width:100%;object-fit:contain;flex-shrink:0}
.organic-availability-compact{gap:9px;margin:14px 0 0;font-size:.72rem;line-height:1.35}
.organic-availability-compact img{width:60px}
.organic-information-mark{margin:20px 0}
.variety-grid-contained picture{display:flex;align-items:center;justify-content:center}
.variety-grid-contained .variety-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.inline-product-facts{margin:0 0 40px}
.inline-product-facts>div{min-width:0}
.inline-product-facts strong{font-size:1.08rem;overflow-wrap:anywhere}
.product-retail>p{max-width:680px}
.retail-pack-shot{margin:26px 0 22px;padding:20px 12px;background:#f4eee8;border:1px solid var(--line)}
.retail-pack-shot img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.retail-pack-shot figcaption{margin:18px 0 0;text-align:center;font-size:.76rem;line-height:1.6;color:var(--muted)}
@media(max-width:600px){.inline-product-facts{grid-template-columns:1fr;gap:16px}.inline-product-facts>div{border-left:0;padding-left:0}.organic-availability-compact{font-size:.68rem}.organic-availability-compact img{width:54px}}

/* 9 October: owner-requested framing and caption cleanup. */
.product-hero-photo.product-hero-balanced{height:auto;aspect-ratio:4/3;margin:0;background:var(--ivory);border:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-hero-balanced picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.product-hero-balanced .product-photo-balanced{display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:0;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:none}
.product-image-note{padding-block:0 36px;color:var(--muted);font-size:.74rem;line-height:1.65;margin-top:0}
.variety-card picture{display:flex;align-items:center;justify-content:center}
.variety-card .variety-image{object-fit:contain;object-position:center;max-width:100%;max-height:100%;}
.variety-grid-raisins{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.variety-grid-raisins .variety-card{padding:18px}
.variety-grid-raisins picture{height:178px;background:#fff}
.variety-grid-raisins .variety-image{width:auto;height:auto;max-width:100%;max-height:178px}
.variety-grid-raisins h3{font-size:1.45rem;margin-top:18px}
.variety-grid-raisins p{font-size:.82rem}
.packaging-photo>img{display:block;margin:auto}
.packaging-item-lunora{grid-column:1/-1;display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:30px;align-content:center;align-items:center}
.packaging-item-lunora .packaging-photo{grid-column:1;grid-row:1/4;height:205px;margin:0;width:190px}
.packaging-item-lunora .pack-number,.packaging-item-lunora h3,.packaging-item-lunora strong{grid-column:2}
.packaging-item-lunora .pack-copy{grid-column:2;margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6;max-width:36ch}
.packaging-item-lunora .pack-number{align-self:end;margin:0}
.packaging-item-lunora h3{margin:9px 0}
.packaging-item-lunora strong{align-self:start}
.packaging-item-lunora .pack-copy{align-self:start}
@media(max-width:600px){.packaging-item-lunora{grid-template-columns:115px minmax(0,1fr);gap:0 18px}.packaging-item-lunora .packaging-photo{width:115px;height:160px;padding:5px}.packaging-item-lunora h3{font-size:1.15rem}.packaging-item-lunora .pack-copy{font-size:.76rem;margin-top:8px}}
.product-retail .retail-pack-shot{padding:24px 16px;background:#f4eee8}
.product-retail .retail-pack-shot img{max-width:100%;height:auto}
@media(max-width:1000px){.variety-grid-raisins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-hero-photo.product-hero-balanced{height:auto;aspect-ratio:4/3}.variety-grid-raisins{gap:15px}.variety-grid-raisins .variety-card{padding:12px}.variety-grid-raisins picture{height:135px}.variety-grid-raisins .variety-image{max-height:135px}.variety-grid-raisins h3{font-size:1.25rem}.variety-grid-raisins p{font-size:.78rem}.product-image-note{font-size:.7rem;padding-bottom:26px}}
@media(max-width:360px){.variety-grid-raisins{grid-template-columns:1fr}.variety-grid-raisins picture{height:160px}.variety-grid-raisins .variety-image{max-height:160px}}

/* 11 October: approved in-shell card imagery and unified pecan packaging panel. */
.packaging-grid-unified .packaging-item{background:var(--ivory)}
.packaging-grid-unified .packaging-photo{background:var(--ivory);border:0;padding:0}
.packaging-item-lunora .pack-copy{grid-column:2;margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6;max-width:36ch;align-self:start}
@media(max-width:600px){.packaging-item-lunora .pack-copy{font-size:.76rem;margin-top:8px}}

/* Catalogue access */
.catalogue-access-link{align-self:flex-start;margin-top:8px;white-space:nowrap}
.catalogue-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:clamp(45px,8vw,120px);align-items:center;padding-block:72px 96px}
.catalogue-hero h1{font:clamp(3.5rem,7vw,7.2rem)/.9 var(--serif);letter-spacing:-.045em;margin:18px 0 28px}
.catalogue-hero h1 em{font-weight:400}
.catalogue-hero .lead{max-width:680px}
.catalogue-cover{max-width:430px;justify-self:end;box-shadow:0 24px 70px #32291f24}
.catalogue-cover img{display:block;width:100%;height:auto}
.catalogue-viewer-section{padding-top:30px}
.catalogue-embed{width:100%;height:min(82vh,1050px);min-height:650px;border:1px solid var(--line);background:#fff}
.catalogue-fallback{padding:45px;text-align:center}
@media(max-width:900px){.catalogue-hero{grid-template-columns:1fr;gap:42px;padding-block:48px 70px}.catalogue-cover{justify-self:start;max-width:340px}.catalogue-embed{min-height:560px;height:72vh}.catalogue-access-link{margin-top:0}}
@media(max-width:600px){.catalogue-hero h1{font-size:clamp(3.2rem,16vw,5rem)}.catalogue-cover{max-width:260px}.catalogue-embed{height:62vh;min-height:460px}.catalogue-viewer-section .section-head{gap:18px}}

/* Final packaging and image consistency refinements — 12 Oct 2026 */
.packaging-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;align-items:stretch}
.packaging-item{background:var(--ivory);padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100%}
.packaging-photo{width:100%;height:260px;margin:0 0 22px;background:var(--ivory);border:0;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.packaging-photo picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.packaging-photo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.packaging-item .pack-number{align-self:center;color:var(--brown);margin:0 0 12px}
.packaging-item h3{margin:0 0 9px;text-align:center}
.packaging-item strong{text-align:center}
.packaging-item .pack-copy{margin:10px auto 0;max-width:36ch;text-align:center;color:var(--muted);font-size:.82rem;line-height:1.6}
.packaging-item-lunora{grid-column:auto;display:flex;grid-template-columns:none;column-gap:0;align-items:center;text-align:center}
.packaging-item-lunora .packaging-photo,.packaging-item-lunora .pack-number,.packaging-item-lunora h3,.packaging-item-lunora strong,.packaging-item-lunora .pack-copy{grid-column:auto;grid-row:auto;width:auto}
.packaging-grid-unified .packaging-item,.packaging-grid-unified .packaging-photo{background:var(--ivory)}
@media(max-width:600px){.packaging-grid{grid-template-columns:1fr}.packaging-photo{height:220px}.packaging-item{padding:22px 16px}.packaging-item-lunora{display:flex}.packaging-item-lunora .packaging-photo{width:100%;height:220px;padding:8px}.packaging-item-lunora .pack-copy{font-size:.76rem}}

/* 13 October: original PDF objects, consistent packaging, and supplied Lunora jars. */
.packaging-object-set{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}
.packaging-object-set img{flex:1 1 0;min-width:0;max-width:calc(50% - 7px);max-height:100%;object-fit:contain}
.packaging-object-set:has(img:nth-child(3)) img{max-width:calc(33.333% - 10px)}
.packaging-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.packaging-grid-pair .packaging-item{min-width:0;height:100%}
.packaging-grid-pair .packaging-photo,.packaging-grid-pair .packaging-item-lunora .packaging-photo{width:100%;height:260px;flex:none}
.packaging-grid-pair h3{min-height:2.6em;display:flex;align-items:center;justify-content:center}
.packaging-grid-pair .pack-number{line-height:1.3;margin:0 0 12px}
.spec-photo-stage .extracted-object{max-width:100%;max-height:100%}
#blanched .spec-photo-stage{background:#f5efe2}
.uniform-hazelnut-images .spec-photo-stage{background:var(--ivory);isolation:isolate}
.uniform-hazelnut-images .spec-photo-stage img{mix-blend-mode:darken}
.cashew-grade-card .spec-photo-stage{background:var(--ivory);height:165px;padding:12px}
.cashew-w180{--grade-scale:1}
.cashew-w210{--grade-scale:.9499}
.cashew-w240{--grade-scale:.9086}
.cashew-w320{--grade-scale:.8255}
.cashew-w450{--grade-scale:.7368}
.cashew-grade-card .spec-photo-stage img{height:120px;width:auto;max-height:120px;max-width:100%;transform:scale(var(--grade-scale));transform-origin:center}
.lunora-jar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.5vw,22px);align-items:start;width:100%;min-width:0}
.lunora-jar-card{margin:0;min-width:0;text-align:center}
.lunora-jar-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:none;mix-blend-mode:normal}
.lunora-jar-card figcaption{margin:10px 0 0;font-size:.76rem;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.lunora-photo .lunora-jar-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin-inline:auto}
.lunora-showcase .lunora-jar-grid{margin:36px auto 20px}
.product-details,.packaging-grid,.retail-pack-shot{min-width:0}
@media(max-width:700px){
 .lunora-jar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .lunora-jar-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
 .lunora-photo .lunora-jar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .packaging-grid-pair{grid-template-columns:1fr}
 .packaging-grid-pair .packaging-photo,.packaging-grid-pair .packaging-item-lunora .packaging-photo{height:220px}
 .packaging-grid-pair h3{min-height:0}
 .cashew-grade-card .spec-photo-stage{height:160px}
}
@media(max-width:360px){.cashew-grade-card .spec-photo-stage{height:145px}.cashew-grade-card .spec-photo-stage img{height:105px}}

/* Approved 13 Oct 2026: exact photography from the reviewed grade boards. */
.spec-photo-stage.approved-kernel-stage{background:#f7f5ef}
.approved-kernel-stage .approved-kernel-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}

/* 13 October proofing: continuous photo backgrounds and almond comparisons. */
.variety-grid-uniform .variety-card,
.variety-grid-uniform .variety-card picture {background:#ebe4df}
.variety-grid-uniform .variety-card picture {isolation:isolate}
.variety-grid-uniform .variety-image {mix-blend-mode:darken}
.variety-grid-almonds {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.variety-grid-almonds .variety-card {min-width:0}
.variety-grid-almonds .variety-card picture {height:auto;aspect-ratio:1}
.variety-grid-almonds .variety-card h3 {font-size:clamp(1.2rem,1.5vw,1.5rem);margin-bottom:4px}
.packaging-grid-almonds {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:799px) {
  .variety-grid-almonds {grid-template-columns:1fr}
  .variety-grid-almonds .variety-card picture {aspect-ratio:4/3}
}
@media(max-width:600px) {
  .packaging-grid-almonds {grid-template-columns:1fr}
}

.flax-product-photo .spec-photo-stage {background:#ebe4df;isolation:isolate}
.flax-product-photo .spec-photo-stage img {object-fit:contain;object-position:center;mix-blend-mode:darken}
