.photo-section{padding-bottom:85px}.photo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:25px}.photo-heading .eyebrow{margin:0}.photo-heading h2{font-size:49px}.photo-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:330px;object-fit:cover}.photo-grid figure:first-child img{object-position:50% 40%}.photo-grid figcaption{font-size:10px;color:var(--muted);margin-top:12px}.guide-photo{min-height:530px}.guide-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#102d2880,transparent 22%,transparent 80%,#102d2840)}.guide-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.guide-photo .frame-label,.guide-photo .portrait-note{z-index:1;color:white;text-shadow:0 1px 5px #102d28}.guide-photo .frame-label{background:#102d2890;padding:7px 10px;left:20px;top:20px}
@media(max-width:900px){.photo-section{padding-bottom:65px}.photo-grid img{height:270px}.guide-photo{min-height:480px}}
@media(max-width:650px){.photo-section{padding-bottom:58px}.photo-heading{display:block;margin-bottom:25px}.photo-heading .eyebrow{margin-bottom:15px}.photo-heading h2{font-size:43px}.photo-grid{grid-template-columns:1fr 1fr;gap:14px}.photo-grid figure:first-child{grid-column:1/-1}.photo-grid figure:first-child img{height:250px}.photo-grid img{height:210px}.photo-grid figcaption{font-size:9px;margin-top:9px}.guide-photo{min-height:480px;max-height:none}}
.closing-photo{background:linear-gradient(#0d332aca,#0d332aca),url('assets/20260610_105151.jpg') center 60%/cover;color:var(--paper);padding-block:100px}.closing-photo .text-link:hover{color:var(--silver)}
.hero-image{object-position:60% 60%}
.condition-card{display:flex;flex-direction:column}.condition-card>a{margin-top:auto}.condition-card .observation{margin-bottom:16px}
.boat-title .text-link{margin-top:20px}.boat-specs{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:32px 0 0;padding-top:24px;border-top:1px solid #a9bbba}.boat-specs dt{font-size:10px;color:#536e71}.boat-specs dd{font-family:var(--serif);font-size:38px;line-height:1.2;margin:5px 0 0;color:var(--deep)}.boat-spec-note{font-size:10px;line-height:1.7;color:#536e71;margin-top:26px;max-width:360px}.boat-name strong{white-space:normal}
.river-data-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-12px 0 25px}.river-data-tools p{font-size:10px;color:#b9c8bb}.river-data-tools button{border:1px solid #789386;background:transparent;color:var(--paper);padding:10px 14px;font-size:11px;border-radius:2px;white-space:nowrap}.river-data-tools button:hover{background:#25483d}.river-data-tools button:disabled{opacity:.55;cursor:wait}.condition-top{justify-content:flex-start;margin-bottom:20px}.status[data-state=live]{background:#315745}.status[data-state=delayed]{background:#5b4a2a;color:#f1dfb7}.condition-card dl>div{display:block;min-height:91px;padding-block:12px}.condition-card dd{margin-top:3px}.condition-card dd.missing{font-size:12px;margin-top:9px;white-space:normal}.reading-time{display:block;font-size:9px;line-height:1.6;color:#b6c8bc;white-space:normal;margin-top:3px}.stale-reading{color:#eed5a5}.condition-card .observation{min-height:50px;line-height:1.7}.booking-steps li:before{content:'→';color:var(--muted)}@media(max-width:650px){.river-data-tools{align-items:flex-start;flex-direction:column;gap:12px;margin-top:0}.boat-specs{gap:18px}.boat-specs dd{font-size:32px}}
@media(max-width:360px){.header{padding-inline:14px;gap:10px}.header .brand img{width:42px}.header .brand>span{font-size:12px}.header .brand small{font-size:5.5px}.menu-toggle{padding-inline:8px;gap:6px}.hero h1{font-size:53px}.boat-name strong{font-size:34px}}
.header .brand>.brand-fish{display:block;position:relative;width:76px;height:29px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.header .brand-fish img{position:absolute;width:76px;max-width:none;height:auto;top:-8px;left:0}.footer-logo{display:block;background:#fff;width:260px;padding:6px;flex-shrink:0}.footer-logo img{width:100%;height:auto}@media(max-width:650px){.header .brand>.brand-fish{width:45px;height:20px}.header .brand-fish img{width:45px;top:-4px}.footer-logo{width:235px}.footer-top{align-items:center}}@media(max-width:360px){.header .brand>.brand-fish{width:38px;height:18px}.header .brand-fish img{width:38px;top:-3px}}
