/* TWYN showroom and specialist invitation — additive, shared dark/gold system. */
.showcase{padding-bottom:72px}
.showcase .showcase-hero{padding:76px 0 58px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);gap:60px;align-items:end}
.showcase h1,.partner-page h1{font:600 clamp(46px,7vw,88px)/.98 var(--display);letter-spacing:-.075em;margin:0 0 25px;max-width:13ch}
.showcase h1 em,.partner-page h1 em{color:var(--gold);font-style:normal}
.showcase .hero-lead,.partner-page .hero-lead{color:#c9c5bc;font-size:clamp(16px,1.8vw,19px);max-width:58ch;line-height:1.65;margin:0 0 28px}
.showcase .showcase-actions,.partner-page .showcase-actions{display:flex;flex-wrap:wrap;gap:12px}
.showcase .showcase-rule{border-left:1px solid var(--gold);padding:10px 0 10px 24px;color:#bdb8af;max-width:35ch;line-height:1.7;font-size:14px}
.showcase .showcase-rule b{display:block;color:var(--ink);font:600 20px/1.25 var(--display);letter-spacing:-.03em;margin-bottom:10px}
.showcase .showcase-rule small{display:block;color:var(--muted);font:11px/1.6 var(--mono);letter-spacing:.035em;margin-top:12px}
.showcase .showcase-index{border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0;margin-bottom:75px}
.showcase .showcase-index a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#c7bfae;padding:17px 20px 17px 0;margin-right:26px}
.showcase .showcase-index a:hover{color:var(--gold-hi)}
.showcase .showcase-section{margin-bottom:84px}
.showcase .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}
.showcase .section-head .eyebrow{margin-bottom:12px}
.showcase .section-head h2{font:600 clamp(28px,3.7vw,44px)/1.12 var(--display);letter-spacing:-.05em;margin:0 0 10px}
.showcase .section-head p{max-width:66ch;color:var(--muted);margin:0}
.showcase .text-link,.partner-page .text-link{color:var(--gold-hi);font-size:13px;font-weight:650;white-space:nowrap}
.showcase .text-link:hover,.partner-page .text-link:hover{text-decoration:underline;text-underline-offset:4px}
.showcase .demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.showcase .site-demo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.showcase .site-demo-grid .feature{grid-column:span 2}
.showcase .demo-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);min-height:295px;padding:25px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.showcase .demo-card:hover{border-color:#6b5530;transform:translateY(-3px)}
.showcase .demo-card.feature{position:relative;overflow:hidden;background:#181715;border-color:#7d6233;min-height:350px}
.showcase .demo-card.feature:before{content:"";position:absolute;inset:0 0 auto;height:155px;background:url('/img/demo-atelier.webp') center 18%/cover no-repeat;opacity:.86}
.showcase .demo-card.feature:after{content:"";position:absolute;inset:110px 0 auto;height:55px;background:linear-gradient(0deg,#181715,transparent)}
.showcase .demo-card.feature>*{position:relative;z-index:1}
.showcase .demo-card.feature .card-top{margin-bottom:auto}
.showcase .demo-card.feature h3{font-size:30px}
.showcase .demo-card.feature p{flex:none;max-width:52ch;color:#c9c5bb}
.showcase .demo-card.feature .card-foot{border-color:rgba(255,255,255,.22)}
.showcase .card-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:44px}
.showcase .demo-card .badge{display:inline-flex;border:1px solid #63512e;background:#272016;color:#e7c979;padding:5px 8px;border-radius:4px;font:10px/1.25 var(--mono);letter-spacing:.055em;text-transform:uppercase}
.showcase .demo-card .badge.product{border-color:#31493f;color:#a3d5ba;background:#15271e}
.showcase .demo-card .card-type{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.showcase .demo-card h3{font:600 24px/1.13 var(--display);letter-spacing:-.04em;margin:0 0 11px}
.showcase .demo-card p{color:#aaa69d;font-size:13px;line-height:1.65;margin:0 0 22px;flex:1}
.showcase .demo-card a{color:var(--gold-hi);font-size:13px;font-weight:650;align-self:start}
.showcase .demo-card a:hover{text-decoration:underline;text-underline-offset:4px}
.showcase .demo-card .card-foot{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.showcase .demo-card .card-foot small{color:var(--muted);font-size:11px}
.showcase .showroom-aside-link{padding:17px 0 0;color:var(--muted);font-size:13px;margin:0}
.showcase .showroom-aside-link a{color:var(--gold-hi);font-weight:650}
.showcase .showcase-band{border:1px solid #4d3b20;border-radius:16px;background:linear-gradient(115deg,#211a10,#111113 60%);padding:38px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin:8px 0 85px}
.showcase .showcase-band h2{font:600 clamp(26px,3vw,38px)/1.12 var(--display);letter-spacing:-.05em;max-width:17ch;margin:0 0 12px}
.showcase .showcase-band p{color:#bfb8aa;max-width:60ch;margin:0;font-size:14px}
.showcase .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:12px;overflow:hidden}
.showcase .process-grid article{background:#141417;padding:24px}
.showcase .process-grid span{color:var(--gold);font:11px var(--mono)}
.showcase .process-grid h3{font:600 17px var(--display);margin:27px 0 8px}
.showcase .process-grid p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}
.showcase .private-demo{border-top:1px solid var(--line);padding-top:70px}
.showcase .private-demo h2{font:600 clamp(29px,4vw,43px)/1.1 var(--display);letter-spacing:-.05em;margin:0 0 14px}
.showcase .private-demo .private-lead{color:#bfbab1;max-width:62ch;margin:0 0 20px}
.showcase .private-demo .private-inner{max-width:680px}
.partner-page{padding:76px 0 90px}
.partner-page .partner-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;padding-bottom:70px}
.partner-page .partner-aside{border:1px solid #4d3b20;border-radius:14px;padding:28px;background:linear-gradient(135deg,#211a10,#141417 70%)}
.partner-page .partner-aside h2{font:600 25px/1.15 var(--display);letter-spacing:-.04em;margin:0 0 13px}
.partner-page .partner-aside p{color:#bcb6a8;font-size:14px;margin:0}
.partner-page .partner-steps{border-top:1px solid var(--line);padding:65px 0}
.partner-page .partner-steps h2{font:600 clamp(29px,4vw,44px)/1.1 var(--display);letter-spacing:-.05em;margin:0 0 30px}
.partner-page .partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.partner-page .partner-grid article{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.partner-page .partner-grid .number{color:var(--gold);font:11px var(--mono)}
.partner-page .partner-grid h3{font:600 19px var(--display);margin:31px 0 10px}
.partner-page .partner-grid p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.partner-page .partner-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-top:1px solid var(--line);padding-top:70px}
.partner-page .partner-form-wrap h2{font:600 clamp(28px,3vw,42px)/1.1 var(--display);letter-spacing:-.05em;margin:0 0 15px}
.partner-page .partner-form-wrap p{color:var(--muted);font-size:14px;line-height:1.7}
.partner-page form{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:28px;display:grid;gap:17px}
.partner-page form label{font:11px var(--mono);letter-spacing:.055em;text-transform:uppercase;color:#c7bda8;display:block;margin-bottom:7px}
.partner-page form input,.partner-page form select,.partner-page form textarea{width:100%;border:1px solid #48443d;border-radius:7px;background:#0e0e11;color:var(--ink);font:14px var(--sans);padding:12px 13px;min-height:43px}
.partner-page form textarea{min-height:110px;resize:vertical}
.partner-page form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.partner-page form .consent{display:flex;gap:10px;align-items:start;text-transform:none;letter-spacing:0;font:12px/1.55 var(--sans);color:var(--muted)}
.partner-page form .consent input{width:16px;min-height:16px;margin-top:2px;accent-color:var(--gold)}
.partner-page form .form-note{font-size:12px;color:var(--muted);margin:0}
.partner-page form .form-status{font-size:13px;min-height:1.4em;color:var(--gold-hi);margin:0}
@media(max-width:850px){.showcase .showcase-hero,.partner-page .partner-hero,.partner-page .partner-form-wrap{grid-template-columns:1fr;gap:28px}.showcase .demo-grid,.partner-page .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase .site-demo-grid .feature{grid-column:span 2}.showcase .process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.showcase .showcase-hero,.partner-page{padding-top:48px}.showcase h1,.partner-page h1{font-size:clamp(44px,11vw,62px)}.showcase .demo-grid,.showcase .site-demo-grid,.partner-page .partner-grid,.showcase .process-grid{grid-template-columns:1fr}.showcase .site-demo-grid .feature{grid-column:auto}.showcase .showcase-band{display:block;padding:27px}.showcase .showcase-band .button{margin-top:24px}.showcase .section-head{display:block}.showcase .section-head .text-link{display:inline-block;margin-top:14px}.showcase .showcase-index{margin-bottom:52px}.showcase .demo-card{min-height:0}.showcase .card-top{margin-bottom:30px}.partner-page form .form-row{grid-template-columns:1fr}}