﻿/* Client demo polish: shared across all eight pages. */
:root{--paper:#fff;--line:#e0e6eb;--muted:#526474;--surface:#f3f6f8}
body{background:white;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.eyebrow{color:#a33d12;letter-spacing:1.8px;font-size:11px}.section-heading>p{font-size:14px;line-height:1.8}.section{padding-top:85px;padding-bottom:85px}.button{min-height:46px;border-radius:4px;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s}.orange:hover{background:#ff7d3b;color:#071d3a!important;box-shadow:0 5px 18px #ed65252b}.navy:hover{background:#16385b;color:white}.text-link{line-height:1.6}.text-link.dark:hover{color:#a33d12;border-color:var(--orange)}
.skip-link{position:fixed;top:10px;left:20px;transform:translateY(-180%);z-index:100;background:var(--navy);color:white;padding:12px 20px;border-radius:4px}.skip-link:focus{transform:none}.header{box-shadow:0 4px 20px #071d3a08;border-bottom:1px solid #e5e9ed}.utility{background:var(--surface)}.preview-note{font-size:9px;padding-top:5px;padding-bottom:5px}.header nav>a:not(.button){transition:color .2s}.header nav a[aria-current=page]:not(.button){color:#a33d12}.header .menu{border-radius:4px}.page-intro{background:linear-gradient(120deg,#f0f4f7,#fff);padding-top:40px;padding-bottom:60px}.page-intro .eyebrow{margin-bottom:16px}.page-intro .lead{line-height:1.85}.page-intro:after{opacity:.045}.breadcrumb a{border-bottom:1px solid #bdc8d1}.breadcrumb{margin-bottom:30px}.page-intro h1{font-size:clamp(42px,4.7vw,66px)}
.markets{box-shadow:0 7px 22px #071d3a06}.markets a{transition:background .2s}.markets a:hover{background:#f3f6f8;color:var(--navy)}.markets small{color:#657583;font-size:10px}.markets strong{font-size:15px}.hero .eyebrow{color:#c2d1db}.hero-slider .hero-copy{padding-top:55px}.hero-slider .hero-description{font-size:14px;line-height:1.8}.slider-controls{border-radius:30px;padding-left:16px;padding-right:16px}.slider-controls>button{min-height:36px}.hero-slider .image-note{font-size:10px}.home-links a{background:var(--surface);border-radius:5px;position:relative;overflow:hidden;min-height:300px}.home-links a:last-child{background:linear-gradient(90deg,#041526e8,#04152670),url('assets/crab-detail.png') center/cover;color:white}.home-links a:last-child .eyebrow{color:#ffc8a5}.home-links a>span:last-child{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:7px}.home-links a:hover{color:#a33d12}.home-links a:last-child:hover{color:white}
.quality,.faq,.enquiry{background:var(--surface)}.process article{border-top:2px solid #cbd6de}.process article:hover{border-color:var(--orange)}.process h3{font:26px Georgia,serif}.process p{font-size:14px;line-height:1.8}.content-cards .eyebrow{font-variant-numeric:tabular-nums}.content-cards article{border-color:#ced8e0}.story{gap:7%;padding:75px 6%}.story-photo{position:relative;align-self:stretch;min-height:380px;border-radius:5px;overflow:hidden}.story-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;position:absolute;inset:0}.story-photo span{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 15px;margin:0;font-size:8px;letter-spacing:1.5px;background:linear-gradient(transparent,#041526d9);color:white}.story-copy h2{font-size:clamp(34px,3.5vw,50px)}.story-copy p:not(.eyebrow){line-height:1.85}.story-copy .eyebrow{color:#ffc09d}
.grades{border:1px solid var(--line);border-radius:6px;overflow:hidden}.grade{transition:background .2s,box-shadow .2s;min-height:280px}.grade:hover{background:#f5f8fa}.grade[aria-pressed=true]{background:#fff2e9;box-shadow:inset 0 -4px var(--orange)}.grade-action{display:inline-block;padding:8px 0;border-top:1px solid #d6dfe6;width:100%}.grade[aria-pressed=true] .grade-action{color:#9f390c}.selection-row{background:var(--surface);padding:18px 22px;border-radius:4px;margin-top:18px}.selection-row p{font-size:12px}.selection-row .text-link{flex-shrink:0}.table-wrap{border:1px solid var(--line);border-radius:5px}tbody tr:nth-child(even){background:var(--surface)}.faq summary{font-size:15px;line-height:1.6}.faq details{padding:21px 0}.faq details[open] summary{color:#a33d12}.faq details p{line-height:1.85}.market-details article{padding:48px 0}.market-details article>div{max-width:750px}.market-details h2{font-size:clamp(32px,3.8vw,48px)}
form{border:1px solid #dfe6eb;border-radius:7px;box-shadow:0 14px 40px #071d3a06;padding:34px}.form-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}label,legend{font-size:12px}input,select,textarea{border-color:#c7d1da;border-radius:4px;min-height:45px}input:hover,select:hover,textarea:hover{border-color:#8fa4b6}input:focus,select:focus,textarea:focus{outline:2px solid #ed6525;outline-offset:2px}.form-grades label{background:#f3f6f8;border:1px solid #dce4ea;padding:9px 11px;border-radius:4px;min-height:42px}.form-grades label:has(input:checked){background:#fff2e9;border-color:#ed6525}.form-grades input,.checkbox input{min-height:16px}.checkbox{line-height:1.7;align-items:flex-start}.checkbox input{margin-top:3px}#quote-form>.button{width:100%;font-size:13px}.form-heading small{background:#fff2e9;padding:2px 7px;border-radius:3px}.enquiry-info{border-color:#cbd6de}.contact-brand{background:var(--surface);border-radius:6px}.photo-open{border-radius:5px}.photo-caption h3{font-size:25px}.photo-caption p{line-height:1.75}.gallery-endnote{background:var(--surface);border-radius:5px}.gallery-filters button{min-height:44px;border-radius:4px}.photo-expand{width:42px;height:42px}dialog{border-radius:8px;box-shadow:0 24px 80px #0004}.close{min-width:40px;min-height:40px;line-height:1;z-index:2}.chat-head{padding-right:40px}.closing{padding:80px 6%;background:radial-gradient(ellipse at top,#153653,#071d3a 65%)}.closing .eyebrow{color:#ffc09d}.site-footer{background:#f3f6f8;padding-top:55px}.site-footer h3{font-size:14px}.site-footer>div>a:not(.brand):not(.button){font-size:13px;line-height:1.8}.site-footer>div>a:hover{color:#a33d12!important}.footer-bottom{flex-wrap:wrap;align-items:center;gap:15px}.back-top{font-size:12px;font-weight:600;color:var(--navy)}.floating-chat{padding:14px 20px;box-shadow:0 6px 24px #063e3030}
@media(max-width:1150px){.header nav{max-height:calc(100dvh - 110px);overflow-y:auto;box-shadow:0 16px 24px #071d3a12}.header nav a{flex-shrink:0}.header nav>a:not(.button){padding-left:12px;border-radius:4px}.header nav a[aria-current=page]:not(.button){background:#fff1e7}.story-photo{min-height:340px}}
@media(max-width:760px){.section{padding:54px 6%}.page-intro{padding:30px 6% 42px}.page-intro h1{font-size:40px}.hero-slider{min-height:700px}.hero-slider .hero-copy{padding-top:40px}.hero-slider h1{font-size:clamp(42px,10vw,55px)}.markets strong{font-size:14px}.markets small{font-size:9px}.home-links a{min-height:250px;padding:27px}.story{padding:50px 6%;gap:32px}.story-photo{min-height:280px}.story-copy h2{font-size:36px}.grade{min-height:250px}.grade:last-child{min-height:175px}.selection-row{padding:18px}.selection-row .text-link{flex-shrink:1}.faq summary{font-size:14px}.contact-brand{padding:28px}form{padding:25px 19px}.form-grades{gap:7px}.form-grades label{padding:8px 10px}.closing{padding:60px 6%}.site-footer{padding-bottom:105px}.floating-chat{padding:12px 17px}.photo-caption h3{font-size:23px}.hero-slider .image-note{font-size:9px}.header .brand span{font-size:20px}.header .brand small{font-size:8px}.chat-dialog{border-radius:9px}}
@media(max-width:360px){.header .brand span{font-size:17px}.header .brand img{width:32px}.header .brand small{font-size:7px}.header .menu{padding:9px}.preview-note span{max-width:170px}.slider-controls{gap:6px}.hero-slider h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Fuller editorial layouts and useful buyer information. */
.section{padding-top:62px;padding-bottom:62px}.section-heading{margin-bottom:32px}.content-cards{margin-top:26px}.page-intro.intro-with-photo{display:grid;grid-template-columns:1.4fr 1fr;gap:6%;align-items:center;padding-top:34px;padding-bottom:38px}.intro-with-photo:after{display:none}.intro-with-photo h1{font-size:clamp(38px,4.3vw,62px)}.intro-with-photo .breadcrumb{margin-bottom:22px}.intro-with-photo .lead{margin-top:20px}.intro-photo{margin:0;position:relative;height:300px;border-radius:6px;overflow:hidden}.intro-photo img{width:100%;height:100%;object-fit:cover;display:block}.intro-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 16px;color:white;background:linear-gradient(transparent,#041526df);font-size:12px}.intro-photo figcaption span{display:block;font-size:8px;letter-spacing:1.2px;margin-top:5px;color:#d6e0e8}.support-photo{margin:25px 0 0;overflow:hidden;border-radius:5px}.support-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.support-photo figcaption{font-size:11px;line-height:1.6;padding:11px 0;color:var(--muted)}.support-photo figcaption span{display:block;font-size:8px;letter-spacing:1px;color:#697986}.buyer-note{background:#f3f6f8;border-left:3px solid var(--orange);padding:25px;margin-top:28px;border-radius:0 4px 4px 0}.buyer-note .eyebrow{font-size:9px;margin:0 0 12px}.buyer-note h3{font:25px/1.25 Georgia,serif;margin:0 0 16px}.buyer-note ul{list-style:none;padding:0;margin:0 0 18px}.buyer-note li{padding:10px 0 10px 20px;border-bottom:1px solid #dce4ea;position:relative;font-size:13px;color:#526474}.buyer-note li:before{content:'+';position:absolute;left:0;color:#a33d12}.buyer-note>a{font-size:12px;font-weight:600}.market-details article{grid-template-columns:.9fr 1.5fr;gap:6%;align-items:start;padding:32px 0}.market-visual>.eyebrow{display:block;margin-bottom:14px}.market-visual .support-photo{margin-top:0}.market-visual img{max-height:280px}.market-details article>div>p{margin:16px 0}.market-details ul{margin-bottom:24px}.enquiry-intro .support-photo{max-width:440px}.enquiry-intro .support-photo img{max-height:220px}.quote-example{max-width:440px;background:white;padding:20px;border:1px solid #dce4ea;border-radius:5px;margin-top:14px}.quote-example strong{font-size:12px}.quote-example p{font-size:13px;line-height:1.8;margin:10px 0}.quote-example small{font-size:10px;color:var(--muted)}.contact-prep{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#f8fafb}.contact-prep>div>p:last-child{margin-top:22px;max-width:480px;font-size:14px}.contact-prep .buyer-note{margin-top:0;background:white}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.explore-grid>a{min-width:0}.explore-grid .support-photo{margin:0}.explore-grid figcaption{display:none}.explore-grid img{height:200px;transition:transform .25s}.explore-grid a:hover img{transform:scale(1.03)}.explore-grid h3{font:24px/1.3 Georgia,serif;margin:18px 0 10px;display:flex;justify-content:space-between;gap:15px}.explore-grid h3 span{font:20px Arial,sans-serif;color:#a33d12}.explore-grid p{font-size:13px;line-height:1.75}.home-catalogue{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.catalogue-photo .support-photo{margin:0}.catalogue-photo img{aspect-ratio:1/1}.home-catalogue h2{margin-bottom:20px}.home-catalogue>div>p:not(.eyebrow){font-size:13px}.quick-grades{margin-top:23px;border-top:1px solid var(--line)}.quick-grades a{display:grid;grid-template-columns:1fr 1fr 20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:center}.quick-grades a>span{font:21px Georgia,serif}.quick-grades strong{font-size:12px;font-weight:400;color:var(--muted)}.quick-grades b{font-size:18px;color:#a33d12}.quick-grades a:hover{background:#f3f6f8}.catalogue-tip{display:flex;align-items:center;gap:25px;background:#f3f6f8;border-left:3px solid var(--orange);padding:20px 24px;margin-bottom:24px}.catalogue-tip strong{font-size:14px;min-width:150px}.catalogue-tip p{font-size:13px;flex:1}.catalogue-tip a{font-size:12px;font-weight:600;max-width:150px}.editorial{gap:6%}.contact-layout{gap:6%}.contact-layout .content-cards article{padding:16px 0}.related-explore{border-top:1px solid var(--line)}
@media(min-width:1400px){.intro-photo{height:320px}.intro-with-photo{gap:8%}.market-visual img{max-height:320px}}
@media(max-width:900px){.intro-photo{height:260px}.intro-with-photo h1{font-size:42px}.catalogue-tip{flex-wrap:wrap;gap:14px}.catalogue-tip p{flex-basis:65%}.catalogue-tip a{max-width:none}.explore-grid{gap:18px}.explore-grid img{height:160px}.home-catalogue{gap:5%}}
@media(max-width:760px){.section{padding-top:42px;padding-bottom:42px}.page-intro.intro-with-photo{grid-template-columns:1fr;gap:25px;padding:26px 6% 30px}.intro-with-photo h1{font-size:39px}.intro-photo{height:210px}.intro-photo figcaption{padding:25px 14px 12px}.intro-with-photo .lead{font-size:14px}.market-details article,.contact-prep,.home-catalogue{grid-template-columns:1fr;gap:24px}.market-visual img{max-height:240px}.market-details article{padding:28px 0}.explore-grid{grid-template-columns:1fr;gap:28px}.explore-grid img{height:auto;aspect-ratio:16/9}.explore-grid h3{margin-top:14px}.buyer-note{padding:22px;margin-top:24px}.contact-prep .buyer-note{margin:0}.catalogue-photo img{aspect-ratio:3/2}.catalogue-tip{display:block;padding:20px}.catalogue-tip p{margin:12px 0}.catalogue-tip a{display:inline-block}.enquiry-intro .support-photo{max-width:none}.home-catalogue .caption{margin-top:15px}.section-heading{margin-bottom:26px}}
