/* Homepage adapter for the existing pinned Bildpunkt / Tonewedge UI 0.1.0.
   Reuses the shipped tokens, primitives and editor artwork. No runtime upgrade. */
@font-face{font-family:'Bildpunkt Display';src:url('/guitar/fonts/Redaction50-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
body.bildpunkt-home{
  --ink:var(--tw-seam);--paper:var(--tw-case);--muted:var(--tw-glass-muted);
  --orange:var(--tw-accent);--pad:clamp(20px,4vw,64px);
  background:var(--tw-seam);color:var(--tw-ink);font-family:Figtree,Arial,sans-serif;
}
.bildpunkt-home :is(.site-header,.hero-heading,.hero-foot,.section-label,.small-label,figcaption,.tw-button,.footer-name,.dialog-bar){font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.bildpunkt-home :is(a,button):focus-visible{outline:3px solid var(--tw-accent);outline-offset:5px}
.bildpunkt-home .site-header{height:auto;min-height:88px;gap:20px;border-bottom:2px solid var(--tw-plate-light);background:var(--tw-seam);padding-top:12px;padding-bottom:12px}
.bildpunkt-home .brand{width:114px;height:62px}
.bildpunkt-home .brand img{width:114px}
.bildpunkt-home .product-name{font-size:16px;letter-spacing:.04em;text-transform:uppercase;border-color:var(--tw-plate-light);padding-left:20px}
.bildpunkt-home .site-header nav{align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.bildpunkt-home .site-header nav a{font-size:12px;letter-spacing:.025em;min-height:44px}
.bildpunkt-home .site-header .guitar-entry{color:var(--tw-seam);padding:10px 14px;text-align:center}
.bildpunkt-home .site-header nav a:hover{color:var(--tw-accent-light)}
.bildpunkt-home .site-header .guitar-entry:hover{color:var(--tw-seam)}
.bildpunkt-home .hero{
  margin:24px clamp(12px,2vw,32px) 0;padding:24px clamp(20px,3vw,48px) 0;
  border:2px solid var(--tw-case-light);background:var(--tw-plate);color:var(--tw-ink);
  box-shadow:inset 3px 3px 0 var(--tw-plate-light),inset -4px -4px 0 var(--tw-plate-shadow),0 6px 0 var(--tw-plate-shadow);
}
.bildpunkt-home .hero-heading{padding-bottom:18px;border-bottom:2px solid var(--tw-plate-shadow);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.bildpunkt-home .eyebrow{color:var(--tw-accent-light);font-weight:400}
.bildpunkt-home .status{color:var(--tw-muted)}
.bildpunkt-home .status i{border-radius:0;background:var(--tw-accent);box-shadow:2px 2px 0 var(--tw-plate-shadow)}
.bildpunkt-home .hero-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.45fr);gap:32px;padding:44px 0 40px}
.bildpunkt-home .hero-copy h1{font-family:'Bildpunkt Display',Georgia,serif;font-size:clamp(48px,4.8vw,74px);line-height:1.04;font-weight:400;letter-spacing:-.035em;margin-bottom:24px}
.bildpunkt-home .hero-copy h1 span{color:var(--tw-accent-light)}
.bildpunkt-home .hero-copy>p{font-size:19px;line-height:1.5;color:var(--tw-muted);max-width:430px}
.bildpunkt-home .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}
.bildpunkt-home .hero-actions .tw-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;font-size:12px;line-height:1.4;min-height:48px;padding:12px 16px}
.bildpunkt-home .hero-actions .text-link{margin:0;font-size:14px;font-weight:400;color:var(--tw-ink);gap:12px}
.bildpunkt-home .hero-screen{padding:10px;background:var(--tw-case);border:2px solid var(--tw-seam);box-shadow:inset 2px 2px 0 var(--tw-case-light),inset -3px -3px 0 var(--tw-case-low),5px 5px 0 var(--tw-plate-shadow)}
.bildpunkt-home .screen-open{border:2px solid var(--tw-seam);border-radius:0;box-shadow:2px 2px 0 var(--tw-case-low)}
.bildpunkt-home .hero-screen .screen-open{box-shadow:none}
.bildpunkt-home .hero-screen img{aspect-ratio:1248/916;image-rendering:pixelated}
.bildpunkt-home figcaption{font-size:11px;line-height:1.5;letter-spacing:.015em}
.bildpunkt-home .hero-screen figcaption{color:var(--tw-seam);font-weight:400;gap:12px;margin:12px 2px 2px}
.bildpunkt-home .expand{border-radius:0;border:2px solid var(--tw-seam);background:var(--tw-accent);width:36px;height:36px;box-shadow:2px 2px 0 var(--tw-seam)}
.bildpunkt-home .hero-foot{border-top:2px solid var(--tw-plate-shadow);padding:18px 0 20px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tw-muted)}
.bildpunkt-home .section{border-top:2px solid var(--tw-plate-shadow);padding-top:64px;padding-bottom:64px}
.bildpunkt-home .rig-section{margin-top:28px;background:var(--tw-case);color:var(--tw-seam)}
.bildpunkt-home .section-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;margin-bottom:32px}
.bildpunkt-home .section-dot{border-radius:0;width:10px;height:10px;box-shadow:2px 2px 0 var(--tw-seam)}
.bildpunkt-home :is(h2,h3){font-family:'Bildpunkt Display',Georgia,serif;font-weight:400;letter-spacing:-.03em}
.bildpunkt-home h2{font-size:clamp(38px,4vw,60px)}
.bildpunkt-home h3{font-size:clamp(26px,2.7vw,36px)}
.bildpunkt-home .maker-colors i{border-radius:0}
.bildpunkt-home .playing-section{background:var(--tw-glass);color:var(--tw-glass-ink)}
.bildpunkt-home .small-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.bildpunkt-home .playing-grid>article{padding:24px;border:2px solid var(--tw-plate-light);box-shadow:4px 4px 0 var(--tw-case-low)}
.bildpunkt-home .card-heading{min-height:215px}
.bildpunkt-home .afterglow-section{background:var(--tw-seam);color:var(--tw-ink)}
.bildpunkt-home .afterglow-section h2{color:var(--tw-ink)}
.bildpunkt-home .afterglow-section .section-label{color:var(--tw-accent-light)}
.bildpunkt-home .afterglow-section .screen-open{border-color:var(--tw-plate-light);box-shadow:4px 4px 0 var(--tw-plate-shadow)}
.bildpunkt-home .workshop-promo{background:var(--tw-plate);color:var(--tw-ink);border-color:var(--tw-plate-light)}
.bildpunkt-home .workshop-promo .section-label{color:var(--tw-accent-light)}
.bildpunkt-home .workshop-actions{display:flex;flex-wrap:wrap;gap:16px}
.bildpunkt-home .workshop-link{display:inline-flex;align-items:center;gap:20px;padding:12px 16px;border-radius:0;font-size:13px;font-weight:400;text-decoration:none;min-height:48px;background:var(--tw-glass);color:var(--tw-glass-ink)}
.bildpunkt-home .workshop-link.tw-button--accent{background:var(--tw-accent);color:var(--tw-seam)}
.bildpunkt-home .workshop-graphic{transform:none;max-width:290px;aspect-ratio:3/4;border:2px solid var(--tw-seam);border-radius:0;padding:24px;background:var(--tw-recess) url('/guitar/materials/pedal.png') center 68%/78% auto no-repeat;image-rendering:pixelated;box-shadow:inset 2px 2px 0 var(--tw-plate-light),inset -3px -3px 0 var(--tw-plate-shadow),5px 5px 0 var(--tw-seam)}
.bildpunkt-home .workshop-graphic span{color:var(--tw-accent-light);font:12px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.bildpunkt-home .workshop-graphic :is(svg,i){visibility:hidden}
.bildpunkt-home .details-section{background:var(--tw-case);color:var(--tw-seam)}
.bildpunkt-home .details-grid article{border-top:2px solid var(--tw-case-low)}
.bildpunkt-home footer{background:var(--tw-seam);color:var(--tw-muted);border-top:2px solid var(--tw-plate-light)}
.bildpunkt-home .footer-name{font-size:16px;text-transform:uppercase}
.bildpunkt-home .bildpunkt-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--tw-accent-light);font:13px/1.4 ui-monospace,monospace;text-decoration:none}.bildpunkt-home .bildpunkt-link:hover{text-decoration:underline}
.bildpunkt-home dialog{background:var(--tw-plate);border:2px solid var(--tw-case-light);border-radius:0;box-shadow:6px 6px 0 var(--tw-seam)}
.bildpunkt-home .dialog-bar button{border:2px solid var(--tw-seam);border-radius:0;background:var(--tw-glass);color:var(--tw-glass-ink);box-shadow:2px 2px 0 var(--tw-seam)}
@media(min-width:1600px){.bildpunkt-home .hero{max-width:1500px;margin-left:auto;margin-right:auto}}
@media(max-width:1080px){
  .bildpunkt-home .site-header{flex-wrap:wrap;gap:8px 18px}.bildpunkt-home .site-header nav{gap:16px}
  .bildpunkt-home .hero-layout{grid-template-columns:1fr;gap:30px}.bildpunkt-home .hero-copy h1{font-size:64px;max-width:760px}.bildpunkt-home .hero-copy>p{max-width:640px}.bildpunkt-home .hero-screen{max-width:none}
  .bildpunkt-home .card-heading{min-height:240px}
}
@media(max-width:700px){
  .bildpunkt-home .site-header{padding:8px 18px 14px}.bildpunkt-home .brand{width:100px;height:56px}.bildpunkt-home .brand img{width:100px}.bildpunkt-home .product-name{margin-left:auto;border:0;font-size:14px}
  .bildpunkt-home .site-header nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 10px;justify-content:start}.bildpunkt-home .site-header nav a{font-size:11px;justify-content:center;text-align:center;min-height:44px}.bildpunkt-home .guitar-entry{grid-column:2/4}
  .bildpunkt-home .hero{margin:14px 10px 0;padding:20px 16px 0}.bildpunkt-home .hero-heading{align-items:flex-start;flex-direction:column;gap:12px;font-size:10px}.bildpunkt-home .hero-layout{padding:28px 0;gap:28px}.bildpunkt-home .hero-copy h1{font-size:clamp(42px,11.5vw,64px);letter-spacing:-.035em;margin-bottom:18px}.bildpunkt-home .hero-copy>p{font-size:17px;line-height:1.5}.bildpunkt-home .hero-actions{gap:12px;margin-top:22px}.bildpunkt-home .hero-actions .tw-button{width:100%;font-size:11px}.bildpunkt-home .hero-actions .text-link{min-height:44px;font-size:13px}
  .bildpunkt-home .hero-screen{padding:6px;box-shadow:3px 3px 0 var(--tw-plate-shadow)}.bildpunkt-home .hero-screen figcaption{margin:9px 1px 2px;font-size:9px}.bildpunkt-home .hero-screen figcaption span:last-child{display:none}.bildpunkt-home .hero-foot{font-size:9px;letter-spacing:0;gap:8px;padding:15px 0}.bildpunkt-home .section{padding:44px 20px}.bildpunkt-home .section-label{font-size:10px;margin-bottom:26px}.bildpunkt-home .playing-grid>article{padding:18px}.bildpunkt-home .card-heading{min-height:0}.bildpunkt-home .playing-grid{gap:26px}.bildpunkt-home .workshop-actions{gap:12px}.bildpunkt-home .workshop-link{font-size:12px}.bildpunkt-home .workshop-graphic{max-width:220px;padding:18px}.bildpunkt-home .dialog-bar p{font-size:12px}
}

/* The shipped Tonewedge material artwork is the visual reference. */
.bildpunkt-home .hero{background-image:url('/guitar/materials/study/sf-plate-nw.png'),url('/guitar/materials/study/sf-plate-se.png');background-position:top left,bottom right;background-size:96px 96px;background-repeat:no-repeat}
.bildpunkt-home .workshop-section{background-image:url('/guitar/materials/option00-quiet.png')}
.bildpunkt-home .tw-button{position:relative;isolation:isolate;background:none!important;border:0!important;box-shadow:none!important;color:#eee6ce!important;text-shadow:0 1px #20231c;font-family:'Bildpunkt Display',Georgia,serif;font-size:16px;text-transform:none}
.bildpunkt-home .tw-button::before{content:'';position:absolute;inset:0 0 2px;border:8px solid transparent;border-image:url('/guitar/materials/buttons/cast-rest.png') 4 fill / 8px / 0 stretch;image-rendering:pixelated;z-index:-1;pointer-events:none}
.bildpunkt-home .tw-button--accent::before{border-image-source:url('/guitar/materials/buttons/cast-on.png')}
.bildpunkt-home .tw-button:active::before{inset:2px 0 0}