/* SHOWROOM V17 — individual brands first, Shepherds chrome second */
:root{--dv17-ease:cubic-bezier(.22,1,.36,1)}body[data-showroom]{overflow-x:hidden}body[data-showroom] .topbar{backdrop-filter:blur(20px) saturate(1.15);box-shadow:0 1px 0 rgba(255,255,255,.08),0 18px 60px rgba(0,0,0,.08)}body[data-showroom] section{position:relative;overflow:hidden}body[data-showroom] .btn,body[data-showroom] button{position:relative;overflow:hidden;transition:transform .25s var(--dv17-ease),box-shadow .25s ease}body[data-showroom] .btn:hover,body[data-showroom] button:hover{transform:translateY(-2px)}body[data-showroom] .btn::after,body[data-showroom] button::after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.36),transparent 60%);transform:translateX(-70%) rotate(8deg);transition:.75s var(--dv17-ease);pointer-events:none}body[data-showroom] .btn:hover::after,body[data-showroom] button:hover::after{transform:translateX(70%) rotate(8deg)}.demo-v17-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s var(--dv17-ease)}.demo-v17-reveal.is-visible{opacity:1;transform:none}.dv17-tool{padding:90px 0}.dv17-tool-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.dv17-tool-copy{position:sticky;top:110px}.dv17-tool-copy h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.92;letter-spacing:-.055em;margin:12px 0}.dv17-tool-copy p{max-width:520px;line-height:1.7}.dv17-tool-panel{padding:28px;border-radius:28px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);box-shadow:0 28px 90px rgba(0,0,0,.09)}.dv17-choices{display:flex;gap:8px;flex-wrap:wrap}.dv17-choice{min-height:48px;padding:0 16px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font-weight:750}.dv17-choice.is-active{background:currentColor}.dv17-choice.is-active span{filter:invert(1)}.dv17-result{margin-top:24px;padding:24px;border-radius:22px;background:color-mix(in srgb,currentColor 7%,transparent)}.dv17-result small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.dv17-result h3{font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.045em;margin:10px 0}.dv17-result p{line-height:1.65;opacity:.72}.dv17-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.dv17-flow span{min-height:95px;padding:14px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 14%,transparent);border-radius:15px;font-size:.75rem;display:flex;align-items:end}.dv17-showroom-back{position:fixed;left:14px;bottom:14px;z-index:9999;padding:11px 14px;border-radius:999px;background:#0c0b09e8!important;color:#fff!important;border:1px solid #ffffff24!important;text-decoration:none!important;font-size:11px!important;box-shadow:0 12px 40px #0004;backdrop-filter:blur(14px)}
/* Distinct art direction, not one skin repeated */
.detail-page .dv17-tool{background:radial-gradient(circle at 78% 18%,#98c8e119,transparent 32%),#eef3f6;color:#0b1014}.detail-page .dv17-tool-panel{background:linear-gradient(145deg,#fff,#dfe9ee)}
.barber-page .dv17-tool{background:#16100d;color:#f4e7d7}.barber-page .dv17-tool-shell{grid-template-columns:1.15fr .85fr}.barber-page .dv17-tool-panel{border-radius:0;border-left:1px solid #f4e7d744;background:transparent}.barber-page .dv17-choice{border-radius:0}
.build-page .dv17-tool{background:#b8a57d;color:#141510}.build-page .dv17-tool-panel{border-radius:0;background:#e9e3d8;color:#171713;border:0;box-shadow:18px 18px 0 #171713}.build-page .dv17-choice{border-radius:0}
.clean-page .dv17-tool{background:linear-gradient(135deg,#f7f3ed,#eaf1eb);color:#1d2a22}.clean-page .dv17-tool-panel{background:#ffffffa6;backdrop-filter:blur(18px);box-shadow:0 40px 110px #6b806322}.clean-page .dv17-choice{border-color:#879b8c}
.creator-page .dv17-tool{background:linear-gradient(140deg,#ffd4e8,#ffc36c 48%,#bba6ff);color:#251521}.creator-page .dv17-tool-copy h2{text-transform:uppercase;font-weight:900}.creator-page .dv17-tool-panel{background:#fff7;border-color:#fff9;transform:rotate(-1deg)}.creator-page .dv17-choice{border-color:#251521}
@media(max-width:860px){.dv17-tool-shell{grid-template-columns:1fr}.dv17-tool-copy{position:static}.dv17-flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dv17-flow{grid-template-columns:1fr}.dv17-tool{padding:65px 0}.dv17-tool-panel{padding:20px}.dv17-showroom-back{left:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.demo-v17-reveal{opacity:1;transform:none;transition:none}}