/* LOCAL DRAFT ONLY: photo assets and logo selection pending */
.sidebar nav a {padding:15px 6px}
.hero:after {background:none!important}
.hero-copy {isolation:isolate}
.hero-copy:before {content:'';position:absolute;inset:-20px -26px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,250,238,.83),rgba(255,250,238,.64) 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.items {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.items article {display:grid!important;grid-template-rows:3fr 2fr;min-width:0;padding:0!important}
.items article img {height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.item-copy {display:block!important;padding:12px!important}
.items h3 {margin:0 0 6px!important}
.items p {margin-bottom:6px!important}
.asset-pending {display:grid;place-items:center;background:#dce5e0;color:#355963;min-height:180px;text-align:center;padding:20px;border:1px dashed #7c9193}
.story-rows {display:grid;gap:32px}
.story-row {display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.story-row:nth-child(2) {padding-top:24px}
.story-row h3 {font-family:inherit;font-weight:700}
.story-row p {font-weight:400}
.access dl div {padding:8px 0!important}
@media(max-width:760px){
 .hero {height:clamp(390px,calc(100svh - 110px),620px);min-height:0}
 .hero picture,.hero img {height:100%!important;width:100%}
 .hero img {object-fit:cover!important;aspect-ratio:auto!important}
 .hero-copy {bottom:24px!important;left:24px!important;right:20px!important}
 .hero-copy:before {inset:-14px -22px!important}
 .hero-copy h1 {font-size:clamp(23px,6vw,27px)!important;line-height:1.35!important}
 .hero-copy .description {font-size:15px!important;line-height:1.5!important}
 .section {padding:28px 18px}
 .items {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .items article {height:260px;grid-template-rows:156px 104px}
 .items article img {width:100%;height:156px!important;object-fit:cover!important}
 .item-copy {height:104px;min-width:0;padding:7px!important}
 .items h3 {font-size:15px!important;line-height:1.35!important;margin:0 0 4px!important}
 .items p {font-size:12px!important;line-height:1.4!important;margin:0 0 4px!important}
 .items .price {font-size:17px!important;line-height:1.35!important}
 .items .price span {font-size:11px!important}
 .story-row {grid-template-columns:1fr;gap:14px}
 .story-row:nth-child(2) .asset-pending {order:-1}
 .story-row:nth-child(2) {padding-top:0}
 .story-rows {gap:26px}
 .asset-pending {min-height:160px}
 .access {gap:16px!important}
}
section[id="about"] {display:block!important}
.story-rows,.story-row,.story-row>div {min-width:0;max-width:100%}
.items article>.asset-pending {min-height:0;height:100%;min-width:0;padding:10px}
/* Two approved-direction generated photos, local carousel draft */
.hero {position:relative;overflow:hidden;height:auto!important;min-height:0}
.hero-slides {position:relative;width:100%;aspect-ratio:1672/941}
.hero-slide {position:absolute;inset:0;width:100%;height:100%}
.hero-slide[hidden] {display:none!important}
.hero .hero-slide img {width:100%!important;height:100%!important;aspect-ratio:1672/941!important;object-fit:contain!important}
.hero-copy {left:3%!important;bottom:9%!important;max-width:34%!important;right:auto!important}
.hero-copy h1 {font-size:clamp(24px,2.6vw,39px)!important}
.hero-copy .description {font-size:clamp(13px,1.1vw,17px)!important}
.hero-controls {position:absolute;right:22px;bottom:18px;z-index:4;display:flex;align-items:center;gap:10px;padding:5px 8px;background:rgba(255,253,247,.83);border-radius:20px}
.slide-dot {width:10px;height:10px;padding:0;border:1px solid #355963;border-radius:50%;background:transparent;cursor:pointer}
.slide-dot[aria-pressed="true"] {background:#355963}
.slide-toggle {padding:0;border:0;background:none;font-size:13px;color:#355963;cursor:pointer;width:22px;height:22px}
@media(max-width:760px){
 .hero {margin:12px 8px!important;padding:4px!important}
 .hero-copy {left:10px!important;bottom:12px!important;width:32%!important;max-width:32%!important;right:auto!important}
 .hero-copy .tag {display:none!important}
 .hero-copy h1 {font-size:clamp(14px,4.1vw,18px)!important;line-height:1.35!important;margin-bottom:5px!important}
 .hero-copy .description {font-size:clamp(10px,2.8vw,12px)!important;line-height:1.4!important;margin-bottom:6px!important}
 .hero-copy a {font-size:11px!important;min-height:28px!important;padding:5px 8px!important;line-height:1.4!important}
 .hero-copy:before {inset:-10px -7px!important;background:linear-gradient(90deg,rgba(255,250,238,.78),rgba(255,250,238,.48) 85%,transparent)!important}
 .hero-controls {right:10px;bottom:10px;gap:8px;padding:3px 6px}
 .items article {height:auto;aspect-ratio:1/1.52;grid-template-rows:3fr 2fr}
 .items article img {height:100%!important;object-fit:cover!important}
 .item-copy {height:auto;padding:6px!important}
 .items h3 {font-size:14px!important}
 .items p {font-size:11px!important;line-height:1.35!important}
 .items .price {font-size:16px!important}
 .items .price span {font-size:10px!important}
}
@media(max-width:760px){
 .items article {min-height:230px;grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
 .items p {font-size:12px!important}
 .items h3 {font-size:15px!important}
}
/* Match the compact reference: 390px reference cards measured 202.5px. */
@media(max-width:760px){
 .items article {height:clamp(204px,52vw,220px);min-height:0;aspect-ratio:auto;grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
 .items p {margin-bottom:3px!important}
}