@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--lw-ivory:#f6f3ed;--lw-paper:#eeece4;--lw-ink:#363629;--lw-olive:#595c48;--lw-stone:#877d67;--lw-line:#d2cfc5}
html{scroll-behavior:smooth;scroll-padding-top:78px}
.bespoke-home{background:var(--lw-ivory);color:var(--lw-ink);font:15px/1.5 'DM Sans',sans-serif;letter-spacing:-.01em}
.bespoke-home h1,.bespoke-home h2,.bespoke-home h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.025em}
.bespoke-home h2{font-size:clamp(32px,3.4vw,54px);margin:8px 0 16px}
.bespoke-shell{width:min(100% - 10.5vw,1470px);margin:0 auto}
.bespoke-header{position:absolute;inset:0 0 auto;z-index:40;border:0;background:transparent;backdrop-filter:none}
.bespoke-header .bespoke-topbar{display:flex;min-height:72px;align-items:center;gap:clamp(15px,2.4vw,36px)}
.bespoke-logo{font-family:'DM Sans',sans-serif!important;font-size:clamp(17px,1.5vw,24px)!important;font-weight:500!important;letter-spacing:.26em;line-height:1;white-space:nowrap;display:inline-flex;flex-direction:column;align-items:center;color:var(--lw-ink)}
.bespoke-logo span{font:500 9px/1.5 'DM Sans',sans-serif;letter-spacing:.44em;margin-top:3px}
.bespoke-header .bespoke-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(15px,1.9vw,29px)}
.bespoke-nav a{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;padding:3px 0;white-space:nowrap}
.bespoke-nav a[aria-current=page]{border-bottom:1px solid var(--lw-ink)}
.bespoke-nav a:hover{border-bottom:1px solid var(--lw-ink);text-decoration:none}
.bespoke-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;background:var(--lw-olive);color:white!important;font:500 12px/1.1 'DM Sans',sans-serif;letter-spacing:0;white-space:nowrap;border:1px solid var(--lw-olive);text-decoration:none;transition:background .2s,transform .2s}
.bespoke-button:hover{background:#444733;transform:translateY(-1px)}
.bespoke-header-cta{min-width:178px;min-height:43px;padding:12px 18px}
.bespoke-nav .mobile-extra{display:none}
.bespoke-header .hamburger{display:none}
.bespoke-hero{min-height:clamp(545px,44vw,710px);background:radial-gradient(ellipse at 12% 21%,#f6f1e6 0,#eae5da 58%,#d1c3ae 100%);position:relative;display:flex;align-items:center;overflow:hidden}
.bespoke-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#826d5640 .55px,transparent .6px),repeating-linear-gradient(13deg,transparent 0 7px,#a8958010 8px 9px);background-size:6px 7px,100% 100%;opacity:.24;pointer-events:none}
.bespoke-hero-image{position:absolute;inset:0 0 0 39%;background:linear-gradient(90deg,#eee8dd 0,transparent 17%),url('bespoke-hero-photo.jpg') center center/cover no-repeat;min-height:100%}
.bespoke-hero-content{position:relative;z-index:2;padding-top:95px;padding-bottom:56px}
.bespoke-hero h1{font-size:clamp(64px,7.2vw,112px);line-height:.96;max-width:680px;margin:0 0 26px;letter-spacing:-.035em}
.bespoke-hero-content>p{color:#5d5a50;max-width:390px;font-size:clamp(15px,1.22vw,19px);line-height:1.5;margin:0 0 20px}
.bespoke-benefits{background:linear-gradient(100deg,#f1eee7,#f7f5f1,#eeeae2);border-top:1px solid #dedad1;border-bottom:1px solid #e4e0d6}
.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:23px 0}
.benefits-grid article{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:0 13px}
.benefits-grid article:not(:last-child)::after{content:'';position:absolute;right:0;top:21px;height:52px;border-right:1px solid #d8d4cc}
.benefit-icon{display:grid;place-items:center;border:1px solid #9d9c90;width:42px;height:42px;border-radius:50%;font:31px/1 Georgia,serif;color:#868679;margin-bottom:8px}
.benefits-grid p{color:#67655d;font-size:12px;line-height:1.35;margin:0}
.bespoke-section{padding:65px 0}
.bespoke-overline{font:600 11px/1.3 'DM Sans',sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#777269!important;margin:0 0 12px!important}
.service-layout{display:grid;grid-template-columns:minmax(300px,39%) 1fr;gap:clamp(35px,4vw,74px)}
.bespoke-services-copy{padding-top:8px}
.bespoke-services-copy h2{font-size:clamp(32px,3.05vw,52px);margin:6px 0 18px}
.bespoke-services-copy>p:not(.bespoke-overline){color:#77736b;font-size:14px;line-height:1.68;max-width:430px;margin:0 0 21px}
.bespoke-underlink{font:500 13px/1.3 'DM Sans',sans-serif;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:2px;text-decoration:none;white-space:nowrap}
.bespoke-underlink:hover{opacity:.65}
.bespoke-services-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-feature img{width:100%;height:clamp(195px,19vw,285px);object-fit:cover;display:block;background:#d6d1c7;transition:transform .25s}
.service-feature>a{display:block;overflow:hidden}
.service-feature>a:hover img{transform:scale(1.035)}
.service-feature h3{font-size:21px;margin:13px 0 5px}
.service-feature p{font-size:13px;line-height:1.35;color:#747067;margin:0}
.bespoke-projects{padding:48px 0 50px;background:#696b57;color:#f9f6ef}
.bespoke-projects .bespoke-overline{color:#dad9c9}
.projects-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:25px}
.projects-heading h2{font-size:clamp(39px,3.6vw,58px);margin:4px 0 0}
.projects-heading>div:last-child{padding-bottom:6px;max-width:515px;justify-self:end}
.projects-heading>div:last-child p{color:#e0dfd2;font-size:13px;line-height:1.6;margin:0 0 5px}
.projects-heading .bespoke-underlink{float:right;color:#f4f0e5}
.project-carousel{position:relative}
.project-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:2px}
.project-track::-webkit-scrollbar{display:none}
.project-feature{scroll-snap-align:start;min-width:0}
.project-feature>a{display:block;text-decoration:none}
.project-feature img{display:block;width:100%;height:clamp(220px,22vw,360px);object-fit:cover;background:#a9a596}
.project-feature h3{font-size:19px;margin:9px 4px 1px;color:#fff}
.project-feature span{text-transform:uppercase;letter-spacing:.1em;color:#d8d7ce;font:500 10px/1.4 'DM Sans',sans-serif;display:block;margin:0 4px}
.carousel-buttons{position:absolute;right:-15px;top:38%;display:flex;gap:7px}
.carousel-buttons button{width:44px;height:44px;border-radius:50%;border:0;background:#f7f6f2;color:#676455;font-size:23px;box-shadow:0 3px 15px #0002}
.carousel-buttons button:hover{background:#dfddcf}
.bespoke-finishes{padding-top:55px;padding-bottom:38px}
.finishes-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
.finishes-title h2{font-size:clamp(35px,3vw,50px);margin:0}
.finish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.finish-card{display:block;text-decoration:none}
.finish-sample{height:clamp(135px,13.8vw,215px);background-size:cover;background-position:center;filter:saturate(.87)}
.sample-bone{background-image:url('bespoke-texture-bone.jpg')}.sample-sand{background-image:url('bespoke-texture-sand.jpg')}.sample-mushroom{background-image:url('bespoke-texture-mushroom.jpg')}.sample-olive{background-image:url('bespoke-texture-olive.jpg')}
.finish-card h3{font-size:21px;margin:9px 0 2px}
.finish-card p{font:500 10px/1.4 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#8a857c;margin:0}
.bespoke-story{display:grid;grid-template-columns:58% 42%;background:linear-gradient(110deg,#f3f0e9,#faf8f4);min-height:410px}
.story-photo{background:url('bespoke-story-photo.jpg') center center/cover no-repeat;min-height:400px}
.story-content{padding:clamp(42px,5.2vw,96px) clamp(36px,5vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.story-content h2{font-size:clamp(33px,3vw,51px);margin:4px 0 18px}
.story-content>p:not(.bespoke-overline){color:#726c63;font-size:14px;line-height:1.6;margin:0 0 14px;max-width:495px}
.bespoke-inspiration{padding:35px 0 12px}
.inspiration-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:12px}
.inspiration-heading h2{font-size:32px;margin:0 0 3px}
.inspiration-heading p:not(.bespoke-overline){font-size:13px;color:#858079;margin:0}
.inspiration-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.inspiration-strip img{width:100%;height:clamp(95px,10vw,150px);object-fit:cover;display:block;background:#d9d5ca}
.bespoke-cta{text-align:center;padding:29px 0 26px;color:#faf7f0;background:linear-gradient(140deg,#6b6a58ed,#656453ed),url('bespoke-texture-olive.jpg') center/cover}
.bespoke-cta h2{font-size:clamp(28px,2.8vw,42px);margin:0 0 8px}
.bespoke-cta p{font-size:12px;color:#e3e0d4;margin:0 0 14px}
.bespoke-button-light{background:#f6f2e9;border-color:#f6f2e9;color:#514e44!important}
.bespoke-button-light:hover{background:white}
.bespoke-footer{background:#f6f3ed;color:#4e4b41;padding:21px 0 16px}
.footer-upper,.footer-lower{display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-upper{padding-bottom:17px}
.footer-upper .bespoke-logo{font-size:20px!important}
.footer-upper nav,.footer-lower nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px}
.footer-upper nav a,.footer-lower{font-size:11px}
.footer-lower{border-top:1px solid #d2cdc4;padding-top:10px;color:#89847b;font-size:10px}
.bespoke-home a:focus-visible,.bespoke-home button:focus-visible{outline:3px solid #a77942;outline-offset:3px}
@media(max-width:1100px){.bespoke-header .hamburger{display:block;order:3;color:#4e503f;background:transparent}.bespoke-header .bespoke-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f8f5ed;box-shadow:0 12px 25px #0002;padding:22px 6vw;flex-direction:column;align-items:flex-start;gap:13px}.bespoke-header .bespoke-nav.open{display:flex}.bespoke-nav .mobile-extra{display:block}.bespoke-header-cta{margin-left:auto}.service-layout{grid-template-columns:1fr;gap:26px}.bespoke-services-copy{max-width:700px}.bespoke-services-cards .service-feature img{height:240px}}
@media(max-width:850px){.bespoke-hero{min-height:620px}.bespoke-hero-image{left:30%;background-position:45% center}.bespoke-hero h1{font-size:clamp(60px,9vw,84px)}.bespoke-hero-content>p{max-width:300px}.benefits-grid article{padding:0 6px}.benefits-grid p{font-size:10px}.project-track{grid-auto-columns:calc((100% - 14px)/2)}.finish-grid{grid-template-columns:repeat(2,1fr)}.finish-sample{height:170px}.bespoke-story{grid-template-columns:1fr 1fr}.story-content{padding:38px 6vw}.story-photo{min-height:440px}.inspiration-strip{grid-template-columns:repeat(4,1fr)}.inspiration-strip img:nth-child(n+5){display:none}}
@media(max-width:640px){.bespoke-shell{width:calc(100% - 40px)}.bespoke-header .bespoke-topbar{min-height:63px}.bespoke-header .bespoke-nav{top:63px}.bespoke-header-cta{display:none}.bespoke-hero{min-height:630px;align-items:flex-start}.bespoke-hero-image{inset:0;background-position:42% center;opacity:.62}.bespoke-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4ede2ed 0%,#eee5d7ce 55%,#e8e1d273 100%)}.bespoke-hero-content{z-index:3;padding-top:113px}.bespoke-hero h1{font-size:clamp(58px,11.7vw,88px)}.bespoke-hero-content>p{font-size:15px;max-width:285px}.benefits-grid{grid-template-columns:repeat(5,1fr);padding:16px 0}.benefit-icon{width:35px;height:35px;font-size:23px}.benefits-grid p{font-size:9px}.benefits-grid article:not(:last-child)::after{height:42px;top:19px}.bespoke-section{padding:50px 0}.bespoke-services-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-feature img{height:135px!important}.service-feature h3{font-size:16px}.service-feature p{font-size:11px}.projects-heading{grid-template-columns:1fr;gap:12px}.projects-heading>div:last-child{justify-self:start;padding:0}.projects-heading .bespoke-underlink{float:none}.project-track{grid-auto-columns:85%}.project-feature img{height:260px}.carousel-buttons{right:4px}.bespoke-story{grid-template-columns:1fr}.story-photo{min-height:300px}.story-content{padding:45px 22px}.finishes-title{align-items:start;flex-direction:column;gap:10px}.finish-sample{height:135px}.inspiration-heading{align-items:start;flex-direction:column;gap:9px}.inspiration-strip{grid-template-columns:repeat(3,1fr)}.inspiration-strip img:nth-child(4){display:none}.footer-upper,.footer-lower{align-items:start;flex-direction:column}.footer-upper nav,.footer-lower nav{justify-content:start;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bespoke-home *{transition-duration:.01ms!important;animation-duration:.01ms!important}}