/* LP Handmade 1.1 — isolated atelier presentation */
html:has(body.lph-page){scroll-behavior:smooth;scroll-padding-top:24px;background:#0c2922;scrollbar-color:#a58e62 #102d27}
body.lph-page{margin:0;background:#0c2922;color:#f5efdf;font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.lph-page #lph{--green:#102f27;--deep:#0c2922;--ivory:#f5f0e5;--paper:#fbf7ef;--gold:#cbb07b;--ink:#16382e;--muted:#5a655a;position:relative;isolation:isolate;line-height:1.7;font-size:16px;overflow:clip}
#lph *,#lph *::before,#lph *::after{box-sizing:border-box}
#lph ::selection{background:#cdb786;color:#102f27}
#lph h1,#lph h2,#lph h3,#lph p,#lph figure{margin:0}
#lph h1,#lph h2,#lph h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.032em;text-wrap:balance}
#lph h1{font-size:clamp(58px,6.7vw,96px);line-height:1.04}
#lph h2{font-size:clamp(38px,4.5vw,68px);line-height:1.12}
#lph h3{font-size:clamp(28px,2.6vw,38px);line-height:1.14}
#lph em{font-weight:400;color:#dfc694}
#lph .paper em{color:#73603a}
#lph a{color:inherit;text-decoration:none}
#lph img{display:block;max-width:100%}
#lph svg{display:block;flex-shrink:0}
#lph button,#lph a,#lph summary{-webkit-tap-highlight-color:transparent}
#lph a:focus-visible,#lph button:focus-visible,#lph summary:focus-visible{outline:2px solid #b99b5d;outline-offset:5px;border-radius:2px}
#lph .lph-skip{position:absolute;top:8px;left:16px;padding:12px 20px;background:#f5f0e5;color:#102f27;z-index:30;transform:translateY(-200%)}
#lph .lph-skip:focus{transform:none}
#lph .screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#lph .lph-parent{padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d8c18c24;color:#d6c8aa;font-size:11px}
#lph .lph-parent a{min-height:28px;display:flex;align-items:center}
#lph .site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 5%;max-width:1600px;margin:auto}
#lph .wordmark{display:flex;align-items:center;gap:16px;font:22px Georgia,serif;letter-spacing:.09em;line-height:1.3}
#lph .wordmark small{display:block;font:7px/1.4 "Segoe UI",sans-serif;letter-spacing:.17em;margin-top:7px;color:#c9b98f}
#lph .mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bca16b80;border-radius:50%;font:25px Georgia;letter-spacing:-.12em;padding-right:5px;color:#dcc18c;position:relative}
#lph .mark i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d6bb83;left:4px;top:6px}
#lph .site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}
#lph .site-header nav a{padding:10px 0;min-height:44px}
#lph .nav-contact{border-bottom:1px solid #ad966a}
#lph .lph-mobile-menu{display:none}
#lph .hero{position:relative;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:24px 4%;padding:30px 5% 48px;max-width:1600px;margin:auto}
#lph .hero-copy{position:relative;z-index:2;max-width:620px;padding-bottom:20px}
#lph .hero-lead{font-size:16px;line-height:1.8;color:#e1daca;margin:30px 0;max-width:44ch}
#lph .actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
#lph .button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:14px 24px;border:1px solid #cfb982;border-radius:3px;font-size:13px;line-height:1.5}
#lph .button span{font-size:18px;line-height:1}
#lph .button-light{background:#f0e7d1;color:#173b2e}
#lph .text-link{min-height:46px;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #c8b58473;font-size:13px;padding:10px 0}
#lph .hero-object{position:relative;min-width:0;align-self:center;margin:0}
#lph .exhibition picture{display:block;overflow:hidden;border-radius:42% 42% 3px 3px}
#lph .exhibition img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#lph .exhibition figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding:0 4px;color:#d4c6a6;font-size:11px;line-height:1.7}
#lph .exhibition figcaption>span:first-child{letter-spacing:.16em;padding-top:4px;font-size:9px}
#lph .exhibition figcaption>span:last-child{text-align:right;font:italic 15px/1.45 Georgia,serif}
#lph .hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:32px;padding-top:23px;border-top:1px solid #d8c49b30;font-size:10px;color:#cab88f;letter-spacing:.1em}
#lph .hero-bottom a{display:flex;align-items:center;gap:24px;font-size:12px;letter-spacing:0}
#lph .paper{background:#f5f0e5;color:#16382e}
#lph .idea{position:relative;padding:100px max(5%,calc((100vw - 1360px)/2)) 80px;background:linear-gradient(#e5dfce,#f5f0e5 100px);display:block}
#lph .idea>div{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}
#lph .idea-bottom p{max-width:50ch;font-size:16px;line-height:1.9;color:#596555}
#lph .signature{display:block;margin-top:25px;color:#7d6942;font:italic 21px/1.5 Georgia,serif}
#lph .collection{position:relative;padding:30px max(5%,calc((100vw - 1360px)/2)) 100px}
#lph .collection-head{padding-top:58px;border-top:1px solid #bcb39780;display:flex;align-items:end;justify-content:space-between;gap:7%;margin-bottom:50px}
#lph .collection-head>p{font-size:15px;line-height:1.85;color:#596555;max-width:300px}
#lph .collection-head .quiet{display:block;margin-top:12px;font-size:13px;color:#666a59}
#lph .collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px;align-items:start}
#lph .piece{min-width:0;background:#fbf7ef;border:1px solid #d1c2a47a;border-radius:12px;overflow:hidden}
#lph .piece-visual{display:block;position:relative;overflow:hidden;background:#eae2d1}
#lph .product-photo{position:relative;width:100%;aspect-ratio:var(--ratio,1);overflow:hidden;background:#eae2d1}
#lph .product-photo>img{position:absolute;width:var(--width,100%);max-width:none;height:auto;left:var(--left,0);top:var(--top,0)}
#lph .lph-atelier-photo,#lph .lph-custom-photo{aspect-ratio:1}
#lph .lph-atelier-photo>img,#lph .lph-custom-photo>img{position:static;width:100%;height:100%;object-fit:contain}
#lph .piece-number{position:absolute;top:18px;left:18px;padding:5px 10px;font-size:11px;line-height:1.7;font-variant-numeric:tabular-nums;letter-spacing:.09em;border:1px solid #294c3b45;border-radius:3px;color:#294736;background:#f6f0e1e6}
#lph .piece-copy{padding:26px 26px 24px}
#lph .piece-attributes{font-size:11px;line-height:1.8;letter-spacing:.055em;color:#7b6949;margin-top:13px;min-height:40px}
#lph .piece-story{font-size:15px;line-height:1.7;color:#5b6456;margin:13px 0 24px;min-height:52px}
#lph .model-note{margin:0 0 12px;font-size:14px;line-height:1.8;scroll-margin-top:28px}
#lph .model-note summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:48px;padding:11px 0;border-top:1px solid #d7cbb5;border-bottom:1px solid #d7cbb5;color:#385341;font-size:13px}
#lph .model-note summary::-webkit-details-marker{display:none}
#lph .model-note[open] summary svg{transform:rotate(180deg)}
#lph .story-panel{padding:20px 0 14px}
#lph .story-panel p+p{margin-top:15px}
#lph .story-panel .quiet{font-size:12px;line-height:1.8;color:#616b5b}
#lph .story-panel>a{display:flex;align-items:center;gap:14px;min-height:44px;padding-top:12px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
#lph .lph-inquiry{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px;background:#143d2e;color:#f5eddc;border-radius:3px;font-size:13px;line-height:1.5}
#lph .interlude{position:relative;padding:100px 5%;text-align:center;background:#11372c;overflow:hidden}
#lph .interlude h2{font-size:clamp(34px,4vw,60px);line-height:1.22;max-width:1000px;margin:auto;position:relative;z-index:1}
#lph .interlude h2 em{display:block;margin-top:10px}
#lph .interlude>p{margin:28px auto 0;color:#ddd0b4;font-size:14px;position:relative;z-index:1}
#lph .interlude-ring{display:none}
#lph .atelier{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:100px max(5%,calc((100vw - 1360px)/2))}
#lph .atelier-image{position:relative;height:540px;overflow:hidden;border-radius:3px}
#lph .atelier-image img{height:100%;width:100%;object-fit:cover;object-position:50% 46%}
#lph .atelier-image>span{position:absolute;bottom:0;left:0;right:0;padding:36px 24px 20px;background:linear-gradient(transparent,#102d27e8);color:#f4ead5;font-size:9px;letter-spacing:.09em}
#lph .atelier-copy>p{margin-top:25px;font-size:16px;color:#5a6555;line-height:1.85;max-width:48ch}
#lph .atelier-sign{font:italic 32px/1.5 Georgia,serif;color:#75643e;margin-top:30px}
#lph .atelier-sign span{display:block;font:11px/1.7 "Segoe UI",sans-serif;color:#6a705e;margin-top:8px}
#lph .contact{position:relative;text-align:center;padding:100px 5% 110px;background:#102f27}
#lph .contact>p{margin:28px auto;color:#ded5bf;font-size:16px;line-height:1.8}
#lph .contact .button{max-width:100%;text-align:left}
#lph .contact small{display:block;margin-top:20px;font-size:12px;color:#c6bca7}
#lph .lph-footer{padding:40px 5%;display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;border-top:1px solid #d5bd8b30;color:#d0c5aa;font-size:12px}
#lph .footer-wordmark{font:19px/1.5 Georgia,serif;letter-spacing:.1em;color:#eee4ce}
#lph .lph-footer>a:last-of-type{margin-left:auto}
#lph .lph-legal{width:100%;display:flex;flex-wrap:wrap;gap:30px}
#lph .lph-legal a,#lph .lph-legal button{font:inherit;color:#d8cbb0;border:0;background:transparent;padding:8px 0;min-height:44px;cursor:pointer}
#lph .footer-note{width:100%;border-top:1px solid #d5bd8b26;padding-top:20px;font-size:11px;line-height:1.8;color:#bbbca7}
#lph main:focus{outline:0}
@media(min-width:1600px){#lph .hero{gap:24px 6%}}
@media(max-width:1099px){#lph .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#lph .hero{grid-template-columns:1fr 1fr;gap:24px}#lph h1{font-size:clamp(56px,7.2vw,78px)}#lph .site-header nav{gap:22px}#lph .idea>div{gap:6%}#lph .piece-copy h3{font-size:34px}}
@media(max-width:767px){
 #lph .lph-parent{padding:8px 20px;font-size:10px}#lph .lph-parent span{display:none}
 #lph .site-header{padding:20px;gap:16px}#lph .wordmark{font-size:18px;gap:12px}#lph .mark{width:42px;height:42px;font-size:23px}#lph .wordmark small{font-size:6px}
 #lph .site-header nav{display:none}#lph .lph-mobile-menu{display:block;position:relative;z-index:8}
 #lph .lph-mobile-menu summary{cursor:pointer;min-height:44px;padding:10px 2px;list-style:none;font-size:13px}#lph .lph-mobile-menu summary::-webkit-details-marker{display:none}#lph .lph-mobile-menu summary::after{content:' +'}#lph .lph-mobile-menu[open] summary::after{content:' −'}
 #lph .lph-mobile-menu>div{position:absolute;right:0;top:48px;width:230px;background:#12362b;border:1px solid #bba26f88;padding:14px;box-shadow:0 18px 35px #0004}#lph .lph-mobile-menu a{display:block;padding:14px 10px;font-size:15px;min-height:48px}
 #lph .hero{display:flex;flex-direction:column;align-items:stretch;padding:28px 20px 30px;gap:0}
 #lph .hero-copy{display:contents}#lph .hero h1{order:1;font-size:clamp(47px,10.8vw,74px);max-width:600px;line-height:1.02;margin-bottom:24px}
 #lph .exhibition{order:2;width:100%;margin:auto;max-width:550px}#lph .exhibition picture{border-radius:36% 36% 3px 3px}#lph .exhibition figcaption{margin-top:14px;font-size:10px;gap:16px}#lph .exhibition figcaption>span:last-child{font-size:14px}
 #lph .hero-lead{order:3;margin:26px 0 22px;font-size:15px;line-height:1.75;max-width:46ch}#lph .actions{order:4;gap:18px;justify-content:space-between;max-width:450px}#lph .button{font-size:13px;padding:14px 18px;gap:20px}#lph .text-link{font-size:12px;gap:14px}
 #lph .hero-bottom{order:5;margin-top:32px;padding-top:22px;font-size:8px;gap:16px}#lph .hero-bottom a{font-size:11px;gap:12px}
 #lph .idea{padding:65px 22px 45px;background:linear-gradient(#e6dfcc,#f5f0e5 75px)}#lph .idea>div{display:block}#lph h2{font-size:clamp(36px,8.5vw,54px)}#lph .idea-bottom{margin-top:28px}#lph .idea-bottom p{font-size:15px;line-height:1.85}#lph .signature{font-size:21px;margin-top:22px}
 #lph .collection{padding:20px 20px 64px}#lph .collection-head{padding-top:42px;margin-bottom:32px;display:block}#lph .collection-head>p{font-size:15px;margin-top:24px;max-width:100%}#lph .collection-head>p br{display:none}#lph .collection-head .quiet{font-size:13px;margin-top:8px;max-width:42ch}
 #lph .collection-grid{gap:28px 20px}#lph .piece-copy{padding:24px 22px 22px}#lph .piece-copy h3{font-size:34px}#lph .piece-attributes{font-size:11px;letter-spacing:.045em;min-height:0;margin-top:12px}#lph .piece-story{font-size:15px;min-height:0;margin:15px 0 24px}#lph .piece-number{top:16px;left:16px;font-size:11px}
 #lph .interlude{padding:65px 22px}#lph .interlude h2{font-size:34px;line-height:1.26}#lph .interlude h2 br{display:none}#lph .interlude>p{font-size:13px;max-width:30ch;margin-top:24px}
 #lph .atelier{padding:65px 22px;display:flex;flex-direction:column;gap:38px}#lph .atelier-image{width:100%;height:420px;max-width:500px}#lph .atelier-copy>p{font-size:15px;line-height:1.85;margin-top:24px}#lph .atelier-image>span{font-size:8px;padding:36px 18px 18px}
 #lph .contact{padding:65px 22px 75px}#lph .contact>p{font-size:15px}#lph .contact .button{font-size:13px;padding:15px 18px;gap:18px}#lph .contact small{font-size:11px}
 #lph .lph-footer{padding:32px 22px;gap:18px 24px}#lph .lph-footer>a:last-of-type{width:100%;margin-left:0;min-height:44px;display:flex;align-items:center}#lph .lph-footer>p{font-size:11px}#lph .lph-legal{gap:22px;font-size:11px}#lph .footer-note{font-size:10px}
}
@media(max-width:679px){#lph .collection-grid{grid-template-columns:minmax(0,1fr)}#lph .piece-copy h3{font-size:36px}}
@media(max-width:359px){#lph .hero h1{font-size:43px}#lph .wordmark{font-size:16px;gap:10px}#lph .mark{width:36px;height:36px;font-size:21px}#lph .actions{gap:14px}#lph .text-link{gap:10px;font-size:11px}#lph .button{gap:14px;font-size:12px;padding:14px 15px}#lph .piece-copy h3{font-size:32px}}

/* V2 — photographs, supplied lockup, quieter finished details. */
#lph .site-header{padding-top:20px;padding-bottom:20px}
#lph .wordmark{display:block;width:340px;max-width:55%;line-height:0}
#lph .lph-supplied-logo{width:100%;height:auto;display:block;border-radius:2px}
#lph .exhibition picture{border-radius:3px;box-shadow:0 22px 50px #001b142b}
#lph .exhibition img{aspect-ratio:13/12}
#lph .piece{border-color:#c5b59266}
#lph .piece-visual{padding:12px 12px 0;background:#f3ebdb}
#lph .piece-number{top:26px;left:26px;background:#f7f0ddf0;border-color:#f7f0dd;color:#2d4837}
#lph .lph-atelier-photo{border-radius:5px}
#lph .piece-copy{padding-top:25px}
#lph .interlude{background:linear-gradient(90deg,#0b2a23f5,#0b2a23df 55%,#0b2a2377),url('v2/atelier-environment.webp') center/cover no-repeat;text-align:left;padding-top:110px;padding-bottom:110px}
#lph .interlude h2{max-width:1080px;margin-left:0}
#lph .interlude>p{margin-left:0;max-width:50ch}
#lph .atelier-image{height:600px}
#lph .atelier-image img{object-position:50% 47%}
@media(max-width:767px){
 #lph .site-header{padding:18px 20px}
 #lph .wordmark{width:245px;max-width:78%}
 #lph .piece-visual{padding:10px 10px 0}
 #lph .piece-number{top:23px;left:23px}
 #lph .hero{padding-top:28px}
 #lph .interlude{padding:65px 22px;background-position:65% center}
 #lph .atelier-image{height:430px}
}
