/* Sito Herborea — identità visiva del catalogo 2026. */
:root{--cream:#f8f6ef;--paper:#fff;--sand:#f0ede2;--forest:#333c22;--forest-2:#57643c;--moss:#57643c;--terra:#57643c;--terra-dark:#333c22;--ink:#23241d;--muted:#57584a;--line:#dedacb;--gold:#d4deba;--sans:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;--serif:var(--sans);--maxw:1360px;--radius:8px;--radius-lg:10px}
body{font-size:16px;line-height:1.75}
h1,h2,h3,h4{font-weight:750;color:var(--ink);text-wrap:balance}
html{scroll-padding-top:105px}
.section{padding:88px 0}
.h2{font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.13;letter-spacing:-.045em}
.eyebrow{font-size:.68rem;font-weight:750;letter-spacing:.13em;color:var(--moss)}
.eyebrow::before{content:'';display:inline-block;width:24px;height:2px;margin-right:10px;vertical-align:middle;background:currentColor}
.lead{font-size:1rem;line-height:1.85}
.btn{border-radius:5px;font-size:.81rem;line-height:1.3;padding:1.1em 1.55em;min-height:46px}
.nav{background:rgba(248,246,239,.97)}
.nav-inner{height:88px;gap:24px}.brand{flex-shrink:0}.brand img{width:166px;height:auto;aspect-ratio:889/225}
.nav-menu{gap:23px}.nav-menu a{font-size:.76rem;white-space:nowrap}.nav-right{gap:14px}.lang-btn{font-family:var(--sans);font-size:.73rem;border-radius:5px;background:transparent}.nav-cta{font-size:.72rem}
.hero{background:var(--cream);padding:72px 0 32px;overflow:hidden}
.hero-grid{grid-template-columns:1.05fr 1fr;gap:20px;align-items:center}
.display{font-size:clamp(3.15rem,5.25vw,5rem);line-height:1.045;letter-spacing:-.06em;font-weight:800}
.hero h1{margin:10px 0 24px}.hero .lead{max-width:48ch}.hero-actions{margin-top:28px;gap:12px}
.hero-badges{gap:16px;margin-top:27px}.chip{padding:0;border:0;border-radius:0;background:transparent;font-size:.65rem;font-weight:600;color:var(--muted)}
.hero-visual{aspect-ratio:1/1;overflow:visible;border-radius:0;background:none;box-shadow:none}
.hero-visual::after{display:none}.hero-visual img{position:static;width:110%;max-width:none;height:auto;object-fit:contain;margin-left:-3%;mix-blend-mode:multiply}
.tree-caption{position:absolute;left:18%;right:0;bottom:0;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);font-size:.63rem;color:var(--muted)}
.tree-caption b{font-weight:700;color:var(--moss)}
.brand-strip{padding:36px 0 32px}.brand-strip-inner{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;gap:45px}
.brand-strip-label{max-width:130px;flex-shrink:0;font-size:.65rem;color:var(--muted);line-height:1.7}
.brand-logos{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:32px;align-items:center}
.brand-logos a{display:flex;justify-content:center;align-items:center;min-height:48px}.brand-logos img{max-width:145px;width:100%;max-height:32px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s}.brand-logos a:hover img{opacity:.65}
.stats-section{padding:16px 0 64px}.stats{border:1px solid var(--line);gap:0;text-align:left}.stat{padding:24px 28px}.stat+.stat{border-left:1px solid var(--line)}.stat b{font-weight:750;font-size:2.35rem;letter-spacing:-.05em;margin-bottom:9px;color:var(--forest)}.stat span{font-size:.73rem}
.sec-head{max-width:650px;margin-bottom:38px}.sec-head .lead{margin:16px 0 0}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.brand-card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}
.brand-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}
.brand-card-photo{height:260px;overflow:hidden;background:var(--sand)}.brand-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .5s}
.brand-card:hover .brand-card-photo img{transform:scale(1.025)}.brand-card:first-child .brand-card-photo{height:100%;min-height:440px}
.brand-card-body{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.brand-card:first-child .brand-card-body{justify-content:center;padding:36px}
.brand-card .brand-number{font-size:.65rem;letter-spacing:.1em;color:var(--moss);margin-bottom:16px}.brand-card h3{font-size:1.5rem;letter-spacing:-.04em;margin-bottom:12px}.brand-card p{font-size:.85rem;line-height:1.8;color:var(--muted)}
.brand-card .pcard-link{margin-top:auto;padding-top:15px;color:var(--moss);font-size:.76rem}.brand-card:first-child .pcard-link{margin-top:14px}
.story-section .split{grid-template-columns:1fr 1fr;gap:80px}.story-section p{font-size:.94rem;color:var(--muted)}.story-section .split-media{aspect-ratio:4/5;box-shadow:none;border-radius:5px}.story-section .split-media img{object-position:center 35%}.checklist li{font-size:.83rem;margin-bottom:13px}
.story-caption{display:flex;justify-content:space-between;margin-top:12px;font-size:.64rem;color:var(--muted)}
.catalog-feature{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.catalog-cover{max-width:370px;aspect-ratio:210/260;margin:auto;background:var(--cream);border:1px solid var(--line);padding:32px 34px;box-shadow:9px 9px 0 #dedacb;overflow:hidden;display:flex;flex-direction:column;position:relative}
.catalog-cover .edition{font-size:.6rem;font-weight:750;letter-spacing:.15em;color:var(--moss)}.catalog-cover strong{font-size:2.4rem;line-height:1.08;letter-spacing:-.045em;margin-top:20px;max-width:9ch;position:relative;z-index:1}.catalog-cover strong span{color:var(--moss)}.catalog-cover img{width:100%;margin-top:auto;mix-blend-mode:multiply}.catalog-cover .cover-bottom{font-size:.62rem;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between}
.catalog-feature .lead{margin-top:22px}.catalog-index{margin-top:24px;border-top:1px solid var(--line)}.catalog-index div{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;font-size:.82rem}.catalog-index span{font-size:.63rem;color:var(--moss);font-weight:700}.catalog-index b{font-weight:600}.catalog-note{margin-top:15px;font-size:.72rem;color:var(--muted)}
.feature{padding:24px;border-radius:6px;box-shadow:none}.feature .ico{width:38px;height:38px;border-radius:5px;background:#e5e9d9}.feature h3{font-size:1rem;letter-spacing:-.02em}.feature p{font-size:.81rem}.feature:hover{transform:none;border-color:var(--moss);box-shadow:none}
.band{background:var(--forest);border-radius:8px;box-shadow:none;padding:65px 8%}.band .h2{max-width:760px;margin-inline:auto}.band .hero-badges{margin-top:25px}.band .chip{color:#e5e9d9;font-size:.75rem}.band .btn-primary{background:var(--cream);color:var(--forest)}.band .btn-primary:hover{background:#e5e9d9}.band .lead{max-width:65ch}
.faq-item{border-radius:4px}.faq-item summary{font-size:.92rem}.faq-item p{font-size:.9rem}.contact-grid .h2{max-width:13ch}.form{border-radius:6px;box-shadow:none}.field input,.field select,.field textarea{border-radius:4px;font-size:.87rem}.form-note{font-size:.7rem}
.footer-brand img{height:auto;width:175px;filter:brightness(0) invert(1)}.footer h4{font-size:.68rem}.footer a,.footer-brand p{font-size:.79rem}.footer-bottom{font-size:.65rem}.quick-contact{border-radius:6px}.quick-contact a{border-radius:4px}
.reveal{opacity:1;transform:none}
@media(min-width:721px) and (max-width:1180px){.nav-menu{position:fixed;inset:88px 0 auto;display:none;flex-direction:column;background:var(--cream);padding:28px;border-bottom:1px solid var(--line)}.nav-menu.open{display:flex}.hamburger{display:flex}}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr 1fr}.hero{padding-top:52px}.display{font-size:3.45rem}.brand-strip-inner{gap:24px}.brand-logos{gap:20px}.brand-strip-label{max-width:100px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card:first-child .brand-card-photo{min-height:340px}.story-section .split{gap:35px}.catalog-feature{gap:40px}.section{padding:65px 0}.stat{padding:22px 18px}.stats{grid-template-columns:repeat(4,1fr)}.stat b{font-size:2rem}}
@media(max-width:720px){html{scroll-padding-top:85px}.nav-inner{height:76px;gap:12px}.brand img{width:140px}.nav-cta{display:none}.nav-right{gap:10px}.lang-btn{padding:.5em;font-size:.65rem}.nav-menu{display:flex;visibility:hidden;pointer-events:none;gap:20px}.nav-menu.open{visibility:visible;pointer-events:auto}.nav-menu a{font-size:.9rem}.hero-grid{grid-template-columns:1fr}.hero{padding:42px 0 10px}.display{font-size:clamp(2.8rem,8.8vw,4.7rem)}.hero .eyebrow{font-size:.58rem;letter-spacing:.08em}.hero .lead{font-size:.92rem}.hero-badges{gap:10px 16px}.hero-visual{width:88%;max-width:480px;margin:0 auto;aspect-ratio:1.1}.hero-visual img{width:100%;margin:0}.tree-caption{left:8%;right:5%;bottom:0;font-size:.55rem}.brand-strip{padding-top:20px}.brand-strip-inner{flex-direction:column;gap:15px;align-items:stretch;padding-top:20px}.brand-strip-label{max-width:none;text-align:center}.brand-logos{gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.brand-logos img{max-height:22px}.stats-section{padding-bottom:40px}.stats{grid-template-columns:1fr 1fr}.stat{padding:20px}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.stat b{font-size:2.1rem}.stat span{font-size:.66rem}.section{padding:52px 0}.brand-grid{gap:18px}.brand-card-body{padding:22px}.brand-card:first-child .brand-card-body{padding:25px}.brand-card-photo{height:220px}.brand-card h3{font-size:1.3rem}.brand-card p{font-size:.82rem}.story-section .split{grid-template-columns:1fr;gap:32px}.story-section .split-media{aspect-ratio:5/4}.catalog-feature{grid-template-columns:1fr;gap:38px}.catalog-cover{width:270px;padding:24px;order:2}.catalog-cover strong{font-size:2rem}.band{padding:44px 22px}.contact-grid .h2{max-width:20ch}.footer{padding-bottom:95px}}
@media(max-width:480px){.hero-actions .btn{font-size:.75rem;padding:1em 1.1em}.brand-grid{grid-template-columns:1fr}.brand-card:first-child{grid-column:auto;display:flex}.brand-card:first-child .brand-card-photo{height:285px;min-height:0}.brand-card-photo{height:250px}.brand-card:first-child .brand-card-body{padding:24px}.brand-logos{gap:11px}.brand-logos img{max-height:20px}.hero .chip{font-size:.58rem}.grid-4{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:18px}.feature h3{font-size:.91rem}.feature p{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Shared interior pages, product selection and editorial stories. */
:root{--sans:'Plus Jakarta Sans','Noto Sans JP','Noto Sans Devanagari',system-ui,-apple-system,Segoe UI,sans-serif}
.hero-visual{order:0}.nav-menu a[aria-current=page]{color:var(--moss);text-decoration:underline;text-underline-offset:7px}
.inner-hero{padding:64px 0;background:var(--cream)}.inner-hero-grid{grid-template-columns:1.15fr .85fr;gap:65px}.inner-page .display{font-size:clamp(2.5rem,4.3vw,4.2rem);line-height:1.12;letter-spacing:-.05em;overflow-wrap:break-word}.inner-hero .lead{margin-top:25px}.inner-media{background:var(--sand);box-shadow:none;border-radius:6px;aspect-ratio:1.15}.inner-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.inner-media:has(img[src$="image-000.png"]){background:var(--cream)}.inner-media img[src$="image-000.png"]{object-fit:contain;mix-blend-mode:multiply}
.inner-page .footer-bottom{margin-top:0}.inner-page .panel-stats{grid-template-columns:1fr 1fr;padding:0;border-radius:4px;box-shadow:none}.panel-stats .stat:nth-child(3){border-left:0}.panel-stats .stat:nth-child(n+3){border-top:1px solid var(--line)}
.collection-nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px;border-bottom:1px solid var(--line)}.collection-nav a{padding:10px 18px;border:1px solid var(--line);border-radius:4px;font-size:.8rem;font-weight:650}.collection-nav a:hover{background:var(--forest);color:var(--cream)}.collection-section{padding:50px 0;border-bottom:1px solid var(--line);scroll-margin-top:105px}.collection-heading{display:flex;gap:60px;justify-content:space-between;align-items:center;margin-bottom:28px}.collection-heading>div{max-width:700px}.collection-heading p{color:var(--muted);margin-top:17px;font-size:.93rem}.collection-heading>img{width:160px;max-height:65px;object-fit:contain;mix-blend-mode:multiply}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.sample-card{border:1px solid var(--line);background:var(--paper);border-radius:6px;overflow:hidden}.sample-photo{height:285px;padding:24px;background:#fff}.sample-photo img{width:100%;height:100%;object-fit:contain}.sample-card>div:last-child{padding:22px;border-top:1px solid var(--line)}.sample-card h3{font-size:1.04rem;line-height:1.45}.sample-card .pcard-link{font-size:.76rem}.catalog-note a{text-decoration:underline;text-underline-offset:3px}
.editorial-articles{display:grid;gap:65px}.editorial-article{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center}.editorial-article>img{width:100%;height:330px;object-fit:cover;object-position:center 35%;border-radius:5px}.editorial-article p{color:var(--muted);font-size:.97rem;line-height:1.9}.editorial-article:nth-child(even)>img{order:2}.editorial-article:nth-child(even){grid-template-columns:1.25fr .75fr}.editorial-article .h2{font-size:clamp(1.75rem,2.7vw,2.7rem)}.detail-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.detail-block{padding:27px;border-radius:5px}.detail-block h2{font-size:1.4rem;line-height:1.3;letter-spacing:-.035em}.detail-block p{font-size:.9rem;margin-top:20px}
.newsletter-box{box-shadow:none}.newsletter-box .eyebrow{color:#d4deba}.newsletter-fields input{border-radius:4px}.form-msg[role=status]{font-size:.85rem}.contact-grid>div{min-width:0}.field select{max-width:100%;text-overflow:ellipsis}.contact-list li{overflow-wrap:anywhere}body{padding-bottom:0}
@media(min-width:1181px){.nav-menu{gap:20px}.nav-menu a{font-size:.73rem}.nav-cta{max-width:195px;text-align:center}}
@media(max-width:960px){.inner-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.inner-page .display{font-size:2.6rem}.inner-media{order:0}.inner-page .contact-grid{grid-template-columns:1fr 1fr;gap:35px}.sample-photo{height:235px;padding:18px}.editorial-article{gap:30px}.collection-heading{gap:30px}.detail-stack{grid-template-columns:1fr}.hero-visual{order:0}.story-section .split-media{order:0}}
@media(max-width:720px){.inner-hero{padding:38px 0}.inner-hero-grid{grid-template-columns:1fr;gap:30px}.inner-page .display{font-size:2.65rem}.inner-media{aspect-ratio:1.7}.inner-page .contact-grid{grid-template-columns:1fr}.collection-heading{display:block}.collection-heading>img{display:none}.collection-section{padding:38px 0}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sample-photo{height:200px;padding:16px}.sample-card>div:last-child{padding:17px}.sample-card h3{font-size:.92rem}.collection-nav a{padding:8px 12px;font-size:.74rem}.editorial-article,.editorial-article:nth-child(even){grid-template-columns:1fr;gap:25px}.editorial-article:nth-child(even)>img{order:0}.editorial-article>img{height:270px}.editorial-articles{gap:48px}.collection-section{scroll-margin-top:85px}}
@media(max-width:400px){.sample-grid{grid-template-columns:1fr}.sample-photo{height:245px}.inner-page .display{font-size:2.3rem}.nav-inner{gap:8px}.brand img{width:132px}.hero .eyebrow{font-size:.57rem}}
:lang(zh) .display,:lang(ja) .display,:lang(hi) .display{letter-spacing:-.025em;line-height:1.22}
:lang(ru) .display,:lang(de) .display{font-size:clamp(2.7rem,4.5vw,4.4rem)}
@media(max-width:720px){:lang(ru) .display,:lang(de) .display{font-size:clamp(2.5rem,8vw,3.4rem)}}
.brand-card:first-child{height:510px}.brand-card:first-child .brand-card-photo{min-height:0;height:100%}.brand-card-photo{display:block}.brand-card:first-child .brand-card-body{min-width:0}
@media(max-width:960px){.brand-card:first-child{height:420px}}
@media(max-width:480px){.brand-card:first-child{height:auto}.brand-card:first-child .brand-card-photo{height:285px;flex-shrink:0}}

.nav-menu .b2b-mobile{display:none}@media(max-width:720px){.nav-menu .b2b-mobile{display:block;font-weight:700}}

/* Blend the catalogue illustration into the hero without hard side edges. */
.hero-visual > img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.2) 3%, rgba(0,0,0,.75) 9%, #000 16%, #000 84%, rgba(0,0,0,.75) 91%, rgba(0,0,0,.2) 97%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.2) 3%, rgba(0,0,0,.75) 9%, #000 16%, #000 84%, rgba(0,0,0,.75) 91%, rgba(0,0,0,.2) 97%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}