/* Custom collection page: explicit media frames prevent HTML height attributes
   from stretching portrait photos into narrow columns. Shared nav stays separate. */
.custom-showcase{--paper:var(--brand-paper);--surface:var(--brand-surface);--ink:var(--brand-ink);--brown:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-border);--amber:var(--brand-accent);--amber2:var(--brand-accent-hover);--gold:var(--brand-gold);--shadow:0 12px 30px #2e1a0a0b;background:var(--paper)}
.custom-showcase .wrap{width:min(1280px,calc(100% - 80px))}
.custom-showcase .topline{background:var(--brand-soft);color:var(--brand-muted);height:30px;font-size:10px}
.custom-showcase .section{padding:80px 0}
.custom-showcase .eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;margin-bottom:16px}
.custom-showcase .title{font-size:clamp(36px,3.8vw,56px);line-height:1.06;max-width:650px}
.custom-showcase .lede{font-size:15px;line-height:1.85}
.custom-showcase .section-head{gap:56px;margin-bottom:32px;align-items:center}
.custom-showcase .section-head .lede{max-width:430px}
.custom-showcase .btn{border-radius:4px;text-transform:none;letter-spacing:.01em;font-size:12px;font-weight:600;min-height:48px;padding:0 22px}
.custom-showcase .btn-primary{background:var(--brand-ink);color:white;box-shadow:none}
.custom-showcase .btn-primary:hover{background:var(--brand-accent-hover);transform:translateY(-1px)}
.custom-showcase .hero{padding:40px 0 0;min-height:0;background:var(--paper);color:var(--ink)}
.custom-showcase .hero:before,.custom-showcase .hero:after{display:none}
.custom-showcase .hero-grid{grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.custom-showcase .hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.025em}
.custom-showcase .hero h1 i{color:var(--brand-accent)}
.custom-showcase .hero-copy{font-size:15px;color:var(--muted);line-height:1.85;margin:24px 0 28px}
.custom-showcase .hero .btn-ghost{color:var(--ink);border-color:var(--brand-border);background:transparent}
.custom-showcase .hero .btn-ghost:hover{background:var(--brand-soft)}
.custom-showcase .hero-visual{min-height:0;aspect-ratio:1.2;position:relative;padding-bottom:24px}
.custom-showcase .hero-main{position:relative;inset:auto;width:100%;height:100%;border-radius:8px;box-shadow:none;overflow:hidden}
.custom-showcase .hero-main img{width:100%;height:100%;object-fit:cover}
.custom-showcase .hero-card{left:-22px;bottom:0;width:220px;padding:18px 24px;border:1px solid var(--line);border-radius:5px;background:var(--surface);box-shadow:var(--shadow)}
.custom-showcase .hero-card strong{font-size:25px}.custom-showcase .hero-card span{font-size:9px;letter-spacing:.1em}
.custom-showcase .proof{margin-top:42px;border-color:var(--line);padding:22px 0 25px;gap:25px}
.custom-showcase .proof div{padding:0 20px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}
.custom-showcase .proof div:first-child{padding-left:0}.custom-showcase .proof div:last-child{border-right:0}
.custom-showcase .proof strong{color:var(--ink);font-size:30px;white-space:nowrap}.custom-showcase .proof span{font-size:9px;color:var(--muted);letter-spacing:.08em;max-width:130px}
.custom-jump{background:var(--brand-soft);border-block:1px solid var(--line)}
.custom-jump .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px;flex-wrap:wrap}
.custom-jump span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-muted)}
.custom-jump a{font-size:12px;padding:20px 0;color:var(--ink);text-underline-offset:6px}.custom-jump a:hover{text-decoration:underline}
.custom-showcase .intro-grid{gap:80px;grid-template-columns:.65fr 1.35fr}
.custom-showcase .statement{font-size:clamp(30px,3.2vw,43px);line-height:1.2}
.custom-showcase .intro-note{font-size:13px}.custom-showcase .facts{margin-top:24px;gap:24px}
.custom-showcase .fact{background:none;padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0}.custom-showcase .fact strong{font-size:25px}
.custom-showcase .build,.custom-showcase .collection,.custom-showcase .faq{background:var(--brand-soft)}
.custom-showcase .build-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.custom-showcase>.section[id]{scroll-margin-top:0}
.custom-showcase .build{padding-block:64px}
.custom-showcase .build-card{min-height:0;display:flex;flex-direction:column;border:1px solid var(--brand-border);border-radius:7px;box-shadow:none}
.custom-showcase .build-card:hover,.custom-showcase .collection-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.custom-showcase .custom-media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fff;flex:none}
.custom-showcase .build-card .custom-media{aspect-ratio:4/3}
.custom-showcase .custom-media>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;aspect-ratio:auto;transition:transform .3s ease}
.custom-showcase .build-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.custom-showcase .build-card h3{font-size:28px;line-height:1.15;margin:10px 0}
.custom-showcase .build-card p{font-size:12px;line-height:1.8}
.custom-showcase .build-card .learn{padding-top:20px;margin-top:auto;font-size:9px;letter-spacing:.07em}
.custom-showcase .num{font-size:9px;letter-spacing:.13em}
.custom-section-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:25px}
.custom-section-footer p,.custom-caption{font-size:11px;line-height:1.8;color:var(--muted);max-width:660px;margin:0}
.custom-section-footer a{white-space:nowrap;font-size:12px;font-weight:600;border-bottom:1px solid var(--brand-border);padding:8px 0;display:flex;gap:24px}
.custom-caption{margin:-10px 0 25px}
.custom-showcase .materials-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.custom-showcase .material{min-height:0;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px}
.custom-showcase .material:after{display:none}.custom-showcase .material .custom-media{aspect-ratio:4/3}
.custom-showcase .material-copy{position:static;padding:22px 24px;z-index:auto}
.custom-showcase .material-copy h3{font-size:28px;margin:8px 0}.custom-showcase .material-copy p{color:var(--muted);font-size:12px}
.custom-showcase .material-copy span{color:var(--brand-accent);font-size:9px}.custom-showcase .physical-material img{object-fit:cover}
.custom-showcase .color-system{border-radius:7px;grid-template-columns:1fr 1fr;margin-bottom:24px}
.custom-showcase .color-system>img{width:100%;height:100%;min-height:0;max-height:380px;object-fit:cover}
.custom-showcase .color-copy{padding:38px}.custom-showcase .color-copy h3{font-size:35px}
.custom-showcase .color-steps span,.custom-showcase .collection-card li{border-radius:3px;letter-spacing:0;text-transform:none;background:var(--brand-soft)}
.custom-showcase .collection-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.custom-showcase .collection-card{border-radius:7px;display:flex;flex-direction:column}.custom-showcase .collection-card .custom-media{aspect-ratio:4/3}
.custom-showcase .collection-card-copy{padding:24px}.custom-showcase .collection-card h3{font-size:28px;line-height:1.15}
.custom-showcase .system-code{border-radius:5px;background:var(--brand-soft);color:var(--ink);padding:24px 28px}.custom-showcase .system-code span{color:var(--brand-accent)}.custom-showcase .system-code p{color:var(--muted)}
.custom-showcase .process{background:var(--brand-ink)}.custom-showcase .process .eyebrow,.custom-showcase .final .eyebrow{color:var(--brand-gold)}
.custom-showcase .process .title,.custom-showcase .final h2{color:#fff}.custom-showcase .timeline{margin-top:38px}
.custom-showcase .step b{border-color:var(--brand-accent)}.custom-showcase .process-img{height:340px;border-radius:6px;margin-top:38px}
.custom-showcase .studio-grid{border-radius:6px;margin-top:32px}.custom-showcase .studio-card{min-height:180px;padding:24px}
.custom-showcase .faq-grid{gap:12px;margin-top:30px}.custom-showcase .faq details{border-radius:5px}.custom-showcase .faq summary{font-size:22px;line-height:1.4}
.custom-showcase .quality-grid{gap:56px}.custom-showcase .quality-photo{height:480px;border-radius:6px}
.custom-showcase .quality-item{border-radius:5px;padding:20px}.custom-showcase .quality-list{gap:14px;margin-top:28px}
.custom-showcase .final{background:var(--brand-ink);padding:75px 0}.custom-showcase .final h2{font-size:clamp(38px,4vw,56px)}
.custom-showcase .final .btn-primary{background:var(--brand-soft);color:var(--brand-ink)}.custom-showcase .brief{border-radius:5px}
.custom-showcase>footer{background:var(--brand-ink)}.custom-showcase>.b2b-block{border-radius:6px;border-color:var(--line);background:var(--surface)}
.custom-showcase .rv{opacity:1;transform:none} /* Content must remain readable when motion/scripts are unavailable. */
.custom-showcase a:focus-visible,.custom-showcase summary:focus-visible{outline:2px solid var(--brand-accent);outline-offset:5px}
@media(max-width:1100px){.custom-showcase .wrap{width:calc(100% - 56px)}.custom-showcase .hero-grid{gap:40px}.custom-showcase .build-grid{gap:16px}.custom-showcase .build-copy{padding:18px}.custom-showcase .build-card h3{font-size:25px}.custom-showcase .proof div{padding-inline:8px}.custom-jump .wrap{gap:15px}.custom-showcase .intro-grid{gap:45px}}
@media(max-width:980px){.custom-showcase .hero-grid{grid-template-columns:1fr 1fr}.custom-showcase .hero h1{font-size:52px}.custom-showcase .hero-visual{aspect-ratio:.95}.custom-showcase .hero-card{left:-14px;width:190px}.custom-showcase .proof{grid-template-columns:repeat(4,1fr);gap:12px}.custom-showcase .proof div{display:block}.custom-showcase .build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-showcase .materials-grid,.custom-showcase .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-showcase .process-intro,.custom-showcase .quality-grid,.custom-showcase .final-grid{grid-template-columns:1fr;gap:30px}.custom-showcase .quality-photo{position:relative;top:0;height:340px}.custom-jump span{display:none}}
@media(max-width:680px){.custom-showcase .wrap{width:calc(100% - 36px)}.custom-showcase .section{padding:52px 0}.custom-showcase .hero{padding-top:20px}.custom-showcase .hero-grid{grid-template-columns:1fr;gap:30px}.custom-showcase .hero h1{font-size:49px}.custom-showcase .hero-copy{font-size:14px;margin:20px 0 24px}.custom-showcase .hero-visual{aspect-ratio:1.18;min-height:0;margin-left:12px}.custom-showcase .hero-card{padding:13px 18px;left:-12px;width:190px}.custom-showcase .hero-card strong{font-size:23px}.custom-showcase .proof{grid-template-columns:repeat(2,1fr);margin-top:28px;gap:20px;padding-block:20px}.custom-showcase .proof div{display:flex;gap:10px;padding:0}.custom-showcase .proof div:nth-child(2){border-right:0}.custom-showcase .proof strong{font-size:27px}.custom-showcase .proof span{font-size:8px}.custom-jump .wrap{justify-content:flex-start;gap:0 24px;padding:8px 0}.custom-jump a{padding:9px 0;font-size:11px}.custom-showcase .intro-grid{grid-template-columns:1fr;gap:28px}.custom-showcase .facts{grid-template-columns:1fr 1fr;gap:18px}.custom-showcase .fact strong{font-size:24px}.custom-showcase .title{font-size:38px}.custom-showcase .section-head{display:block;margin-bottom:24px}.custom-showcase .section-head .lede{margin-top:16px;font-size:14px}.custom-showcase .build-grid{gap:14px}.custom-showcase .build-copy{padding:15px}.custom-showcase .build-card h3{font-size:23px}.custom-showcase .build-card p{font-size:11px}.custom-showcase .build-card .learn{font-size:8px;padding-top:14px}.custom-showcase .num{font-size:8px;letter-spacing:.06em}.custom-section-footer{display:block;padding-top:20px}.custom-section-footer a{display:inline-flex;margin-top:10px}.custom-showcase .materials-grid,.custom-showcase .collection-grid{grid-template-columns:1fr;gap:20px}.custom-showcase .material .custom-media,.custom-showcase .collection-card .custom-media{aspect-ratio:4/3}.custom-showcase .color-system{grid-template-columns:1fr}.custom-showcase .color-system>img{height:260px}.custom-showcase .color-copy{padding:28px}.custom-showcase .process-img{height:240px}.custom-showcase .studio-grid{grid-template-columns:1fr 1fr}.custom-showcase .studio-card{padding:20px;min-height:0}.custom-showcase .studio-card h3{font-size:22px}.custom-showcase .studio-card p{font-size:12px}.custom-showcase .quality-photo{height:320px}.custom-showcase .final{padding:52px 0}}
@media(max-width:370px){.custom-showcase .build-grid{grid-template-columns:1fr}.custom-showcase .build-card .custom-media{aspect-ratio:4/3}.custom-showcase .hero h1{font-size:43px}.custom-showcase .facts,.custom-showcase .studio-grid{grid-template-columns:1fr}.custom-showcase .proof strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.custom-showcase *{scroll-behavior:auto!important;transition:none!important}.custom-showcase .build-card:hover,.custom-showcase .collection-card:hover{transform:none}}