.project-page{background:var(--white);color:var(--ink);--gold-dark:var(--wood-dark);letter-spacing:0}
.project-page h1,.project-page h2,.project-page h3{letter-spacing:0;font-family:"Playfair Display",Georgia,serif}.project-page h2{font-size:44px;line-height:1.12;margin:0 0 24px}.project-page p{line-height:1.7}.project-page .eyebrow{color:var(--gold-dark)}.project-hero{background-size:cover;background-position:center;min-height:660px;padding:155px 0 44px;color:white;display:flex;align-items:center}.project-hero h1{font-size:64px;line-height:1.08;margin:22px 0;max-width:820px}.project-hero .eyebrow{color:var(--gold-soft)}.project-intro{font-size:20px;max-width:690px}.project-hero-caption{display:block;margin-top:44px;font-size:12px;text-transform:uppercase;letter-spacing:0}.project-page .button.light{background:var(--gold);color:var(--ink);border:0}.project-band{background:var(--paper);padding:28px 0}.project-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.project-promises b{font-size:23px;display:block;margin-bottom:8px}.project-promises span{font-size:13px;color:var(--muted)}.project-two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.project-large{font-size:23px;line-height:1.5!important}.project-link{display:inline-block;border-bottom:1px solid var(--gold);padding:8px 0;color:var(--wood-dark);font-weight:600}.project-config-section{background:var(--paper)}.project-section-heading{max-width:720px;margin-bottom:40px}.project-config{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:52px;align-items:start}.project-visual-column{position:sticky;top:100px;min-width:0}.project-material-view{margin:0;position:relative;background:#d8d0be;aspect-ratio:1/1;overflow:hidden}.project-material-view>img{width:100%;height:100%;object-fit:cover;transition:filter .35s ease}.project-material-view figcaption{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;display:flex;justify-content:space-between;gap:12px;font-size:14px}.project-sample-line{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.project-board-drawing{padding:28px 0 8px;display:grid;gap:12px;text-align:center;font-size:12px}.project-board{width:70%;height:40px;display:flex;flex-direction:column;margin:auto;transition:width .25s}.project-board i{display:block;flex:1;background:#dbc99e;border:1px solid #b19b78}.project-board i:first-child{flex:1.5;background:#a68d65}.project-board i:nth-child(3){background:#aa9672}.project-caption{font-size:12px;color:var(--muted);margin-bottom:0}.project-controls fieldset{border:0;border-bottom:1px solid var(--line);margin:0 0 26px;padding:0 0 24px;min-width:0}.project-controls legend{font-size:19px;font-weight:600;margin-bottom:18px;float:left;width:100%}.project-controls legend+*{clear:both}.project-controls legend span{color:var(--gold-dark);font-size:12px;margin-right:12px}.project-controls label,.project-lead label{display:grid;gap:8px;font-size:13px;margin-bottom:14px}.project-page select,.project-page input,.project-page textarea{font:inherit;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:3px;padding:12px;width:100%;min-width:0}.project-page textarea[hidden]{display:none}.project-control-note{font-size:12px;color:var(--muted);margin:10px 0 0}.project-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-patterns button{font:inherit;font-size:11px;background:transparent;border:1px solid transparent;border-radius:3px;padding:4px;cursor:pointer;color:inherit}.project-patterns img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block;margin-bottom:8px;border-radius:2px}.project-patterns button[aria-pressed=true]{border-color:var(--gold-dark);background:#fff}.project-tones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.project-tones button{border:0;background:transparent;padding:3px;font:inherit;font-size:10px;cursor:pointer;color:inherit}.project-tones span{display:block;width:36px;height:36px;border-radius:50%;background:var(--tone);margin:4px auto 12px;outline-offset:4px}.project-tones [aria-pressed=true] span{outline:1px solid var(--gold-dark)}.project-page .project-check{display:flex;align-items:center;gap:9px}.project-check input{width:17px;height:17px;accent-color:var(--gold-dark);flex-shrink:0}.project-selection{border-top:2px solid var(--gold);padding-top:18px}.project-selection p{font-size:13px}.project-selection .button{width:100%;text-align:center}.project-editorial-image{width:100%;aspect-ratio:1.15;object-fit:cover}.project-designer{background:var(--ink-soft);color:var(--white)}.project-designer .eyebrow{color:var(--gold-soft)}.project-lined-list{padding:0;list-style:none}.project-lined-list li{padding:14px 0;border-bottom:1px solid rgba(202,166,106,.3);font-size:15px}.project-install{background:var(--paper)}.project-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.project-faq summary,.project-request-details summary{cursor:pointer;font-weight:600}.project-faq p{font-size:14px}.project-contact{background:var(--ink);color:var(--white)}.project-contact .eyebrow{color:var(--gold-soft)}.project-lead{background:transparent;padding:0;border:0;box-shadow:none}.project-lead .privacy{color:var(--gold-soft)}.project-request-details{border-top:1px solid rgba(202,166,106,.3);margin-top:30px;padding-top:20px}.project-request-details p{font-size:13px}.project-page :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1020px){.project-config{gap:28px}.project-two{gap:32px}.project-hero h1{font-size:52px}.project-page h2{font-size:36px}.project-visual-column{top:90px}}
@media(max-width:700px){.project-hero{min-height:580px;padding:120px 0 38px;background-position:60% center}.project-hero h1{font-size:36px;overflow-wrap:break-word}.project-intro{font-size:17px}.project-hero-caption{margin-top:28px}.project-promises{grid-template-columns:1fr 1fr;gap:24px}.project-promises b{font-size:19px}.project-two,.project-config{grid-template-columns:1fr;gap:28px}.project-page h2{font-size:31px}.project-large{font-size:20px}.project-visual-column{position:static}.project-material-view{aspect-ratio:1.35}.project-control-pair{grid-template-columns:1fr}.project-board-drawing{padding-top:15px}.project-page .hero-actions{align-items:stretch}.project-page .hero-actions .button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.project-page *{transition:none!important;scroll-behavior:auto!important}}
/* The process is shown through the materials a customer handles at each stage. */
.project-journey { background:var(--white); scroll-margin-top:100px; }
.journey-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:end; margin-bottom:42px; }
.journey-heading h2 { margin-bottom:0; }
.journey-heading > p { margin:0; max-width:460px; color:var(--muted); }
.journey-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; padding:0; margin:0; }
.journey-flow li { min-width:0; }
.journey-picture { aspect-ratio:1.22; position:relative; overflow:hidden; background:var(--paper); }
.journey-plan { background:#e9e0d1; display:grid; place-items:center; }
.journey-drawing { width:83%; transform:rotate(-8deg) translate(-5%,-6%); padding:12px; background:#fffaf2; box-shadow:0 10px 24px #271b141c; color:#89745a; }
.journey-drawing svg { display:block; width:100%; height:auto; }
.journey-palette { display:flex; position:absolute; width:48%; right:7%; bottom:8%; gap:7px; transform:rotate(8deg); }
.journey-palette > * { width:calc((100% - 14px)/3); aspect-ratio:.68; object-fit:cover; box-shadow:0 4px 8px #271b1426; border:3px solid #fffaf2; }
.journey-palette span { background:#ab9577; }
.journey-samples { background:#e4d4bd; }
.journey-samples img { position:absolute; width:31%; height:73%; object-fit:cover; top:14%; box-shadow:6px 12px 14px #3d281c33; border-bottom:6px solid #967856; }
.journey-samples img:nth-child(1) { left:10%; transform:rotate(-13deg); }
.journey-samples img:nth-child(2) { left:34%; transform:rotate(-2deg); }
.journey-samples img:nth-child(3) { left:58%; transform:rotate(10deg); }
.journey-room img { display:block; width:100%; height:100%; object-fit:cover; object-position:60% center; }
.journey-caption { padding-top:32px; margin-top:22px; border-top:1px solid var(--gold); position:relative; }
.journey-caption::before { content:''; position:absolute; top:-4px; left:0; width:7px; height:7px; background:var(--gold); transform:rotate(45deg); }
.journey-flow li:not(:last-child) .journey-caption::after { content:''; position:absolute; top:-1px; right:-28px; width:28px; border-top:1px solid var(--gold); }
.journey-caption h3 { font-size:25px; line-height:1.2; margin:0 0 12px; }
.journey-caption p { margin:0; font-size:14px; color:var(--muted); }
.journey-bottom { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:38px; padding-top:24px; border-top:1px solid var(--line); }
.journey-bottom p { margin:0; max-width:640px; font-size:14px; color:var(--muted); }
.journey-bottom a { flex-shrink:0; }
@media(max-width:1020px) { .journey-heading { gap:32px; } .journey-caption h3 { font-size:22px; } }
@media(max-width:700px) { .journey-heading { grid-template-columns:1fr; gap:18px; margin-bottom:28px; } .journey-flow { grid-template-columns:1fr; gap:34px; } .journey-picture { aspect-ratio:1.5; } .journey-caption { margin-top:16px; padding-top:20px; } .journey-flow li:not(:last-child) .journey-caption::after { display:none; } .journey-caption h3 { font-size:25px; } .journey-bottom { align-items:flex-start; flex-direction:column; gap:12px; } }