@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#faf6ef;--ink:#12465a;--muted:#5f6e75;--sand:#eee2d3;--line:#dfd8ce;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}a,button,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #a54c17;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-2px;line-height:1.13}h1 em,h2 em{font-weight:400;color:#536f7c}h1{font-size:clamp(50px,5.1vw,78px)}h2{font-size:clamp(38px,3.4vw,52px)}h3{font-size:20px;font-weight:500;letter-spacing:-.4px}p{color:var(--muted)}.concept{background:var(--ink);color:#f7ede0;text-align:center;font-size:9px;letter-spacing:2px;padding:7px 16px}.concept span{margin:0 12px;color:#d9bd9d}.header{max-width:1560px;margin:auto;min-height:105px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;line-height:1;font-family:var(--serif);font-size:35px;letter-spacing:-1.7px}.brand-small{display:block;font:9px var(--sans);letter-spacing:4px;padding-top:9px;padding-left:2px}.brand-mark{font-family:Georgia,serif;font-size:65px;line-height:.8;position:relative;font-style:italic;width:36px}.brand-mark>span{position:absolute;right:-1px;top:-4px;font-size:21px;color:#f57d26}.desktop-nav{display:flex;gap:32px;font-size:13px}.desktop-nav a:hover,.text-link:hover{color:#a54c17}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:white;padding:17px 24px;font-size:13px;font-weight:500;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:#1c596f;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:12px 19px;font-size:12px;gap:22px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{max-width:1560px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:670px;padding:0 2% 0 5.5%}.hero-copy{padding:65px 35px 40px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;display:flex;align-items:center;gap:12px}.line{width:29px;height:1px;background:var(--ink)}.hero h1{margin:27px 0 23px}.hero-copy>p{font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:17px;border-bottom:1px solid #b7a594;padding:6px 0;white-space:nowrap}.hero-foot{display:flex;gap:14px;align-items:center;font-size:11px;line-height:1.7;margin-top:46px;color:var(--muted)}.hero-foot strong{font-weight:400;color:var(--ink)}.little-star{font-size:34px;font-weight:400;color:#f57d26}.hero-image{position:relative;min-height:670px}.hero-image img{position:absolute;inset:0}.image-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:23px 29px;background:linear-gradient(transparent,rgba(18,70,90,.85));color:white;font-size:12px;padding-top:70px}.image-caption>span:first-child{font-size:9px;letter-spacing:2px}.photo-tab{position:absolute;right:0;top:33px;background:var(--paper);color:var(--ink);padding:12px 19px;font-size:9px;letter-spacing:1.9px}.intro-strip{padding:29px 7%;margin-top:35px;display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);font-size:12px}.strip-star{color:#c47737;font-size:19px}.section{padding:95px 7%;max-width:1560px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-heading h2{margin-top:19px}.section-heading>p{max-width:320px;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service{position:relative;padding:26px 25px 35px;border-right:1px solid var(--line);transition:background .2s}.service:last-child{border-right:0}.service:hover{background:#f5ede2}.service-number{font-size:10px;color:#667781}.service-icon{font:40px Georgia;margin:22px 0 20px;height:52px;color:#12465a}.service h3{font-family:var(--serif);font-size:23px;line-height:1.3;min-height:60px}.service p{font-size:12px;line-height:1.9;min-height:105px;margin-top:10px}.service-tags{font-size:8px;letter-spacing:1px;display:block;margin-top:15px}.service-arrow{position:absolute;right:23px;top:23px;font-size:19px}.services-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;font-size:12px;color:var(--muted)}.services-note strong{font-weight:500;color:var(--ink)}.approach{background:#f2e8db;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:75px}.approach-photo{position:relative;min-height:560px}.approach-photo img{position:absolute;inset:0}.photo-label{position:absolute;bottom:22px;left:20px;right:20px;background:var(--paper);padding:15px;text-align:center;font-size:9px;letter-spacing:2px}.approach-copy{padding-block:17px}.approach h2{margin:23px 0}.approach-copy>p{font-size:13px;line-height:1.9;max-width:410px;margin-bottom:24px}.approach-detail{display:flex;gap:22px;padding:17px 0;border-top:1px solid #d9cdbd}.approach-detail>span{font-size:10px;color:#536f7c;padding-top:5px}.approach-detail h3{font-size:14px;margin-bottom:5px}.approach-detail p{font-size:12px}.approach-copy>.text-link{margin-top:18px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:27px}.work-grid img{height:420px}.work-grid figure:first-child img{object-position:50% 55%}.work-grid figcaption{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:20px}.work-grid figcaption>span:first-child{font-family:var(--serif);font-size:21px}.work-grid figcaption>span:last-child{font-size:9px;letter-spacing:1.5px}.steps{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:70px}.steps h2{margin-top:22px}.steps ol{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.steps li>span{font-family:var(--serif);font-size:25px;color:#bb6d30}.steps h3{font-size:16px;margin-bottom:6px}.steps p{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.faq h2{margin-top:22px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:23px;font-weight:400}.questions details[open] summary>span{transform:rotate(45deg)}.questions details p{font-size:13px;padding-top:15px;line-height:1.9;max-width:500px}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;background:var(--ink);color:var(--paper);padding-block:75px}.contact h2{margin:25px 0;font-size:60px}.contact h2 em{color:#f3c5a1}.contact-copy>p{color:#d0dce0;font-size:14px}.contact-phone{display:flex;align-items:center;gap:40px;font-size:24px;margin-top:28px}.contact-email{font-size:13px;color:#e0e5e6}.quote-panel{background:#faf6ef;color:var(--ink);padding:39px;align-self:center}.quote-panel h3{font-family:var(--serif);font-size:27px;line-height:1.3;margin-bottom:12px}.quote-panel>p{font-size:13px}.quote-panel label{display:block;font-size:10px;margin:30px 0 9px}.quote-panel select{width:100%;padding:14px 10px;background:transparent;border:1px solid #c9baaa;border-radius:0;font-size:13px;color:var(--ink)}.quote-continue{width:100%;margin-top:14px;font-size:12px;gap:10px;justify-content:space-between}.quote-panel .quote-note{font-size:10px;line-height:1.7;margin-top:13px;color:#5f6e75}footer{padding:45px 7% 22px;max-width:1560px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:#667680;display:flex;justify-content:space-between;gap:20px}
@media(min-width:1600px){.intro-strip{max-width:1560px;margin-inline:auto}}@media(max-width:1100px){.desktop-nav{gap:17px}.header{gap:15px}.hero{min-height:600px}.hero-image{min-height:600px}.hero-copy{padding-top:45px}.hero-actions{gap:15px;flex-wrap:wrap}.service{padding-inline:18px}.service h3{font-size:21px}.service p{min-height:130px}.service-tags{font-size:7px}.approach{gap:5%}.work-grid img{height:340px}.contact{gap:5%}.quote-panel{padding:28px}.contact h2{font-size:52px}}
@media(max-width:760px){.concept{font-size:8px;letter-spacing:1.4px}.header{min-height:85px;padding:19px 6%;gap:14px;flex-wrap:wrap}.brand{font-size:29px;gap:10px}.brand-mark{font-size:51px;width:29px}.brand-mark>span{font-size:17px}.brand-small{font-size:7px;letter-spacing:3.7px}.desktop-nav{display:none}.header>.button{margin-left:auto;padding:10px 12px;font-size:10px;gap:12px}.menu-toggle{display:block;color:var(--ink);border:0;background:none;padding:8px 0 8px 8px;font-size:22px;cursor:pointer}.mobile-nav{background:#f2e8db;padding:12px 6% 20px;display:grid;gap:12px;font-size:14px}.hero{display:flex;flex-direction:column;padding:0;min-height:auto}.hero-copy{padding:42px 7% 35px}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:clamp(43px,8.5vw,64px);letter-spacing:-1.8px;margin:24px 0 22px}.hero-copy>p{font-size:13px}.hero-actions{gap:20px;margin-top:25px}.button{padding:15px 19px;font-size:12px;gap:20px}.text-link{font-size:11px;gap:12px}.hero-foot{margin-top:28px;font-size:10px}.hero-image{min-height:410px;margin-left:7%}.photo-tab{top:22px;font-size:8px;padding:11px 14px}.image-caption{padding:60px 21px 22px;font-size:10px}.image-caption>span:first-child{font-size:8px;letter-spacing:1.2px}.intro-strip{margin-top:0;padding:20px 6%;gap:10px;text-align:center;font-size:10px}.intro-strip>span:nth-child(3),.intro-strip>span:nth-child(4){display:none}.strip-star{font-size:16px}.section{padding:60px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:100%;font-size:13px}.section-heading>.text-link{margin-top:21px}h2{font-size:37px;letter-spacing:-1.4px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:21px 18px 25px;border-bottom:1px solid var(--line)}.service:nth-child(2){border-right:0}.service:nth-child(3),.service:nth-child(4){border-bottom:0}.service h3{font-size:21px;min-height:56px}.service p{font-size:11px;min-height:104px;line-height:1.85}.service-icon{font-size:33px;margin:17px 0 15px;height:42px}.service-tags{font-size:7px;letter-spacing:.6px;min-height:25px}.service-arrow{right:16px;top:18px}.services-note{font-size:11px;align-items:flex-start}.services-note>span{max-width:230px}.services-note>.text-link{padding-top:0}.approach{display:flex;flex-direction:column;gap:35px}.approach-photo{min-height:420px}.approach-copy{padding:0}.approach-copy>p{max-width:none}.work-grid{grid-template-columns:1fr;gap:32px}.work-grid img{height:330px}.work-grid figcaption>span:first-child{font-size:20px}.work-grid figcaption>span:last-child{font-size:8px}.steps,.faq{display:grid;grid-template-columns:1fr;gap:35px}.steps h3{font-size:15px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:48px}.contact-phone{font-size:23px}.quote-panel{padding:27px}.quote-panel h3{font-size:26px}.quote-continue{padding-inline:16px;font-size:11px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top p{order:3;width:100%;font-size:12px}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}footer{padding-top:35px}.photo-label{font-size:8px;letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original Jayen’s logo: retain the artwork and trim only its surrounding blank space in the layout. */
.brand-logo{display:block;position:relative;width:160px;height:140px;overflow:hidden;flex:0 0 auto}.brand-logo img{position:absolute;width:250px;height:250px;max-width:none;top:-52px;left:-45px;object-fit:contain;mix-blend-mode:multiply}.header{padding-block:10px}.footer-top .brand{flex-shrink:0}
@media(max-width:760px){.brand-logo{width:120px;height:105px}.brand-logo img{width:187.5px;height:187.5px;top:-39px;left:-33.75px}.header{padding-block:8px}}

.reviews{padding-top:5px;padding-bottom:65px}.reviews-heading{margin-bottom:28px}.reviews-heading h2{font-size:36px;margin-top:14px;letter-spacing:-1px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.review{border-top:1px solid var(--line);padding-top:16px}.review-mark{font-family:var(--serif);font-size:40px;line-height:1;color:#c47737;display:block;height:30px}.review blockquote{margin:8px 0 19px}.review blockquote p{font-family:var(--serif);font-size:21px;line-height:1.55;color:var(--ink);letter-spacing:-.2px}.review figcaption{font-size:10px;color:var(--muted)}.reviews-source{margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reviews-source p{font-size:10px}.reviews-source .text-link{font-size:10px}
@media(max-width:760px){.reviews{padding-top:0;padding-bottom:44px}.reviews-heading h2{font-size:30px}.review-grid{grid-template-columns:1fr;gap:22px}.review{padding-top:15px}.review-mark{font-size:33px;height:24px}.review blockquote{margin:5px 0 10px}.review blockquote p{font-size:20px}.reviews-source{align-items:flex-start;gap:14px}.reviews-source p{max-width:190px;font-size:9px}}

/* Jayen’s brand colours, sampled from the supplied original logo. */
:root{--brand-orange:#f57d26;--brand-teal:#12465a;--accent-text:#a54c17}
.line{background:var(--brand-orange)}.button span{color:#ffc18f}.service-arrow{color:var(--accent-text)}.little-star,.review-mark{color:var(--brand-orange)}.strip-star{color:#c47737}.photo-tab{background:#faf0e3;color:var(--brand-teal)}.concept span{color:#f6b77c}.contact .eyebrow{color:#f3c5a1}.contact-phone span{color:#f6b77c}.desktop-nav a:hover,.text-link:hover{color:var(--accent-text)}.contact-email:hover{color:#ffc18f}
