:root{--ink:#06101f;--navy:#0a1b34;--blue:#173d67;--gold:#e8ad25;--gold2:#f6cf62;--cream:#fff9e9;--muted:#aab7c8;--line:rgba(232,173,37,.25)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
    a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.top{background:var(--gold);color:var(--ink);font-size:.86rem;text-align:center;padding:8px 16px;font-weight:700;letter-spacing:.03em}
    header{position:sticky;top:0;z-index:20;background:rgba(6,16,31,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.04em}.site-logo{width:64px;height:64px;display:block;object-fit:contain;border-radius:4px}.brand small{display:block;color:var(--gold2);font-size:.67rem;letter-spacing:.18em}.navlinks{display:flex;align-items:center;gap:25px;color:#d8e1ee;font-size:.93rem}.navlinks a:hover{color:var(--gold2)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);padding:13px 20px;border-radius:3px;font-weight:800;cursor:pointer;transition:.2s;font-family:inherit}.btn:hover{background:var(--gold2);transform:translateY(-2px)}.btn.outline{background:transparent;color:#fff}.btn.outline:hover{background:rgba(232,173,37,.1)}
    .hero{position:relative;min-height:660px;display:grid;align-items:center;isolation:isolate;background:radial-gradient(circle at 80% 20%,rgba(23,61,103,.8),transparent 44%),linear-gradient(115deg,#06101f 15%,#0a1b34 75%)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;width:310px;height:350px;opacity:.12;background:repeating-linear-gradient(60deg,transparent 0 26px,var(--gold) 27px 29px,transparent 30px 54px)}.hero:before{right:0;top:60px}.hero:after{left:-170px;bottom:0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center;padding:74px 0}.eyebrow{color:var(--gold2);font-size:.83rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:17px}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.98;margin:0 0 25px;max-width:720px}.hero h1 span{color:var(--gold)}.hero p{font-size:1.12rem;color:#c9d3e1;max-width:600px;margin:0 0 31px}.actions{display:flex;flex-wrap:wrap;gap:12px}.trust{display:flex;gap:28px;margin-top:42px;padding-top:24px;border-top:1px solid var(--line)}.trust strong{display:block;color:var(--gold2);font-size:1.32rem}.trust span{color:var(--muted);font-size:.84rem}
    .visual{position:relative;min-height:520px;border:1px solid var(--line);background:linear-gradient(145deg,#153658,#071426);box-shadow:0 35px 80px rgba(0,0,0,.38);overflow:hidden}.visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 58%}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,31,.04) 35%,rgba(6,16,31,.92))}.visual-note{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:end}.visual-note strong{font-family:"Playfair Display",serif;font-size:1.55rem;text-shadow:0 2px 16px #000}.visual-note span{display:block;color:var(--gold2);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
    section{padding:94px 0}.heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.heading h2{font-family:"Playfair Display",serif;font-size:clamp(2.15rem,4vw,3.6rem);line-height:1.06;margin:0}.heading p{max-width:540px;color:var(--muted);margin:0}.catalog{background:#09172a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filter{border:1px solid #31435a;background:transparent;color:#d5deea;padding:9px 15px;border-radius:99px;font:inherit;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:linear-gradient(160deg,#0e2441,#09172a);border:1px solid #263d59;padding:27px;min-height:355px;display:flex;flex-direction:column}.card.hidden{display:none}.pill{align-self:flex-start;color:var(--gold2);background:rgba(232,173,37,.1);border:1px solid var(--line);padding:5px 9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.card h3{font-family:"Playfair Display",serif;font-size:1.65rem;line-height:1.15;margin:19px 0 7px}.latin{color:#8294aa;font-size:.85rem;font-style:italic}.card ul{padding:0;margin:21px 0 26px;list-style:none;color:#c8d3e1;font-size:.92rem}.card li{margin:7px 0}.card li:before{content:"◆";color:var(--gold);font-size:.62rem;margin-right:9px}.price{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:10px}.price strong{font-size:1.65rem;color:var(--gold2)}.price small{display:block;color:#7f91a7;font-size:.75rem}.link{color:#fff;font-weight:800;border-bottom:1px solid var(--gold);padding-bottom:2px}
    .difference{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.steps{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px;background:var(--navy)}.step b{width:44px;height:44px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-family:"Playfair Display",serif;font-size:1.2rem}.step h3{margin:0 0 5px}.step p{margin:0;color:var(--muted);font-size:.92rem}.selection{background:linear-gradient(135deg,var(--gold),#f3c451);color:var(--ink)}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.selection h2{font-family:"Playfair Display",serif;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;margin:0 0 20px}.selection p{font-size:1.06rem}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{padding:16px;background:rgba(255,255,255,.5);border:1px solid rgba(6,16,31,.13);font-weight:800}.check:before{content:"✓";margin-right:8px}
    .faq{background:#071426}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.faq-list{border-top:1px solid #29405b}.faq-item{border-bottom:1px solid #29405b}.faq-q{width:100%;background:none;border:0;color:#fff;padding:21px 0;text-align:left;font:700 1rem system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;display:flex;justify-content:space-between;cursor:pointer}.faq-q span{color:var(--gold);font-size:1.4rem}.faq-a{display:none;color:var(--muted);padding:0 0 21px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
    .contact{text-align:center;background:radial-gradient(circle at 50% 0,rgba(23,61,103,.8),transparent 55%),var(--ink)}.contact h2{font-family:"Playfair Display",serif;font-size:clamp(2.3rem,5vw,4.5rem);margin:0 0 15px}.contact p{color:var(--muted);max-width:650px;margin:0 auto 28px}.contact-info{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-top:25px;color:#ced8e4}.contact-info a{color:var(--gold2);font-weight:700}footer{border-top:1px solid var(--line);padding:31px 0;color:#8494a8;font-size:.84rem}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
    @media(max-width:900px){.navlinks a:not(.nav-cta){display:none}.hero-grid,.difference,.selection-grid,.faq-grid{grid-template-columns:1fr}.hero{min-height:auto}.visual{min-height:380px}.cards{grid-template-columns:1fr 1fr}.heading{display:block}.heading p{margin-top:16px}.difference,.faq-grid{gap:35px}}
    @media(max-width:620px){.wrap{width:min(100% - 24px,1160px)}nav{height:72px}.brand span:last-child{font-size:.8rem}.brand small{font-size:.54rem}.site-logo{width:50px;height:50px}.nav-cta{padding:9px 11px;font-size:.78rem}.hero-grid{padding:55px 0;gap:38px}.hero h1{font-size:3.15rem}.visual{min-height:420px}.trust{gap:14px;justify-content:space-between}.trust strong{font-size:1.05rem}.trust span{font-size:.72rem}section{padding:69px 0}.cards{grid-template-columns:1fr}.card{min-height:330px}.checks{grid-template-columns:1fr}.heading h2{font-size:2.4rem}.actions .btn{width:100%}}
    .rucher-gallery{padding-bottom:0}.rucher-photos{display:grid;grid-template-columns:1fr .7fr 1fr;gap:20px;align-items:start}.rucher-photos figure{margin:0;min-width:0}.rucher-photos img{display:block;width:100%;height:410px;object-fit:cover;border:1px solid var(--line)}.rucher-photos .queen-detail{object-position:center 28%;background:#000}.rucher-photos .brood-detail{object-position:center 65%}.rucher-photos figcaption{padding-top:14px;color:var(--muted);font-size:.95rem}.rucher-photos figcaption strong{display:block;color:var(--gold2);font-size:1.08rem;font-weight:600}.buckfast-reference{display:flex;align-items:center;gap:18px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.buckfast-reference img{width:86px;height:86px;object-fit:contain;flex-shrink:0}.buckfast-reference strong{display:block;color:#fff;font-family:"Playfair Display",serif;font-size:1.25rem;margin-bottom:3px}
    @media(max-width:900px){.rucher-photos{gap:14px}.rucher-photos img{height:330px}}
    @media(max-width:620px){.rucher-photos{grid-template-columns:1fr;gap:28px}.rucher-photos img{height:auto;max-height:500px;aspect-ratio:4/5;object-fit:cover}.rucher-photos figure:nth-child(2){max-width:315px;justify-self:center;width:100%}.rucher-photos .queen-detail{aspect-ratio:315/682;max-height:none}.buckfast-reference{align-items:flex-start}.buckfast-reference img{width:72px;height:72px}}
  
nav{height:auto;min-height:84px;flex-wrap:wrap;padding-block:14px}.navlinks{flex-wrap:wrap;gap:12px 20px}.navlinks a{display:inline-block!important}.navlinks a[aria-current=page]{color:var(--gold2);text-decoration:underline;text-underline-offset:6px}.editorial{padding:65px 0}.editorial h1{font:700 clamp(2rem,4.4vw,3.6rem)/1.15 Georgia,serif;margin:0 0 28px;max-width:950px}.prose{max-width:800px}.prose p{color:#c9d3e1;font-size:1.08rem}.prose h2{margin-top:32px;font-family:Georgia,serif}.prose a:not(.btn){text-decoration:underline;color:var(--gold2)}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:start}.intro-grid img{width:100%;height:auto;border:1px solid var(--line)}.editorial .actions{margin-top:30px}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:700px){.intro-grid{grid-template-columns:1fr}.navlinks{font-size:1rem}.brand-name{font-size:1rem}.editorial{padding:40px 0}header{position:relative}}
/* Navigation: dedicated desktop row and a compact mobile disclosure. */
header{background:#071322;border-bottom:1px solid rgba(232,173,37,.24);backdrop-filter:none}
header nav.wrap{position:relative;display:grid;grid-template-columns:1fr;gap:0;height:auto;padding:24px 0 0;min-height:0}
header .brand{justify-self:center;gap:16px;padding-bottom:22px;letter-spacing:.06em}
header .brand-name{font-size:1.04rem;line-height:1.5}
header .brand small{font-size:.75rem;letter-spacing:.17em;margin-top:3px}
header .site-logo{width:62px;height:62px}
header .navlinks{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:nowrap;border-top:1px solid rgba(255,255,255,.09);padding:13px 0}
header .navlinks a:not(.btn){padding:12px 18px;font-size:1rem;line-height:1.4;white-space:nowrap;border-radius:4px;transition:background .15s,color .15s}
header .navlinks a:not(.btn):hover{background:rgba(232,173,37,.08);color:var(--gold2)}
header .navlinks a[aria-current=page]{background:rgba(232,173,37,.1);color:var(--gold2);text-decoration:none;box-shadow:inset 0 -2px var(--gold)}
header .nav-cta{margin-left:14px;padding:12px 24px;min-height:46px;font-size:1rem;white-space:nowrap}
.mobile-menu{display:none}
@media(max-width:1050px){header .navlinks{gap:2px}header .navlinks a:not(.btn){padding:12px 13px}header .nav-cta{margin-left:7px;padding-inline:18px}}
@media(max-width:900px){
 header{position:relative;z-index:20}
 header nav.wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;padding:18px 0;min-height:94px}
 header .brand{padding:0;gap:11px;min-width:0;letter-spacing:.015em}
 header .brand-name{font-size:.87rem;line-height:1.4}
 header .brand small{font-size:.65rem;letter-spacing:.09em;margin-top:4px}
 header .site-logo{width:50px;height:50px;flex-shrink:0}
 header .navlinks{display:none}
 .mobile-menu{display:block;flex-shrink:0}
 .mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:10px;list-style:none;cursor:pointer;border:1px solid rgba(232,173,37,.48);border-radius:4px;padding:12px 13px;min-height:46px;font-size:.94rem;color:var(--gold2);font-weight:700}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .menu-icon{width:16px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
 .menu-icon:after{content:'';position:absolute;top:4px;left:0;width:16px;border-top:2px solid currentColor}
 .mobile-menu[open] summary{background:rgba(232,173,37,.12)}
 .mobile-menu-panel{position:absolute;top:100%;left:0;right:0;background:#0a1b2e;border:1px solid rgba(232,173,37,.28);border-radius:0 0 8px 8px;padding:22px;box-shadow:0 20px 40px rgba(0,0,0,.4);max-height:calc(100dvh - 110px);overflow:auto}
 .mobile-menu-heading{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#aab7c8;margin-bottom:12px}
 .mobile-menu-panel a:not(.btn){display:block;padding:14px 12px;font-size:1.05rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.08)}
 .mobile-menu-panel a[aria-current=page]{background:rgba(232,173,37,.09);color:var(--gold2);border-left:2px solid var(--gold)}
 .mobile-menu-panel .nav-cta{width:100%;margin:20px 0 0;padding:14px;font-size:1rem}
 .mobile-menu summary:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}
 .editorial{padding:48px 0 64px}
 .editorial h1{font-size:clamp(2rem,7.5vw,3rem);line-height:1.2;margin-bottom:30px}
 .prose p{line-height:1.85;margin:0 0 24px}
 .intro-grid{gap:34px}
}
@media(max-width:380px){header .site-logo{width:40px;height:40px}header .brand-name{font-size:.75rem}header .brand small{font-size:.6rem}header .brand{gap:8px}.mobile-menu summary{padding:11px 10px;gap:8px}}