/* Holstein, October 2026. Original typography and vector artwork. */
:root{--muted:#626c61;--gold:#927747}
.site-header{background:var(--paper)}
.brand img{width:116px;height:64px}
.lang-switch button{min-width:36px;min-height:44px;font-size:12px}
.desktop-nav{font-size:13px}
.button{border-radius:0;font-size:14px;min-height:54px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.15em}
.brand-hero{padding-top:58px;background:var(--paper);overflow:hidden}
.brand-stage{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}
.brand-intro{padding:12px 0 30px;min-width:0}
.brand-intro .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;font-size:10px;letter-spacing:.15em}
.brand-intro .brand-rule{width:30px;height:1px;flex:none;background:var(--gold);margin:0}
.brand-intro h1{font-size:clamp(74px,7.8vw,112px);line-height:.91;letter-spacing:-.045em}
.brand-intro h1 em{color:var(--gold);font-style:normal;white-space:nowrap;font-size:.87em}
.brand-intro>p{max-width:370px;font-size:15px;line-height:1.85;margin-top:29px}
.brand-actions{display:flex;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}
.brand-actions .button{gap:34px}
.brand-link{display:inline-flex;align-items:center;gap:19px;font-size:13px;min-height:44px;border-bottom:1px solid var(--line)}
.brand-link:hover{border-color:var(--gold)}
.brand-atlas{min-width:0;background:var(--forest);color:var(--paper);padding:25px 27px;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:510px}
.brand-atlas:before{content:'';position:absolute;inset:11px;border:1px solid #c5b18430;pointer-events:none}
.atlas-top{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.16em;position:relative;z-index:1;color:#dbd9c9}
.atlas-globe{position:relative;aspect-ratio:1;width:100%;margin:auto 0;display:grid;place-items:center}
.atlas-globe>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#b9ba9e;stroke-opacity:.32;stroke-width:1}
.atlas-globe .globe-orbit{stroke:#d1b57a;stroke-opacity:.9;stroke-width:1.2}
.atlas-globe .globe-point{fill:#d1b57a;stroke:none}
.atlas-monogram{font-family:var(--serif);font-size:clamp(180px,22vw,295px);line-height:1;color:#f5f3e8;position:relative;transform:translateY(-4%)}
.atlas-bottom{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;letter-spacing:.08em;position:relative;z-index:1;padding-top:12px;color:#dcdccc}
.atlas-bottom i{height:3px;width:3px;border-radius:50%;background:#c5b184}
.brand-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:45px;border-top:1px solid #ced2c5;border-bottom:1px solid #ced2c5}
.brand-directory>a{display:flex;align-items:center;gap:16px;padding:24px 24px 24px 0;min-height:88px;position:relative}
.brand-directory>a+a{border-left:1px solid #ced2c5;padding-left:24px}
.brand-directory>a>span{font-size:10px;color:var(--gold)}
.brand-directory strong{font-size:13px;font-weight:400}
.brand-directory .arrow{margin-left:auto;color:var(--gold);width:17px;height:17px}
.brand-directory>a:hover strong{color:var(--gold)}
.trust-strip{background:var(--paper);border-bottom:1px solid var(--line)}
.trust-strip>.wrap{padding:37px 0}
.trust-strip span{font-size:11px;line-height:1.6;color:var(--muted)}
.trust-strip strong{font-size:52px}
.section-head>p,.contact-heading>p{font-size:15px;line-height:1.85}
.trade-content{grid-template-columns:1fr 1fr;gap:75px;align-items:stretch}
.trade-specimen{display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;background:#e8e7db;padding:28px 32px;min-height:390px;color:var(--forest)}
.trade-specimen:before{content:'';position:absolute;width:78%;aspect-ratio:1;border:1px solid #a9ad9370;border-radius:50%;inset:auto -24% -34% auto;z-index:-1}
.trade-specimen:after{content:'';position:absolute;width:96%;aspect-ratio:1;border:1px solid #a9ad9340;border-radius:50%;inset:auto -33% -45% auto;z-index:-1}
.specimen-top,.specimen-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em}
.specimen-top{padding-bottom:17px;border-bottom:1px solid #b5b8a87a}
.specimen-top>span:last-child{color:var(--gold)}
.specimen-mark{font-family:var(--serif);font-size:clamp(130px,16vw,230px);line-height:1;letter-spacing:-.06em;padding:13px 0 26px}
.beef .specimen-mark{font-size:clamp(85px,10vw,145px);letter-spacing:-.065em}
.specimen-bottom{line-height:1.7}
.specimen-bottom svg{width:28px;height:28px;stroke-width:1}
.trade-copy{align-self:center}
.trade-copy .kicker{font-size:10px;line-height:1.7}
.trade-copy>p{font-size:15px}
.trade-copy li{font-size:13px}
.trade-contact{font-size:12px;line-height:1.7;gap:15px}
.global-strip{background:#ecebe1;padding:42px 0;border-top:1px solid #dbddcf;border-bottom:1px solid #dbddcf}
.global-title .eyebrow{font-size:10px;color:#666d54}
.global-strip p{font-size:12px}
.catalog-tools{background:var(--paper);border-color:var(--line)}
.catalog-intro{font-size:13px}
.catalog-category-tabs button{font-size:13px;min-height:49px}
.catalog-category-tabs span{font-size:11px}
.field label{font-size:12px}
.filter{font-size:12px;min-height:44px;padding:9px 13px;border-radius:2px}
.catalog-controls input,.catalog-controls select{min-height:48px;font-size:14px}
.search-field svg{top:16px}
.catalog-meta{font-size:12px;gap:16px}
.catalog-meta button{min-height:44px;font-size:12px;flex-shrink:0}
.bull-card{border-radius:0;box-shadow:none}
.bull-photo-button{background:#f2f1e9}
.bull-desc{font-size:13px}
.bull-bottom{min-height:64px}
.detail-button,.compare-toggle{font-size:12px;min-height:44px}
.compare-toggle{display:inline-flex;align-items:center}
.catalog-guide summary{min-height:48px;font-size:13px}
.catalog-guide p{font-size:13px;line-height:1.8}
.transport-top p{font-size:15px;line-height:1.85}
.transport-steps p{font-size:13px}
.about-grid{gap:85px;align-items:stretch}
.about-copy{align-self:center}
.about-copy>p{font-size:15px}
.heritage-panel{padding:35px 38px;background:#e8e7db;display:flex;flex-direction:column;justify-content:space-between;min-height:470px;position:relative;overflow:hidden}
.heritage-label{font-size:10px;letter-spacing:.13em;border-bottom:1px solid #c1c3b3;padding-bottom:20px;position:relative}
.heritage-number{font-family:var(--serif);font-size:240px;font-weight:500;letter-spacing:-.07em;line-height:.9;margin:28px 0 35px}
.heritage-number>span{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.09em;padding:12px 0 0 8px;line-height:1.5}
.heritage-signature{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #c1c3b3;padding-top:20px}
.heritage-signature>span{font-family:var(--serif);font-size:32px;line-height:1.05;letter-spacing:-.02em}
.heritage-signature>svg{width:45px;height:45px;stroke-width:.8;color:var(--gold)}
.contact{background:#e9ece2}
.contact-role{font-size:11px}
.contact-email,.office-contacts a[href^="mailto"]{font-size:12px;color:#4e6244}
.office-contacts>div>span{font-size:12px}
.office-contacts p{font-size:13px}
.office-contacts .map-link{font-size:11px;min-height:36px}
.form-office-email{font-size:14px}
.mail-form .form-privacy{font-size:12px;line-height:1.75}
.form-privacy button{min-height:32px}
.enquiry-section .eyebrow{font-size:11px}
.compare-bar #clear-comparison{min-width:44px;min-height:44px}
.close-modal{min-width:44px;min-height:44px}
.modal-content>p,.legal-content p{font-size:14px}
.modal-content small{font-size:12px}
.profile-photo figcaption{font-size:11px}
@media(min-width:1500px){.brand-stage{gap:90px}.brand-intro h1{font-size:120px}.brand-atlas{min-height:565px}}
@media(max-width:1100px){
 .brand-stage{gap:38px}.brand-intro h1{font-size:90px}.brand-atlas{min-height:480px;padding:24px 20px}.atlas-top{font-size:7px}.brand-actions{gap:20px}.brand-actions .button{padding:15px 20px;gap:22px}.brand-directory>a{gap:12px}.brand-directory strong{font-size:12px}.trade-content{gap:40px}.trade-specimen{padding:25px;min-height:360px}.about-grid{gap:50px}.heritage-panel{padding:30px;min-height:440px}.heritage-number{font-size:210px}
}
@media(max-width:850px){
 .brand-hero{padding-top:40px}.brand-stage{grid-template-columns:1.15fr 1fr;gap:28px}.brand-intro h1{font-size:76px}.brand-intro .eyebrow{font-size:8px;gap:10px}.brand-intro .brand-rule{width:20px}.brand-intro>p{font-size:14px}.brand-atlas{min-height:430px;padding:22px 18px}.atlas-top{flex-direction:column;gap:5px;font-size:8px}.atlas-bottom{gap:12px;font-size:9px}.brand-directory strong{font-size:11px}.brand-directory>a{padding-right:16px}.brand-directory>a+a{padding-left:16px}.trade-content{gap:30px}.trade-specimen{min-height:355px;padding:24px}.specimen-mark{font-size:170px}.beef .specimen-mark{font-size:94px}.specimen-top,.specimen-bottom{font-size:9px}.about-grid{gap:35px}.heritage-panel{padding:25px}.heritage-number{font-size:180px}.heritage-label{font-size:9px}.catalog-controls input,.catalog-controls select{font-size:13px}
}
@media(max-width:700px){
 .brand img{width:96px;height:54px}.header-actions{gap:8px}.lang-switch button{min-width:33px}.menu-button{width:44px;height:44px;padding:10px}.brand-hero{padding-top:34px}.brand-stage{display:flex;flex-direction:column;gap:28px}.brand-intro{width:100%;padding:0}.brand-intro .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:24px}.brand-intro h1{font-size:clamp(64px,13vw,88px);line-height:.93}.brand-intro h1 em{font-size:.86em}.brand-intro>p{font-size:14px;margin-top:22px;max-width:400px;line-height:1.8}.brand-actions{margin-top:23px;gap:22px}.brand-actions .button{font-size:13px;min-height:51px;padding:14px 18px;gap:27px}.brand-link{font-size:12px;gap:10px}.brand-atlas{width:100%;height:258px;min-height:0;padding:23px;overflow:hidden}.atlas-top{flex-direction:row;font-size:7px;letter-spacing:.13em}.atlas-globe{position:absolute;width:246px;height:246px;left:50%;top:50%;transform:translate(-50%,-51%);margin:0}.atlas-monogram{font-size:155px}.atlas-bottom{font-size:9px;gap:18px;padding:0}.brand-directory{grid-template-columns:1fr;margin-top:28px}.brand-directory>a,.brand-directory>a+a{border-left:0;padding:16px 0;min-height:64px;gap:20px}.brand-directory>a+a{border-top:1px solid #ced2c5}.brand-directory strong{font-size:13px}.brand-directory>a>span{font-size:10px}.trust-strip>.wrap{padding:0}.trust-strip strong{font-size:45px}.trust-strip span{font-size:10px;line-height:1.6}.trust-strip .wrap>div{padding:23px 0;gap:13px}.trust-strip .wrap>div:nth-child(2n){padding-left:16px}.trust-strip .trust-note{font-size:27px}.eyebrow{font-size:10px;letter-spacing:.12em}.section-head>p,.contact-heading>p{font-size:14px;line-height:1.8}.trade-tabs button{font-size:14px;min-height:52px;gap:20px}.trade-tabs button span{font-size:10px}.trade-content{grid-template-columns:1fr;gap:29px}.trade-specimen{min-height:0;height:245px;padding:22px 24px}.specimen-mark{font-size:130px;padding:2px 0 7px;line-height:.9}.beef .specimen-mark{font-size:85px}.specimen-top,.specimen-bottom{font-size:9px}.specimen-top{padding-bottom:12px}.specimen-bottom svg{width:22px;height:22px}.trade-copy>p{font-size:14px}.trade-copy li{font-size:13px}.trade-copy .button{font-size:13px}.trade-contact{font-size:12px;gap:16px}.global-strip{padding:33px 0}.global-strip p{font-size:12px}.catalog-intro{font-size:12px;line-height:1.6}.catalog-category-tabs{gap:25px;margin-top:30px}.catalog-category-tabs button{font-size:13px}.catalog-tools{padding:19px 16px}.catalog-controls input,.catalog-controls select{font-size:16px;min-height:48px}.field label{font-size:12px}.filters{gap:8px}.filter{font-size:12px;min-height:44px;padding:9px 11px}.filter svg{width:17px;height:17px}.catalog-meta{font-size:11px;align-items:center;padding:16px 0 12px;gap:12px}.catalog-meta button{font-size:11px}.bull-desc{font-size:13px}.detail-button,.compare-toggle{font-size:12px}.catalog-guide summary{font-size:13px;padding-block:15px;line-height:1.5}.catalog-guide p{font-size:13px}.transport-top p{font-size:14px}.transport-steps p{font-size:13px}.about-grid{grid-template-columns:1fr;gap:35px}.heritage-panel{min-height:0;height:340px;padding:26px 28px}.heritage-label{font-size:9px;padding-bottom:17px}.heritage-number{font-size:168px;line-height:.82;margin:22px 0}.heritage-number>span{font-size:11px;padding:13px 0 0 5px}.heritage-signature{padding-top:16px}.heritage-signature>span{font-size:29px}.heritage-signature>svg{width:35px;height:35px}.about-copy>p{font-size:14px}.contact-role{font-size:11px}.contact-email,.office-contacts a[href^="mailto"]{font-size:12px}.office-contacts>div>span{font-size:12px}.office-contacts a{font-size:14px}.office-contacts p{font-size:13px}.office-contacts .map-link{font-size:11px}.form-office-email{font-size:14px}.mail-form .form-privacy{font-size:12px}.mail-form .button{font-size:14px}.modal-content>p,.legal-content p{font-size:13px}.profile-photo figcaption{font-size:10px}.compare-bar{gap:12px;padding:12px 13px}.compare-bar .button{min-height:44px;font-size:11px}.compare-bar span{font-size:11px}
}
@media(max-width:380px){.brand-intro h1{font-size:62px}.brand-intro .eyebrow{font-size:8px}.brand-actions{gap:17px}.brand-actions .button{font-size:12px;padding:14px 15px;gap:18px}.brand-link{font-size:11px;gap:9px}.atlas-top{font-size:6.5px}.trade-tabs{gap:25px}.trade-tabs button{font-size:13px}.trust-strip span{font-size:9px}.catalog-tools{padding:16px 13px}.filter{font-size:11px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
