*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#eee9df;color:#302d26;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7b4b2e;outline-offset:5px}.skip{position:fixed;top:-60px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;gap:20px;background:#eee9df} .wordmark{font:24px/1.15 Georgia,serif;letter-spacing:-.04em}.wordmark span{display:block;font:10px/2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}nav{display:flex;gap:30px;font-size:13px}nav a{padding:12px 0}nav span{padding-left:18px}.entry{position:relative;min-height:calc(100svh - 110px);padding:4vw;display:grid;grid-template-columns:1fr 1.4fr;gap:3vw;align-items:center}.entry-copy{z-index:1;padding-bottom:6vh}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}h1,h2{font:clamp(50px,6.9vw,116px)/.95 Georgia,serif;font-weight:400;letter-spacing:-.065em;margin:34px 0}em{font-weight:400;color:#8c5b3d}h2{font-size:clamp(45px,5.5vw,85px)}.lead{font-size:17px;max-width:320px;margin:30px 0}.text-link{display:inline-flex;align-items:center;gap:38px;font-size:13px;padding:15px 0;border-bottom:1px solid #8c8170}.room{position:relative;align-self:stretch;min-height:500px;overflow:hidden;background:#dad2c5}.room img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}.image-note{position:absolute;bottom:14px;left:14px;background:#f5f0e8e8;padding:6px 9px;font-size:9px;letter-spacing:.03em}.entry-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #c8c0b0;padding-top:18px;font-size:10px;letter-spacing:.04em}.entry-bottom span:last-child{text-align:right}.fit{padding:110px 8vw;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;background:#e2dbcc}.fit-intro p:not(.eyebrow){max-width:340px}.fit-work{padding-top:25px}.choices{display:flex;gap:6px;flex-wrap:wrap}.choices button{border:1px solid #a99a86;background:transparent;padding:12px 18px;min-height:44px;color:#302d26;cursor:pointer;font-size:12px}.choices button[aria-pressed=true]{background:#423628;border-color:#423628;color:#fff8eb}.cabinet{margin:36px auto;width:90%;max-width:440px;aspect-ratio:1.2;background:#96734d;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:15px 18px 30px #493d3020;border:1px solid #7f5f3e;transition:transform .6s}.bay{display:flex;flex-direction:column;justify-content:space-evenly;background:linear-gradient(105deg,#6e5336,#a27c51);box-shadow:inset 5px 4px 12px #32271640}.bay i{height:5px;background:#bf9a6b;box-shadow:0 4px 4px #37291f60}.doors{grid-column:1/-1;display:flex;gap:4px;height:85px}.doors b{flex:1;background:linear-gradient(95deg,#b18e64,#97744c);border:1px solid #85613e;position:relative}.doors b:after{content:'';position:absolute;width:2px;height:24px;right:8px;top:15px;background:#3b3429}.cabinet[data-type=Kitchen]{aspect-ratio:1.65}.cabinet[data-type=Kitchen] .bay{visibility:hidden}.cabinet[data-type=Bathroom]{max-width:330px;aspect-ratio:1.4}.cabinet[data-type=Bathroom] .bay{display:none}.cabinet[data-type=Bathroom] .doors{height:100%;align-self:end}.project-description{min-height:195px}.project-description h3{font:28px/1.15 Georgia,serif;letter-spacing:-.03em;margin:12px 0}.project-description p{max-width:410px;font-size:14px}.brief{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 8vw}.brief>div p{max-width:380px}.brief-form{display:flex;flex-direction:column;gap:10px;padding-top:25px}label{font-size:12px;margin-top:12px}label span{color:#615a4e}input,select,textarea{background:#f8f4ec;border:1px solid #b9ac96;padding:14px;color:#302d26;width:100%;border-radius:0}textarea{resize:vertical}#preview{background:#423628;border:0;color:#fff8eb;margin-top:12px;padding:17px;text-align:left;display:flex;justify-content:space-between;cursor:pointer;min-height:48px}.small{font-size:11px!important;line-height:1.6;color:#615a4e}output{white-space:pre-wrap;border-left:2px solid #8c5b3d;padding-left:18px;font-size:13px}output:empty{display:none}footer{padding:40px 4vw;background:#302c25;color:#eee9df;display:flex;justify-content:space-between;gap:30px;align-items:start}footer p,footer a{font-size:11px;margin:0} @media(max-width:760px){header{padding:20px 6vw;align-items:start}.wordmark{font-size:21px}.wordmark span{font-size:8px}nav{gap:16px;font-size:11px}.entry{padding:28px 6vw;grid-template-columns:1fr;gap:24px;min-height:0}.entry-copy{padding-bottom:0}h1{font-size:clamp(58px,16vw,95px);margin:24px 0}.lead{font-size:15px;max-width:300px;margin:20px 0}.room{min-height:0;height:64svh;max-height:540px;min-height:340px}.entry-bottom{font-size:9px}.fit,.brief{grid-template-columns:1fr;gap:32px;padding:65px 6vw}.fit-work{padding-top:0}h2{font-size:clamp(48px,12vw,78px);margin:25px 0}.project-description{min-height:170px}.cabinet{width:85%;max-width:380px}.brief .brief-form{padding-top:0}footer{padding:35px 6vw;flex-wrap:wrap;gap:24px}}@media(min-width:761px) and (max-height:620px){.entry{min-height:0;padding-top:25px}.room{min-height:360px}h1{font-size:clamp(60px,7vw,94px)}.entry-copy{padding-bottom:10px}.lead{margin:15px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.fit-material{position:relative;margin:32px 0 20px;height:360px;overflow:hidden;background:#b29b7b}.fit-material img{width:100%;height:100%;object-fit:cover;object-position:82% 50%;transform:scale(1.35);transition:transform 1.2s cubic-bezier(.22,.61,.36,1),object-position 1.2s}.fit-material span{position:absolute;bottom:12px;left:12px;font-size:9px;background:#f5f0e8eb;padding:5px 8px}.fit-work.storage-closed .fit-material img{object-position:85% 90%;transform:scale(1.8)}.storage-toggle button{border:0;border-bottom:1px solid #988572;background:transparent;color:#302d26;padding:10px 0;cursor:pointer;font-size:12px;min-height:44px}.storage-toggle button span{margin-left:35px}.storage-toggle p{font-size:11px;color:#645b4c;margin:9px 0 0}.cabinet{max-width:320px;aspect-ratio:1.45;margin:25px auto;background:#9c7e57;transform:perspective(900px) rotateY(-7deg);transition:transform .6s}.fit-work.storage-closed .cabinet{transform:perspective(900px) rotateY(3deg)}.cabinet .bay{position:relative}.cabinet .bay:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(92deg,#9c7e57 0,#a98a62 2px,#a08159 5px);border:1px solid #866943;transform-origin:left;transform:rotateY(-100deg);opacity:0;transition:transform .7s,opacity .7s}.fit-work.storage-closed .cabinet .bay:before{transform:rotateY(0);opacity:1}.fit-work.storage-closed .cabinet .bay:after{content:'';position:absolute;right:9px;top:45%;width:3px;height:22px;background:#453d31}.fit-work .cabinet[data-type=Kitchen] .bay{visibility:visible}.fit-work .cabinet[data-type=Kitchen] .bay i{opacity:0}.fit-work .cabinet[data-type=Kitchen] .bay:before{transform:rotateY(0);opacity:1}@media(max-width:760px){.fit-material{height:310px}.fit-material img{transform:scale(1.18)}.fit-work.storage-closed .fit-material img{transform:scale(1.6)}}
/* The small layout keeps one continuous journey with a contextual action, without a main menu. */
.small-project-cta{display:none}button:disabled{cursor:default;opacity:.65}.choices button:focus-visible{outline-offset:-3px}.choices button[aria-pressed=true]:focus-visible,#preview:focus-visible{outline-color:#fff8eb;outline-offset:-5px}footer a:focus-visible{outline-color:#eee9df;outline-offset:3px}@media(max-width:760px){header nav{display:none}.small-project-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px}}

