/* Minimal, photo-led shopping theme. Brand identity remains Dutch Boy Barns. */
:root{--brand:#171a20;--ink:#171a20;--cream:#f4f4f4;--line:#e2e3e3;--action:#3457b1}
body{font-family:Inter,Arial,sans-serif;color:#171a20;background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Inter,Arial,sans-serif;color:#171a20;font-weight:500;letter-spacing:-.045em}
a{color:#393c41}.preview{background:#f4f4f4;color:#5c5e62;font-size:10px;padding:8px;letter-spacing:.025em}
header{padding:12px 40px;gap:20px;border-bottom:1px solid #f2f2f2;min-height:82px;background:#fff}header img{width:110px;height:58px}.location{font-size:11px;letter-spacing:2px;font-weight:500}.location span{color:#5c5e62;font-size:10px}nav{font-size:12px;gap:10px}nav a{padding:8px 15px;border-radius:4px;font-weight:500}nav a:hover{background:#f4f4f4}nav .button{background:#f4f4f4;color:#171a20;border:0;min-width:0;padding:10px 18px}
.button{background:#3457b1;border-color:#3457b1;color:#fff;font-size:12px;font-weight:500;letter-spacing:.02em;border-radius:4px;padding:13px 25px;min-width:230px;transition:background .15s}.button:hover{background:#29468e;border-color:#29468e}.secondary-button{background:#eee;border-color:#eee;color:#171a20}.secondary-button:hover{background:#ddd;border-color:#ddd;color:#171a20}
.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:45px 30px 30px;background:linear-gradient(#fff,#f4f4f4);text-align:center;position:relative}.hero>div{display:contents}.hero .eyebrow{order:0;margin:0 0 12px;font-size:10px!important;letter-spacing:.18em;color:#5c5e62!important}.hero h1{order:1;font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0 0 12px}.hero h1 br{display:none}.hero h1 br:after{content:' '}.hero>div>p:not(.eyebrow):not(.small){order:2;max-width:none;margin:0;color:#5c5e62;font-size:13px}.hero figure{order:3;margin:22px auto 12px;width:min(100%,1000px);transform:none}.hero figure img{height:390px;width:100%;object-fit:contain;padding:0;background:transparent}.hero figcaption{text-align:center;font-size:10px;color:#73757a;margin:8px 0 0}.hero-actions{order:4;display:flex;justify-content:center;gap:20px;margin:18px 0 0}.hero .small{order:5;margin:16px 0 0;font-size:10px;color:#73757a}
.eyebrow{color:#73757a!important;font-size:10px!important;font-weight:500;letter-spacing:.14em}.inventory{max-width:1600px;padding:60px 40px;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:40px;align-items:start}.section-heading{grid-column:1/-1;align-items:end;margin-bottom:20px}.section-heading h2{font-size:36px;margin:0 0 10px}.section-heading .eyebrow{margin:0 0 12px}.section-heading>p{font-size:11px;color:#73757a;line-height:1.6}.results{grid-column:1/-1;grid-row:2;margin:0 0 25px;font-size:11px;color:#5c5e62}.text-button{color:#5c5e62;font-size:11px}#filters{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:22px;margin:0;position:sticky;top:25px}#filters label{font-size:12px;font-weight:500;color:#393c41}input,select{background:#f4f4f4;border:1px solid transparent;border-radius:4px;min-height:44px;padding:12px;color:#393c41;font-size:12px}input:hover,select:hover{background:#eee}input:focus,select:focus{border-color:#a2a3a5;outline:none}.cards{grid-column:2;grid-row:3;gap:25px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e4e4e4;border-radius:6px;overflow:hidden}.photo{height:310px;background:#f4f4f4}.photo img{padding:16px}.badge{font-size:9px;font-weight:500;border:1px solid #e3e3e3;padding:4px 8px;left:16px;top:16px;background:#fffffff0}.card-body{padding:24px;display:block}.card-body .meta{font-size:9px;letter-spacing:.06em;color:#73757a}.card-body h3{font-size:25px;line-height:1.25;margin:10px 0 5px;font-weight:500;letter-spacing:-.035em}.card-body .spec{color:#73757a;font-size:11px;margin:0 0 18px}.card-body .price{font-size:23px;color:#171a20;font-weight:500;margin:0}.card-body .price-note{font-size:10px;text-align:left;color:#73757a;margin-top:3px}.card-body .button{display:block;width:100%;min-width:0;background:#3457b1;border-color:#3457b1;margin-top:22px}.card-body .button:hover{background:#29468e}.custom-building{max-width:none;text-align:center;display:block;padding:70px 25px;background:#f4f4f4;border:0}.custom-building h2{font-size:35px}.custom-building p{margin-left:auto;margin-right:auto;color:#5c5e62;font-size:13px}.custom-building .button{margin-top:14px;background:#fff;border-color:#ddd}.contact{background:white;padding-top:70px;padding-bottom:70px}.contact h2{font-size:34px}.contact h3{font-size:24px}.contact p{font-size:12px;color:#5c5e62}footer{border-top:1px solid #eee;color:#73757a;font-size:10px}footer img{width:100px}footer a{color:#73757a}
dialog{width:min(1400px,98vw);border-radius:0;box-shadow:0 20px 70px #0002;padding:30px 40px}.shop-layout{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:6%}.shop-panel{padding-top:30px}.shop-panel h2{font-weight:500;font-size:36px;letter-spacing:-.04em}.shop-size{color:#5c5e62;font-size:16px}.shop-panel .price{color:#171a20;font-size:28px;font-weight:500}.shop-panel .price-note{color:#73757a}.shop-panel h3{font-size:21px;font-weight:500}.shop-gallery .gallery>img{background:#f4f4f4;height:480px;max-height:60vh}.steps{border-bottom:1px solid #e4e4e4;gap:8px;font-size:10px}.steps li[aria-current]{color:#171a20;font-weight:600}.gallery-controls button{background:#f4f4f4;color:#393c41}.thumbnails button[aria-pressed=true]{border-color:#73757a}.availability,#inquirySummary{background:#f4f4f4;color:#393c41}.payment-option{border:1px solid #ddd;border-radius:4px;font-weight:400}.payment-option:has(input:checked){border:2px solid #3457b1;background:#fff;padding:11px}.payment-option input{accent-color:#3457b1}.shop-gallery dl{color:#5c5e62;font-size:11px}.shop-panel .button{min-width:0}.close{color:#393c41;background:#f4f4f4}.shop-actions .text-button{color:#5c5e62}
@media(min-width:1450px){.photo{height:380px}}
@media(max-width:1000px){.inventory{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:45px 25px}.cards{gap:16px}.photo{height:260px}.card-body{padding:20px}.card-body h3{font-size:21px}.hero figure img{height:350px}.shop-layout{grid-template-columns:1fr}.shop-gallery .gallery>img{height:380px}.shop-gallery dl{display:none}}
@media(max-width:700px){header{padding:10px 16px;gap:12px}header img{width:90px;height:52px}.location{padding-left:12px;font-size:10px}header nav .button{padding:9px;font-size:10px;min-width:0}.hero{padding:35px 20px 25px}.hero h1{font-size:38px}.hero>div>p:not(.eyebrow):not(.small){font-size:12px;max-width:310px;line-height:1.7}.hero figure{margin-top:20px}.hero figure img{height:280px}.hero-actions{width:100%;gap:10px}.hero-actions .button{width:50%;min-width:0;padding:12px 8px;font-size:11px}.hero .small{max-width:300px;font-size:9px}.inventory{display:block;padding:40px 20px}.section-heading h2{font-size:30px}.section-heading>p{margin-top:10px;max-width:none}#filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}#filters .search{grid-column:1/-1}.results{margin:20px 0}.cards{grid-template-columns:1fr;gap:25px}.photo{height:320px}.photo img{height:100%}.card-body{padding:24px}.card-body h3{font-size:26px}.card-body .price{font-size:23px}.custom-building{padding:50px 20px}.custom-building h2{font-size:29px}.contact{padding:40px 20px;gap:25px}.contact h2{font-size:30px}footer{padding:30px 20px}dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:15px;margin:0}.shop-layout{display:block}.shop-gallery .gallery>img{height:280px;max-height:45vh}.shop-panel h2{font-size:32px}.shop-panel{padding:18px 8px 0}.shop-gallery .eyebrow{padding-right:40px}.shop-actions{position:sticky;bottom:0;background:white;padding:12px 0}.thumbnails img{width:65px;height:45px}.shop-size{font-size:15px}}
