/* Suffolk Lime — inner page components (shared by About, Services, Projects, Listed, Journal, Quote, Shop) */
.p-band{background:rgb(var(--green-fade));padding:56px 0 calc(var(--slant) + 64px)}
.p-band .crumb{font-size:13.5px;color:#5C6350;margin-bottom:26px}
.p-band .crumb a{color:var(--green-deep);text-decoration:none}
.p-band-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.p-band h1{font-size:clamp(42px,5.2vw,68px);margin:14px 0 20px}
.p-band .lede{font-size:19px;color:#4A4F42;max-width:520px}
.p-band .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.p-band-img img{border-radius:14px;box-shadow:var(--shadow);aspect-ratio:4/3.2;object-fit:cover;width:100%}
.p-band.center{text-align:center}
.p-band.center .lede{margin:0 auto}

.sec{padding:110px 0}
.sec.tint{background:var(--cream-2)}
.sec.stone{background:var(--stone)}
.sec-head{text-align:center;max-width:660px;margin:0 auto 56px}
.sec-head h2{font-size:clamp(34px,4vw,50px);margin-top:12px}
.sec-head p{margin-top:16px;color:var(--muted)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split.flip .split-img{order:2}
.split h2{font-size:clamp(34px,3.8vw,48px);margin:12px 0 22px}
.split p{color:var(--muted)}
.split-img img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:4/4.4;object-fit:cover;width:100%}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:var(--white);border-radius:var(--radius);padding:34px 32px;box-shadow:var(--shadow)}
.sec.tint .card{background:var(--cream)}
.card .num{font-family:var(--display);font-size:42px;line-height:1;color:var(--green)}
.card h3{font-size:26px;margin:14px 0 10px}
.card p{color:var(--muted);font-size:15.5px}

/* Alternating service rows */
.rows{display:grid;gap:90px}
.row-item{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.row-item:nth-child(even) .row-img{order:2}
.row-img img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;width:100%}
.row-item .num{font-family:var(--display);font-size:20px;color:var(--green-deep);letter-spacing:.1em}
.row-item h2{font-size:clamp(32px,3.4vw,44px);margin:8px 0 16px}
.row-item p{color:var(--muted)}
.row-item ul{list-style:none;padding:0;margin:20px 0 0}
.row-item li{padding:8px 0;border-bottom:1px solid #DFD5C2;font-size:15.5px}
.row-item .link-arrow{display:inline-block;margin-top:24px}

/* Steps */
.steps{list-style:none;padding:0;margin:0 auto;max-width:820px;counter-reset:s}
.steps li{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid #DFD5C2}
.steps li:before{counter-increment:s;content:counter(s);font-family:var(--display);font-size:44px;line-height:1;color:var(--green)}
.steps h3{font:600 18px/1.3 var(--body);margin-bottom:6px}
.steps p{color:var(--muted);font-size:15.5px}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.faq details{background:var(--white);border-radius:var(--radius);box-shadow:0 8px 24px -16px rgba(59,62,54,.3);margin-bottom:14px}
.faq summary{list-style:none;cursor:pointer;padding:22px 28px;font-family:var(--display);font-size:23px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:400 26px/1 var(--body);color:var(--green-deep);transition:transform .25s;flex-shrink:0}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq .a{padding:0 28px 24px;color:var(--muted)}

/* Project cards */
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.proj{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;transition:transform .3s}
a.proj:hover{transform:translateY(-4px)}
.proj img{aspect-ratio:4/3;object-fit:cover;width:100%}
.proj .body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.proj .tag{font:600 11.5px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-deep)}
.proj h3{font-size:27px;margin:10px 0 6px}
.proj .place{font-size:14.5px;color:var(--muted)}
.proj p{color:var(--muted);font-size:15px;margin-top:12px}
.proj .more{margin-top:auto;padding-top:18px;font-weight:600;font-size:14.5px;color:var(--green-deep)}
.proj .soon{margin-top:auto;padding-top:18px;font-size:14px;color:#9A927F;font-style:italic}

/* Timeline */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.timeline div{border-top:2px solid var(--green);padding-top:20px}
.timeline b{font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-deep)}
.timeline h3{font-size:24px;margin:12px 0 8px}
.timeline p{color:var(--muted);font-size:15px}

/* Closing band */
.cta-band{background:rgb(var(--green-fade));text-align:center;padding:calc(var(--slant) + 90px) 0 calc(var(--slant) + 100px)}
.cta-band h2{font-size:clamp(36px,4.4vw,56px);max-width:720px;margin:10px auto 16px}
.cta-band p{max-width:560px;margin:0 auto;color:#4A4F42}
.cta-band .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px}

/* Prose (articles) */
.prose{max-width:720px;margin:0 auto;font-size:18px}
.prose h2{font-size:clamp(30px,3.2vw,40px);margin:56px 0 16px}
.prose h3{font-size:26px;margin:36px 0 12px}
.prose p{color:#4A4F42}
.prose p+p{margin-top:1.1em}
.prose figure{margin:44px -60px}
.prose figure img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%}
.prose figcaption{font-size:14px;color:var(--muted);margin-top:10px;text-align:center}
.prose ul{color:#4A4F42;padding-left:22px}
.prose blockquote{margin:40px 0;padding:6px 0 6px 26px;border-left:2px solid var(--green);font-family:var(--display);font-style:italic;font-size:26px;line-height:1.35;color:var(--ink)}

@media (max-width:900px){
  .p-band-grid,.split,.row-item,.cards,.proj-grid,.timeline{grid-template-columns:1fr;gap:36px}
  .row-item:nth-child(even) .row-img,.split.flip .split-img{order:0}
  .rows{gap:64px}
  .sec{padding:76px 0}
  .p-band{padding-top:36px}
  .prose figure{margin:32px 0}
  .hide-sm{display:none}
  .nav-cta .btn{padding:11px 16px}
}

/* Forms (quotation) */
.form-wrap{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:start}
.form-card{background:var(--cream-2);border-radius:16px;padding:40px 40px 34px;box-shadow:var(--shadow)}
.form-card fieldset{border:0;padding:0;margin:0 0 30px}
.form-card legend{font-family:var(--display);font-size:28px;margin-bottom:16px;padding:0}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.field label .opt{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #D9D1C0;border-radius:8px;background:#fff;font:16px/1.4 var(--body);color:var(--ink)}
.field input[type=file]{padding:10px;background:var(--cream)}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green-deep)}
.hint{font-size:13.5px;color:var(--muted);margin-top:6px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--muted);margin:6px 0 22px}
.consent input{margin-top:4px;width:18px;height:18px;accent-color:var(--green-deep)}
.form-card .btn{width:100%;justify-content:center;padding:16px 26px;font-size:16px}
.side-card{background:var(--white);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow);margin-bottom:24px}
.side-card h3{font-size:26px;margin-bottom:14px}
.side-card ol{padding-left:20px;margin:0;color:var(--muted);font-size:15.5px}
.side-card li{padding:5px 0}
.side-card a{display:block;font-family:var(--display);font-size:23px;text-decoration:none;margin-top:6px}
.thanks{display:none;text-align:center;padding:40px 10px}
.sent .thanks{display:block}.sent form{display:none}

/* Shop */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.prod{background:var(--white);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.prod .tag{font:600 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-deep)}
.prod h3{font-size:23px;margin:12px 0 8px}
.prod p{color:var(--muted);font-size:14.5px}
.prod .price{margin-top:auto;padding-top:16px;font-size:14px;font-weight:600;color:var(--ink)}
.note-card{max-width:820px;margin:0 auto 50px;background:var(--cream-2);border-radius:var(--radius);padding:22px 28px;color:var(--muted);font-size:15.5px;text-align:center}
@media (max-width:900px){.form-wrap,.f-row{grid-template-columns:1fr;gap:0}.form-wrap{gap:30px}.prod-grid{grid-template-columns:1fr 1fr}.form-card{padding:28px 20px}}
@media (max-width:520px){.prod-grid{grid-template-columns:1fr}}