/* Content roles: illustrations and navigation must never become full-size gallery slides. */
.subpage .navigation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:16px 0}
.subpage .navigation-card{display:grid;grid-template-columns:72px 1fr 22px;align-items:center;gap:20px;padding:24px;background:#242019;border:1px solid #423c31;border-radius:2px;min-width:0;transition:background .25s,transform .25s}
.subpage .navigation-card:hover{background:#302c25;transform:translateY(-3px)}
.subpage .navigation-card:focus-visible,.subpage .brief-card:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.subpage .navigation-card img{width:72px;height:72px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.85}
.subpage .navigation-card strong{font-weight:500;font-size:18px;line-height:1.4}
.subpage .navigation-card>span{color:var(--lime);font-size:24px}
.subpage .section-icons{display:flex;gap:16px;margin:0 0 18px}
.subpage .section-icons img{width:70px;height:64px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.8}
.subpage .content-links a{background:#25211a;border:1px solid #534c3e;padding:12px 18px;border-radius:2px;text-decoration:none}
.subpage .content-links a:hover{background:#38332a}
.subpage .video-embed{width:100%;margin:20px 0;background:none}
.subpage .video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background:#181611}
.subpage .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;display:block}
.subpage .video-embed.portrait{width:min(100%,430px);margin-inline:auto}
.subpage .video-embed.portrait .video-frame{aspect-ratio:9/16}
.subpage .video-embed figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 2px;color:#b4ac9d;font-size:13px}
.subpage .video-embed figcaption a{color:var(--lime)}
.subpage .pricing-page{padding:0 clamp(8px,1.2vw,26px)}
.subpage .pricing-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center;padding:34px 0 48px}
.subpage .pricing-page h2{font-size:clamp(28px,3.1vw,49px);line-height:1.18;letter-spacing:-1px;margin:0 0 25px}
.subpage .pricing-page p{color:#c3bdb0;line-height:1.7}
.subpage .pricing-page .eyebrow{color:#c9a86b;font-size:12px;letter-spacing:1.5px}
.subpage .starting-prices{padding:30px;border:1px solid #534c3f;border-radius:2px;background:linear-gradient(125deg,#2d2922,#1f1c16);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.subpage .starting-prices>span{font-size:13px;color:#c6c0b4}
.subpage .starting-prices strong{font-size:clamp(30px,3vw,48px);font-weight:400;letter-spacing:-1px;color:#e2c894}
.subpage .starting-prices small{font-size:16px;letter-spacing:0;color:#d0cbc1}
.subpage .starting-prices a{margin-top:12px}
.subpage .pricing-section{padding:42px 0;border-top:1px solid #3e392e}
.subpage .brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.subpage .brief-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}
.subpage .brief-card{padding:26px;background:#221f18;border:1px solid #3c372e;border-radius:2px;display:flex;flex-direction:column;gap:12px}
.subpage .brief-card h3{font-size:23px;font-weight:400;margin:0}
.subpage .brief-card p{font-size:15px;margin:0 0 10px}
.subpage .step-index{color:#c9a86b;font-size:14px;margin-bottom:12px}
.subpage .card-cta{margin-top:auto;font-size:13px;color:#e2c894}
.subpage a.brief-card:hover{border-color:#a69d8c;background:#2a261f}
.subpage .price-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.subpage .price-case{min-width:0;overflow:hidden;border:1px solid #3f3a30;border-radius:2px;background:#221f18}
.subpage .case-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.subpage .case-pair figure{margin:0;position:relative;min-width:0}
.subpage .case-pair img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.subpage .case-pair figcaption{position:absolute;bottom:8px;left:8px;background:rgba(22,20,15,0.851);color:#f3efe7;padding:4px 7px;font-size:10px}
.subpage .case-copy{padding:26px;display:flex;flex-direction:column}
.subpage .case-copy h3{font-weight:400;font-size:24px;line-height:1.3;min-height:2.6em;margin:0 0 20px}
.subpage .case-price{font-size:42px;font-weight:400;letter-spacing:-1px;color:#e2c894;margin:0 0 16px}
.subpage .case-price small{font-size:21px}
.subpage .case-copy>p:not(.eyebrow){font-size:13px;margin:0 0 10px}
.subpage .case-copy ul{list-style:none;padding:0;margin:0 0 24px;min-height:160px}
.subpage .case-copy li{font-size:15px;line-height:1.65;color:#e1d7c4;padding:3px 0}
.subpage .case-copy li:before{content:'✓';color:#c9a86b;margin-right:10px}
.subpage .case-copy .eyebrow{margin:0 0 10px}
.subpage .pricing-caption{font-size:14px;max-width:95ch}
.subpage .purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.subpage .purpose-grid article{padding:28px;background:#221f18;border-radius:2px}
.subpage .purpose-grid h3{font-weight:400;font-size:28px}
.subpage .purpose-grid p{max-width:80ch}
@media(max-width:1000px){.subpage .brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .price-cases{gap:12px}.subpage .case-copy{padding:18px}.subpage .case-copy h3{font-size:20px}.subpage .case-price{font-size:34px}}
@media(max-width:700px){.subpage .pricing-intro,.subpage .price-cases,.subpage .purpose-grid,.subpage .brief-grid.three{grid-template-columns:1fr}.subpage .pricing-intro{gap:22px;padding:24px 0}.subpage .pricing-section{padding:30px 0}.subpage .brief-grid{grid-template-columns:1fr 1fr;gap:10px}.subpage .brief-card{padding:18px}.subpage .brief-card h3{font-size:20px}.subpage .case-copy ul{min-height:0}.subpage .case-copy h3{min-height:0}.subpage .case-copy{padding:24px}.subpage .navigation-card{padding:18px;gap:15px}.subpage .video-embed.portrait{max-width:360px}.subpage .starting-prices{padding:24px}}
@media(max-width:420px){.subpage .brief-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.subpage .navigation-card{transition:none}.subpage .navigation-card:hover{transform:none}}
.subpage .button.lime{color:#26221b}
.subpage .quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.subpage .quality-card{min-width:0;background:#232019;border:1px solid #464035;border-radius:2px;overflow:hidden}
.subpage .quality-card>img{width:100%;aspect-ratio:450/629;object-fit:contain;background:#1e1b15}
.subpage .quality-card>div{padding:22px}
.subpage .quality-card h3{font-size:22px;font-weight:400;overflow-wrap:anywhere;line-height:1.3}
.subpage .quality-card strong{color:#e2c894;font-size:20px;font-weight:400}
.subpage .quality-card p{font-size:14px;color:#c9c4b9;margin:18px 0}
.subpage .quality-card .text-link{font-size:13px}
.subpage .quality-examples{margin:24px 0;border-block:1px solid #403b30;padding:20px 0}
.subpage .quality-examples summary{cursor:pointer;color:#e2c894;padding:12px;font-size:18px}
@media(max-width:1000px){.subpage .quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.subpage .quality-grid{grid-template-columns:1fr}}
.subpage .quality-card{display:flex;flex-direction:column}
.subpage .quality-card>div{flex:1;display:flex;flex-direction:column}
.subpage .quality-card .text-link{margin-top:auto;align-self:flex-start}
/* Walkthroughs load inside the page as they approach the viewport. */
.subpage .tour-embed{margin:20px 0;width:100%;background:#1a1813}
.subpage .tour-embed iframe{display:block;width:100%;height:clamp(480px,76vh,960px);border:0;border-radius:2px;background:#1a1813}
.subpage .tour-embed figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 4px;font-size:13px;color:#c1bbaf}
.subpage .tour-embed figcaption a{color:var(--lime)}
@media(max-width:650px){.subpage .tour-embed iframe{height:72svh;min-height:420px}.subpage .tour-embed figcaption{font-size:12px}}
.subpage .qr-codes{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0;padding:0 clamp(8px,1.2vw,26px)}
.subpage .qr-card{margin:0;width:180px;flex:0 0 180px}
.subpage .qr-card img{display:block;width:180px;height:180px;aspect-ratio:1;object-fit:contain;background:#fff;padding:14px;border-radius:2px}
.subpage .qr-card figcaption{font-size:12px;color:#c9c4b9;margin-top:10px;line-height:1.5;text-align:center}
.subpage .photo-albums{padding:24px clamp(8px,1.2vw,26px);border-top:1px solid #403b30}
.subpage .photo-albums h2{font-size:24px}
.photo-albums .content-links{display:flex;flex-wrap:wrap;gap:12px}