@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-6.ttf) format('truetype');
}


:root{--ink:#171d19;--paper:#f5f5ef;--muted:#656d65;--accent:#c4d49a;--line:#dce0d5;--olive:#829265;--white:#fff;--heading:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--body)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6e8b39;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%;display:block}p{margin:0 0 22px}h1,h2,h3{margin:0;font-family:var(--heading);font-weight:600;line-height:1.03;letter-spacing:-.025em}h1{font-size:clamp(52px,5.9vw,96px)}h2{font-size:clamp(36px,4vw,62px);margin-bottom:25px}h3{font-size:28px;line-height:1.13}em{font-style:normal;color:var(--accent)}.eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:17px}.small{font-size:12px;color:var(--muted);line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:3px;padding:15px 22px;font-size:14px;font-weight:700;text-decoration:none;line-height:1.4;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:var(--white)}.dark:hover{background:#354435}.light{background:var(--accent);color:var(--ink)}.text-link{font-weight:700;font-size:14px}.skip-link{position:absolute;top:-80px;left:15px;z-index:30;background:white;padding:12px}.skip-link:focus{top:12px}.site-header{height:90px;background:var(--paper);display:flex;align-items:center;gap:30px;padding:0 max(28px,4vw);position:relative;z-index:12;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;line-height:1;font-size:14px;font-weight:700;letter-spacing:.05em;text-decoration:none;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.32em;margin-top:8px;font-weight:500}.brand-mark{position:relative;background:var(--ink);color:var(--accent);width:44px;height:44px;display:grid;place-items:center;font-family:var(--heading);font-size:37px;font-weight:700;font-style:italic}.brand-mark span{position:absolute;font-style:normal;font-family:Arial;font-size:20px;right:1px;top:1px}.site-header nav{margin-left:auto;display:flex;gap:23px;align-items:center}.site-header nav a{text-decoration:none;font-size:13px;font-weight:600;padding:10px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--olive)}.header-phone{font-weight:700;font-size:14px;line-height:1.5;text-decoration:none;padding-left:24px;border-left:1px solid var(--line);white-space:nowrap}.header-phone span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:500}.header-phone b{color:#71844b;padding-left:6px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;background:var(--ink);color:#fff;min-height:730px}.hero-video,.hero-photo{position:absolute;z-index:-3;width:100%;height:100%;object-fit:cover;inset:0}.hero-video{object-position:40% center}.hero-photo{object-position:center}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,13,8,.76),rgba(5,13,8,.38) 55%,rgba(5,13,8,.48)),linear-gradient(0deg,rgba(5,13,8,.45),transparent 80%)}.hero-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:55px;padding:65px max(28px,4vw);align-items:center;min-height:730px}.hero-copy{max-width:780px;padding:30px 0}.hero-copy>.eyebrow{color:#e1e8d4;margin-bottom:25px}.hero-copy>p{max-width:530px;font-size:17px;line-height:1.7;margin-top:28px;color:#edf0e8}.hero-copy h1{max-width:800px}.hero-copy h1 em{display:inline-block}.film-actions{display:flex;gap:12px;margin-top:45px;align-items:center}.film-play{display:flex;align-items:center;gap:12px;padding:12px 0;background:none;border:0;color:#fff;font-size:13px;font-weight:500}.film-play>span{border:1px solid #9eaa97;border-radius:100%;width:45px;height:45px;display:grid;place-items:center;font-size:12px;padding-left:2px}.film-play:hover>span{background:var(--accent);color:var(--ink)}.film-play small{font-size:11px;color:#d5dbd0;margin-left:8px}.pause-video{margin-left:12px;background:transparent;color:#fff;border:1px solid #9eaa97;border-radius:100%;width:32px;height:32px;font-size:13px}.film-credit{display:block;font-size:10px;letter-spacing:.08em;color:#dce2d6;margin-top:22px}.hero-back{display:inline-block;margin-top:18px;font-size:12px;color:#dfe6d5}.quote-card{align-self:center;background:var(--paper);color:var(--ink);padding:27px 28px 18px;border-top:3px solid var(--accent);box-shadow:0 18px 70px #0002;width:100%;border-radius:3px}.quote-top{display:flex;justify-content:space-between;align-items:center}.quote-top .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:12px}.status-dot{height:6px;width:6px;background:#829757;border-radius:50%;margin-bottom:12px}.quote-card h2{font-size:31px;line-height:1.05;margin-bottom:12px}.quote-card>p{font-size:12px;color:var(--muted);line-height:1.55;margin-bottom:18px}.quote-card label{display:block;font-size:11px;font-weight:600;line-height:1.5;margin-bottom:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-card input,.quote-card textarea,.quote-card select{display:block;width:100%;padding:9px 10px;color:var(--ink);background:#fff;border:1px solid #d4d9cd;border-radius:2px;font-size:12px;margin-top:5px;min-height:38px}.quote-card textarea{resize:vertical;max-height:150px}.quote-card input::placeholder,.quote-card textarea::placeholder{color:#81877e}.optional{font-weight:400;color:#81877e;float:right;font-size:10px}.whatsapp{background:var(--ink);color:#fff;width:100%;font-size:12px;margin-top:2px;padding:13px 10px;gap:8px}.whatsapp svg{width:19px;height:19px;fill:none;stroke:#c7dfa2;stroke-width:1.5}.whatsapp>span{margin-left:auto}.email-button{background:transparent;border:1px solid #cdd4c3;color:var(--ink);width:100%;font-size:12px;font-weight:600;padding:10px;margin-top:8px;border-radius:3px}.email-button:hover{background:#e7ecdf}.email-button>span{float:right}.form-note{font-size:10px;line-height:1.6;color:#737a6e;margin:12px 0 0}.form-status{font-size:11px;line-height:1.5;margin:8px 0 0;color:#426328}.form-status:empty{display:none}.quote-bottom{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;font-size:10px;display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--muted)}.quote-bottom a{text-decoration:none;font-weight:600;color:var(--ink)}.content{max-width:1400px;margin:0 auto;padding:0 max(28px,5vw)}.section{padding:90px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7vw}.split.reverse .section-copy{order:2}.split.reverse figure{order:1}.section-copy p{font-size:15px;line-height:1.85;color:#505a50}.section-copy p:last-child{margin-bottom:0}.section .eyebrow{color:#6d7e51}.section figure{margin:0;min-width:0}.section figure img{width:100%;height:430px;object-fit:cover;border-radius:2px}.section figure figcaption{font-size:10px;line-height:1.5;color:#798170;margin-top:10px}.text-section .section-copy{max-width:880px}.text-section h2{max-width:720px}.text-section .button{margin:8px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading .text-link{white-space:nowrap;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:block;text-decoration:none;background:#e9ede2;overflow:hidden;border-radius:3px}.service-card>img{width:100%;height:250px;object-fit:cover;transition:transform .5s}.service-card:hover>img{transform:scale(1.025)}.service-card>div{padding:25px 24px 28px;position:relative}.service-card span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.service-card h3{margin:12px 0;font-size:33px}.service-card p{font-size:13px;line-height:1.75;color:#596251;margin-bottom:22px}.service-card b{display:block;font-size:24px;line-height:1}.photo-note{margin:15px 0 0;font-size:10px}.steps{margin:28px 0 0;padding:0;list-style:none}.steps li{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.steps li>span{font-family:var(--heading);font-size:30px;color:#758653;line-height:1.2}.steps h3{font-size:25px;margin-bottom:8px}.steps p{font-size:13px;line-height:1.75;margin:0}.color-banner{position:relative;background:var(--ink);color:#fff;margin:0 calc(-1 * max(28px,5vw));height:540px;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:60px max(28px,5vw)}.color-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.color-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b150be6,#0b150b33);z-index:-1}.color-banner h2{font-size:clamp(46px,5.5vw,80px)}.color-banner p{max-width:420px;color:#e0e5da;font-size:15px}.image-label{position:absolute;bottom:20px;right:25px;font-size:10px;color:#d5dfcc}.checklist{padding:0;list-style:none;margin:24px 0}.checklist li{padding:12px 0 12px 27px;border-bottom:1px solid var(--line);font-size:14px;color:#505a50;position:relative}.checklist li:before{content:'↗';position:absolute;left:0;color:#657e41}.table-wrap{overflow:auto;margin:30px 0 18px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}caption{text-align:left;font-size:12px;font-weight:600;padding-bottom:15px}th,td{padding:17px 15px;border-bottom:1px solid #d5dbce}th{background:#e6ecdc;font-weight:600;font-size:11px}td:nth-child(2){white-space:nowrap;font-weight:600}tr:last-child td{border-bottom:2px solid #b7c29f}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:6vw}.questions details{border-bottom:1px solid #ccd3c3}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:15px;font-weight:600;padding:22px 0;line-height:1.5}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:23px;font-weight:400;color:#7a8c5c;transition:transform .2s}.questions details[open] summary>span{transform:rotate(45deg)}.questions details>div{padding:0 30px 18px 0}.questions p{font-size:14px;line-height:1.85;color:#596251;margin:0}.final-cta{background:#d8e1c6;padding:75px 30px;text-align:center;margin-top:0}.final-cta h2{font-size:clamp(44px,5vw,70px)}.final-cta .button{background:var(--ink);color:#fff}.final-cta .eyebrow{color:#4e6240}footer{background:var(--ink);color:#e9eee3;padding:65px max(28px,5vw) 25px}.footer-grid{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:65px}.footer-grid .brand{display:block;font-size:20px;margin:0 0 24px}.footer-grid .brand small{font-size:11px}.footer-grid p{font-size:13px;color:#aab4a3;line-height:1.8}.footer-grid h3{font-family:var(--body);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:17px}.footer-grid>div>a:not(.brand){display:block;text-decoration:none;color:#b8c2b0;font-size:12px;margin-bottom:8px;overflow-wrap:anywhere}.footer-grid a:hover{color:#fff}.platform-notice{max-width:1260px;margin:45px auto 0;padding:25px 0;border-top:1px solid #3b4535;border-bottom:1px solid #3b4535}.platform-notice strong{font-size:12px;color:#d1ddbf}.platform-notice p{font-size:11px;line-height:1.9;color:#aebaa5;margin:9px 0 0;max-width:1100px}.footer-bottom{max-width:1260px;margin:22px auto 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#97a48e;font-size:10px}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{text-decoration:none}.finish-picker{background:#e9ede2;border:1px solid #d3dcc8;border-radius:4px;padding:28px;margin-top:30px;display:grid;grid-template-columns:150px 1fr;gap:25px}.finish-tabs{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.finish-tabs button{border:1px solid #bfcbb1;background:transparent;border-radius:3px;padding:8px 18px;font-size:12px}.finish-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.finish-sample{width:150px;height:150px;border-radius:50%;background:#65734b;box-shadow:inset -15px -20px 35px #0005,inset 8px 10px 15px #ffffff17;align-self:center}.finish-sample.satijn{background:linear-gradient(135deg,#b9c9a0,#66764e 45%,#3f4b32)}.finish-sample.glans{background:linear-gradient(130deg,#242e1d 10%,#a8bf86 37%,#e3edce 42%,#556740 45%,#26301f 80%)}.finish-sample.metallic{background:repeating-linear-gradient(115deg,#8c9e71 0px,#8c9e71 1px,#71865b 2px,#71865b 3px);box-shadow:inset -15px -20px 30px #0006,inset 12px 14px 24px #fff8}.finish-description h3{margin-bottom:15px}.finish-description p{margin-bottom:0}.finish-picker>.small{grid-column:1/-1;margin:0;font-size:10px}.simple-hero{padding:80px max(28px,8vw);background:#e5ebdc}.simple-hero h1{font-size:clamp(44px,5vw,72px);max-width:950px}.simple-hero p{max-width:650px;margin:25px 0 0}.credit-row{padding:20px 0;border-bottom:1px solid var(--line)}.credit-row h3{font-size:24px;margin-bottom:10px}.credit-row p{font-size:12px}.inner-hero h1{font-size:clamp(56px,5.8vw,86px)}dialog{padding:55px 20px 15px;max-width:1200px;width:94%;border:1px solid #667359;background:#10160f;color:#fff;border-radius:5px}dialog::backdrop{background:#061004e8;backdrop-filter:blur(5px)}dialog video{width:100%;max-height:75vh;display:block}dialog>p{font-size:10px;color:#b5c0aa;margin:12px 0 0}.close-film{position:absolute;right:20px;top:13px;border:0;background:transparent;color:#fff;font-size:13px;padding:4px 8px}
@media(min-width:1600px){.hero-layout{padding-left:60px;padding-right:60px;grid-template-columns:minmax(0,1fr) 395px}.hero{min-height:800px}.hero-layout{min-height:800px}.hero-video{object-position:center}.quote-card{padding:33px}}
@media(max-width:1150px){.site-header{gap:20px;padding:0 25px}.site-header nav{gap:16px}.site-header nav a{font-size:12px}.header-phone{padding-left:15px;font-size:12px}.hero-layout{grid-template-columns:minmax(0,1fr) 340px;gap:30px;padding:45px 30px}.quote-card{padding:24px 22px 18px}.hero-copy h1{font-size:64px}.hero-copy>p{font-size:15px}.hero-copy h1 em{margin-top:9px}.split{gap:45px}.section figure img{height:380px}}
@media(max-width:950px){.site-header{height:78px}.menu-toggle{display:flex;background:none;border:1px solid #ccd4c2;gap:12px;padding:8px 12px;font-size:12px;align-items:center;margin-left:auto}.site-header nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);padding:20px 25px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #0001;flex-wrap:wrap;gap:20px}.site-header nav.open{display:flex}.site-header nav a{font-size:14px}.header-phone{border:0;padding-left:0}.hero-layout{grid-template-columns:minmax(0,1fr) 320px;gap:25px;padding:40px 25px}.hero-copy h1{font-size:58px}.quote-card{padding:22px 20px 18px}.quote-card h2{font-size:28px}.film-play{font-size:11px;gap:9px}.film-play small{display:none}.content{padding:0 30px}.section{padding:65px 0}.split{gap:35px}.section figure img{height:360px}.service-card>img{height:190px}.service-card>div{padding:20px}.service-card h3{font-size:28px}.color-banner{margin:0 -30px;padding:45px 30px}.footer-grid{gap:35px}.faq-section{gap:35px}}
@media(max-width:720px){html{scroll-padding-top:20px}.site-header{height:78px;padding:0 18px;gap:12px}.brand{font-size:11px;gap:9px}.brand small{font-size:8px;letter-spacing:.25em}.brand-mark{height:34px;width:34px;font-size:29px}.brand-mark span{font-size:15px}.menu-toggle{font-size:0;gap:0;border:0;padding:10px 4px}.menu-toggle span{font-size:21px}.header-phone{font-size:10px;line-height:1.55}.header-phone span{font-size:8px;letter-spacing:.06em}.header-phone b{display:none}.hero{background:var(--paper);min-height:0}.hero-video,.hero-photo{height:520px;object-position:38% center}.hero-shade{height:520px;background:linear-gradient(0deg,#071106d9,#07110633),linear-gradient(90deg,#07110688,transparent)}.hero-layout{display:block;padding:0;min-height:0}.hero-copy{height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:50px 24px 35px;max-width:none}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:18px}.hero-copy h1{font-size:clamp(49px,10.5vw,69px);max-width:550px}.hero-copy h1 em{margin-top:5px}.hero-copy>p{font-size:14px;line-height:1.7;margin:20px 0 0;max-width:450px}.film-actions{margin-top:23px;gap:12px}.film-play{font-size:12px;padding:0}.film-play>span{height:36px;width:36px}.film-credit{font-size:8px;margin-top:15px}.pause-video{height:29px;width:29px}.hero .quote-card{width:auto;margin:0;padding:30px 24px 24px;border-radius:0;border-top:3px solid var(--accent);box-shadow:none;background:#e8eddf}.quote-top .eyebrow{font-size:10px}.quote-card h2{font-size:35px}.quote-card>p{font-size:13px}.quote-card label{font-size:12px}.quote-card input,.quote-card select,.quote-card textarea{font-size:16px;min-height:44px;padding:10px 12px}.quote-card textarea{font-size:14px}.quote-card label{margin-bottom:14px}.whatsapp{font-size:14px;padding:15px}.email-button{font-size:13px;padding:13px}.form-note{font-size:11px}.quote-bottom{font-size:11px}.content{padding:0 24px}.section{padding:55px 0}.split{grid-template-columns:1fr;gap:28px}.split.reverse .section-copy{order:0}.split.reverse figure{order:0}.section h2{font-size:42px}.section-copy p{font-size:14px;line-height:1.85}.section figure img{height:310px}.section figure figcaption{font-size:9px}.section-heading{display:block;margin-bottom:25px}.section-heading .text-link{display:inline-block;margin-top:18px}.service-grid{grid-template-columns:1fr;gap:24px}.service-card>img{height:245px}.service-card>div{padding:22px 24px}.service-card h3{font-size:34px}.service-card p{margin-bottom:14px}.service-card b{position:absolute;right:25px;bottom:25px}.service-card p{padding-right:25px}.steps{margin-top:20px}.steps li{padding:18px 0}.color-banner{margin:0 -24px;height:490px;padding:40px 24px;align-items:flex-end}.color-banner h2{font-size:59px}.color-banner p{font-size:14px;max-width:310px}.color-banner:after{background:linear-gradient(0deg,#071106ed,#07110622)}.color-banner>img{object-position:58% center}.image-label{bottom:12px;right:18px;font-size:8px}.faq-section{grid-template-columns:1fr;gap:12px}.faq-section h2{margin-bottom:14px}.questions summary{font-size:14px;padding:19px 0}.questions p{font-size:13px}.final-cta{padding:55px 24px}.final-cta h2{font-size:49px}footer{padding:45px 24px 23px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid .brand{margin-bottom:15px}.footer-grid p{margin:0}.footer-grid>div>a:not(.brand){font-size:11px}.platform-notice{margin-top:35px}.platform-notice p{font-size:10px}.footer-bottom{font-size:9px;gap:15px}.finish-picker{padding:20px;grid-template-columns:1fr;gap:20px}.finish-tabs{gap:5px}.finish-tabs button{padding:7px 12px;font-size:11px}.finish-sample{height:120px;width:120px}.finish-description h3{font-size:29px}.table-wrap{margin-right:-24px;padding-right:24px}table{min-width:530px}.inner-hero .hero-copy{height:480px}.inner-hero .hero-photo,.inner-hero .hero-shade{height:480px}.inner-hero h1{font-size:55px}.hero-back{font-size:11px;margin-top:23px}.simple-hero{padding:55px 24px}.simple-hero h1{font-size:50px}.simple-hero p{font-size:14px}.credit-row h3{font-size:24px}dialog{padding:48px 10px 12px;width:96%}.close-film{right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-video{display:none}.home-hero{background-image:url('/assets/jeep-poster.jpg');background-size:cover;background-position:center}.home-hero .hero-copy{background:linear-gradient(90deg,#081108c9,#0811084d)}.pause-video{display:none}}

/* Photography as oversized sheets of vinyl, with a peeled release liner. */
.content{max-width:1600px;padding-inline:4vw}
.section.split{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(36px,5vw,80px);padding-block:100px}
.section.split.reverse{grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr)}
.section.split .section-copy{min-width:0}
.section .vinyl-photo{padding:0 12px 0 0;position:relative}
.vinyl-surface{--fold:100px;position:relative;display:block;isolation:isolate;background:#344235;padding:8px;border:0;border-radius:15px 4px 8px 4px;text-align:left;width:100%;color:#fff;box-shadow:0 25px 40px -25px #14241466;transition:box-shadow .35s}
.vinyl-surface:before{content:'';position:absolute;inset:14px -11px -12px 12px;z-index:-1;border-radius:8px 6px 18px 4px;background:linear-gradient(125deg,#b6c0b0 0%,#f7f9f2 25%,#d0d6ca 58%,#acb8a4 80%,#e9eee3);box-shadow:0 1px 0 #fff inset,0 7px 14px -10px #22332270;transform:rotate(1deg);pointer-events:none}
.section figure .vinyl-surface img,.service-visual img{position:relative;display:block;width:100%;height:clamp(480px,39vw,610px);object-fit:cover;border-radius:9px 0 0 0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--fold)),calc(100% - var(--fold)) 100%,0 100%)}
.vinyl-sheen{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(116deg,#ffffff22,transparent 18%,transparent 80%,#00000012);box-shadow:inset 1px 1px 0 #ffffff66,inset -2px -2px 0 #101c1733}
.vinyl-curl{position:absolute;right:8px;bottom:8px;width:var(--fold);height:var(--fold);z-index:2;pointer-events:none;background:linear-gradient(133deg,#25352a 3%,#8b9a80 20%,#eef2e9 42%,#fff 46%,#c4cdbd 52%,#65765d 70%,#19291d 95%);clip-path:polygon(0 0,100% 0,0 100%);border-top-left-radius:20% 75%;filter:drop-shadow(-6px -6px 5px #0003);transform-origin:100% 0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.photo-enlarge{position:absolute;top:25px;right:25px;z-index:3;display:inline-flex;align-items:center;gap:14px;background:#18251ce8;color:#fff;border:1px solid #ffffff40;border-radius:50px;padding:9px 15px;font-size:11px;line-height:1.5;pointer-events:none}
.photo-enlarge b{font-size:18px;font-weight:400;line-height:1}
.section figure figcaption{display:flex;gap:10px;align-items:baseline;font-size:11px;color:#646e5e;line-height:1.6;margin-top:28px;padding:0 8px}
.material-mark{display:inline-block;width:24px;height:8px;flex:0 0 24px;background:repeating-linear-gradient(90deg,#8c9b7c 0 1px,transparent 1px 5px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .photo-open:hover,.service-card:hover .vinyl-surface{box-shadow:0 32px 45px -25px #14241480}
 .photo-open:hover .vinyl-curl,.service-card:hover .vinyl-curl{transform:translate(-3px,-3px) rotate(-3deg)}
}
.page-home .content>.split:first-child{grid-template-columns:1fr;gap:42px;padding-top:90px}
.page-home .content>.split:first-child .section-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw}
.page-home .content>.split:first-child .section-copy>.eyebrow{grid-column:1/-1}
.page-home .content>.split:first-child .section-copy>h2{grid-column:1;grid-row:2/4;max-width:550px;font-size:clamp(44px,4.7vw,72px)}
.page-home .content>.split:first-child .section-copy>p{grid-column:2;max-width:620px}
.page-home .content>.split:first-child figure .vinyl-surface{--fold:140px}
.page-home .content>.split:first-child figure img{height:clamp(520px,48vw,740px);object-position:center 55%}
.service-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px 45px;align-items:start;padding-right:12px}
.service-card{background:transparent;overflow:visible;border-radius:0;min-width:0}
.service-card>.service-visual{padding:8px}
.service-visual img{height:390px}
.service-card>div{padding:32px 10px 0}
.service-card h3{font-size:40px;margin:10px 0 16px}
.service-card p{max-width:440px;margin-bottom:10px}
.service-card b{position:absolute;right:10px;top:36px;font-size:28px}
.service-card>div>span{display:block;padding-right:40px;color:#647451}
.service-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);align-items:center;gap:55px}
.service-card:first-child .service-visual{--fold:130px}
.service-card:first-child .service-visual img{height:490px;object-position:35% center}
.service-card:first-child>div{padding:0 10px 0 0}
.service-card:first-child h3{font-size:clamp(45px,4.8vw,70px);max-width:300px}
.service-card:first-child b{position:static;display:grid;place-items:center;width:50px;height:50px;border:1px solid #bcc7b0;border-radius:50%;margin-top:30px}
.service-card:nth-child(3){margin-top:70px}
.service-card:nth-child(3) img{object-position:center 40%}
.photo-note{font-size:11px;margin-top:40px}
.color-banner{height:660px;margin-inline:-4vw;padding-inline:7vw;border-radius:0 0 90px 0}
.color-banner:before{content:'';position:absolute;bottom:0;right:0;width:110px;height:100%;background:linear-gradient(90deg,transparent,#a3b48b22 27%,#e1e9d866 49%,#6f815455 54%,#162512cc 90%);pointer-events:none;z-index:0;clip-path:polygon(55% 0,100% 0,100% 100%,0 100%,18% 85%,35% 60%)}
.color-banner>div{position:relative;z-index:1}
.color-banner .image-label{right:120px}
.photo-dialog{padding:52px 20px 16px;width:min(1400px,96vw);max-width:1400px;max-height:94dvh;overflow:auto}
.photo-dialog>img{width:100%;height:auto;max-height:76dvh;object-fit:contain;background:#10160f}
.photo-dialog>p{font-size:12px;margin:14px 0 0}
.close-photo{position:absolute;right:15px;top:8px;min-height:36px;padding:7px 12px;background:transparent;color:#fff;border:1px solid #6a775e;border-radius:3px;font-size:13px}
@media(min-width:1600px){.color-banner{margin-inline:-64px;padding-inline:90px}}
@media(max-width:1100px){
 .section.split,.section.split.reverse{grid-template-columns:1fr 1.15fr;gap:35px;padding-block:75px}
 .section.split.reverse{grid-template-columns:1.15fr 1fr}
 .section figure .vinyl-surface img{height:490px}
 .service-card:first-child{gap:35px;grid-template-columns:1.4fr .8fr}
 .service-card:first-child .service-visual img{height:420px}
 .service-visual img{height:340px}
 .service-card>div{padding-top:30px}
 .service-card p{padding-right:25px}
 .service-card h3{font-size:35px}
 .service-grid{gap:45px 30px}
 .color-banner{height:580px}
}
@media(max-width:850px){
 .section.split,.section.split.reverse{grid-template-columns:1fr;gap:30px;padding-block:65px}
 .split.reverse .section-copy,.split.reverse figure{order:0}
 .section.split .section-copy{max-width:690px}
 .section figure .vinyl-surface img{height:clamp(410px,60vw,580px)}
 .page-home .content>.split:first-child{padding-top:65px;gap:30px}
 .page-home .content>.split:first-child .section-copy{display:block}
 .page-home .content>.split:first-child .section-copy>h2{max-width:650px}
 .page-home .content>.split:first-child figure img{height:clamp(410px,60vw,580px)}
 .service-card:first-child{grid-template-columns:1fr;gap:0}
 .service-card:first-child>div{padding:32px 10px 0}
 .service-card:first-child h3{max-width:none;font-size:43px}
 .service-card:first-child p{max-width:600px}
 .service-card:first-child b{position:absolute;right:10px;top:34px;display:block;border:0;border-radius:0;width:auto;height:auto;margin:0}
 .service-card:nth-child(3){margin-top:45px}
 .service-visual{--fold:80px}
 .service-visual img{height:300px}
 .service-card h3{font-size:32px}
}
@media(max-width:600px){
 .content{padding-inline:24px}
 .section.split,.section.split.reverse{padding-block:55px}
 .section .vinyl-photo{margin-inline:-10px;padding-right:8px}
 .vinyl-surface{--fold:75px;padding:5px;border-radius:10px 2px 4px 2px}
 .vinyl-surface:before{inset:12px -7px -8px 8px;transform:none}
 .vinyl-curl{right:5px;bottom:5px}
 .section figure .vinyl-surface img,.page-home .content>.split:first-child figure img{height:clamp(330px,80vw,460px);border-radius:5px 0 0 0;object-position:center}
 .page-home .content>.split:first-child figure .vinyl-surface{--fold:85px}
 .page-home .content>.split:first-child .section-copy>h2{font-size:43px}
 .photo-enlarge{top:17px;right:17px;padding:7px 12px;font-size:10px;gap:10px}
 .section figure figcaption{font-size:11px;margin-top:22px;padding-inline:8px;align-items:start}
 .material-mark{margin-top:5px;width:17px;flex-basis:17px}
 .service-grid{grid-template-columns:1fr;gap:40px;padding-right:0}
 .service-card:first-child{grid-column:auto}
 .service-card>.service-visual{padding:5px;width:calc(100% + 12px);margin-left:-8px;--fold:80px}
 .service-card:first-child .service-visual{--fold:90px}
 .service-visual img,.service-card:first-child .service-visual img{height:clamp(320px,85vw,450px);object-position:35% center}
 .service-card:nth-child(3){margin-top:0}
 .service-card:nth-child(3) img{object-position:center 35%}
 .service-card>div,.service-card:first-child>div{padding:28px 0 0}
 .service-card h3,.service-card:first-child h3{font-size:37px;padding-right:25px}
 .service-card b,.service-card:first-child b{right:0;top:31px;bottom:auto}
 .service-card p{font-size:13px}
 .photo-note{margin-top:30px}
 .color-banner{margin-inline:-24px;height:560px;padding:40px 24px 65px;border-radius:0 0 55px 0}
 .color-banner:before{width:65px}
 .color-banner .image-label{right:75px}
 .color-banner h2{font-size:58px}
 .photo-dialog{padding:58px 8px 12px}
 .photo-dialog>p{font-size:11px;padding-inline:6px}
 .close-photo{min-height:44px;top:6px;right:8px}
}
.quote-card fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.quote-card noscript p{font-size:13px}
.page-bedrijfswagen-wrappen .section figure .vinyl-surface img[src$="van-black-sprinter.webp"]{object-position:center 70%}
/* A single enquiry form: right rail on desktop, immediately after the hero on mobile. */
.page-layout{--rail-width:clamp(340px,27vw,400px);--page-gutter:clamp(20px,2vw,36px);min-width:0}
.hero-layout{display:block;max-width:none}
.hero-copy{min-width:0}
.hero-copy h1,.simple-hero h1,.section h2{overflow-wrap:anywhere}
.request-rail{min-width:0}
.quote-card{scroll-margin-top:24px}
.quote-card label,.field-row>*{min-width:0}
.quote-card input,.quote-card select,.quote-card textarea{min-width:0;max-width:100%}
.branding-table td:nth-child(2){white-space:normal}
.table-wrap{max-width:100%;overscroll-behavior-x:contain}
.section-copy,.questions,.finish-description{overflow-wrap:anywhere}
.pause-video,.close-film{min-width:44px;min-height:44px}
@media(min-width:1100px){
 .page-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);padding-right:var(--page-gutter)}
 .page-layout>.hero{grid-column:1/-1;grid-row:1;margin-right:calc(-1 * var(--page-gutter));min-height:760px}
 .page-layout>.hero .hero-layout{min-height:760px;padding:65px calc(var(--rail-width) + var(--page-gutter) + 50px) 65px var(--page-gutter)}
 .page-layout>.hero .hero-copy{max-width:850px;padding-block:45px}
 .page-layout>.simple-hero{grid-column:1;grid-row:1;padding:65px var(--page-gutter)}
 .page-layout>.request-rail{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:20px;z-index:4;margin-top:40px;max-height:calc(100dvh - 150px);overflow:auto;overscroll-behavior-y:contain;border-radius:4px;scrollbar-width:thin;scrollbar-color:#829265 #e8eddf}
 .request-rail .quote-card{padding:26px 24px 20px;box-shadow:none}
 .page-layout>.content{grid-column:1;grid-row:2;width:100%;padding-inline:var(--page-gutter);min-width:0}
 .page-layout .section.split{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .page-layout .section.split.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .page-layout .section h2{font-size:clamp(38px,3.7vw,62px)}
 .page-home .content>.split:first-child{grid-template-columns:1fr}
 .page-home .content>.split:first-child .section-copy{gap:0 35px}
 .page-home .content>.split:first-child .section-copy>h2{font-size:clamp(42px,4vw,66px)}
 .page-layout .color-banner{margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter)}
 .page-layout .service-grid{gap:45px 30px}
 .page-layout .service-card:first-child{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px}
 .page-layout .service-card:first-child h3{font-size:clamp(42px,4vw,60px)}
 .page-layout .service-card h3{overflow-wrap:anywhere}
 .page-layout .faq-section{grid-template-columns:1fr;gap:10px}
}
@media(min-width:1100px) and (max-width:1399px){
 .page-layout .section.split,.page-layout .section.split.reverse{grid-template-columns:1fr}
 .page-layout .split.reverse .section-copy,.page-layout .split.reverse figure{order:0}
 .page-home .content>.split:first-child .section-copy{display:block}
 .page-layout .section-copy{max-width:850px}
 .page-layout .section figure .vinyl-surface img{height:clamp(420px,39vw,560px)}
 .page-layout .service-card:first-child{grid-template-columns:1fr}
 .page-layout .service-card:first-child h3{max-width:none}
 .page-layout .service-card:first-child b{position:absolute;right:10px;top:0;border:0;margin:0;width:auto;height:auto}
 .page-layout .service-card:first-child>div{padding-top:10px;padding-right:38px}
}
@media(max-width:1099px){
 .site-header{height:78px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto}
 .site-header nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);padding:20px 25px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #0001;flex-wrap:wrap;gap:20px}
 .site-header nav.open{display:flex}
 .site-header nav a{font-size:14px}
 .page-layout{display:flex;flex-direction:column}
 .page-layout>.hero,.page-layout>.simple-hero{order:0}
 .page-layout>.request-rail{order:1;position:static;width:100%;background:#e8eddf}
 .page-layout>.content{order:2;width:100%;min-width:0}
 .hero{min-height:0;background:var(--ink)}
 .hero-layout{min-height:0;padding:0}
 .hero-video,.hero-photo,.hero-shade,.inner-hero .hero-photo,.inner-hero .hero-shade{height:100%}
 .hero-copy,.inner-hero .hero-copy{height:auto;min-height:520px;max-width:850px;padding:55px 30px 40px;display:flex;flex-direction:column;justify-content:flex-end}
 .hero-copy h1,.inner-hero h1{font-size:clamp(44px,8vw,76px)}
 .request-rail .quote-card{max-width:720px;margin:0 auto;border-radius:0;background:#e8eddf;box-shadow:none;padding:32px 30px 26px}
 .quote-card input,.quote-card select,.quote-card textarea{font-size:16px;min-height:44px}
 .quote-card h2{font-size:35px}
 .menu-toggle,.header-phone{min-height:44px}
 .header-phone{display:flex;flex-direction:column;justify-content:center}
 .header-phone b{display:none}
}
@media(max-width:720px){
 .hero-copy,.inner-hero .hero-copy{padding:42px 24px 35px;min-height:500px}
 .hero-copy h1,.inner-hero h1{font-size:clamp(44px,10.5vw,69px)}
 .request-rail .quote-card{padding:30px 24px 24px}
 .quote-card textarea{font-size:16px}
 .page-layout .content{padding-inline:24px}
 .table-wrap{margin-right:0;padding-right:0}
 .film-play{min-height:44px}
 .menu-toggle{padding-inline:8px}
 .film-actions{flex-wrap:wrap}
}
@media(max-width:380px){
 .site-header{padding-inline:12px;gap:8px}
 .brand{gap:6px;font-size:10px}
 .brand-mark{width:30px;height:32px;font-size:27px}
 .field-row{grid-template-columns:1fr;gap:0}
 .hero-copy,.inner-hero .hero-copy{padding-inline:20px}
 .request-rail .quote-card{padding-inline:20px}
 .service-card h3,.service-card:first-child h3{font-size:34px}
 .color-banner h2{font-size:50px}
}
@media(min-width:1100px) and (max-height:700px){
 .page-layout>.request-rail{position:static;max-height:none;overflow:visible}
}
@media(min-width:951px) and (max-width:1200px){.site-header nav{gap:14px}.site-header{gap:20px;padding-inline:25px}.header-phone{padding-left:15px;font-size:12px}}