*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{--paper:#e9e2d5;--ink:#33382d;--accent:#6a7250;--wash:#d9d0bd;margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:30;padding:12px;background:#fff;color:#10151e}.skip:focus{top:0}.demo-bar{height:54px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0e18;color:#f5f1e9;padding:0 35px;font-size:11px;border-bottom:1px solid #34394a}.demo-bar>span{color:#b6b8c0}.demo-bar b{color:#9dd5c5;font-weight:normal}.choose-design{color:#0b0e18;background:#fa8a7e;padding:8px 14px;border-radius:2px;font-size:10px}.choose-design span{margin-left:15px}.demo-header{width:calc(100% - 112px);max-width:1360px;margin:auto;height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.demo-logo{font:32px Georgia,serif;letter-spacing:.06em}.demo-logo span{font:9px Arial;vertical-align:top;margin-left:5px}.demo-header nav{display:flex;gap:30px;font-size:11px}.demo-header nav a:last-child{border-bottom:1px solid;padding-bottom:4px}.demo-menu{display:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:normal}h1,h2{font-family:Georgia,serif;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(65px,7.3vw,112px);margin-bottom:30px}h2{font-size:clamp(42px,4.5vw,68px);margin-bottom:25px}h3{font:30px/1.15 Georgia,serif;letter-spacing:-.03em;margin-bottom:15px}em{font-weight:normal}.kicker{font-size:9px;text-transform:uppercase;letter-spacing:.17em;margin-bottom:25px}.demo-hero{width:calc(100% - 112px);max-width:1360px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:65px 45px;padding-top:70px}.demo-hero-copy{padding-block:10px 35px}.demo-hero-copy>p:not(.kicker){max-width:360px;font-size:14px}.demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border:1px solid var(--ink);padding:13px 20px;font-size:11px;margin-top:15px}.demo-button:hover{background:var(--ink);color:var(--paper);text-decoration:none}.hero-image{position:relative;min-height:490px}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:50% 50% 0 0}.image-caption{position:absolute;bottom:18px;left:20px;font-size:7px;letter-spacing:.15em;color:var(--ink);background:var(--paper);padding:6px 9px}.hero-tail{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:18px 0;font-size:10px}.demo-about{display:grid;grid-template-columns:.7fr 2fr .5fr;gap:50px;padding:90px max(56px,calc((100% - 1360px)/2));background:var(--wash);margin-top:25px;align-items:start}.demo-about>div>p{max-width:500px;font-size:15px}.brand-stamp{font:italic 100px Georgia,serif;text-align:right;color:var(--accent)}.demo-work,.demo-services,.demo-faq{padding:90px max(56px,calc((100% - 1360px)/2))}.section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-title h2{margin:0}.section-title>p,.section-title>a{font-size:11px}.section-title>p{margin:0}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;align-items:start}.project-grid .project:nth-child(2){margin-top:70px}.project-grid .project:nth-child(3){margin-top:135px}.project-image{height:330px;overflow:hidden;background:var(--wash)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-image:hover img{transform:scale(1.05)}.variant-1 img{transform:scale(1.7) translate(-10%,5%);filter:saturate(.75)}.variant-1:hover img{transform:scale(1.8) translate(-10%,5%)}.variant-2 img{transform:scale(1.5) translate(13%,-5%);filter:saturate(.6) brightness(.92)}.variant-2:hover img{transform:scale(1.6) translate(13%,-5%)}.project>div:last-child{display:flex;justify-content:space-between;gap:15px;padding-top:15px}.project h3{font:19px/1.3 Georgia,serif;margin:0}.project>div:last-child span{font-size:9px}.demo-services{background:var(--ink);color:var(--paper)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.services-grid article{border-top:1px solid color-mix(in srgb,var(--paper) 40%,transparent);padding-top:20px}.services-grid article>span{display:block;font-size:10px;margin-bottom:25px}.services-grid p{font-size:13px;opacity:.85;max-width:300px}.demo-faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.demo-faq h2{font-size:45px}.demo-faq details{border-top:1px solid color-mix(in srgb,var(--ink) 35%,transparent);padding:20px 0}.demo-faq summary{cursor:pointer;font-size:13px}.demo-faq details p,.demo-faq details a{font-size:13px;margin-top:20px}.demo-contact{text-align:center;padding:85px 30px 100px;background:var(--wash)}.demo-contact h2{font-size:clamp(55px,6.5vw,96px)}.demo-contact>p:not(.kicker){max-width:500px;margin:0 auto 25px;font-size:13px}.sample-contact{max-width:450px;margin:30px auto 20px;border-block:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:16px}.sample-contact span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.sample-contact p{font-size:11px;margin:7px 0 0}.demo-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:35px 56px}.demo-footer>span,.demo-footer>a:last-child{font-size:10px}
/* Each demo has its own typography, colour and composition. */
.theme-keystone{--paper:#d6d6ca;--ink:#243a32;--accent:#5b6b4b;--wash:#c2c8b8}.theme-keystone h1,.theme-keystone h2,.theme-keystone h3,.theme-keystone .demo-logo{font-family:Arial,sans-serif;font-weight:700}.theme-keystone h1{font-size:clamp(60px,6.5vw,96px);line-height:1;letter-spacing:-.07em}.theme-keystone h1 em{font-style:normal}.theme-keystone .hero-image img{border-radius:0}.theme-keystone .demo-hero{gap:30px}.theme-keystone .demo-button{background:var(--ink);color:var(--paper)}.theme-keystone .project-grid{grid-template-columns:repeat(3,1fr)}.theme-keystone .project-grid .project{margin-top:0}.theme-keystone .project h3{font:600 17px Arial,sans-serif}.theme-keystone .demo-about{border-top:8px solid var(--ink)}
.theme-sugar{--paper:#f7e4d9;--ink:#8c3547;--accent:#be5f6d;--wash:#edbcc2}.theme-sugar h1{font-style:italic}.theme-sugar .demo-logo{font-style:italic;font-size:43px}.theme-sugar .hero-image img{border-radius:48%}.theme-sugar .demo-hero{grid-template-columns:1fr 1fr}.theme-sugar .demo-button{border-radius:50px;background:var(--ink);color:var(--paper)}.theme-sugar .demo-hero-copy{padding-top:35px}.theme-sugar .demo-about{border-radius:80px 80px 0 0}.theme-sugar .project-image{border-radius:50% 50% 0 0}.theme-sugar .project-grid{grid-template-columns:repeat(3,1fr)}.theme-sugar .project:nth-child(3){margin-top:0}.theme-sugar .brand-stamp{font-style:italic}
.theme-wildwood{--paper:#e0e4d5;--ink:#2e4733;--accent:#526d40;--wash:#bdc7ab}.theme-wildwood .demo-logo{text-transform:uppercase;font-size:25px;letter-spacing:.18em}.theme-wildwood .hero-image img{border-radius:180px 180px 0 0}.theme-wildwood .hero-image{min-height:520px}.theme-wildwood .demo-about{grid-template-columns:.7fr 2fr .7fr}.theme-wildwood .brand-stamp{border:1px solid;border-radius:50%;width:140px;height:140px;text-align:center;font-size:90px}.theme-wildwood .project-image{height:360px}.theme-wildwood .demo-button{border-radius:30px}
.theme-noir{--paper:#361b2d;--ink:#f3cfb4;--accent:#e1898a;--wash:#48263d}.theme-noir .demo-logo{text-transform:uppercase;font-size:37px;letter-spacing:-.05em}.theme-noir .demo-hero{grid-template-columns:1.3fr 1fr}.theme-noir h1{font-size:clamp(70px,8vw,125px)}.theme-noir .hero-image img{border-radius:0}.theme-noir .hero-image{min-height:540px}.theme-noir h1 em{color:#eb9295}.theme-noir .demo-about{grid-template-columns:.6fr 2fr .5fr}.theme-noir .brand-stamp{color:#eb9295}.theme-noir .demo-services{background:#efcbb1;color:#361b2d}.theme-noir .project-image{height:400px}.theme-noir .project-grid{grid-template-columns:1.4fr 1fr 1fr}.theme-noir .demo-contact{border-top:1px solid #77536b}.theme-noir .demo-button{border:0;border-bottom:1px solid;padding-inline:0}
.theme-volt{--paper:#18271f;--ink:#e3efc0;--accent:#d1ea55;--wash:#25392c}.theme-volt h1,.theme-volt h2,.theme-volt h3,.theme-volt .demo-logo{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.055em}.theme-volt h1{font-size:clamp(65px,7.5vw,115px);font-style:italic;color:#d1ea55;line-height:.95}.theme-volt h1 em{font-style:normal;color:var(--ink)}.theme-volt .hero-image img{border-radius:0}.theme-volt .demo-hero{grid-template-columns:1.1fr 1fr;gap:35px}.theme-volt .demo-logo{font-style:italic;font-size:40px}.theme-volt .demo-button{background:#d1ea55;color:#18271f;border-color:#d1ea55;font-weight:bold}.theme-volt .demo-about{border-bottom:12px solid #d1ea55}.theme-volt .demo-services{background:#d1ea55;color:#18271f}.theme-volt .project-grid{grid-template-columns:repeat(3,1fr)}.theme-volt .project-grid .project{margin-top:0}.theme-volt .project h3{font:700 18px Arial,sans-serif}.theme-volt .project-image{height:300px}.theme-volt .demo-contact h2{font-size:clamp(50px,5.8vw,85px)}
@media(max-width:1000px){.demo-header,.demo-hero{width:calc(100% - 64px)}.demo-hero{gap:35px}.hero-image{min-height:440px}.demo-about,.demo-work,.demo-services,.demo-faq{padding:65px 32px}.demo-about{grid-template-columns:.6fr 2fr;gap:30px}.brand-stamp{display:none}.demo-about>div{grid-column:2}.project-grid{gap:18px}.project-image{height:270px}.services-grid{gap:25px}.services-grid h3{font-size:25px}.demo-footer{padding:30px 32px;flex-wrap:wrap}.theme-wildwood .demo-about,.theme-noir .demo-about{grid-template-columns:.6fr 2fr}.theme-wildwood .hero-image,.theme-noir .hero-image{min-height:440px}}
@media(max-width:700px){html{scroll-padding-top:62px}.demo-bar{padding:0 15px;height:54px;gap:12px;font-size:9px}.demo-bar>span{font-size:9px}.demo-bar>span b{display:block}.choose-design{font-size:9px;padding:8px 10px}.choose-design span{display:none}.demo-header{width:calc(100% - 40px);height:85px;position:relative}.demo-logo{font-size:29px}.demo-menu{display:block;background:transparent;border:0;color:var(--ink);font-size:12px;padding:10px}.demo-header nav{display:none;position:absolute;top:85px;left:-20px;right:-20px;z-index:12;background:var(--paper);border-bottom:1px solid var(--ink);padding:15px 20px}.demo-header nav.open{display:flex;flex-direction:column;gap:0}.demo-header nav a{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.demo-header nav a:last-child{padding-bottom:12px}.demo-hero,.theme-sugar .demo-hero,.theme-noir .demo-hero,.theme-volt .demo-hero{grid-template-columns:1fr;width:calc(100% - 40px);padding-top:40px;gap:25px}.demo-hero-copy,.theme-sugar .demo-hero-copy{padding:0}.kicker{font-size:8px;margin-bottom:20px}h1,.theme-keystone h1,.theme-noir h1,.theme-volt h1{font-size:clamp(55px,13.5vw,85px);margin-bottom:25px}.demo-hero-copy>p:not(.kicker){font-size:13px;max-width:340px}.demo-button{font-size:10px;padding:12px 16px;margin-top:10px}.hero-image,.theme-wildwood .hero-image,.theme-noir .hero-image{min-height:340px}.hero-image img{object-position:center}.hero-tail{font-size:9px;padding-block:15px}.demo-about,.theme-wildwood .demo-about,.theme-noir .demo-about{grid-template-columns:1fr;padding:45px 20px;gap:0;margin-top:10px}.demo-about>div{grid-column:1}.demo-about h2{font-size:40px}.demo-about>div>p{font-size:13px;margin-bottom:0}.theme-sugar .demo-about{border-radius:40px 40px 0 0}.demo-work,.demo-services,.demo-faq{padding:50px 20px}.section-title{display:block;margin-bottom:30px}.section-title h2{font-size:43px;margin-bottom:18px}.section-title>p{font-size:10px}.project-grid,.theme-keystone .project-grid,.theme-sugar .project-grid,.theme-noir .project-grid,.theme-volt .project-grid{grid-template-columns:1fr;gap:30px}.project-grid .project:nth-child(2),.project-grid .project:nth-child(3){margin-top:0}.project-image,.theme-noir .project-image,.theme-wildwood .project-image,.theme-volt .project-image{height:340px}.project h3{font-size:22px}.services-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.services-grid article{display:grid;grid-template-columns:25px 1fr;gap:12px 18px}.services-grid article>span{grid-row:1/3;margin:0;padding-top:5px}.services-grid h3{margin:0;font-size:27px}.services-grid p{grid-column:2;max-width:none;margin:0}.demo-faq{grid-template-columns:1fr;gap:15px}.demo-faq h2{font-size:40px}.demo-contact{padding:55px 20px}.demo-contact h2,.theme-volt .demo-contact h2{font-size:46px}.demo-contact>p:not(.kicker){font-size:12px}.sample-contact{padding:14px}.demo-footer{padding:30px 20px;align-items:start;flex-direction:column;gap:20px}.theme-noir .demo-hero{gap:30px}.theme-wildwood .brand-stamp{display:none}.theme-sugar .demo-logo{font-size:36px}.theme-volt .demo-logo{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}.project-image:hover img{transform:none}}