/* LVW music / experience V3
   Lesson: no paper-cutout call-to-actions, decorative arrow glyphs,
   repeated fake portfolio cards or ornamental website mockups.
   Frame an actual same-origin demo, use clear controls, and show how
   each working professional plans the job. */
:root{--site-control-radius:4px}
.music-catalog{background:#101825;color:#f7f8fc}
.music-catalog .collection-hero{padding:92px 24px 64px}
.music-catalog .collection-hero h1{font-family:'Barlow Condensed','Space Grotesk',sans-serif;font-weight:700;line-height:.88;letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(5rem,10vw,10rem);max-width:970px;margin-left:auto;margin-right:auto}
.music-catalog .collection-hero h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.065em;text-transform:none;color:#b5d9fa}
.music-catalog .collection-hero p{font-size:1.04rem;max-width:730px}
.music-catalog .collection-hero .demo-warning{font-size:.75rem;max-width:700px}
.browser-feature{padding:85px max(22px,calc((100vw - 1320px)/2)) 95px;background-color:#f3f6f9;color:#132137;position:relative;isolation:isolate;overflow:hidden}
.browser-feature:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#8b9eac24 1.1px,transparent 1.4px);background-size:24px 24px;mask-image:linear-gradient(115deg,#0006,transparent 74%);-webkit-mask-image:linear-gradient(115deg,#0006,transparent 74%)}
.browser-feature-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:29px}
.browser-feature-head h2{font:700 clamp(3.5rem,6vw,6.4rem)/.94 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.032em;max-width:900px;margin:10px 0 18px;text-wrap:balance}
.browser-feature-head p:not(.eyebrow){font-size:1rem;line-height:1.7;color:#44556b;max-width:680px}
.browser-feature-head .eyebrow{color:#285684}
.browser-feature-index{font:700 clamp(5rem,11vw,10rem)/.7 'Barlow Condensed',sans-serif;color:#c6d4e1;display:flex;flex-direction:column;align-items:flex-end}
.browser-feature-index span{font:700 .85rem 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;color:#526980}
.browser-select{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#0b1523;border:1px solid #142c44;border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden}
.browser-select button{appearance:none;min-width:0;min-height:76px;padding:15px 10px;background:#101d2d;border:0;border-right:1px solid #35475b;color:#bac9d9;display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;text-align:left;font:600 .7rem 'IBM Plex Mono',monospace;letter-spacing:.045em;transition:background .15s ease,color .15s ease;cursor:pointer}
.browser-select button:last-child{border-right:0}
.browser-select button strong{font:700 .98rem 'Space Grotesk',sans-serif;letter-spacing:0;color:#f4f7fc}
.browser-select button small{font:500 .69rem 'IBM Plex Mono',monospace;color:#9baec2}
.browser-select button[aria-selected=true]{background:#e7f5ff;color:#143b62;box-shadow:inset 0 4px 0 #287fc4}
.browser-select button[aria-selected=true] strong,.browser-select button[aria-selected=true] small{color:#133453}
.browser-select button:hover:not([aria-selected=true]){background:#1a3046;color:#fff}
.browser-select button:focus-visible{position:relative;z-index:3;outline:3px solid #ffb66a;outline-offset:-4px}
.site-browser{background:#07121d;border:12px solid #07121d;border-radius:0 0 12px 12px;box-shadow:0 32px 50px #17263827;overflow:hidden}
.site-browser-chrome{min-height:54px;background:#091522;color:#c8d7e7;display:flex;align-items:center;gap:20px;padding:9px 14px;font:600 .68rem 'IBM Plex Mono',monospace;letter-spacing:.025em}
.chrome-identity{white-space:nowrap;color:#c8e7ff;border-right:1px solid #52647a;padding-right:18px}
.chrome-url{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #314158;background:#162638;color:#c5d6e8;padding:9px 12px;border-radius:4px}
.chrome-state{color:#bce8dc;display:flex;gap:7px;align-items:center}
.chrome-state i{height:7px;width:7px;display:inline-block;background:#69dcb6;border-radius:50%}
.browser-viewport{height:min(68vw,740px);min-height:520px;background:#e9eff5;overflow:hidden;position:relative}
.browser-viewport iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.browser-caption{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;padding:20px 22px;background:#0b1725;color:#f7fbff;border-top:1px solid #2c435a}
.browser-caption>div{flex:1;min-width:200px}
.browser-caption .browser-label{display:block;color:#8ab6d5;font:700 .62rem 'IBM Plex Mono',monospace;letter-spacing:.1em;margin-bottom:5px}
.browser-caption strong{font-size:1.2rem;font-weight:700}
.browser-caption p{font-size:.83rem;color:#a9c5dd;margin:8px 0 0;line-height:1.55}
.browser-open{background:#e1f0fb;border:1px solid #e1f0fb;color:#0c253d;text-decoration:none;font:700 .82rem 'Space Grotesk',sans-serif;padding:15px 18px;border-radius:4px;transition:background .15s}
.browser-open:hover{background:#fff;border-color:#fff}
.browser-open:focus-visible{outline:3px solid #ffb66a;outline-offset:3px}
.browser-accuracy{margin-top:20px;max-width:820px;color:#5d6c7b;font-size:.79rem;line-height:1.7}
.music-catalog .collection-grid{padding-top:75px}
.music-catalog .collection-card{box-shadow:none}
.music-catalog .collection-card:hover{box-shadow:0 24px 60px #0004}
.music-catalog .collection-card .card-cta{font:700 .86rem 'Space Grotesk',sans-serif;padding:14px 17px;border:1px solid #ffffff9c;background:#061321b8;text-decoration:none;border-radius:4px;display:inline-block;transition:background .15s,border .15s}
.music-catalog .collection-card .card-cta:hover{background:#fff;color:#101929}
.music-catalog .collection-card .card-cta:focus-visible{outline:3px solid #ffbe84;outline-offset:3px}
.music-catalog .closing{background:#172f4b;color:#eff8ff}
.music-catalog .closing .button{background:#edf7ff;color:#0b2848;border-color:#edf7ff}
/* Remove the paper cut-out button visual grammar sitewide. Main action and
   quiet secondary action have separate behavior, both still touch-friendly. */
body.profile .button,body.profile .pill,.music-catalog .button,.site-browser .browser-open{border-radius:4px;box-shadow:none;transform:none;clip-path:none;text-shadow:none;letter-spacing:.015em}
body.profile .hero-actions .button,body.profile .closing .button,body.profile .booking-panel .button,.music-catalog .closing .button{min-height:49px;padding:13px 19px;background:var(--action-bg,#142d49);border:1px solid var(--action-bg,#142d49);color:var(--action-fg,#f6fbff);font:700 .88rem 'Space Grotesk',sans-serif;transition:filter .2s,border-color .2s,background .2s}
body.profile .hero-actions .button:hover,body.profile .closing .button:hover,body.profile .booking-panel .button:hover{filter:brightness(1.17)}
body.profile .hero-actions .button.secondary{background:transparent;border:1px solid color-mix(in srgb,var(--fg) 52%,transparent);color:var(--fg)}
body.profile .hero-actions .button.secondary:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}
body.profile--keys{--action-bg:#277ab1;--action-fg:#fff}
body.profile--voice{--action-bg:#e39a65;--action-fg:#2a1230}
body.profile--guitar{--action-bg:#153a5d;--action-fg:#fff}
body.profile--drums{--action-bg:#ff8256;--action-fg:#101b29}
body.profile--engineer{--action-bg:#9ad6f7;--action-fg:#0c1829}
body.profile--strings{--action-bg:#5e519a;--action-fg:#fff}
/* No loose labels resembling paper stickers. Cleaner hard-surface hardware. */
body.profile .status-pill{border:0;border-radius:3px;background:color-mix(in srgb,var(--fg) 10%,transparent);padding:7px 10px;font:600 .68rem 'IBM Plex Mono',monospace}
body.profile .artwork .art-note{border-radius:3px;box-shadow:none}
body.profile .service{border-radius:4px;box-shadow:none}
body.profile .service::before{box-shadow:none}
body.profile .booking-panel,body.profile .info-card,body.profile .event{border-radius:5px;box-shadow:none}
body.profile .social-actions button{border-radius:3px;background:transparent;padding:11px 15px;border:1px solid color-mix(in srgb,var(--fg) 38%,transparent);box-shadow:none}
body.profile .social-actions button:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}
body.profile .comparison-controls button{border-radius:3px}
body.profile .comparison{border-radius:4px}
body.profile .planner-controls,body.profile .planner-result{box-shadow:none;border-radius:5px}
body.profile .planner-result button{border-radius:4px;background:var(--fg);border:1px solid var(--fg);color:var(--bg);font:700 .82rem 'Space Grotesk',sans-serif;min-height:44px;transition:filter .15s}
body.profile .planner-result button.secondary{border:1px solid color-mix(in srgb,var(--fg) 56%,transparent);background:transparent;color:var(--fg)}
body.profile .planner-result button:hover{filter:brightness(.88)}
body.profile--voice .planner-result,body.profile--strings .planner-result{border-radius:6px}
body.profile .artist-planner{border-radius:7px;transform:none}
body.profile .artist-planner:after{display:none}
body.profile--keys .artist-planner{background:#173458}
body.profile--voice .artist-planner{background:#48213e}
body.profile--guitar .artist-planner{background:#234766}
body.profile--drums .artist-planner{background:#14243b}
body.profile--strings .artist-planner{background:#292843}
body.profile .planner-controls{background:color-mix(in srgb,var(--bg) 83%,transparent);border-color:color-mix(in srgb,var(--fg) 26%,transparent)}
/* Profession-specific proof instead of empty generic PORTFOLIO / 01 cards. */
body.profile .proof-section{padding-top:90px;padding-bottom:100px}
.proof-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:33px}
.proof-head h2{font:600 clamp(3rem,6vw,6.2rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.065em;max-width:940px;margin:12px 0}
.proof-head .proof-lead{color:var(--soft);line-height:1.75;max-width:700px;margin:18px 0 0;font-size:1rem}
.proof-kicker{font:700 clamp(3.9rem,8vw,8rem)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em;color:color-mix(in srgb,var(--fg) 13%,transparent)}
.proof-tags{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.proof-tags span{padding:0 0 6px;border-bottom:2px solid var(--accent);font:700 .72rem 'Space Grotesk',sans-serif;color:var(--fg)}
.practice-proof{min-height:580px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 17%,transparent);overflow:hidden;border-radius:4px}
.proof-image{min-height:540px;position:relative;background:color-mix(in srgb,var(--bg) 70%,var(--panel));overflow:hidden}
.proof-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proof-image>span{position:absolute;left:15px;bottom:15px;padding:8px 10px;font:600 .64rem 'IBM Plex Mono',monospace;line-height:1.4;letter-spacing:.045em;color:#f1f8ff;background:#091624d9}
.proof-process{padding:35px clamp(20px,3vw,45px) 32px;display:flex;flex-direction:column;gap:20px;min-width:0}
.proof-microhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-bottom:1px solid color-mix(in srgb,var(--fg) 28%,transparent);padding-bottom:14px;font:700 .69rem 'IBM Plex Mono',monospace;color:var(--accent);letter-spacing:.07em}
.proof-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;flex:1}
.proof-step{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--fg) 16%,transparent);align-items:start}
.proof-step-number{color:var(--accent);font:700 .67rem 'IBM Plex Mono',monospace;letter-spacing:.03em;line-height:1.6}
.proof-step strong{font:600 clamp(1.03rem,1.45vw,1.38rem)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.proof-step p{font-size:.87rem;line-height:1.62;color:var(--soft);margin:8px 0 0}
.proof-end{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;padding-top:9px}
.proof-end p{font-size:.7rem;line-height:1.5;color:var(--soft);margin:0;max-width:290px}
.proof-action{display:inline-flex;justify-content:center;align-items:center;min-height:43px;padding:11px 15px;background:var(--fg);color:var(--bg);text-decoration:none;font:700 .78rem 'Space Grotesk',sans-serif;border-radius:3px}
.proof-action:hover{filter:brightness(.85)}
.proof-action:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.profile--keys .proof-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.048em;font-size:clamp(3.8rem,7vw,7.6rem)}
.profile--keys .practice-proof{grid-template-columns:.8fr 1.2fr}
.profile--keys .proof-step-number{color:#e7bd74}
.profile--keys .proof-process{background:#1b4063}
.profile--voice .proof-head h2{font-family:'Italiana',Georgia,serif;font-size:clamp(4.1rem,7.2vw,8rem)}
.profile--voice .practice-proof{grid-template-columns:1fr;min-height:0;background:#50284a}
.profile--voice .proof-image{min-height:390px}
.profile--voice .proof-image img{object-position:center 35%}
.profile--voice .proof-process{padding:38px}
.profile--voice .proof-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.profile--voice .proof-step{grid-template-columns:1fr;gap:4px;align-content:start;min-height:170px;border-top:3px solid #fac893;border-bottom:0}
.profile--voice .proof-step strong{font-size:1.26rem}
.profile--guitar .practice-proof{grid-template-columns:1.12fr .88fr}
.profile--guitar .proof-image{order:2}
.profile--guitar .proof-process{order:1;background:#1d3d5b}
.profile--guitar .proof-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(4rem,7vw,8rem)}
.profile--drums .proof-head h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(4.3rem,8.3vw,9rem);line-height:.9;letter-spacing:-.035em}
.profile--drums .proof-process{background:#132741}
.profile--drums .proof-step{border-bottom-color:#6da2c033}
.profile--drums .proof-step strong{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;text-transform:uppercase;letter-spacing:.02em}
.profile--drums .proof-step-number{color:#ff906f}
.profile--engineer .practice-proof{grid-template-columns:.87fr 1.13fr;background:#f5faff;color:#10263b}
.profile--engineer .proof-process{background:#f5faff}
.profile--engineer .proof-step{border-bottom:1px solid #99aabd77}
.profile--engineer .proof-step-number,.profile--engineer .proof-microhead{color:#226297}
.profile--engineer .proof-step p,.profile--engineer .proof-end p{color:#556e85}
.profile--engineer .proof-action{background:#123a5f;color:#fff}
.profile--engineer .proof-head h2{font-family:'Space Grotesk',sans-serif}
.profile--strings .proof-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(4rem,7vw,7.5rem)}
.profile--strings .practice-proof{grid-template-columns:1fr;background:#fcfbff;color:#2b2b54}
.profile--strings .proof-image{min-height:340px}
.profile--strings .proof-process{background:#fcfbff}
.profile--strings .proof-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.profile--strings .proof-step{grid-template-columns:1fr;border-top:2px solid #7666a6;border-bottom:0}
.profile--strings .proof-step-number{color:#66519f}
.profile--strings .proof-step p,.profile--strings .proof-end p{color:#59617b}
.profile--strings .proof-microhead{color:#66519f}
.profile--strings .proof-action{background:#4b4284;color:#fff}
@media(max-width:1040px){.browser-feature{padding:65px 22px 75px}.browser-select button{padding:12px 8px}.browser-viewport{height:650px}.proof-process{padding:25px}.proof-step{grid-template-columns:80px minmax(0,1fr)}.profile--voice .proof-steps,.profile--strings .proof-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.browser-feature-head{grid-template-columns:1fr}.browser-feature-index{display:none}.browser-select{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.browser-select button{min-width:150px;flex:1;scroll-snap-align:start}.browser-viewport{height:620px}.practice-proof,.profile--keys .practice-proof,.profile--guitar .practice-proof,.profile--engineer .practice-proof{grid-template-columns:1fr}.proof-image,.profile--guitar .proof-image{order:initial;min-height:360px}.proof-process,.profile--guitar .proof-process{order:initial}.proof-head{grid-template-columns:1fr}.proof-kicker{display:none}}
@media(max-width:600px){.music-catalog .collection-hero{padding:58px 18px 42px}.music-catalog .collection-hero h1{font-size:clamp(3.6rem,14vw,6rem)}.browser-feature{padding:45px 13px 60px}.browser-feature-head h2{font-size:clamp(3rem,12vw,5rem)}.browser-select button{min-width:127px;min-height:68px}.browser-select button strong{font-size:.88rem}.site-browser{border:6px solid #07121d;border-radius:0 0 7px 7px}.site-browser-chrome{min-height:46px;padding:7px;gap:8px}.chrome-identity{font-size:.58rem;padding-right:8px}.chrome-url{font-size:.56rem;padding:8px}.chrome-state{font-size:.56rem}.browser-viewport{height:480px;min-height:400px}.browser-caption{padding:15px;gap:14px}.browser-caption strong{font-size:1rem}.browser-open{width:100%;text-align:center}.profile .proof-section{padding:65px 18px 75px}.proof-head h2,.profile--keys .proof-head h2,.profile--voice .proof-head h2,.profile--guitar .proof-head h2,.profile--drums .proof-head h2,.profile--strings .proof-head h2{font-size:clamp(3rem,13vw,5rem);line-height:.99}.proof-image{min-height:275px!important}.proof-process{padding:20px}.proof-step{grid-template-columns:73px minmax(0,1fr);gap:7px}.profile--voice .proof-steps,.profile--strings .proof-steps{grid-template-columns:1fr}.profile--voice .proof-step,.profile--strings .proof-step{min-height:0;grid-template-columns:75px 1fr;align-items:start}.proof-end{flex-direction:column;align-items:stretch}.proof-action{width:100%}body.profile .hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.browser-select button,.browser-open,.proof-action,body.profile .hero-actions .button,.music-catalog .collection-card .card-cta{transition:none!important}}

/* Keep identity disclosures outside photography, as requested in prior LVW review. */
body.profile .artwork .art-note,body.profile .artwork .editorial-reference{display:none}
body.profile .editorial-chapter .story-frame:after{display:none}
body.profile .hero-image-disclosure{max-width:1220px;margin:-23px auto 25px;padding:0 26px;color:var(--soft);font:500 .72rem/1.65 'Space Grotesk',sans-serif;letter-spacing:.025em;text-align:right}
body.profile .button{background:var(--action-bg,#142d49);color:var(--action-fg,#f8fbff);border:1px solid var(--action-bg,#142d49);border-radius:4px;min-height:44px;padding:12px 17px;box-shadow:none;font-weight:700}
body.profile .button.secondary{background:transparent;color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 50%,transparent)}
body.profile .button:hover{filter:brightness(1.09)}
body.profile .artwork img:focus-visible{outline:3px solid var(--accent)}
@media(max-width:600px){body.profile .hero-image-disclosure{text-align:left;padding:0 21px;margin:-22px auto 16px}}

/* Closing statements are immersive sections, never tan/brown paper panels. */
body.profile .closing{background:#11263e;color:#f8fbff}
body.profile--keys .closing{background:#102d50}
body.profile--voice .closing{background:#3d1b38}
body.profile--guitar .closing{background:#153b57}
body.profile--drums .closing{background:#142239}
body.profile--engineer .closing{background:#0b1625}
body.profile--strings .closing{background:#29284a}
body.profile .closing h2{font-weight:600;text-wrap:balance}
body.profile .closing .button{background:#f0f6fb;color:#13263b;border:1px solid #f0f6fb;min-height:50px}
body.profile .closing .button:hover{background:#fff;color:#111e2c}
body.profile--guitar .artwork{background:#284a68}
body.profile--guitar .artist-planner .planner-controls{background:#1c3b57}
body.profile--guitar .service{border-color:transparent}
.music-catalog .collection-card:nth-child(n){border-radius:6px}
.music-catalog .collection-card:nth-child(2){border-top:4px solid #faac83}
.music-catalog .collection-card:nth-child(4){border-top:4px solid #ff925d}
.music-catalog .collection-card:nth-child(5){border-top:4px solid #8ccde9}