
.intro.section.intro-highlight{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:7%;padding:44px 8%;background:#dce8ed;color:#252b27}
.intro-highlight .eyebrow{margin:0 0 12px;padding:0;color:#38586b}
.intro-highlight h2{font-size:clamp(34px,3.2vw,48px);line-height:1.08;margin:0}
.intro-highlight .intro-copy p{font-size:15px;line-height:1.7;color:#40535b;max-width:680px;margin:0 0 12px}
.intro-highlight .intro-copy p:last-child{margin-bottom:0}
.c2 .collection-image{padding:0;overflow:hidden}
.c2 .collection-image img{object-fit:cover!important;object-position:center;height:100%;width:100%}
@media(max-width:760px){.intro.section.intro-highlight{grid-template-columns:1fr;gap:22px;padding:32px 6%}.intro-highlight h2{font-size:36px}.intro-highlight .intro-copy p{font-size:14px}.c2 .collection-image{aspect-ratio:3/2}.c2 .collection-image img{height:100%}}

.process-illustrated{background:radial-gradient(ellipse at 90% 0,#42514b 0,transparent 55%),#252b27;position:relative}
.process-illustrated h2{font-size:clamp(38px,4vw,60px);margin-bottom:30px}
.process-illustrated .steps{gap:24px;margin:35px 0}
.process-illustrated .steps article{position:relative;border:1px solid #ffffff23;padding:0 27px 26px;background:linear-gradient(145deg,#ffffff0e,#ffffff02);box-shadow:0 18px 35px #00000014;transition:transform .3s,background .3s}
.process-art{height:185px;margin:0 -27px 25px;border-bottom:1px solid #ffffff18;background:radial-gradient(ellipse at center,#8fb8c522,transparent 72%);color:#aac8d4;overflow:hidden}
.process-art svg{display:block;width:100%;height:100%;transition:transform .4s}
.process-illustrated .steps article:hover{transform:translateY(-5px);background:#ffffff0c}
.process-illustrated .steps article:hover svg{transform:scale(1.04)}
.process-illustrated .step-number{position:absolute;top:18px;left:20px;color:#d8e7ed;font-size:11px;letter-spacing:2px}
.process-illustrated .steps h3{margin:0 0 14px;font-size:32px}
.process-illustrated .steps p{margin:0;color:#ced6d1}
.entrance-planner{background:radial-gradient(ellipse at 10% 55%,#ffffffaa,transparent 65%),#dce5e3;gap:8%;align-items:center}
.entrance-planner h2{font-size:clamp(40px,4.4vw,64px);margin-bottom:22px}
.entrance-planner .brief-illustration{position:relative;max-width:400px;margin:12px 0 0;color:#4f7885}
.brief-illustration svg{display:block;width:100%;height:200px;filter:drop-shadow(8px 12px 7px #26434a18)}
.brief-illustration>span{display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;text-align:center;color:#53686b}
.entrance-planner .planner-tags{margin-top:24px;gap:8px}
.entrance-planner .planner-tags span{border:0;background:#ffffff90;padding:8px 10px;color:#3b555b}
.entrance-planner form{padding:36px;background:#faf9f4;border:1px solid #fff;box-shadow:0 22px 55px #263c3820,8px 8px 0 #c4d2d1}
.brief-form-title .eyebrow{color:#426b7b;margin-bottom:10px;font-size:9px}
.brief-form-title h3{font-size:32px;margin:0 0 28px}
.entrance-planner form>label{margin-bottom:7px;font-weight:600;color:#394e54}
.entrance-planner select,.entrance-planner input{border:1px solid #ccd5d4;background:#fff;padding:12px;font-size:14px}
.entrance-planner select{margin-bottom:24px;width:100%}
.entrance-planner .form-row{gap:15px}
.entrance-planner .form-row label{line-height:1.6}
.entrance-planner .form-row input{margin-top:7px}
.entrance-planner input:focus,.entrance-planner select:focus{outline:2px solid #6697ac;outline-offset:2px}
.entrance-planner form .button{width:100%;background:#365d6e;color:#fff;margin-top:2px}
.entrance-planner form .button:hover{background:#244655}
@media(max-width:760px){.process-illustrated .steps{grid-template-columns:1fr;gap:20px}.process-art{height:170px}.entrance-planner form{padding:24px}.brief-illustration svg{height:170px}.entrance-planner{gap:32px}.brief-form-title h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.process-illustrated .steps article,.process-art svg{transition:none}.process-illustrated .steps article:hover,.process-illustrated .steps article:hover svg{transform:none}}
