/* Three planes: typographic backdrop, photographic window, foreground invitation. */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
header{border-bottom:0;background:var(--cream)}
.depth-hero{display:block;position:relative;isolation:isolate;height:830px;min-height:0;margin:0;padding:0;overflow:hidden;background:var(--cream)}
.depth-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#02426308 calc(25% - 1px),#02426308 25%);pointer-events:none;z-index:-1}
.hero-overline{position:absolute;top:10px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;gap:20px;font:600 11px Barlow,Arial,sans-serif;letter-spacing:1.6px;border-top:0;padding-top:18px}
.depth-hero .hero-backtype{position:absolute;top:66px;left:5%;font-size:clamp(120px,16.2vw,255px);line-height:.8;letter-spacing:-.045em;font-weight:800;margin:0;z-index:0;white-space:nowrap}
.depth-hero .hero-backtype>span{font:inherit;color:var(--navy);white-space:nowrap}
.depth-hero .hero-photo{position:absolute;right:8%;top:148px;width:41%;height:568px;min-height:0;z-index:1;transform:rotate(3deg)}
.photo-window{position:absolute;inset:0;border-radius:46% 46% 2px 2px;overflow:hidden;background:var(--navy);box-shadow:14px 20px 0 #024263,26px 40px 45px -30px #002c4690}
.photo-window img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.depth-hero .hero-photo>small{bottom:10px;right:12px;z-index:2;font-size:8px}
.depth-hero .round-stamp{z-index:3;left:auto;right:-34px;top:80px;width:116px;height:116px;transform:rotate(-15deg);box-shadow:3px 6px 12px #002b4326;outline-width:5px}
.hero-foreground{position:absolute;z-index:3;top:455px;left:8%;width:51%}
.hero-endline{font:800 clamp(44px,5.65vw,88px)/.95 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.025em;color:var(--coral);white-space:nowrap;transform:rotate(-4deg);transform-origin:left center;margin:0 0 28px;text-shadow:2px 2px var(--cream),-2px -2px var(--cream),2px -2px var(--cream),-2px 2px var(--cream)}
.hero-description{font-size:16px;line-height:1.55;max-width:350px}
.hero-foreground .hero-actions{margin-top:24px;gap:24px}
.hero-foreground .button{box-shadow:4px 5px 0 var(--pink);font-size:18px;padding:16px 23px}
.hero-foreground .text-link{font-size:13px}
.service-ticket{position:absolute;z-index:4;bottom:65px;right:6%;background:#fff9ee;padding:21px 28px 21px 23px;display:flex;align-items:center;gap:18px;transform:rotate(-5deg);box-shadow:0 2px 3px #0242630a,0 13px 30px -12px #02426355;border:1px solid #02426326}
.service-ticket::before,.service-ticket::after{content:'';width:38px;height:14px;position:absolute;background:#d9c7a38c;top:-6px;transform:rotate(-10deg)}
.service-ticket::before{left:15px}.service-ticket::after{right:15px;transform:rotate(8deg)}
.ticket-star{font-size:48px;line-height:1;color:var(--coral)}
.service-ticket .label{font-size:10px;letter-spacing:1.1px}.service-ticket p{font-size:15px;line-height:1.3;margin-top:5px}
.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;font:600 10px Barlow,sans-serif;letter-spacing:1.5px;z-index:0}
.hero-bottom a{display:flex;gap:24px}
.promise-strip{position:relative;z-index:5;transform:rotate(-1.2deg) scale(1.01);box-shadow:0 4px 0 #02426312;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);margin:14px 0 28px;padding-top:20px;padding-bottom:20px}
body{overflow-x:clip}.section{padding-top:105px;padding-bottom:105px}h2{text-wrap:balance}.section-top{margin-bottom:55px}.services{position:relative}.services::after{content:'';font-size:180px;position:absolute;right:4%;top:-35px;color:#0242630b;z-index:-1;transform:rotate(12deg)}
.service-grid{border-bottom:0;gap:0;grid-template-columns:1.3fr 1fr 1fr}.service{padding:30px;border:0;border-left:1px solid var(--line);position:relative}.service:first-child{padding:35px 28px;background:#fff8ed;border:1px solid var(--line);box-shadow:8px 8px 0 #e3d9c9;transform:rotate(-2deg);margin:0 18px 10px 0;z-index:1;flex-direction:column;align-items:flex-start;gap:32px}.service-grid .service:nth-child(2){margin-top:40px}.service-grid .service:nth-child(3){margin-top:80px}.service-num{font-size:57px;color:#02426338;line-height:1;margin-bottom:35px}.window-icon{height:105px;width:85px}.service p{max-width:none}.service .arrow-link{min-height:36px;align-items:center}
.how{padding-top:95px;padding-bottom:95px;isolation:isolate;overflow:hidden}.how::before{content:'HELDER.';font:800 clamp(120px,27vw,430px)/.8 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.04em;position:absolute;top:40px;right:-15px;color:#f1eae00a;z-index:-1}.how h2{position:relative;font-size:clamp(55px,7vw,100px)}.steps{position:relative;gap:50px}.steps article{border-top:0;position:relative;padding:25px 0 0 30px;border-left:1px solid #f1eae04d}.steps article>span{position:absolute;left:-16px;top:-12px;background:var(--navy);font-size:23px;padding:0 5px}.steps h3{max-width:240px}.steps article:nth-child(2){margin-top:30px}.steps article:nth-child(3){margin-top:60px}
.plans{align-items:stretch;gap:16px}.plans article{background:#fff8ed;border-color:#02426322;box-shadow:0 3px 0 #0242630a,0 12px 25px -20px #02426344;padding:29px 22px}.plans article.featured{background:var(--navy);color:var(--cream);transform:translateY(-12px);box-shadow:8px 10px 0 var(--pink)}.featured .plan-tag{background:var(--pink);color:var(--navy);border:1px solid var(--navy);left:-1px;right:-1px}.featured .button{background:var(--pink);color:var(--navy);border-color:var(--pink)}.price{font-variant-numeric:tabular-nums}.house-picker{border-bottom:2px solid var(--navy);padding:0 0 8px}.house-picker select{border:0;padding:8px 22px 4px 0;font-weight:600}.plans .button{min-height:48px}.plans .label{font-size:11px}
.story{margin:30px 0 0;padding:70px 5.5%;gap:5%;position:relative;isolation:isolate;background:#e6ded2}.story::before{content:'VAN HIER.';font:800 16vw/1 'Barlow Condensed','Arial Narrow',Impact,sans-serif;position:absolute;top:-50px;left:5%;color:#0242630a;z-index:-1;white-space:nowrap;letter-spacing:-.04em}.story-image{min-height:550px;transform:rotate(-3deg);margin-top:-105px;box-shadow:15px 18px 0 var(--navy);border:9px solid var(--cream);z-index:1}.story-image img{object-position:55% center}.story-copy{padding:0 0 15px 4%}.story-copy h2{font-size:clamp(40px,4.5vw,66px)}.word{background:var(--cream);padding:24px;border:1px solid var(--line);transform:rotate(2deg);box-shadow:5px 6px 0 #02426315;gap:18px;margin-top:32px}.word p{font-size:14px}.area{padding-top:125px}.area h2{font-size:clamp(58px,7vw,100px)}.area-right{background:#fff8ed;border:1px solid var(--line);padding:35px;box-shadow:12px 12px 0 #e5dacb;transform:rotate(1deg)}.area-right form,.area-right .towns,.area-right label,.area-right p{transform:rotate(-1deg)}.towns span{background:var(--cream);font-size:19px}.area-right input{background:white}.faq{padding-bottom:120px}.faq summary{min-height:65px}.closing{padding:100px 5.5% 90px;isolation:isolate}.closing::before{content:"WIMPIE'S";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);font:800 27vw/1 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.04em;color:#0242630b;white-space:nowrap}.closing h2{font-size:clamp(50px,6.7vw,100px);position:relative}.closing .button{box-shadow:5px 6px 0 #f1eae0}.closing-star{opacity:1;color:var(--cream);font-size:100px;top:25%;right:5%;z-index:-1;transform:rotate(12deg)}footer{padding-top:60px;padding-bottom:35px}
.button{transition:transform 160ms var(--ease-out),background-color 160ms ease,color 160ms ease;min-height:48px}.button:hover{transform:none}.button:active{transform:scale(.97)}.dialog-close{width:44px;height:44px;display:grid;place-items:center}.menu-toggle{min-height:44px;min-width:44px}.button span{transition:transform 180ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.button:hover span{transform:translate(2px,-2px)}.button:active{transform:scale(.97)}}
@media(min-width:1600px){.depth-hero{height:880px}.depth-hero .hero-backtype{font-size:250px}.depth-hero .hero-photo{height:610px;top:160px}.hero-foreground{top:510px}.hero-endline{font-size:90px}.service-ticket{bottom:75px}}
@media(max-width:1150px){.depth-hero{height:780px}.depth-hero .hero-photo{top:142px;height:500px;right:7%;width:42%}.hero-foreground{top:405px;left:7%}.hero-endline{font-size:6.3vw;margin-bottom:25px}.hero-description{font-size:15px}.hero-foreground .hero-actions{gap:20px;flex-direction:column;align-items:flex-start}.service-ticket{right:5%;bottom:65px;padding:18px 20px}.service-ticket p{font-size:13px}.service-ticket .label{font-size:9px}.ticket-star{font-size:38px}.depth-hero .round-stamp{width:98px;height:98px;right:-22px;font-size:10px}.service:first-child{padding:28px 20px}.plans article{padding:25px 16px}.area-right{padding:26px}.area form{flex-wrap:wrap}.area input{width:100%;flex-basis:100%}.area form .button{width:100%}.story{gap:4%}.story-copy{padding-left:3%}}
@media(max-width:800px){.depth-hero{height:720px}.hero-overline{font-size:9px;letter-spacing:1px;top:8px}.depth-hero .hero-backtype{font-size:16.7vw;top:70px;left:5%}.depth-hero .hero-photo{top:145px;width:44%;height:430px;right:6%}.hero-foreground{top:340px;left:6%;width:60%}.hero-endline{font-size:6.8vw;margin-bottom:24px}.hero-description{font-size:14px;max-width:260px}.hero-foreground .button{font-size:16px;padding:14px 18px}.hero-foreground .text-link{font-size:12px}.depth-hero .round-stamp{width:82px;height:82px;right:-13px;top:80px;font-size:9px;letter-spacing:1px}.depth-hero .round-stamp strong{font-size:28px}.service-ticket{bottom:62px;right:4%;gap:10px;padding:15px}.service-ticket p{font-size:12px}.service-ticket .label{font-size:8px}.ticket-star{font-size:31px}.hero-bottom{font-size:8px;letter-spacing:1px}.promise-strip{margin-top:8px;margin-bottom:5px;gap:15px 25px}.section{padding-top:70px;padding-bottom:70px}.service-grid{grid-template-columns:1fr 1fr;gap:25px}.service:first-child{grid-column:span 2;flex-direction:row;gap:35px;margin:0 8px 8px 0;padding:30px}.service-grid .service:nth-child(2),.service-grid .service:nth-child(3){margin:0;border-left:0;padding:25px 0}.service-grid .service:nth-child(3){border-left:1px solid var(--line);padding-left:25px}.service-num{font-size:42px;margin-bottom:22px}.steps{gap:25px}.steps article{padding-left:20px}.steps h3{font-size:21px}.steps article:nth-child(2){margin-top:20px}.steps article:nth-child(3){margin-top:40px}.plans{row-gap:44px}.plans article{padding:25px}.plans article.featured{transform:none}.story{padding:55px 6%;gap:6%;margin-top:35px}.story-image{min-height:520px;margin-top:-85px;border-width:6px;box-shadow:9px 12px 0 var(--navy)}.story-copy{padding:0}.story-copy h2{font-size:38px}.word{padding:18px;gap:10px}.word p{font-size:12px}.area{padding-top:90px;grid-template-columns:1fr 1fr;gap:40px}.area h2{font-size:55px}.area h2 br{display:block}.area-right{padding:22px;transform:none}.area-right form,.area-right .towns,.area-right label,.area-right p{transform:none}.towns{gap:7px}.towns span{font-size:17px;padding:5px 11px}.faq{padding-bottom:80px}.closing{padding:75px 6%}.closing-star{font-size:70px}}
@media(max-width:520px){.depth-hero{height:940px}.hero-overline{left:6%;right:6%;font-size:8px;letter-spacing:.9px}.hero-overline span:last-child{display:none}.depth-hero .hero-backtype{top:63px;left:5%;font-size:22.7vw;line-height:.8;letter-spacing:-.04em}.depth-hero .hero-photo{top:173px;right:11%;width:68%;height:420px;margin:0;transform:rotate(4deg)}.photo-window{border-radius:47% 47% 2px 2px;box-shadow:9px 12px 0 var(--navy),18px 25px 30px -15px #02426366}.photo-window img{object-position:50% 42%}.depth-hero .round-stamp{right:-27px;top:60px;width:83px;height:83px;outline-width:4px;transform:rotate(-17deg)}.depth-hero .hero-photo>small{font-size:7px;right:8px;bottom:6px}.hero-foreground{top:549px;left:6%;width:88%}.hero-endline{font-size:12.2vw;margin-bottom:22px;text-shadow:2px 2px var(--cream),-2px -2px var(--cream),2px -2px var(--cream),-2px 2px var(--cream)}.hero-description{font-size:15px;max-width:100%;padding-top:3px}.hero-foreground .hero-actions{flex-direction:row;gap:24px;margin-top:22px;align-items:center}.hero-foreground .button{font-size:16px;padding:14px 16px;gap:17px}.hero-foreground .text-link{font-size:12px}.service-ticket{bottom:65px;left:8%;right:auto;transform:rotate(-3deg);padding:13px 17px;gap:15px}.service-ticket p{font-size:12px}.service-ticket .label{font-size:8px}.service-ticket p br{display:none}.ticket-star{font-size:32px}.service-ticket::before,.service-ticket::after{height:11px;width:30px}.hero-bottom{left:6%;right:6%;font-size:7px;letter-spacing:.65px;padding:14px 0}.hero-bottom a{gap:10px}.promise-strip{gap:12px 0;padding:17px 6%;transform:rotate(-1.5deg) scale(1.02)}.promise-strip span{font-size:13px}.section{padding:62px 6%}.section-top{margin-bottom:33px}.services::after{font-size:120px;top:-12px}.service-grid{grid-template-columns:1fr;gap:0}.service:first-child{grid-column:auto;display:flex;flex-direction:row;gap:27px;padding:25px 20px;margin:0 5px 30px 0}.window-icon{height:95px;width:69px;flex-shrink:0}.service:first-child h3{font-size:23px}.service:first-child p{font-size:14px}.service .label{font-size:10px;letter-spacing:1.1px}.service-grid .service:nth-child(2),.service-grid .service:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:25px 0;margin:0}.service-num{font-size:37px;margin-bottom:14px}.how h2{font-size:68px}.how::before{font-size:44vw;top:65px}.steps{gap:30px;margin-top:42px}.steps article{display:block;padding:10px 0 0 28px;min-height:110px}.steps article:nth-child(2),.steps article:nth-child(3){margin:0}.steps article>span{top:-7px;left:-11px;font-size:20px}.steps h3{max-width:none;font-size:24px}.steps p{font-size:15px}.plans{column-gap:10px;row-gap:38px}.plans article{padding:23px 12px 16px}.plans .label{font-size:10px}.plans article.featured{box-shadow:5px 7px 0 var(--pink)}.plans h3{font-size:27px}.plans .button{min-height:45px;font-size:13px}.plans .plan-tag{font-size:8px;letter-spacing:.5px}.story{display:block;padding:40px 6% 55px;margin-top:65px}.story::before{top:-55px;font-size:27vw}.story-image{height:360px;min-height:0;margin-top:-78px;margin-right:12px;border-width:7px}.story-copy{padding-top:55px}.story-copy h2{font-size:46px}.story-copy>p{font-size:16px}.word{padding:24px 18px;margin:30px 4px 0 0}.word p{font-size:14px}.word>span{font-size:38px}.area{display:block;padding-top:70px}.area h2{font-size:68px}.area h2 br{display:none}.area-right{margin-top:35px;padding:24px 20px;box-shadow:7px 8px 0 #e5dacb}.towns span{font-size:18px}.area form{flex-wrap:nowrap}.area input{width:40%;flex-basis:auto}.area form .button{width:auto;font-size:15px;padding:12px;gap:9px}.faq h2{font-size:49px}.closing{padding:68px 6%}.closing::before{font-size:38vw;top:54%}.closing h2{font-size:52px}.closing .eyebrow{font-size:10px;letter-spacing:1.5px}.closing-star{display:block;font-size:40px;right:3%;top:16%}footer{padding:40px 6%}dialog{border-radius:3px}}
@media(max-width:360px){.depth-hero{height:940px}.depth-hero .hero-photo{height:390px}.hero-foreground{top:520px}.hero-foreground .hero-actions{gap:18px}.hero-foreground .button{font-size:15px;padding:13px;gap:12px}.service-ticket p{font-size:11px}.hero-bottom{font-size:6px}.plans article{padding-left:10px;padding-right:10px}.plans h3{font-size:25px}.area form{flex-wrap:wrap}.area input,.area form .button{width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.button,.button span{transition:none}.button:hover,.button:hover span{transform:none}}
/* Material depth stays soft; navy edges are physical picture mounts. */
::selection{background:var(--navy);color:var(--cream)}input{caret-color:var(--coral)}input::placeholder{color:#476575;opacity:1}html{scrollbar-color:var(--navy) var(--cream);scrollbar-width:thin}
.depth-hero::before{background:none}.depth-hero .hero-backtype{letter-spacing:-.04em}.hero-foreground .button{box-shadow:0 5px 10px -4px #02426355}.service:first-child{box-shadow:2px 8px 17px -8px #02426344}.plans article.featured{box-shadow:3px 13px 24px -10px #02426366}.word{box-shadow:2px 6px 15px -8px #02426344}.area-right{box-shadow:4px 13px 27px -15px #02426355}.closing .button{box-shadow:2px 7px 14px -6px #02426355}.promise-strip{box-shadow:0 5px 12px -9px #02426355}.services .section-top .eyebrow,.how>.eyebrow,.pricing .section-top .eyebrow,.story-copy>.eyebrow,.area>div>.eyebrow,.faq>div>.eyebrow,.closing>.eyebrow{display:none}.service-num{display:none}
.hero-overline{font-size:12px;letter-spacing:1.1px}.service-ticket .label{font-size:11px;letter-spacing:.6px}.service-ticket p{font-size:15px}.depth-hero .hero-photo>small{font-size:10px;background:#024263cf;padding:3px 6px}.hero-bottom{font-size:11px;letter-spacing:.8px}.fineprint,footer small{font-size:12px;opacity:1}.announcement{font-size:11px}.plans .label{font-size:12px}.hero-bottom a,.hero-overline span{line-height:1.3}
@media(max-width:800px){.hero-overline{font-size:11px}.hero-overline span:last-child{display:none}.hero-bottom{font-size:10px}.service-ticket .label{font-size:10px}.service-ticket p{font-size:13px}.plans .label{font-size:11px}}
@media(max-width:520px){.hero-overline{font-size:10px}.hero-bottom{font-size:9px;letter-spacing:.3px}.hero-bottom>span{max-width:45%}.hero-bottom a{max-width:48%;align-items:center}.service-ticket .label{font-size:10px}.service-ticket p{font-size:12px}.service-ticket{padding:13px 15px;gap:12px}.plans .label{font-size:11px;letter-spacing:.6px}.plans .plan-tag{font-size:10px;letter-spacing:.2px}.announcement{font-size:9px;letter-spacing:.5px}}