/* Furniture portfolio refinement — October 2026. */
:root{--portfolio-width:1320px}
html{scroll-padding-top:90px}
.site-tabs{justify-content:flex-end;align-items:center;min-height:88px;padding:18px 5vw;gap:32px;border-bottom:1px solid var(--rule)}
.site-tabs .nav-brand{margin-right:auto;border:0;display:flex;align-items:center;gap:15px;font:18px Georgia,serif;letter-spacing:.02em}
.nav-brand img{width:62px;height:44px;object-fit:contain}
.site-tabs>a{font-size:12px;letter-spacing:.07em}
.site-tabs .nav-inquire{padding:12px 18px;border:1px solid var(--card-walnut)}
.about-lara{padding:110px max(6vw,24px);gap:9%;background:var(--card-ivory);border:0;max-width:1500px;margin:auto}
.lara-story{border:0;padding:0}
.lara-story h2{font:clamp(38px,4.5vw,64px)/1.12 Georgia,serif;letter-spacing:-1.6px;margin:20px 0 28px}
.lara-story h2 em{font:inherit;color:inherit;font-style:normal;font-size:.7em;margin-top:12px}
.lara-story>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:490px}
.maker-slideshow #maker-slide{height:570px;background:#e4e0d5}
.maker-photos figcaption{font-size:12px;letter-spacing:0;line-height:1.5;margin-top:15px}
.maker-slide-controls{justify-content:flex-start;gap:22px;margin-top:12px}
.furniture-feature{padding:90px 5vw 110px;border-top:1px solid var(--rule)}
.furniture-heading,.furniture-introduction,.furniture-grid{max-width:var(--portfolio-width);margin-left:auto;margin-right:auto}
.furniture-heading{align-items:flex-end;margin-bottom:28px}
.furniture-heading h2{font:clamp(36px,4vw,60px)/1.1 Georgia,serif;letter-spacing:-1.2px;max-width:700px}
.furniture-heading>a,.lara-story .text-link{font-size:13px;letter-spacing:.02em;padding-bottom:8px;border-bottom:1px solid var(--card-walnut)}
.furniture-introduction{font-size:16px;line-height:1.8;margin-bottom:42px}
.furniture-grid{gap:48px 28px}
.furniture-grid img{border-radius:0;clip-path:none;box-shadow:none;aspect-ratio:1;object-fit:contain}
.furniture-grid span{font:22px/1.4 Georgia,serif;padding-top:17px}
.furniture-grid a{transition:opacity .2s}.furniture-grid a:hover{opacity:.88}
.furniture-commission{margin-top:42px;font-size:13px;padding:17px 25px}
.contact{padding:90px 7vw;gap:10%;border:0}
.contact h2{font:clamp(38px,4vw,62px)/1.12 Georgia,serif;letter-spacing:-1px}
.contact-copy p{font-size:15px;line-height:1.8;max-width:400px}
.contact label{font-size:13px;letter-spacing:.02em}.contact input,.contact textarea{padding:13px 0;font-size:16px}
.contact .send{padding:16px 26px;font-size:14px}
footer{padding:35px 5vw;border-top:1px solid #edebe126}
@media(max-width:800px){
 .site-tabs{flex-wrap:wrap;gap:16px 24px;padding:16px 6vw;min-height:0}
 .site-tabs .nav-brand{width:100%;justify-content:center;margin:0;font-size:18px}
 .site-tabs>a{font-size:11px}.site-tabs{justify-content:center}.site-tabs .nav-inquire{padding:9px 12px}
 .about-lara{padding:60px 6vw;gap:32px}.lara-story h2{font-size:40px;letter-spacing:-.8px}
 .lara-story>p:not(.eyebrow){font-size:15px}.maker-slideshow #maker-slide{height:450px}
 .furniture-feature{padding:55px 6vw 65px}.furniture-heading h2{font-size:36px}.furniture-introduction{font-size:14px}
 .furniture-grid{gap:28px 14px}.furniture-grid span{font-size:18px}.contact{padding:60px 6vw}.contact h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.furniture-grid a{transition:none}}

/* Original workshop photography, October 2026. */
.workshop-story{position:relative;padding:88px max(5vw,24px);background:var(--card-ivory,#edebe1);color:var(--card-ink,#422b1c)}
.workshop-heading,.workshop-grid{max-width:1320px;margin:0 auto}
.workshop-heading{margin-bottom:36px}.workshop-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.2vw,48px);line-height:1.12;margin:16px 0}.workshop-heading>p:last-child{max-width:570px;line-height:1.7}
.workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.workshop-grid figure{margin:0;min-width:0}.workshop-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;background:#ded7c8}.workshop-grid figcaption{font:14px/1.5 Arial,sans-serif;margin-top:14px}
@media(max-width:650px){.workshop-story{padding:56px 24px}.workshop-grid{grid-template-columns:1fr;gap:32px}.workshop-grid img{aspect-ratio:auto;object-fit:contain}}

/* Expanded photographic journal; retain the full composition of each original. */
.workshop-grid{display:block;columns:3;column-gap:24px}
.workshop-grid figure{break-inside:avoid;margin:0 0 32px}
.workshop-grid img{aspect-ratio:auto;height:auto;object-fit:contain}
.workshop-grid a{display:block}
.workshop-screen-crop{position:relative;overflow:hidden;width:100%}
.workshop-screen-crop img{position:absolute;left:0;width:100%;height:auto;max-height:none;max-width:none}
@media(max-width:900px){.workshop-grid{columns:2}}
@media(max-width:550px){.workshop-grid{columns:1}}

/* Keep the complete seated portrait visible on phones. */
@media(max-width:800px){
 .experience-stage .hero-maker-photo{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;grid-row:3;align-self:start;overflow:visible;transform:none}
 .experience-stage .hero-maker-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto}
}

/* Mobile header owns its full content height; no overlapping sections or branding. */
@media(max-width:800px){
 .experience{height:auto;min-height:0;margin-bottom:0;overflow:visible}
 .experience .experience-stage{height:auto;min-height:0;overflow:visible;grid-template-rows:auto 300px auto}
 .experience-nav,.site-tabs .nav-inquire{display:none}
 .experience-title{padding-top:40px}
 .experience-title h1,.experience-title .maker-signature,.experience-title .maker-introduction{transform:none;opacity:1}
 .mobile-commission{top:auto;bottom:max(12px,env(safe-area-inset-bottom));right:16px;left:auto;box-shadow:0 3px 14px #0002}
 body{padding-bottom:76px}
}