:root{--navy:#123445;--cream:#fff1c9;--red:#a51f1a;--gold:#d2a45d;--ink:#172f3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto}header{padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:20px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand b{background:var(--red);padding:10px 8px;font-size:17px;box-shadow:0 3px 0 #70130f}nav{display:flex;gap:28px;font-size:14px;font-weight:700}nav a{text-decoration:none}.concept{text-align:center;background:var(--gold);color:var(--navy);padding:9px 16px;font-size:12px;font-weight:bold;line-height:1.5}.hero{display:grid;grid-template-columns:1fr 1.04fr;margin:5px 32px 0;background:var(--cream);color:var(--ink);border:5px double var(--gold)}.hero-copy{padding:45px 42px 35px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--red);margin:0 0 22px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:bold;letter-spacing:-2px}h1{font-size:clamp(60px,6.7vw,86px);line-height:.98;margin:0 0 24px;color:var(--navy)}p{font-size:16px;line-height:1.65}p.lead{font-size:21px;line-height:1.35;font-weight:700;margin:0 0 18px}.hero-copy>p:not(.lead):not(.eyebrow):not(.small){max-width:370px}.button{background:var(--red);color:var(--cream);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 20px;text-decoration:none;font-weight:bold;border:0;font-size:14px;box-shadow:0 4px 0 #70130f;width:100%;margin-top:24px;line-height:1.4}.button span{font-size:22px}.button:hover{background:#8d1a16}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.small{font-size:11px;line-height:1.6;margin:18px 0 0}.hero-photo{position:relative;margin:0;min-height:590px;background:#b9b5a5}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:51% center}.hero-photo figcaption{position:absolute;bottom:18px;right:16px;font-size:9px;letter-spacing:1px;background:var(--navy);color:var(--cream);padding:8px}.price-seal{position:absolute;bottom:37px;left:-44px;width:175px;height:175px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--red);color:var(--cream);border:4px double var(--cream);transform:rotate(-7deg);box-shadow:0 6px 18px #0003}.price-seal span{font-size:12px;font-weight:bold;letter-spacing:1px}.price-seal strong{font-family:Georgia,serif;font-size:60px;line-height:1.25}.ribbon{display:flex;justify-content:space-around;gap:16px;padding:22px 30px;margin:0 32px;border-bottom:1px solid #d2a45d80;font-size:13px;font-weight:bold}.ribbon span:before{content:'✦';color:var(--gold);padding-right:12px}.local{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin:80px 74px}.local .eyebrow{grid-column:1/-1;color:var(--gold)}h2{font-size:42px;line-height:1.1;margin:0}.local>p:last-child{margin:0;color:#f1e4c9}.builder{margin:0 32px 65px;background:var(--cream);color:var(--ink);padding:48px 40px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.builder-intro h2{margin-bottom:25px}.builder-intro>p{font-size:15px}.salmon-note{border-top:1px solid var(--gold);margin-top:30px;padding-top:22px}.salmon-note strong{font-family:Georgia,serif;font-size:21px}.salmon-note p{font-size:13px}.config fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.config legend{font-size:15px;font-weight:bold;margin-bottom:14px}.choice{display:flex;align-items:center;gap:12px;padding:15px 11px;border:1px solid #12344540;margin-bottom:9px;cursor:pointer}.choice:has(input:checked){border:2px solid var(--navy);padding:14px 10px;background:#f7dfac}.choice span{flex:1}.choice strong{font-size:14px}.choice small{display:block;font-size:10px;margin-top:6px;line-height:1.5}.choice>b{font-family:Georgia,serif;font-size:21px;white-space:nowrap}input{accent-color:var(--navy);flex-shrink:0;width:16px;height:16px}.condition label{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px;cursor:pointer}.condition b{margin-left:auto;font-size:11px}.total{border-top:2px solid var(--navy);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.total span{display:block;font-size:12px;margin-bottom:7px}.total strong{font-size:13px}.total output{font-family:Georgia,serif;font-size:43px;font-weight:bold}.pickup-note{font-size:12px;font-weight:bold}.config button{cursor:not-allowed;background:var(--navy);box-shadow:none;text-align:center;justify-content:center;margin-top:15px}.pickup{margin:0 74px 70px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.pickup .eyebrow{color:var(--gold)}.pickup>div>p:first-child:not(.eyebrow){margin-top:0}.pickup a{font-size:13px;font-weight:bold;text-underline-offset:5px}footer{padding:27px 32px;border-top:1px solid #d2a45d80;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span:not(.brand),footer>a{font-size:12px}
@media(min-width:1500px){body{padding-bottom:25px}}@media(max-width:800px){header{padding:20px}.brand{font-size:17px}nav{gap:16px;font-size:12px}.hero{margin:0 16px;grid-template-columns:1fr}.hero-copy{padding:32px 25px}.hero-copy>p:not(.lead):not(.eyebrow):not(.small){max-width:none}.hero-photo{min-height:390px}.price-seal{left:22px;bottom:25px;width:150px;height:150px}.price-seal strong{font-size:51px}.ribbon{margin:0 16px;flex-wrap:wrap;justify-content:flex-start;gap:16px 25px;padding:22px 10px}.ribbon span{font-size:11px}.local{margin:48px 32px;grid-template-columns:1fr;gap:24px}.local .eyebrow{margin:0}h2{font-size:36px}.builder{margin:0 16px 48px;padding:30px 24px;grid-template-columns:1fr;gap:28px}.pickup{margin:0 32px 48px;grid-template-columns:1fr;gap:24px}footer{margin:0 16px;padding:25px 8px;flex-wrap:wrap}.choice{gap:8px}.choice strong{font-size:12px}.choice small{font-size:10px}.choice>b{font-size:19px}.concept{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:800px){h1{font-size:clamp(46px,13vw,60px);letter-spacing:-1.5px}header{gap:12px;padding:18px 16px}.brand{font-size:15px;white-space:nowrap;gap:8px}.brand b{font-size:14px;padding:9px 6px}nav{gap:12px;font-size:11px}}
.hero-photo{display:grid;grid-template-rows:1fr 1fr;gap:5px;background:var(--cream)}.fish-photo{position:relative;min-height:290px;overflow:hidden}.fish-photo img{object-position:center 52%}.fish-photo>span{position:absolute;bottom:14px;right:14px;font-size:9px;letter-spacing:1px;background:var(--navy);color:var(--cream);padding:8px}.price-seal{z-index:1}@media(max-width:800px){.hero-photo{min-height:600px}.fish-photo{min-height:300px}.price-seal{bottom:auto;top:220px}}

.quantity-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:700;margin:0 0 24px}.quantity-label input{width:75px;height:auto;padding:10px;border:1px solid var(--navy);background:#fff8e5;color:var(--navy);font:inherit}.config .order-pay{background:var(--red);color:var(--cream);justify-content:center;text-align:center;cursor:pointer;min-height:56px;box-shadow:0 4px 0 #70130f}.config .order-pay:disabled{opacity:.6;cursor:not-allowed}.config .order-pay:hover:not(:disabled){background:#8d1a16}@media(max-width:480px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:16px}.hero-photo .price-seal{top:210px}}
.config{min-width:0}.config [hidden]{display:none}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.customer-grid label{display:grid;gap:8px;min-width:0;font-size:13px;font-weight:700;line-height:1.4}.customer-grid .form-wide{grid-column:1/-1}.customer-grid input,.customer-grid textarea{width:100%;min-width:0;height:auto;min-height:44px;border:1px solid #12344560;border-radius:0;padding:11px;background:#fff8e5;color:var(--ink);font:inherit;font-size:16px}.customer-grid textarea{resize:vertical}.config .website-field{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0;pointer-events:none}.total{flex-wrap:wrap;align-items:flex-end}.total>div{flex:1 1 150px;min-width:0}.total output{min-width:135px;min-height:52px;text-align:right}.config input:focus-visible,.config textarea:focus-visible,.config button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:480px){.customer-grid{grid-template-columns:1fr}}
