:root{color-scheme:dark}*{box-sizing:border-box}body{background:#080c0e;color:#f3f4f3}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ec102d;outline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.nav{background:#080c0ef2;border-bottom:1px solid #ffffff15}.nav .brand img{max-width:175px}.nav nav a{color:#fff}.landing-hero{min-height:780px;height:92svh;position:relative;display:flex;align-items:center;padding:120px 8%;background:linear-gradient(90deg,#060c10df,#060c1030),linear-gradient(0deg,#080c0e,transparent 50%),url('assets/editorial/lifestyle.webp') center/cover}.hero-content{max-width:720px;position:relative}.hero-content h1{font-size:clamp(40px,5.4vw,82px);line-height:1.1;letter-spacing:-3px;margin:28px 0}.hero-content>p:not(.eyebrow){max-width:440px;color:#d4d8da;line-height:1.8;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2.5px}.hero-signature{position:absolute;bottom:36px;left:8%;font-size:10px;letter-spacing:2px;line-height:2}.brand-directory{padding:80px 8%;max-width:1300px;margin:auto}.brand-directory>h2{font-size:clamp(30px,4vw,54px);line-height:1.12;margin:20px 0 36px}.brand-panel{width:100%;min-height:240px;display:flex;align-items:center;justify-content:space-between;padding:36px;text-align:left;border:1px solid #ffffff24;background:#10171b;margin-bottom:16px;border-radius:8px;overflow:hidden;color:white;text-decoration:none;transition:transform .2s,border-color .2s}.brand-panel:hover{transform:translateY(-3px);border-color:#ffffff66}.brand-panel p{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-top:18px}.magbite-panel{background:linear-gradient(90deg,#070b0ef5,#070b0e44),url('assets/editorial/rockfishing.webp') center/cover}.magbite-logo{font-family:Arial,sans-serif;font-weight:950;font-style:italic;font-size:clamp(45px,7vw,90px);letter-spacing:-3px;color:#ed092b;line-height:1}.magbite-logo sup{font-size:.23em;vertical-align:top;display:inline-block;margin-top:6px;letter-spacing:0}.geecrack-logo{color:#ff9208;font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:-1.5px}.gcraft-logo{display:block;font-family:Georgia,serif;font-size:clamp(30px,5vw,54px);font-weight:bold}.gcraft-logo span{font-size:.6em}.round-arrow{width:42px;height:42px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;font-size:24px;flex-shrink:0;margin-left:12px}.secondary-brand{min-height:180px;background:linear-gradient(120deg,#151e23,#080c0f)}.secondary-brand small{font-size:10px;letter-spacing:2px}.brand-hero{min-height:650px;padding:120px 8% 50px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#080c0e,#080c0e66),url('assets/editorial/rockfishing.webp') center/cover}.back-link{color:#fff;font-size:10px;letter-spacing:1.5px;text-decoration:none}.brand-hero-copy{margin-top:50px}.brand-hero-copy h1{margin:0 0 16px}.brand-hero-copy h2{font-size:clamp(28px,4vw,46px);max-width:650px;line-height:1.15;margin:42px 0 20px}.brand-hero-copy>p:last-child{font-size:11px;letter-spacing:2px;text-transform:uppercase}.quick-links{max-width:1000px;margin:auto;padding:30px 8% 60px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-links a,.quick-links button{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #ffffff27;border-radius:10px;background:#101519;text-decoration:none;color:#fff;text-align:left}.quick-links div{flex:1}.quick-links b{font-size:15px}.quick-links small{display:block;color:#a9b0b4;font-size:11px;line-height:1.7;margin-top:6px}.quick-links>*>span{font-size:15px;color:#b0b6b9}.catalog{background:#0d1216;color:#eee}.catalog .section-head p,.card p{color:#a7afb5}.catalog h2,.card h3{color:#f4f4f4}.card{background:#151c21;border-color:#ffffff20}.card img{background:white}.filters button{color:#ddd;background:#172027;border-color:#ffffff25}.filters button.active{background:#eb1230;color:white}.other-brands{max-width:1100px;margin:auto;padding:55px 8%}.other-brands>div{display:flex;gap:20px;margin-top:24px}.other-brands button{flex:1;padding:24px 12px;border:1px solid #ffffff22;border-radius:8px;background:#11191e;font-size:clamp(18px,3vw,30px)}.contact{background:#12191e}.pending-detail{color:#a5adb2;font-size:12px;max-width:500px;margin:20px auto!important}.modal-card{background:#151c21}.modal h2,.modal p{color:#f4f4f4}.modal img{background:#fff}dialog{max-width:480px;width:calc(100% - 40px);padding:40px;border:1px solid #ffffff35;border-radius:14px;background:#10191e;color:#eee}dialog::backdrop{background:#000b}dialog p{line-height:1.7;color:#b4bdc3}.info-close{position:absolute;top:8px;right:14px;font-size:28px;border:0;background:none}footer{background:#060a0d}footer img{max-width:180px}
@media(max-width:700px){.nav{padding:14px 6%}.nav .brand img{max-width:135px}.nav nav{background:#0c1318}.landing-hero{min-height:660px;height:90svh;padding:120px 7%}.hero-content h1{letter-spacing:-1.8px;font-size:44px}.hero-signature{left:7%;font-size:9px}.brand-directory{padding:50px 6%}.brand-panel{min-height:185px;padding:24px 20px}.brand-panel p{font-size:10px;letter-spacing:1.3px;max-width:235px;line-height:1.7}.secondary-brand{min-height:145px}.magbite-logo{font-size:57px;letter-spacing:-2px}.brand-hero{min-height:560px;padding:100px 7% 32px;background-position:60% center}.brand-hero-copy .magbite-logo{font-size:65px}.brand-hero-copy h2{margin-top:46px;font-size:29px}.quick-links{grid-template-columns:1fr;padding:18px 6% 40px}.quick-links a,.quick-links button{padding:20px}.catalog{padding:50px 6%}.catalog .section-head{display:block}.other-brands{padding:40px 6%}.other-brands>div{gap:10px}.contact{padding:50px 6%}.contact h2{font-size:32px}.modal-card{max-height:90svh;overflow:auto}.round-arrow{width:34px;height:34px;font-size:21px}}

.distributor-card{border:1px solid #ffffff26;border-radius:12px;padding:28px;margin-top:24px;background:#11191e}.distributor-card p{color:#b6bfc5;line-height:1.7}.distributor-card a{color:inherit}.distributor-card .btn{margin-top:12px}

.distributor-map{width:100%;height:560px;border:1px solid #ffffff28;border-radius:12px;overflow:hidden;background:#152126;margin-top:24px}.distributor-map iframe{width:100%;height:100%;border:0}.map-intro{color:#b6bfc5;line-height:1.7}.map-demo{font-size:12px;color:#d4b176}@media(max-width:700px){.distributor-map{height:520px}}

section[id]{scroll-margin-top:110px}

.contact-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;text-align:left;align-items:start}.contact-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.15}.contact-copy>p{line-height:1.8;max-width:420px}.contact-email{display:inline-block;color:#fff;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;margin-top:20px}.contact-note,.contact .contact-note{font-size:12px;color:#a8b1b8;margin-top:14px}.contact-form{background:#0a1014;border:1px solid #ffffff23;border-radius:16px;padding:32px}.contact-form label{display:block;font-size:12px;font-weight:600;margin:0 0 9px;color:#e2e6e8}.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{font:inherit;font-size:14px;width:100%;min-height:48px;background:#151e24;color:#fff;border:1px solid #ffffff2b;border-radius:7px;padding:12px 14px;margin-bottom:22px}.contact-form textarea{resize:vertical;line-height:1.6}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #e71738;outline-offset:2px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#87949c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form .form-note{font-size:11px;color:#a9b3b9;line-height:1.6;margin:0 0 20px}.contact-form .form-status{font-size:13px;line-height:1.7;color:#e0e5e7;margin-bottom:0}.form-status:empty{display:none}.form-trap{display:none!important}.contact-form button:disabled{opacity:.65;cursor:wait}.success-main{min-height:100svh;display:grid;place-items:center;padding:60px 24px;background:radial-gradient(ellipse at top,#17252d,#080c0e 65%)}.success-card{max-width:590px;text-align:center}.success-card h1{font-size:clamp(35px,5vw,56px);line-height:1.1}.success-card p{line-height:1.8;color:#bac4cb}.success-card img{max-width:180px;margin-bottom:36px}.success-card .btn{margin-top:24px}
@media(max-width:750px){.contact-layout{grid-template-columns:1fr;gap:30px}.contact-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.contact-copy h2{font-size:34px}}

/* Responsive photography and native web catalogue */
.landing-hero{height:clamp(480px,68svh,650px);min-height:0;padding:110px max(6%,calc((100% - 1120px)/2)) 100px;background-position:center 48%}
.hero-content h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-2px;margin:20px 0}
.hero-signature{bottom:20px}.brand-hero{min-height:0;height:clamp(390px,54svh,520px);padding:110px max(6%,calc((100% - 1120px)/2)) 36px;background-position:center 44%}
.brand-hero-copy{margin-top:26px}.brand-hero-copy .magbite-logo{font-size:clamp(48px,6vw,76px)}.brand-hero-copy h2{font-size:clamp(26px,3vw,36px);margin:24px 0 16px}.brand-panel{min-height:185px}.secondary-brand{min-height:145px}
.quick-links{max-width:1120px;padding:24px 24px 42px}.quick-links a{padding:20px}.catalog{padding:64px max(24px,calc((100% - 1120px)/2))}.catalog .section-head h2{font-size:40px;margin:12px 0 20px}.catalog .section-head>p{font-size:14px;max-width:420px}.catalog-download{font-size:12px;color:#c4cdd3;text-underline-offset:5px;line-height:1.8}.filters{margin:28px 0 18px;gap:8px}.filters button{min-height:44px;border-radius:24px;padding:10px 16px;font-family:inherit;font-size:11px;letter-spacing:.4px}.catalog-count{font-size:12px;color:#9caab4;margin:0 0 18px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid #ffffff16;border-radius:12px;min-width:0;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#ffffff48;box-shadow:none}.product-open{padding:0;border:0;background:none;color:inherit;width:100%;height:100%;text-align:left;display:flex;flex-direction:column}.product-photo{aspect-ratio:2/1;background:#050505;width:100%;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.product-photo img{width:100%;height:auto;max-height:100%;aspect-ratio:auto;object-fit:contain;background:#050505;display:block}.card-body{padding:20px;width:100%;flex:1;display:flex;flex-direction:column}.card h3{font-size:18px;line-height:1.3;margin:10px 0}.card p{font-size:13px;line-height:1.7;margin:0 0 18px}.card-more{font-size:12px;color:#e7ecef;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.card-more>span{color:#ef1939;font-size:18px}
.product-is-open{overflow:hidden}.product-dialog{padding:0;width:min(900px,calc(100% - 40px));max-width:none;max-height:calc(100svh - 48px);border:1px solid #ffffff30;border-radius:16px;background:#151c21;color:#fff;overflow:auto}.product-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.product-dialog .modal-card{width:100%;max-height:none;overflow:visible;grid-template-columns:1.05fr 1fr;background:transparent;align-items:center}.modal-visual{padding:36px 24px;background:#07090b;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.modal-visual img{display:block;width:100%;height:auto;min-height:0;max-height:320px;object-fit:contain;background:#07090b;aspect-ratio:auto}.product-dialog .modal-copy{padding:44px 30px 32px;min-width:0}.product-dialog h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:16px 0}.product-dialog p{font-size:14px;line-height:1.8;color:#b9c4cc}.spec-heading{font-size:12px;color:#fff;margin:24px 0 10px}.product-dialog .spec{margin:0;padding:0 0 18px;border:0;border-bottom:1px solid #ffffff20;color:#f0f3f5;line-height:1.8;font-size:14px}.product-dialog .muted{font-size:12px}.product-dialog .close{position:absolute;z-index:2;top:10px;right:10px;min-width:44px;height:44px;display:grid;place-items:center;background:#172027;border:1px solid #ffffff30;border-radius:50%;color:#fff;font-size:26px;line-height:1}.nav .brand img,footer img{object-fit:contain;filter:none}.nav .brand img{width:160px;height:52px}
@media(min-width:1600px){.landing-hero,.brand-hero{background-size:cover}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-dialog .modal-card{grid-template-columns:1fr}.modal-visual{padding:28px;min-height:0}.modal-visual img{max-height:210px}.product-dialog .modal-copy{padding:24px 28px 28px}.product-dialog h2{margin-top:8px}.product-dialog .close{position:sticky;float:right;margin:10px 10px -54px 0;top:10px;right:10px}}
@media(max-width:600px){.landing-hero{height:520px;max-height:78svh;padding:100px 6% 90px;min-height:450px;background-position:58% center}.hero-content h1{font-size:clamp(32px,8.8vw,42px);letter-spacing:-1.2px}.hero-content>p:not(.eyebrow){font-size:14px;line-height:1.6}.hero-signature{left:6%;font-size:8px}.brand-hero{height:430px;padding:100px 6% 28px;background-position:60% center}.brand-hero-copy .magbite-logo{font-size:57px}.brand-hero-copy h2{font-size:26px;margin:24px 0 16px}.brand-hero-copy>p:last-child{font-size:10px;line-height:1.7}.brand-directory{padding:40px 6%}.brand-directory>h2{font-size:30px}.brand-panel{min-height:155px}.secondary-brand{min-height:125px}.quick-links{padding:20px 6% 30px;gap:10px}.quick-links a{padding:16px;gap:14px}.quick-links b{font-size:14px}.quick-links small{font-size:12px}.catalog{padding:40px 6%}.catalog .section-head h2{font-size:32px;margin-bottom:16px}.catalog .section-head>p{font-size:14px;line-height:1.7}.filters{flex-wrap:nowrap;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}.filters button{flex-shrink:0;white-space:nowrap}.grid{grid-template-columns:1fr;gap:16px}.product-photo{aspect-ratio:2.25/1;padding:12px}.card-body{padding:18px}.card h3{font-size:19px}.product-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:12px}.modal-visual{padding:30px 16px 20px}.modal-visual img{max-height:180px}.product-dialog .modal-copy{padding:20px}.product-dialog .modal-copy h2{font-size:26px}.product-dialog .btn{display:block;text-align:center;font-size:10px;padding:16px 12px}.nav .brand img{width:135px;height:44px}.distributor-map{height:380px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.brand-panel{transition:none}}
/* Keep the close control out of the modal grid on every screen size. */
.product-dialog .modal-card{color:#f4f4f4}
.product-dialog .modal-copy h2{color:#f4f4f4}
.product-dialog .close{position:absolute;float:none;top:10px;right:10px;width:44px;min-width:44px;height:44px;margin:0}