.tpie-page { --tpie-green:#334936; --tpie-gold:#ceb88c; background:#faf8f2; color:#252b26; overflow-wrap:anywhere; }
.tpie-page section[id] { scroll-margin-top:120px; }
.tpie-page .tpie-section { padding-top:clamp(3.5rem,7vw,7rem); padding-bottom:clamp(3.5rem,7vw,7rem); }
.tpie-page .tpie-hero { position:relative; isolation:isolate; overflow:hidden; display:grid; align-content:center; min-height:900px; padding:calc(var(--b2b-header-clearance,93px) + 3rem) 0 3rem; background:#18251e; color:#f6f1e8; }
.tpie-hero > .tpie-artwork { position:absolute; inset:0; z-index:0; }
.tpie-hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(16,37,26,.95) 0%,rgba(16,37,26,.92) 25%,rgba(16,37,26,.78) 41%,rgba(16,37,26,.25) 61%,rgba(16,37,26,0) 78%); }
.tpie-hero-content { position:relative; z-index:2; }
.tpie-hero-actions { position:relative; z-index:2; }
.tpie-hero-actions .tpie-actions { width:48%; max-width:36rem; }
.tpie-hero-copy { width:48%; max-width:36rem; }
.tpie-page .tpie-hero h1 { max-width:18ch; font-size:clamp(2.5rem,4vw,4rem); margin:1.25rem 0; }
.tpie-hero-copy > p { max-width:48ch; }
.tpie-hero-copy > p:last-child { margin-bottom:0; }
.tpie-hero .tpie-actions { margin-bottom:0; }
.tpie-hero .tpie-artwork-placeholder { height:100%; min-height:0; aspect-ratio:auto; border:0; }
.tpie-hero .tpie-artwork figcaption { position:absolute; bottom:1rem; right:1rem; max-width:35%; margin:0; padding:.4rem .6rem; background:#18251e; }
.tpie-page .tpie-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2rem,5vw,5rem); align-items:center; }
.tpie-page h1 { max-width:15ch; font-size:clamp(2.5rem,4.3vw,4.6rem); margin:1.5rem 0; }
.tpie-page h2 { font-size:clamp(2rem,3.4vw,3.2rem); max-width:25ch; margin-bottom:1.25rem; }
.tpie-page h3 { font-size:1.35rem; margin:1.5rem 0 .75rem; }
.tpie-page .tpie-eyebrow { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; }
.tpie-eyebrow span { display:inline-block; font-size:.65rem; }
.tpie-page .tpie-tagline { font-size:clamp(1.2rem,2vw,1.6rem); line-height:1.5; }
.tpie-intro { max-width:760px; margin-bottom:2rem; }
.tpie-actions { display:flex; gap:1rem; flex-wrap:wrap; margin:2rem 0; }
.tpie-page .tpie-primary { background:var(--tpie-green); color:#fff; border:1px solid var(--tpie-green); }
.tpie-page .tpie-primary:hover { background:#223426; color:#fff; }
.tpie-page .tpie-secondary { border:1px solid currentColor; color:inherit; }
.tpie-page .tpie-secondary:hover { background:#ffffff18; color:inherit; }
.tpie-page .tpie-hero .tpie-primary,.tpie-page .tpie-invitation .tpie-primary { background:#ece6d6; color:#223426; border-color:#ece6d6; }
.tpie-artwork { margin:0; min-width:0; }
.tpie-artwork [hidden] { display:none !important; }
.tpie-image { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.tpie-hero .tpie-image { height:100%; min-height:0; aspect-ratio:auto; object-position:75% 70%; }
.tpie-hero .tpie-artwork-picture { display:block; width:100%; height:100%; }
.tpie-artwork-compact .tpie-image,.tpie-artwork-compact .tpie-artwork-placeholder { min-height:0; aspect-ratio:1/1; }
.tpie-artwork-compact[data-tpie-artwork="LumiLivingThumbnail"] .tpie-image { object-fit:contain; background:#d0af94; }
.tpie-artwork-compact[data-tpie-artwork="EverydayIndoorThumbnail"] .tpie-image { object-fit:contain; background:#e5d3bc; }
.tpie-artwork-compact[data-tpie-artwork="EverydayOutdoorThumbnail"] .tpie-image { object-fit:contain; background:#ede9e5; }
.tpie-artwork-compact[data-tpie-artwork="SeasonalThumbnail"] .tpie-image { object-fit:contain; background:#eee5dc; }
.tpie-artwork-compact[data-tpie-artwork="DisplayReadyThumbnail"] .tpie-image { object-fit:contain; background:#e5dcd3; }
.tpie-artwork-compact .tpie-artwork-placeholder { padding:1rem; }
.tpie-artwork-compact .tpie-artwork-title { font-size:.9rem; }
.tpie-artwork-compact .tpie-eyebrow { font-size:.6rem; }
.tpie-artwork-compact figcaption { font-size:.7rem; }
.tpie-indoor-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.tpie-indoor-gallery .tpie-artwork-placeholder { min-height:240px; padding:1rem; }
.tpie-indoor-gallery .tpie-image { aspect-ratio:1/1; object-fit:contain; }
@media(max-width:479.98px) { .tpie-indoor-gallery { grid-template-columns:minmax(0,1fr); } }
.tpie-artwork-placeholder { min-width:0; width:100%; max-width:100%; min-height:330px; aspect-ratio:4/3; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:1.1rem; padding:2rem; border:1px dashed #9d9e8a; background:#e9e7dc; color:#4e574b; }
.tpie-artwork-title { font-size:clamp(1.1rem,2vw,1.6rem); max-width:24ch; }
.tpie-artwork figcaption { font-size:.75rem; margin-top:.6rem; opacity:.85; }
.tpie-hero .tpie-artwork-placeholder { background:linear-gradient(145deg,#293d31,#101b16); color:#e1d6b9; }
.tpie-programs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1.25rem; }
.tpie-page a.tpie-program { color:inherit; text-decoration:none; display:block; border-bottom:1px solid #a9b19f; padding-bottom:1.5rem; }
.tpie-page .tpie-program h3 { font-size:1.15rem; }
.tpie-program p { font-size:.9rem; }
.tpie-card-image { aspect-ratio:4/5; padding:1.25rem; background:#e8e8dc; display:flex; flex-direction:column; justify-content:space-between; }
.tpie-card-image>span { font-size:2.2rem; font-weight:300; color:#5c6958; }
.tpie-card-image small { font-size:.72rem; }
.tpie-link { font-size:.8rem; text-decoration:underline; text-underline-offset:.3em; }
.tpie-page .tpie-night { background:#202e25; color:#f1eee5; }
.tpie-night .tpie-artwork-placeholder { background:#293b30; color:#eee2c7; }
.tpie-collections,.tpie-advantages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin:2.5rem 0; }
.tpie-collections article,.tpie-advantages article { border-top:1px solid #969e89; padding-top:.5rem; }
.tpie-collections .tpie-artwork-placeholder { min-height:220px; }
#lumiliving .tpie-collections .tpie-artwork-placeholder { aspect-ratio:auto; }
#lumiliving .tpie-collections .tpie-image { aspect-ratio:1/1; object-fit:contain; }
#outdoor .tpie-collections [data-tpie-artwork="TerraLiteModern"] .tpie-image { aspect-ratio:auto; object-fit:contain; }
#outdoor .tpie-collections [data-tpie-artwork="StoneSeriesDX"] .tpie-image { aspect-ratio:auto; object-fit:contain; }
#outdoor .tpie-collections [data-tpie-artwork="StoneSeriesZS"] .tpie-image { aspect-ratio:auto; object-fit:contain; }
.tpie-page .tpie-note { font-size:.85rem; max-width:850px; margin-top:1.5rem; }
.tpie-page .tpie-sand { background:#eeece3; }
.tpie-seasonal { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin:2.5rem 0; }
.tpie-christmas { background:#e4e9df; padding:1.5rem; }
.tpie-halloween { background:#eee2d4; padding:1.5rem; }
.tpie-halloween .tpie-artwork-placeholder { background:#e6d6c1; border-color:#96816d; }
.tpie-advantages { grid-template-columns:repeat(4,minmax(0,1fr)); }
.tpie-page .tpie-invitation { background:#334936; color:#f5f1e7; }
.tpie-event { display:flex; gap:3rem; flex-wrap:wrap; margin:2rem 0; }
.tpie-event dt { font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }
.tpie-event dd { margin:.5rem 0 0; }
.tpie-form,.tpie-form-heading { max-width:850px; margin-inline:auto; }
.tpie-form .form-control,.tpie-form .form-select { min-height:3rem; border-color:#9fa994; }
.tpie-checkboxes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:1rem 0; }
.tpie-checkboxes .form-check { padding-left:1.8rem; }
.tpie-page :is(a,button,input,select,textarea):focus-visible { outline:3px solid #a5823e; outline-offset:4px; }
@media(max-width:991.98px) { .tpie-programs { grid-template-columns:repeat(3,minmax(0,1fr)); } .tpie-advantages { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:991.98px) {
    .tpie-page .tpie-hero { display:flex; flex-direction:column; align-items:stretch; min-height:0; padding:calc(var(--b2b-header-clearance,93px) + 2rem) 0 0; --tpie-mobile-image-height:clamp(440px,120vw,840px); }
    .tpie-hero-content { order:0; padding-bottom:2rem; }
    .tpie-hero-actions { order:2; padding-bottom:2rem; }
    .tpie-hero-actions .tpie-actions { width:100%; max-width:40rem; }
    .tpie-hero-copy { width:100%; max-width:40rem; }
    .tpie-page .tpie-hero h1 { max-width:20ch; }
    .tpie-hero > .tpie-artwork { position:relative; inset:auto; order:1; width:100%; height:var(--tpie-mobile-image-height); }
    .tpie-hero::after { display:none; }
    .tpie-hero > .tpie-artwork::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#18251e 0%,rgba(24,37,30,.35) 15%,rgba(24,37,30,0) 38%); }
    .tpie-hero .tpie-image { object-position:center 45%; }
    .tpie-hero .tpie-artwork figcaption { max-width:90%; }
}
@media(max-width:767.98px) { .tpie-page .tpie-split,.tpie-collections,.tpie-seasonal { grid-template-columns:minmax(0,1fr); } .tpie-page h1 { max-width:18ch; } }
@media(max-width:479.98px) { .tpie-programs,.tpie-advantages,.tpie-checkboxes { grid-template-columns:minmax(0,1fr); } .tpie-card-image { aspect-ratio:2/1; } .tpie-artwork-placeholder { min-height:250px; padding:1.25rem; } .tpie-actions .btn { width:100%; } }