@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#242424;--muted:#696469;--paper:#fffdfb;--lime:#ffb7b7;--line:#e5dddd;--sans:'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-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 48px}header{max-width:1440px;margin:auto;padding:22px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand img{width:145px;height:54px;object-fit:contain;mix-blend-mode:multiply;display:block}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.button{background:var(--ink);color:white;padding:16px 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--ink);font-size:14px;font-weight:600;transition:background .2s,transform .2s;border-radius:3px}.button:hover{background:#ed393e;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.small{padding:11px 17px}.full{width:100%}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:52px;padding-top:62px;padding-bottom:68px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{height:7px;width:7px;border-radius:50%;background:#fc494c}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(45px,5.1vw,72px);font-weight:600;line-height:1.07;letter-spacing:-3.7px;margin:25px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{white-space:nowrap}.intro{max-width:450px;color:#655e60;font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:24px;margin:29px 0 15px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #d5b5b5;padding-bottom:4px}.micro{font-size:11px;color:var(--muted);margin:12px 0}.hero-art{height:520px;position:relative;border-radius:180px 5px 5px 5px;background:#333333}.garden{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:brightness(.85)}.art-label{position:absolute;top:28px;right:23px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#fff}.floating-note{position:absolute;bottom:45px;left:-30px;right:40px;background:#fff8f5;padding:23px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 40px #30202020}.floating-note strong{font-size:17px}.floating-note div>span{font-size:15px;color:#746b6b}.record-dot{height:11px;width:11px;background:#fc494c;border-radius:50%}.arrow{margin-left:auto;font-size:32px}.image-note{position:absolute;bottom:12px;left:16px;color:white;font-size:9px}.service-strip{background:#fff0ed;border-block:1px solid #efd6d2}.service-strip .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:19px;font-size:11px;font-weight:600;letter-spacing:1.4px}.star{font-size:24px;font-weight:400;color:#c7353b}.section{padding-top:96px;padding-bottom:96px}h2{font-size:43px;letter-spacing:-1.9px;line-height:1.15;font-family:'Manrope',Arial,sans-serif;font-weight:500;margin:20px 0 25px}h2 em{color:#ba3036}p{font-size:14px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach-copy>p{color:var(--muted);line-height:1.85}.mini-points{margin-top:30px}.mini-points>div{padding:15px 0;border-top:1px solid var(--line)}.mini-points b{display:block;font-size:13px}.mini-points span{font-size:12px;color:var(--muted)}.content-section{background:#faf0ed}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:36px}.section-top h2{margin-bottom:0}.section-top>p{color:var(--muted);font-size:13px}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.concept{position:relative;min-height:430px;overflow:hidden;padding:22px;border-radius:4px}.concept-tag{font-size:9px;letter-spacing:1.6px}.concept-body{position:absolute;bottom:25px;left:25px;right:25px}.format{font-size:8px;letter-spacing:2px}.concept h3{font-family:'Manrope',sans-serif;font-size:25px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin:13px 0}.concept p{font-size:12px;line-height:1.7;margin:0}.concept-one{background:#333333;color:#fff}.concept-one p{color:#e2d8d8}.concept-two{background:#e9e3df}.concept-three{background:#ffe0dc}.garden-lines{position:relative;height:160px;margin-top:30px;transform:rotate(-8deg)}.garden-lines .planter{position:absolute;left:5%;top:20px;width:65%;height:100px;background:#877d78;transform:skewY(-12deg);border:9px solid #b4a8a2}.garden-lines .path{position:absolute;left:22%;top:80px;width:70%;height:35px;background:repeating-linear-gradient(90deg,#d7ccc6 0 38px,#8a7d76 39px 41px);transform:skewY(-12deg)}.tree{position:absolute;width:75px;height:85px;border-radius:55%;background:#fc797b;right:3%;top:5px;box-shadow:-22px 25px 0 #b84a4e}.tile-grid{margin:38px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:rotate(-15deg)}.tile-grid i{background:#c2b9a8;height:55px;border:1px solid #aaa38e}.tile-grid i:nth-child(2n){background:#d7cebb}.quote-art{font-family:Georgia,serif;font-size:31px;line-height:1.1;margin:32px 0;color:#633337}.quote-art em{font-size:33px}.caption{font-size:10px;color:var(--muted);margin:18px 0 0}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.proof-grid>div>p{color:var(--muted);max-width:430px}.testimonial{border-left:1px solid #e4b3af;padding-left:40px;margin-top:25px}.quote-mark{font-family:Georgia;font-size:65px;line-height:1;color:#fc494c}blockquote{margin:0 0 24px;font-size:21px;line-height:1.6;font-family:Georgia,serif}.testimonial p{font-size:12px}.package-section{background:#242424;color:#fff}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.package-grid h2 em{color:var(--lime)}.package-grid>div>p{max-width:390px;color:#ddd3d3}.package-grid .eyebrow{color:#ffb7b7}.fit-list{padding:0;list-style:none;font-size:12px;color:#e4dcdc}.fit-list li{padding:13px 0;border-bottom:1px solid #ffffff20}.fit-list li:before{content:'✓';margin-right:12px;color:var(--lime)}.price-card{background:#fffdfb;border-radius:4px;padding:34px;color:var(--ink)}.price-top{font-size:9px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.pill{background:#ffe0dc;padding:5px 9px;white-space:nowrap}.price{font-family:'Manrope',sans-serif;font-size:58px;letter-spacing:-3px;line-height:1.2;margin:25px 0 10px}.price>span{font-size:15px;letter-spacing:0;color:var(--muted);margin-left:10px}.price-detail{color:var(--muted);font-size:12px}.inclusions{list-style:none;padding:13px 0 0;border-top:1px solid var(--line);font-size:12px}.inclusions li{padding:8px 0}.inclusions li:before{content:'✓';margin-right:10px;color:#ba3036}.scope{font-size:10px;line-height:1.8;color:var(--muted);margin:15px 0 22px}.price-card .micro{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.steps article{border-top:1px solid #e5d3cf;padding-top:20px}.steps article>span{font-size:11px;color:#b44047}.steps h3{font-size:18px;margin:25px 0 12px;font-weight:500}.steps p{font-size:13px;color:var(--muted)}.faq-section{background:#faf0ed}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faqs details{border-bottom:1px solid #e5d3cf;padding:19px 0}.faqs summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:22px;font-weight:400;line-height:1}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:13px;color:var(--muted);margin:15px 0 0;line-height:1.8}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:85px}.enquiry>div>p{max-width:380px;color:var(--muted)}.email-link{font-size:17px;display:inline-block;margin:22px 0 15px;border-bottom:1px solid #d8a4a4}form label{display:block;font-size:11px;font-weight:600;margin-bottom:18px}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #dfd0ce;border-radius:2px;background:#fff;padding:12px 13px;margin-top:7px;font-size:13px;color:var(--ink)}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.6}.checkbox input{margin:3px 0;accent-color:var(--ink)}.form-note{font-size:10px;color:var(--muted);margin-top:12px}#email-fallback{background:#faf0ed;padding:20px;margin-top:20px;font-size:12px}#email-fallback p{font-size:12px}.copy-btn{background:#fff;border:1px solid var(--ink);padding:8px 15px;margin-top:10px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-block:45px;border-top:1px solid var(--line)}.footer-brand{font-size:27px;font-weight:800;letter-spacing:-1px}.footer-brand span{display:block;font-size:8px;letter-spacing:3.7px;margin-top:-5px}.footer-top p{font-family:Georgia;font-style:italic;font-size:20px;margin:0}.footer-top>a{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;padding-block:18px;font-size:10px;border-top:1px solid var(--line);color:var(--muted)}.footer-bottom div{display:flex;gap:22px}.footer-bottom button{border:0;background:none;color:inherit;padding:0;font-size:inherit}dialog{border:0;border-radius:5px;padding:35px;max-width:540px;width:90%;color:var(--ink)}dialog::backdrop{background:#242424aa}.dialog-close{float:right;font-size:26px;border:0;background:none}.skip{position:fixed;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:0}a:hover.text-link{color:#ba3036}@media(max-width:1000px){.wrap{padding-inline:30px}.hero{gap:30px}h1{font-size:54px}.hero-art{height:470px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.approach,.proof-grid,.package-grid,.enquiry{gap:40px}.faq-grid{gap:35px}.concept h3{font-size:22px}.section{padding-block:70px}}@media(max-width:700px){header{padding:15px 22px}.brand img{width:110px;height:40px}nav>a:not(.button){display:none}nav{gap:0}.wrap{padding-inline:22px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:40px;gap:32px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:54px;letter-spacing:-2.8px}.intro{font-size:15px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.hero-art{height:370px;margin-left:20px}.floating-note{left:-20px;right:25px;bottom:40px;padding:18px}.service-strip .wrap{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:8px}.service-strip .star{font-size:18px}.section{padding-block:55px}h2{font-size:36px}.approach,.proof-grid,.package-grid,.enquiry,.faq-grid{grid-template-columns:1fr;gap:25px}.section-top{display:block}.section-top>p{margin:20px 0}.concepts{grid-template-columns:1fr}.concept{min-height:380px}.garden-lines{width:70%;margin-inline:auto}.tile-grid{width:70%;margin-inline:auto}.concept h3{font-size:26px}.concept-body{right:40px}.quote-art{font-size:35px}.testimonial{padding-left:24px}.price-card{padding:25px}.price{font-size:52px}.steps{grid-template-columns:1fr;gap:15px}.steps h3{margin-top:12px}.steps p{max-width:450px}.faq-grid h2{margin-bottom:10px}.field-pair{grid-template-columns:1fr;gap:0}.footer-top{gap:25px;flex-wrap:wrap}.footer-top p{font-size:16px}.footer-bottom{gap:15px;flex-direction:column}.micro{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Jaco house style: coral, charcoal and warm white. */
:root{--brand:#fc494c}header{background:var(--brand);max-width:none}.brand img{mix-blend-mode:normal}nav .button{background:#242424;color:#fff;border-color:#242424}nav .button:hover{background:#444}a.button:not(nav .button),button.button{background:var(--brand);border-color:var(--brand);color:#242424;border-radius:28px;font-weight:700}a.button:not(nav .button):hover,button.button:hover{background:#ff7375;border-color:#ff7375}nav>a:not(.button):hover{color:#5d161b}input[type=checkbox]{accent-color:#ba3036}input:focus-visible,textarea:focus-visible{outline:2px solid #ba3036}.service-strip{color:#423333}h1 em{color:#ba3036}.package-grid h2 em{color:#ffb7b7}

.package-grid .price-card p{color:#696469}

/* Lightweight motion uses opacity and transforms without shifting layout. */
@keyframes jaco-enter{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .hero h1{animation:jaco-enter .6s ease-out both}
 .hero .intro{animation:jaco-enter .6s .08s ease-out both}
 .hero-actions{animation:jaco-enter .6s .14s ease-out both}
 .reveal-item{transition:opacity .55s ease-out,transform .55s ease-out}
 .reveal-pending{opacity:0;transform:translateY(18px)}
 .reveal-pending:focus-within{opacity:1;transform:none}
 .concept{transition:transform .25s ease-out,opacity .55s ease-out}
 .button>span{transition:transform .2s ease-out}
 .button:hover>span,.button:focus-visible>span{transform:translate(3px,-3px)}
 .floating-note{transition:transform .3s ease-out}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .concept:not(.reveal-pending):hover{transform:translateY(-5px)}
 .hero-art:hover .floating-note{transform:translateY(-4px)}
}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-pending{opacity:1;transform:none;animation:none!important}.hero h1,.hero .intro,.hero-actions{animation:none!important}}
@media print{.reveal-pending{opacity:1;transform:none}}

/* Personal editorial layout for Jaco’s work and service. */
.hero{grid-template-columns:1.2fr .8fr;gap:65px;padding-top:66px;padding-bottom:60px}
.hero h1{font-size:clamp(42px,4.5vw,64px);letter-spacing:-2.8px;line-height:1.12}
.hero-art{height:445px;border-radius:5px;margin-top:32px;transform:rotate(1.5deg)}
.hero-art .garden{filter:brightness(.8)}
.project-note{position:absolute;left:-28px;right:24px;bottom:42px;padding:21px 24px;background:#fff8f5;transform:rotate(-1.5deg);box-shadow:0 7px 20px #24242410}
.project-note strong{display:block;font-size:15px;font-weight:500;line-height:1.5}
.project-note>span{display:block;color:#696469;font-size:11px;margin-top:7px;line-height:1.6}
.service-strip .wrap{letter-spacing:0;justify-content:space-between;padding-block:18px}
.service-strip p{margin:0;font-size:12px;font-weight:400}
.service-strip a{font-size:12px;border-bottom:1px solid #d8a4a4}
.signature{font-family:Georgia,serif;font-size:38px;font-style:italic;color:#ba3036;margin:24px 0 0}
.signature span{display:block;font-family:var(--sans);font-size:11px;font-style:normal;color:#696469;margin-top:3px}
.work-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}
.work-film{display:block;position:relative;max-width:390px;background:#242424;border-radius:4px;overflow:hidden}
.work-film img{width:100%;height:510px;object-fit:cover;display:block}
.watch-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:15px;color:white;background:linear-gradient(transparent,#111d);padding:55px 24px 25px;font-size:13px}
.watch-label>span:last-child{margin-left:auto;font-size:23px}
.play-icon{display:grid;place-items:center;background:#fc494c;color:#242424;width:40px;height:40px;border-radius:50%;font-size:14px}
.work-story h3{font-size:19px;font-weight:500;margin:28px 0 12px}.work-story p{color:#696469;line-height:1.8}
.work-story .caption{font-size:10px;margin-top:20px}.work-story .caption a{text-decoration:underline}
.work-application{border-top:1px solid #dfcdca;margin-top:32px;padding-top:5px}
.proof{padding-top:70px;padding-bottom:70px}.process{display:grid;grid-template-columns:1fr 1fr;gap:85px}.process-list article{padding:22px 0;border-top:1px solid #e5d3cf}.process-list h3{font-size:17px;font-weight:500;margin:0 0 9px}.process-list p{font-size:13px;color:#696469;margin:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-film img{transition:transform .4s ease-out}.work-film:hover img{transform:scale(1.025)}}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:48px}.work-layout{gap:45px}.work-film img{height:465px}.process{gap:40px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:15px;padding-top:38px}.hero h1{font-size:46px;letter-spacing:-2px}.hero h1 em{white-space:normal}.hero-art{height:315px;margin-top:15px;margin-left:15px;margin-right:5px}.project-note{left:-15px;right:15px;padding:16px 18px}.project-note strong{font-size:13px}.service-strip .wrap{display:block}.service-strip p{margin-bottom:7px}.work-layout{grid-template-columns:1fr;gap:28px}.work-film{max-width:100%;width:100%}.work-film img{height:430px;object-position:50% 35%}.work-story h2{margin-top:18px}.work-story h3{margin-top:23px}.process{grid-template-columns:1fr;gap:10px}.proof{padding-block:50px}}
