.catalog-open,.catalog-close{display:none}
.catalog-hero{padding:46px 0;background:linear-gradient(100deg,#e8f0ef,#f5f2ed);border-bottom:1px solid var(--line)}
.catalog-hero h1{font:700 clamp(32px,4vw,60px)/1.1 var(--display);margin:18px 0}.catalog-hero nav{font-size:12px;margin-bottom:25px}.catalog-hero p{color:var(--muted)}
.catalog-content{padding-top:30px}.catalog-primary{display:flex;align-items:end;gap:16px;padding:24px;background:white;border-radius:14px;flex-wrap:wrap}
.catalog-field{display:grid;gap:8px;font-size:12px;min-width:0}.catalog-field input,.catalog-field select{width:100%;min-height:44px;min-width:0;border:1px solid #d9e0df;border-radius:7px;background:white;color:var(--ink);padding:10px;font:inherit}
.catalog-primary .catalog-field{flex:1;min-width:140px}.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;margin-top:30px}
.catalog-sidebar-inner{padding:22px;background:white;border-radius:12px;display:grid;gap:17px}.catalog-sidebar-inner h2{font:700 24px var(--display);margin:0}.catalog-note,.catalog-sidebar-inner small{font-size:11px;color:#536a72}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.catalog-toolbar p{font-weight:700}.catalog-toolbar .catalog-field{max-width:220px}
.catalog-card{background:white;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:25% minmax(0,1fr) 180px;margin-bottom:20px;box-shadow:var(--shadow)}
.catalog-card>img{width:100%;height:100%;object-fit:cover;min-height:240px}.catalog-card-copy{padding:24px;overflow-wrap:anywhere}.catalog-card h2{font:700 24px/1.2 var(--display);margin:12px 0}.catalog-card p{font-size:13px;margin:10px 0}
.catalog-card-action{display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px;background:#f6f3ee}.catalog-card-action strong{font-size:18px}.catalog-card-action small,.catalog-card-action span{font-size:11px;color:#53656c}
.catalog-card summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.catalog-card dd{margin:4px 0 12px}.catalog-card dt{font-size:11px;color:var(--muted)}.catalog-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.catalog-pagination [aria-current]{background:var(--navy);color:white}.catalog-info{padding:35px 0 50px;max-width:800px}.catalog-info h2{font:700 30px var(--display)}
.catalog-message{padding:35px;background:white;border-radius:12px}.catalog-message a{text-decoration:underline}.catalog-modal-open{overflow:hidden}
@media(max-width:1100px){.catalog-card{grid-template-columns:1fr}.catalog-card>img{height:190px;min-height:0}.catalog-card-action{padding:20px}.catalog-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:768px){.catalog-layout{display:block}.catalog-toolbar{justify-content:start}.catalog-primary{padding:16px;gap:10px}.catalog-primary .catalog-field{min-width:120px}.catalog-primary>.btn{width:100%}
.js-catalog .catalog-open{display:inline-flex!important}.js-catalog #catalog-sidebar:not([open]){display:none}.js-catalog #catalog-sidebar[open]{display:block;position:fixed;inset:0;z-index:10000;overflow:auto;background:var(--paper);padding:16px}
.js-catalog .catalog-close{display:block!important}.catalog-sidebar-inner{max-width:540px;margin:auto}.catalog-hero{padding:30px 0}.catalog-card-copy{padding:20px}.catalog-card h2{font-size:23px}}

/* Reference design 4C */
.catalog-hero{background:linear-gradient(90deg,#073644aa,#07364422),url('../img/hero.webp') center 53%/cover;color:white;min-height:245px;padding:28px 0 68px}
.catalog-hero-river{background-image:linear-gradient(90deg,#073644bb,#07364433),url('../img/category-river.webp')}
.catalog-hero h1{font-size:42px;margin:12px 0}.catalog-hero p{color:white}.catalog-hero .overline{display:none}.catalog-hero nav{margin-bottom:12px}
.catalog-content{position:relative;margin-top:-65px;padding-top:0}.catalog-kind-tabs{display:flex;gap:2px}.catalog-kind-tabs .btn{border-radius:9px 9px 0 0;background:white;padding:14px 28px}
.catalog-primary{border-radius:0 12px 12px 12px;box-shadow:var(--shadow);padding:18px 24px;gap:18px}.catalog-primary .catalog-field{border-right:1px solid var(--line);padding-right:16px}.catalog-primary input,.catalog-primary select{border:0;padding:5px 0}
.catalog-layout{grid-template-columns:260px minmax(0,1fr);gap:22px;margin-top:24px}.catalog-sidebar-inner{gap:15px;padding:18px}.catalog-sidebar-inner h2{font:700 15px var(--body)}.catalog-sidebar-inner .catalog-field{padding-top:12px;border-top:1px solid var(--line);font-weight:650}
.catalog-toolbar{min-height:44px;margin-bottom:14px}.catalog-toolbar .catalog-field{display:flex;align-items:center}.catalog-toolbar select{border-radius:30px}.catalog-card{grid-template-columns:29% minmax(0,1fr) 175px;padding:8px;gap:0;border-radius:14px;box-shadow:0 5px 18px #12354105;min-height:220px}
.catalog-card>img{border-radius:9px;height:100%;min-height:205px}.catalog-card-copy{padding:12px 20px}.catalog-card h2{font-size:21px;line-height:1.22;margin:7px 0 12px}.catalog-card p{font-size:12px;margin:7px 0}.catalog-card-action{border-left:1px solid var(--line);background:#fcfbf8;border-radius:0 8px 8px 0;padding:16px;gap:16px}.catalog-card-action strong{font:700 23px/1.15 var(--display)}.catalog-card summary{color:#a27340}.catalog-pagination .btn{border-radius:50%}
@media(max-width:1100px) and (min-width:769px){.catalog-layout{grid-template-columns:230px minmax(0,1fr)}.catalog-card{grid-template-columns:30% minmax(0,1fr)}.catalog-card-action{grid-column:1/-1;flex-direction:row;align-items:center;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:768px){.catalog-hero h1{font-size:34px}.catalog-content{margin-top:-40px}.catalog-kind-tabs .btn{padding:12px;font-size:12px}.catalog-layout{display:block}.catalog-card{display:flex;flex-direction:column}.catalog-card>img{width:100%;height:200px;min-height:0}.catalog-card-action{border-left:0;border-top:1px solid var(--line);padding:20px}.catalog-card-copy{padding:18px}.catalog-primary{padding:14px}.catalog-hero{padding-bottom:60px}}

@media(min-width:1200px){.catalog-card{grid-template-columns:300px minmax(0,1fr) 180px}.catalog-primary .catalog-field{min-width:110px}.catalog-primary{gap:10px}.catalog-hero{background-position:center 45%}}
.catalog-card h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-copy>p:first-of-type{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-card-action summary{background:var(--sand);color:var(--ink);padding:12px;border-radius:6px;text-decoration:none;font-weight:700}.catalog-card-action dl{font-size:12px}