.lp-draft-banner{padding:.85rem 6%;background:#d8e7db;color:#14301e;font-size:.75rem;font-weight:800;letter-spacing:.06em}
.lp-hero{padding:clamp(2.5rem,6vw,6rem) 6%;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;background:#10191d;color:#f0f1eb;overflow:hidden}.lp-hero h1{font-family:"Anton Occulus",sans-serif;font-size:clamp(2.6rem,6.4vw,85px);line-height:1.06;letter-spacing:-.015em;overflow-wrap:break-word;margin:1rem 0 1.6rem}.lp-hero .eyebrow{color:#e4929e;font-size:.78rem;letter-spacing:.13em}.lp-intro{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.75;max-width:38rem;color:#e2e4de}.lp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}.lp-text-link{color:inherit;text-decoration:none;border-bottom:1px solid #c55665;padding-bottom:.35rem}.lp-location{font-size:.72rem;line-height:1.6;color:#acb8ba}.lp-hero-image{margin:0;position:relative;padding:0 0 1.25rem 1.25rem}.lp-hero-image:before{content:"";position:absolute;inset:1.25rem 1.25rem 0 0;border:1px solid #c55665}.lp-hero-image img{display:block;width:100%;aspect-ratio:auto;max-height:540px;object-fit:contain;position:relative}.lp-hero-image figcaption{position:relative;background:#10191d;padding:.8rem .5rem 0;font-size:.72rem;color:#aab7b9;letter-spacing:.025em}
.lp-details{padding:clamp(3rem,7vw,6rem) 6%;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,8rem);background:#f2f1eb}.lp-details aside h2{font-family:"Anton Occulus",sans-serif;font-weight:400;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.15;overflow-wrap:break-word}.lp-details aside a{display:inline-block;margin-top:1.5rem;color:#8a2638;text-decoration:underline;text-underline-offset:5px}.lp-prose{max-width:770px;font-size:1rem;line-height:1.85;color:#263136;overflow-wrap:anywhere}.lp-prose p{margin:0 0 1.5rem}.lp-prose :is(h2,h3){font-family:"Avenir Occulus",sans-serif;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.25;margin:2.7rem 0 1.2rem}.lp-prose :is(h2,h3):first-child{margin-top:0}.lp-prose ul,.lp-prose ol{padding-left:1.3rem;margin:0 0 2rem}.lp-prose li{padding:.55rem 0 .55rem .3rem;border-bottom:1px solid #d2d5ce}.lp-prose img{max-width:100%;height:auto}.lp-prose a{color:#9a3042}.lp-prose figure{margin:2rem 0}.lp-prose iframe{width:100%;aspect-ratio:16/9;border:0;height:auto}
.lp-work{background:#172125;color:#f2f1eb;padding:clamp(3rem,6vw,5rem) 6%}.lp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.lp-section-heading h2,.lp-next h2{font-family:"Anton Occulus",sans-serif;font-weight:400;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.15;max-width:34rem;margin:.7rem 0}.lp-section-heading>a{color:inherit;white-space:nowrap}.lp-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.5rem}.lp-work-card{color:inherit;text-decoration:none;min-width:0}.lp-work-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:filter .2s,transform .2s}.lp-work-card:hover img{filter:brightness(1.1);transform:translateY(-3px)}.lp-work-card>span{display:block;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;margin:1rem 0 .6rem;color:#e4929e}.lp-work-card h3{font-family:"Avenir Occulus",sans-serif;font-size:1.2rem;line-height:1.35;margin:0}.lp-work-card p{font-size:.75rem;color:#bcc6c5;margin:.8rem 0}
.lp-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem 6%;background:#e5e6de}.lp-next>p{max-width:8rem}.lp-next>div>p{font-size:.9rem;line-height:1.6;margin-top:1rem}.landing-page a:focus-visible{outline:3px solid #c55665;outline-offset:5px}.lp-actions a,.lp-next a{transition:background .2s,color .2s,transform .2s}.lp-actions a:hover,.lp-next a:hover{transform:translateY(-2px)}
.lp-directory>h2{font-size:clamp(1.7rem,3.5vw,3rem)}.lp-directory>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.lp-directory>div>a{display:grid;grid-template-columns:5rem 1fr auto;gap:1rem;align-items:center;color:inherit;text-decoration:none;border-bottom:1px solid #a8b1af;padding:1.3rem 0;transition:color .2s}.lp-directory>div>a:hover{color:#9c3345}.lp-directory a span{font-size:.7rem;opacity:.8}.lp-directory a strong{font-size:1rem}
@media(max-width:850px){.lp-hero{grid-template-columns:1fr;gap:2.5rem}.lp-hero-image{max-width:650px}.lp-hero h1{max-width:700px}.lp-details{grid-template-columns:1fr;gap:2rem}.lp-details aside{border-bottom:1px solid #b7bfba;padding-bottom:1.8rem}.lp-prose{max-width:none}.lp-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-next{flex-wrap:wrap}.lp-next>p{flex-basis:100%;max-width:none}.lp-directory>div{grid-template-columns:1fr}}
@media(max-width:520px){.lp-hero{padding:2.6rem 6%}.lp-hero h1{font-size:clamp(2.5rem,10vw,3.3rem)}.lp-hero-image img{aspect-ratio:auto}.lp-section-heading{align-items:start;flex-direction:column;gap:1rem}.lp-work-grid{grid-template-columns:1fr}.lp-next{align-items:start}.lp-details{padding-top:2.5rem}.lp-directory>div>a{grid-template-columns:4.4rem 1fr auto;gap:.7rem}}
@media(prefers-reduced-motion:reduce){.landing-page *{transition:none!important;scroll-behavior:auto!important}}
.lp-examples{padding:3.5rem 6%;background:#e6e8df}.lp-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.lp-example{background:#111b1f;color:#f2f1eb;overflow:hidden}.lp-example summary{cursor:pointer;list-style:none}.lp-example summary::-webkit-details-marker{display:none}.lp-example summary img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.lp-example summary>span{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem;font-size:.95rem;line-height:1.4}.lp-example summary em{font-style:normal;font-size:.7rem;white-space:nowrap;color:#eba1ab}.lp-example[open] summary img{display:none}.lp-example[open] summary em{font-size:0}.lp-example[open] summary em:after{content:'Close ×';font-size:.7rem}.lp-example-player iframe{display:block;aspect-ratio:16/9;width:100%;border:0}.lp-more{margin-top:1.5rem;border-top:1px solid #b8c1b8;padding-top:1rem}.lp-more>summary{cursor:pointer;padding:.8rem 0;font-weight:700}.lp-more>.lp-example-grid{margin-top:1rem}.lp-example summary:focus-visible,.lp-more>summary:focus-visible{outline:3px solid #c55665;outline-offset:-4px}.lp-example summary:hover{background:#263239}
@media(max-width:650px){.lp-example-grid{grid-template-columns:1fr}.lp-example summary>span{padding:1rem;font-size:.9rem}}
.lp-case-links{padding:3.5rem 6%;background:#f2f1eb}.lp-case-links>h2{font-family:"Anton Occulus",sans-serif;font-weight:400;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.15;margin:1rem 0 2rem}.lp-case-links>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem}.lp-case-links article{border-top:2px solid #a13245;padding-top:1.4rem}.lp-case-links h3{font-size:1.25rem;line-height:1.4}.lp-case-links a{color:#8a2638;text-underline-offset:4px}.lp-case-links p{line-height:1.8;font-size:.95rem;margin:1rem 0}.lp-case-links article>a{display:inline-block;margin-top:.75rem;font-size:.85rem;font-weight:700}
.lp-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);padding:3.5rem 6%;background:#e6e8df}.lp-faq h2{font-family:"Anton Occulus",sans-serif;font-weight:400;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.2;margin:1rem 0}.lp-faq>div>p{font-size:.9rem;line-height:1.75;max-width:30rem}.lp-faq details{border-top:1px solid #a6b0aa}.lp-faq details:last-child{border-bottom:1px solid #a6b0aa}.lp-faq summary{padding:1.2rem 1.5rem 1.2rem 0;font-weight:700;font-size:.95rem;line-height:1.5;cursor:pointer}.lp-faq details p{font-size:.95rem;line-height:1.8;padding:0 1rem 1.4rem 0}.lp-faq summary:hover{color:#9a3043}.lp-faq summary:focus-visible{outline:3px solid #c55665;outline-offset:2px}@media(max-width:850px){.lp-faq{grid-template-columns:1fr;gap:1.5rem}}
