.planning-hero{display:grid;grid-template-columns:48% 52%;min-height:calc(100vh - 88px);background:var(--forest);color:var(--white)}.planning-hero-copy{padding:11vw 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.planning-hero h1,.planning-intro h2,.planning-process h2,.project-types h2,.planning-help h2,.project-enquiry h2{font-family:"Manrope",Arial,sans-serif;font-weight:700;letter-spacing:-.075em;line-height:.95}.planning-hero h1{font-size:clamp(49px,6.2vw,91px);max-width:620px;margin:25px 0}.planning-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#d9ded6;max-width:430px}.planning-hero-art{position:relative;overflow:hidden;background:linear-gradient(126deg,#d9d0c1 0 36%,#9b7958 36% 55%,#34423a 55%)}.planning-hero-art>span{position:absolute;right:22px;bottom:19px;z-index:3;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}.planning-surface{position:absolute;right:-4%;bottom:4%;width:93%;height:47%;background:linear-gradient(167deg,#c7c3b8,#727971 56%,#d8d2c7 57%);box-shadow:-23px 22px 34px rgba(13,18,15,.28)}.planning-samples{position:absolute;left:11%;top:17%;width:54%;height:39%;background:linear-gradient(115deg,#b58755 0 28%,#343b36 28% 55%,#e1ddd2 55%);transform:rotate(-7deg);box-shadow:15px 18px 23px rgba(19,20,17,.26)}.planning-light{position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,253,238,.78) 0 14%,transparent 14% 46%,rgba(27,35,30,.2) 46% 50%,transparent 50%)}.planning-intro{display:grid;grid-template-columns:.8fr 1.35fr 1fr;gap:42px;border-bottom:1px solid var(--line)}.planning-intro h2,.planning-process h2,.project-types h2,.planning-help h2,.project-enquiry h2{font-size:clamp(36px,4.5vw,67px);margin:0}.planning-intro>p:last-child{align-self:end;font-size:17px;line-height:1.68;color:#4f514c;margin:0}.planning-process{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;background:#e7e2d8}.planning-process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.planning-process li{min-height:210px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.planning-process li:nth-child(even){border-right:0}.planning-process li span,.project-type-grid span{font-size:10px;letter-spacing:.13em;color:#76756d}.planning-process h3{margin:50px 0 9px;font-size:14px;letter-spacing:.06em}.planning-process li p{margin:0;font-size:13px;line-height:1.58;color:#65655e}.project-types{padding:105px 0 0}.project-types .section-shell{padding-top:0;padding-bottom:47px}.project-type-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-type-grid article{min-height:215px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.project-type-grid h3{margin:0;font-size:20px;line-height:1.08;letter-spacing:-.04em}.planning-help{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--forest);color:var(--white)}.planning-help .eyebrow{color:#c8d0c5}.help-lists ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(240,242,234,.35)}.help-lists li{padding:15px 0;border-bottom:1px solid rgba(240,242,234,.35);font-size:15px;color:#edf0e9}.future-note{margin-top:32px;padding:20px;border-left:3px solid var(--oak);color:#d2d8cf}.future-note p:last-child{font-size:13px;line-height:1.6;margin:10px 0 0}.project-enquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#e7e2d8}.project-enquiry>div>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#555750;max-width:355px}.enquiry-panel{background:var(--paper);padding:34px}.lead-form select{border:1px solid #bcb6aa;background:transparent;padding:12px;font-size:14px;color:var(--ink)}.lead-form label span{font-weight:400;letter-spacing:0;text-transform:none}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-pair label{display:grid;gap:7px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.enquiry-note{font-size:10px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#77766e;margin:14px 0 0}@media(max-width:850px){.planning-hero,.planning-intro,.planning-process,.planning-help,.project-enquiry{grid-template-columns:1fr}.planning-hero-copy{min-height:500px;padding:95px 24px 50px}.planning-hero-art{min-height:380px}.planning-intro,.planning-process,.planning-help,.project-enquiry{padding:78px 24px;gap:40px}.planning-process ol{grid-template-columns:1fr}.planning-process li,.planning-process li:nth-child(even){border-right:0;min-height:auto}.project-types{padding-top:78px}.project-types .section-shell{padding:0 24px 36px}.project-type-grid{grid-template-columns:repeat(2,1fr)}.project-type-grid article:last-child{grid-column:span 2}.form-pair{grid-template-columns:1fr}}

/* Kolmas vaihe viimeistelee kaksipalstaisen prosessiruudukon ilman uutta visuaalista järjestelmää. */
.planning-process li:last-child:nth-child(odd){grid-column:span 2;border-right:0}@media(max-width:850px){.planning-process li:last-child:nth-child(odd){grid-column:auto}}
.honeypot-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.planning-hero-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% center}.planning-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,29,25,.12),transparent 55%);pointer-events:none}@media(max-width:850px){.planning-hero-art>img{object-position:72% center}}
.planning-architectural-image{padding:0 8vw;background:var(--paper)}.planning-architectural-image img{display:block;width:100%;height:clamp(440px,45vw,690px);object-fit:cover;object-position:center}@media(max-width:850px){.planning-architectural-image{padding:0 24px}.planning-architectural-image img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}}
.project-type-grid .project-type-card{min-height:310px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;gap:18px;color:var(--ink);text-decoration:none}.project-type-card span{font-size:10px;letter-spacing:.13em;color:#76756d}.project-type-image{align-self:center;aspect-ratio:3/2;overflow:hidden;background:#b9afa0}.project-type-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.project-type-card h3{margin:0;font-size:20px;line-height:1.08;letter-spacing:-.04em}.project-type-card:hover .project-type-image img{transform:scale(1.025)}.project-type-card:hover h3{color:#6f4f35}.project-type-card:focus-visible{outline:2px solid var(--oak);outline-offset:-4px}@media(max-width:850px){.project-type-grid .project-type-card:last-child{grid-column:span 2}}@media(max-width:520px){.project-type-grid{grid-template-columns:1fr}.project-type-grid .project-type-card:last-child{grid-column:auto}}
@media(max-width:850px){.planning-architectural-image{padding-inline:0}.planning-architectural-image img{width:100%;height:auto;aspect-ratio:4/3}.project-type-grid .project-type-card{padding:21px 0 22px}.project-type-card>span,.project-type-card>h3{margin-inline:21px}.project-type-image{width:100%}}
