/* Extends the existing BigDecks journal shell for the real-wood deck service. */
.deck-breadcrumbs{padding-top:28px;font-size:14px}
.deck-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:36px 0 70px}
.deck-hero h1{font-size:clamp(44px,5.5vw,72px);margin:16px 0 24px}
.deck-hero .intro{font-size:18px;line-height:1.7}
.deck-hero-image,.deck-connected figure{margin:0}
.deck-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1/1.06;object-fit:cover;border-radius:4px}
.deck-hero figcaption,.deck-connected figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.deck-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.deck-actions>a:not(.button){font-size:14px;font-weight:500}
.deck-hero-note{font-size:14px;color:var(--muted);margin:18px 0 0}
.deck-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:44px 48px;background:#f1eadc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.deck-feature h2,.deck-price h2{margin:12px 0 0}
.deck-feature p:first-child{margin-top:0}
.deck-section{padding:70px 0;border-bottom:1px solid var(--line)}
.deck-section-intro{max-width:790px;margin-bottom:34px}
.deck-section-intro h2,.deck-connected h2,.deck-faq h2{margin:14px 0 24px}
.deck-section p{color:#343c33}
.deck-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.deck-materials article{border-top:2px solid var(--green);padding-top:10px}
.deck-materials h3{font-size:30px;margin:16px 0}
.deck-steps{list-style:none;counter-reset:deck-step;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 52px}
.deck-steps li{counter-increment:deck-step;position:relative;padding:18px 0 0 48px;border-top:1px solid var(--line)}
.deck-steps li:before{content:counter(deck-step,decimal-leading-zero);position:absolute;left:0;top:20px;font-size:14px;color:var(--muted)}
.deck-steps h3{margin:0 0 16px;font-size:30px}
.deck-connected{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.deck-connected img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.deck-price{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.deck-faq{max-width:900px;margin:auto}
.deck-faq details{border-top:1px solid var(--line);padding:22px 0}
.deck-faq summary{cursor:pointer;font-size:17px;font-weight:600}
.deck-faq details p{margin-bottom:0}
.deck-contact{background:var(--ink);color:var(--paper);margin:70px 0;padding:52px;max-width:100%}
.deck-contact h2{margin:12px 0 22px;font-size:clamp(38px,5vw,58px)}
.deck-contact p{max-width:710px}
.deck-contact .button{background:var(--paper);color:var(--ink)}
.deck-contact .deck-actions{margin-top:28px}
@media(max-width:950px){.deck-hero{gap:32px}.deck-hero h1{font-size:clamp(40px,5.7vw,58px)}.deck-feature{gap:32px;padding:32px}.deck-connected,.deck-price{gap:32px}.deck-materials{gap:24px}}
@media(max-width:700px){.deck-hero,.deck-feature,.deck-connected,.deck-price{grid-template-columns:1fr;gap:26px}.deck-hero{padding:28px 0 44px}.deck-hero-image img{aspect-ratio:4/3}.deck-hero h1{font-size:clamp(42px,10vw,64px)}.deck-materials,.deck-steps{grid-template-columns:1fr;gap:24px}.deck-feature{padding:28px 24px}.deck-section{padding:44px 0}.deck-connected img{aspect-ratio:4/3}.deck-contact{padding:32px 24px;margin:44px 0}.deck-actions{gap:16px}.deck-breadcrumbs{padding-top:22px}.deck-steps li{padding-left:42px}}