/* The lower cabinet rail stays grounded as the view approaches the door fronts. */
.fit-material img{transform-origin:65% 100%;object-position:75% 100%}
.fit-work.storage-closed .fit-material img{object-position:75% 100%;transform:scale(2.25)}
input,select,textarea{border-color:#82735f}
input::placeholder,textarea::placeholder{color:#645b4c;opacity:1}
@media(max-width:760px){.fit-work.storage-closed .fit-material img{transform:scale(2.5)}}
@media(forced-colors:active){input,select,textarea{border-color:ButtonText}input::placeholder,textarea::placeholder{color:CanvasText;opacity:1}}

/* Standalone footer actions have their own deliberate hit areas and focus clearance. */
.footer-actions{display:grid;gap:12px;min-width:0;max-width:100%}
.footer-contact{display:grid;gap:12px}
.footer-contact p{margin:0}
footer .footer-actions a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;width:fit-content;max-width:100%;padding:4px 2px;overflow-wrap:anywhere}
.footer-legal{display:flex;flex-wrap:wrap;gap:12px 20px}

.use-heading{font:normal 30px/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}
@media(min-width:761px){.fit-intro{position:sticky;top:28px;align-self:start}}
.use-intro{font-size:13px;max-width:440px;margin:0 0 22px}
.use-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.use-choices button{font-size:12px;line-height:1.3;min-height:58px;padding:10px 8px;background:transparent;border:1px solid #82735f;color:#302d26;text-align:left;cursor:pointer}
.use-choices button small{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:5px}
.use-choices button[aria-pressed=true]{background:#423628;color:#fff8eb;border-color:#423628}
.use-choices button:focus-visible{outline-offset:-3px}.use-choices button[aria-pressed=true]:focus-visible{outline-color:#fff8eb}
.fit-material{margin-top:20px}.fit-material img{transition:transform 1.2s cubic-bezier(.22,.61,.36,1),object-position 1.2s,transform-origin 1.2s}
.fit-work[data-use=display] .fit-material img{transform:scale(1.45);transform-origin:70% 0%;object-position:80% 0%}
.fit-work[data-use=reach] .fit-material img{transform:scale(1.8);transform-origin:70% 58%;object-position:80% 50%}
.use-caption{display:grid;grid-template-columns:30px 1fr;gap:12px;border-top:1px solid #82735f;padding:16px 0;margin:0 0 20px;min-height:100px}
.use-caption>span{font:italic 26px Georgia,serif;color:#7b4b2e}.use-caption h4{font:normal 24px/1.15 Georgia,serif;margin:0 0 7px}.use-caption p{font-size:13px;margin:0;max-width:440px}
.use-list{border-top:1px solid #82735f;border-bottom:1px solid #82735f;padding:18px 0;margin:20px 0 28px}.use-list h4{font:normal 25px Georgia,serif;margin:0 0 6px}.use-list>p{font-size:12px;margin:0 0 18px;max-width:440px}
.use-row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #b9ac96}.use-row label{margin:0;font-size:11px;line-height:1.4}.use-row label span{display:block;font-size:10px;color:#615a4e}.use-row input{min-width:0;font-size:13px;min-height:44px;padding:10px}
.service-choice-label{font-size:11px;margin:28px 0 12px}.intent-summary{border-left:2px solid #8c5b3d;padding:6px 0 6px 18px;margin:24px 0}.intent-summary p{font-size:13px;margin:5px 0}.intent-summary strong{font-weight:normal;font-family:Georgia,serif;font-size:24px}.use-reset{background:transparent;border:0;border-bottom:1px solid #82735f;min-height:44px;padding:8px 0;color:#302d26;font-size:12px;cursor:pointer;margin-top:8px}
@media(max-width:760px){.use-heading{font-size:28px}.use-choices{gap:6px}.use-choices button{padding:10px 7px;font-size:11px}.use-row{grid-template-columns:100px 1fr;gap:10px}.use-caption{min-height:114px}.use-list{margin-bottom:24px}}
@media(forced-colors:active){.use-choices button,.use-list,.use-row,.use-caption{border-color:ButtonText}.use-choices button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-3px}.use-caption>span{color:CanvasText}}