/* Card palette — walnut, ivory and warm oatmeal. */
:root{--card-walnut:#493021;--card-ivory:#edebe1;--card-oatmeal:#ded7c8;--card-tan:#b98b58;--card-ink:#422b1c;--card-muted:#76604a;--gallery:var(--card-ivory);--paper:var(--card-ivory);--cream:var(--card-ink);--quiet:var(--card-muted);--rule:#49302126}
body,.work,.gallery-page,.portfolio-gallery,.gallery-page-nav{background:var(--card-ivory);color:var(--card-ink)}
.collection-intro,.collection-intro>a,#view-bag,.piece-title,.archive-piece span,.shop-action{color:var(--card-ink)}
.collection-intro,.gallery-page-nav{border-color:var(--rule)}
.shop-subtitle,.piece-category,.shop-heading .eyebrow,.portfolio-gallery .gallery-heading>p,.maker-photos figcaption{color:var(--card-muted)}
.featured-title em,.lara-story h2 em{color:#876039}
.about-lara,.nouveau-maker{background:#e4e0d5;color:var(--card-ink)}
.lara-story .text-link{border-color:#87603966}
.contact{background:var(--card-walnut);color:var(--card-ivory)}
.contact h2,.contact label,.contact input,.contact textarea{color:var(--card-ivory)}
.contact p,.contact .email-note{color:#d7c7ad}
.contact input,.contact textarea{background:transparent;border-color:#cbb79570}
.contact input::placeholder,.contact textarea::placeholder{color:#cbb795}
.contact .send{background:var(--card-oatmeal);color:var(--card-ink);border:0}
.contact .send:hover{background:var(--card-ivory)}
footer{background:var(--card-walnut);color:var(--card-oatmeal)}
footer a,footer p{color:var(--card-oatmeal)}
footer .site-monogram{filter:brightness(0) saturate(100%) invert(80%) sepia(19%) saturate(426%) hue-rotate(359deg) brightness(90%) contrast(88%)}
#project-dialog,#bag-dialog,#gallery-dialog{background:var(--card-ivory);color:var(--card-ink)}
#product-options select,#product-options input{background:#f8f1e6;color:var(--card-ink);border-color:#bca78a}
.project-inquire,.project-inquire:hover{background:var(--card-walnut);color:var(--card-ivory)}
.mobile-commission{background:var(--card-walnut);color:var(--card-ivory);border-color:#cbb79555}
.experience,.experience-nav,.experience-title{color:var(--card-ivory)}
.maker-signature,.maker-introduction{color:var(--card-oatmeal)}
:focus-visible{outline-color:var(--card-tan)}

/* Editorial header: copy and film on the left, a full-height maker portrait on the right. */
.experience-stage{background:var(--card-walnut);min-height:740px}
.experience-title{top:9%;left:4vw;right:auto;width:49%;max-width:720px;transform:none}
.experience-title h1 em{font-size:clamp(62px,7vw,112px)}
.experience-title .maker-signature{margin-bottom:20px}
.experience-title .maker-introduction{margin-top:20px;max-width:420px}
.hero-maker-photo{position:absolute;inset:0 0 0 auto;width:42%;margin:0;z-index:3;overflow:hidden}
.hero-maker-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 40%}
.explorer{inset:48% 42% 0 0}
.bench-video{object-fit:cover;background:var(--card-walnut)}
.experience-controls{right:46%;left:4vw}
.experience-nav{right:4vw}
@media(max-width:800px){
 .experience-stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto 430px 250px;height:auto;min-height:0;position:relative}
 .experience-title{position:relative;inset:auto;width:auto;max-width:none;padding:80px 6vw 30px;transform:none}
 .experience-title h1 em{font-size:clamp(48px,12vw,78px)}
 .experience-title .maker-introduction{margin-top:18px}
 .hero-maker-photo{position:relative;inset:auto;width:100%;height:100%;grid-row:2}
 .hero-maker-photo img{object-position:50% 42%}
 .explorer{position:relative;inset:auto;grid-row:3;width:100%;height:250px}
 .bench-video{object-fit:cover}
 .experience-controls{left:6vw;right:6vw;bottom:18px}
}

/* Maker portrait on the left; introduction and film on the right. */
@media(min-width:801px){
 .hero-maker-photo{inset:0 auto 0 0}
 .experience-title{left:46%;right:4vw;width:auto}
 .explorer{inset:48% 0 0 42%}
 .experience-controls{left:46%;right:4vw}
 .experience-nav{left:46%;right:4vw}
}

/* Two clear panels: maker identity left, large woodwork film right. */
@media(min-width:801px){
 .experience-title{top:8%;left:4vw;right:auto;width:34%;max-width:520px}
 .experience-title h1 em{font-size:clamp(58px,6vw,94px)}
 .experience-title .maker-signature{margin-bottom:15px}
 .experience-title .maker-introduction{margin-top:16px;font-size:12px}
 .hero-maker-photo{inset:50% auto 4% 4vw;width:34%;height:auto}
 .hero-maker-photo img{object-position:center 40%}
 .explorer{inset:0 0 0 42%}
 .bench-video{object-fit:contain}
 .experience-controls{left:46%;right:4vw}
 .experience-nav{left:46%;right:4vw}
}

/* Retain the maker's name and monogram through the film reveal. */
.hero-monogram{display:block;width:100px;height:54px;object-fit:contain;margin-bottom:14px;filter:brightness(0) saturate(100%) invert(80%) sepia(19%) saturate(426%) hue-rotate(359deg) brightness(90%) contrast(88%)}
.experience-title .maker-signature,.experience-title .hero-craft,.experience-title .maker-introduction{opacity:calc(1 - var(--maker-exit,0))}
.experience-title h1{transform:translateY(calc(var(--maker-exit,0) * -55px))}
.hero-maker-photo{will-change:transform}
@media(min-width:801px){
 .experience-title{top:5%}
 .experience-title .maker-signature{margin-bottom:10px}
 .experience-title .maker-introduction{font-size:11px;line-height:1.5;margin-top:12px}
 .hero-maker-photo{top:55%;bottom:3%}
}
@media(max-width:800px){.hero-monogram{width:82px;height:45px}.experience-title h1{transform:translateY(calc(var(--maker-exit,0) * -40px))}}

/* Centre the maker identity within its own panel. */
.experience-title{text-align:center}
.hero-monogram{margin-left:auto;margin-right:auto}
.experience-title .maker-introduction{margin-left:auto;margin-right:auto}
.experience-title h1{transform:none}
.experience-title .maker-signature,.experience-title .hero-craft,.experience-title .maker-introduction{max-height:160px;overflow:hidden}
@media(min-width:801px){
 .experience-title{left:4vw;width:34%;right:auto}
 .hero-maker-photo{left:4vw;width:34%}
}

/* Collapse introductory copy without displacing the centred maker identity. */
.experience-title .maker-signature{max-height:calc(32px * (1 - var(--maker-exit,0)));margin-bottom:calc(10px * (1 - var(--maker-exit,0)))}
.experience-title .hero-craft{max-height:calc(24px * (1 - var(--maker-exit,0)))}
.experience-title h1>br{display:none}
.experience-title .maker-introduction{max-height:calc(100px * (1 - var(--maker-exit,0)));margin-top:calc(12px * (1 - var(--maker-exit,0)))}
.experience-title h1 em{display:block;text-align:center}

/* End frame: a restrained name immediately above the portrait. */
@media(min-width:801px){
 .experience-title{top:calc(5% + var(--maker-exit,0) * (27% - 142px));display:flex;flex-direction:column;align-items:center}
 .experience-title h1{width:100%;margin:0;line-height:1.1}
 .experience-title h1 em{font-size:clamp(58px,6vw,94px);font-size:calc(clamp(58px,6vw,94px) * (1 - var(--maker-exit,0)) + 32px * var(--maker-exit,0));letter-spacing:-.4px}
 .hero-monogram{width:100px;height:64px;margin:0 auto 16px;flex-shrink:0;object-position:center}
 .experience-title .maker-signature{margin-top:0}
}
@media(max-width:800px){
 .experience-title h1 em{font-size:calc(clamp(48px,12vw,78px) * (1 - var(--maker-exit,0)) + 30px * var(--maker-exit,0))}
 .hero-monogram{margin-inline:auto}
}

/* Centred brand lockup, separate from Lara's portrait caption. */
.hero-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;margin-bottom:16px;flex-shrink:0}
.hero-brand-lockup .hero-monogram{display:block;margin:0 auto 7px;object-fit:contain;object-position:center}
.hero-brand-lockup>span{display:block;color:var(--card-oatmeal);font:14px/1.3 Georgia,serif;letter-spacing:1px;text-align:center}
@media(min-width:801px){.experience-title{top:calc(5% + var(--maker-exit,0) * (27% - 176px))}}

/* Furniture leads; the maker and personal objects support the collection. */
.furniture-feature{background:var(--card-ivory);color:var(--card-ink);padding:70px 5vw}
.furniture-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.furniture-heading h2{font:clamp(34px,4vw,58px)/1.08 Georgia,serif;max-width:740px;margin-top:16px}
.furniture-heading>a{font-size:13px;border-bottom:1px solid;padding-bottom:8px;white-space:nowrap}
.furniture-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.furniture-grid img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover}
.furniture-grid span{display:block;font:23px Georgia,serif;padding-top:16px}
@media(min-width:801px){
 .experience-title{left:3vw;width:27%}
 .experience-title h1 em{font-size:calc(64px * (1 - var(--maker-exit,0)) + 32px * var(--maker-exit,0))}
 .hero-maker-photo{left:3vw;width:27%}
 .explorer{left:33%}
 .experience-controls,.experience-nav{left:36%}
}
@media(max-width:800px){
 .furniture-feature{padding:42px 6vw}.furniture-heading{display:block}.furniture-heading>a{display:inline-block;margin-top:22px}
 .furniture-grid{grid-template-columns:1fr;gap:28px}
 .experience-stage{grid-template-rows:auto 300px 280px}
 .explorer{grid-row:2;height:300px}.hero-maker-photo{grid-row:3}
}

/* Furniture-led hierarchy, with a quieter secondary collection. */
.furniture-introduction{max-width:640px;color:var(--card-muted);font-size:15px;line-height:1.8;margin:0 0 32px}
.furniture-commission{display:inline-block;margin-top:30px;padding:15px 23px;background:var(--card-walnut);color:var(--card-ivory);font-size:13px}
.work{padding-top:38px;border-top:1px solid var(--rule)}
.work .collection-intro{margin-bottom:28px}
.work .collection-intro>p{font-size:30px}
.work .collection-intro .site-monogram{width:70px;height:46px}
.work .featured-title{font-size:clamp(32px,3vw,46px);letter-spacing:-1px}
.work .shop-heading{padding-top:8px;padding-bottom:20px;gap:28px}
.work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.work .piece-title{font-size:23px}
@media(max-width:800px){.work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.work .piece-title{font-size:20px}.furniture-introduction{font-size:14px}.furniture-commission{display:block;text-align:center}}

.maker-slideshow figure{margin:0}.maker-slideshow #maker-slide{width:100%;height:520px;object-fit:contain;background:#493021;display:block}.maker-slide-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}.maker-slide-controls button{background:none;border:0;border-bottom:1px solid var(--rule);padding:10px 0;color:var(--card-ink);font:12px inherit;cursor:pointer}.maker-slide-controls span{font-size:12px;color:var(--card-muted)}
@media(max-width:800px){.maker-slideshow #maker-slide{height:420px}.maker-slide-controls{gap:16px}}

.site-tabs{display:flex;justify-content:center;gap:32px;padding:18px 24px;background:var(--card-ivory);color:var(--card-ink);position:relative;z-index:10;font-size:13px}.site-tabs a{padding-bottom:6px;border-bottom:1px solid transparent}.site-tabs a[aria-current]{border-color:var(--card-ink)}

/* Match the refined business card: solid walnut and Swiss Coffee ivory. */
body{font-family:Arial,Helvetica,sans-serif}
.site-tabs,.eyebrow,.maker-signature,.hero-brand-lockup>span,.piece-category,.maker-slide-controls,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}
.hero-brand-lockup>span{font-size:clamp(13px,1.2vw,18px);font-weight:400;letter-spacing:.18em;word-spacing:.28em;text-transform:uppercase;line-height:1.6;color:var(--card-ivory)}
.hero-monogram{filter:brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(221%) hue-rotate(8deg) brightness(99%) contrast(91%)}
.eyebrow,.maker-signature{letter-spacing:.13em;word-spacing:.15em;line-height:1.7}
.experience-stage,.contact,footer{background-color:var(--card-walnut);background-image:none}
.about-lara,.nouveau-maker,.furniture-feature,.site-tabs{background-image:none}
.site-tabs{letter-spacing:.06em;font-size:14px}
.contact p,.contact .email-note,footer a,footer p{color:var(--card-oatmeal)}
.contact .send{background:var(--card-ivory);color:var(--card-walnut);font-weight:500;letter-spacing:.03em}
#product-options select,#product-options input{background:#f5f3ed}
.maker-slide-controls button{font:13px Arial,Helvetica,sans-serif}

/* Mobile portrait: retain Lara's head and bench instead of a shallow centre crop. */
@media(max-width:800px){
 .experience-stage{grid-template-rows:auto 300px auto}
 .hero-maker-photo{grid-row:3;justify-self:center;width:100%;height:clamp(420px,125vw,640px);inset:auto;margin:0;transform:none}
 .hero-maker-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 20%}
}

.furniture-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
.furniture-grid img{aspect-ratio:1;object-fit:contain;background:#1b120c}
@media(max-width:800px){.furniture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.furniture-grid span{font-size:19px;line-height:1.3}}

/* Keep the about and furniture sections in normal flow below the hero. */
.about-lara,.furniture-feature{position:relative;z-index:2;height:auto;max-height:none;overflow:visible;transform:none}
.furniture-grid{height:auto;max-height:none;overflow:visible;align-items:start}
.furniture-grid>a{display:block;min-width:0;height:auto;overflow:visible}
.furniture-grid img{height:auto;object-fit:contain}