:root{
  --cream:#f3eadb;
  --paper:#e9dfcf;
  --ink:#11110f;
  --red:#e3211b;
  --muted:#6e6a62;
  --display:Impact,"Arial Narrow",sans-serif;
  --tech:"Share Tech Mono","Courier New",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--tech)}
button,a{font:inherit;color:inherit}
a{text-decoration:none}
img{display:block;max-width:100%}
.shop-header{height:88px;display:grid;grid-template-columns:220px 1fr auto;align-items:stretch;border-top:5px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--cream);position:relative;z-index:10}
.shop-brand{display:flex;align-items:center;padding:10px 25px;border-right:1px solid var(--ink)}
.shop-brand img{width:148px;height:66px;object-fit:contain;object-position:left center}
.shop-kicker{align-self:center;padding:0 28px;font-size:12px;letter-spacing:.13em}
.shop-nav{display:flex;align-items:stretch}
.shop-nav a{display:grid;place-items:center;padding:0 24px;border-left:1px solid var(--ink);font-family:var(--display);font-size:18px;text-transform:uppercase}
.shop-nav a:hover,.shop-nav .active{background:var(--red);color:var(--cream)}
.shop-ticker{height:38px;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--red);border-bottom:1px solid var(--ink);font:18px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;overflow:hidden;white-space:nowrap}
.shop-ticker span{font-family:var(--tech);font-size:14px}
.studio-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);min-height:calc(100vh - 126px)}
.studio-gallery{padding:clamp(18px,2.6vw,44px);border-right:1px solid var(--ink);background:#141412}
.stage{position:relative;min-height:620px;height:calc(100vh - 190px);overflow:hidden;background:#191714}
.stage img{width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}
.image-count{position:absolute;left:16px;bottom:16px;padding:9px 11px;background:rgba(17,17,15,.86);color:var(--cream);border:1px solid rgba(243,234,219,.35);font-size:11px;letter-spacing:.13em}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:9px}
.thumb{padding:0;border:1px solid rgba(243,234,219,.25);background:#111;cursor:pointer;aspect-ratio:1;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:.2s}
.thumb:hover img,.thumb[aria-current="true"] img{filter:none;transform:scale(1.035)}
.thumb[aria-current="true"]{border-color:var(--red);outline:2px solid var(--red);outline-offset:-3px}
.buy-panel{padding:clamp(38px,5vw,76px) clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;align-self:start;min-height:calc(100vh - 126px)}
.eyebrow{margin:0 0 17px;font-size:12px;letter-spacing:.15em}
.buy-panel h1,.clean-copy h1{margin:0;font:clamp(76px,8vw,138px)/.76 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.buy-panel h1 em,.clean-copy h1 em{display:block;color:var(--red);font-style:normal}
.intro{max-width:420px;margin:28px 0 30px;font-size:17px;line-height:1.45}
.price-line{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;margin-bottom:20px}
.price-line strong{font:52px/.85 var(--display)}
.price-line span{text-align:right;font-size:10px;line-height:1.45;letter-spacing:.08em}
.preorder-button{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--red);background:var(--red);color:var(--cream);padding:0 20px;font-weight:700;letter-spacing:.08em;cursor:pointer;text-transform:uppercase}
.preorder-button b{font:28px/1 var(--display)}
.preorder-button:hover,.preorder-button:focus-visible{background:var(--ink);border-color:var(--ink);outline:none}
.preorder-button[disabled]{opacity:.65;cursor:wait}
.trust{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid rgba(17,17,15,.35)}
.trust div{padding:14px 11px 0 0}
.trust div+div{padding-left:11px;border-left:1px solid rgba(17,17,15,.35)}
.trust strong{display:block;font-family:var(--display);font-size:15px;margin-bottom:5px}
.trust small{font-size:9px;line-height:1.4;color:var(--muted)}
.shop-note{margin:18px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}
.shop-note a{text-decoration:underline}

/* Final studio + clean hybrid */
.hybrid-page{background:var(--cream)}
.hybrid-header{position:sticky;top:0;width:100%;grid-template-columns:220px minmax(0,1fr) max-content;overflow:hidden}.hybrid-header .shop-nav{grid-column:3;height:100%;min-width:max-content;justify-self:end}.hybrid-header .shop-nav a{height:100%;white-space:nowrap}
.hybrid-shell{display:grid;grid-template-columns:minmax(500px,.92fr) minmax(0,1.08fr);min-height:max(620px,calc(100dvh - 126px));height:auto}
.hybrid-copy{min-width:0;padding:clamp(24px,2.7vw,48px);border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:center;background-color:var(--cream);background-image:radial-gradient(rgba(17,17,15,.13) .7px,transparent .7px);background-size:8px 8px}
.hybrid-copy h1{margin:0;font:clamp(72px,7.5vw,126px)/.76 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.hybrid-copy h1 em{display:block;color:var(--red);font-style:normal}
.hybrid-statement{max-width:620px;margin:18px 0 14px;font:clamp(20px,1.8vw,29px)/1.08 var(--display);text-transform:uppercase}
.hybrid-intro{max-width:650px;margin:14px 0;font-size:14px;line-height:1.4}
.hybrid-offer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:12px}
.hybrid-offer div{display:grid;gap:4px}.hybrid-offer small{font-size:9px;letter-spacing:.12em}.hybrid-offer strong{font:52px/.85 var(--display)}.hybrid-offer>span{text-align:right;font-size:10px;line-height:1.45;letter-spacing:.07em}
.hybrid-details{margin:12px 0 0;border-top:1px solid rgba(17,17,15,.3)}
.hybrid-details div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:7px 0;border-bottom:1px solid rgba(17,17,15,.22)}
.hybrid-details dt{font:14px/1 var(--display)}.hybrid-details dd{margin:0;font-size:10px;line-height:1.35;color:var(--muted)}
.hybrid-gallery{min-width:0;min-height:0;background:var(--cream);padding:0;display:grid;grid-template-rows:minmax(0,1fr) clamp(86px,12vh,118px);gap:0}
.hybrid-stage{position:relative;min-height:0;overflow:hidden;background:var(--cream)}
.hybrid-stage>img{width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}
.hybrid-stage-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:rgba(243,234,219,.88);color:var(--ink);border-top:1px solid rgba(17,17,15,.3);font-size:10px;letter-spacing:.12em}
.hybrid-stage-label b{color:var(--red)}
.hybrid-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--cream)}
.hybrid-thumbs .thumb{border-color:var(--cream);aspect-ratio:auto;min-height:0}
.hybrid-footer{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 3vw;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.08em;border-top:2px solid var(--red)}
.hybrid-footer a{color:var(--red)}

/* Clean concept */
.clean-page{background-color:var(--cream);background-image:radial-gradient(rgba(17,17,15,.12) .7px,transparent .7px);background-size:8px 8px}
.clean-shell{min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(310px,.67fr) minmax(0,1.33fr)}
.clean-copy{padding:clamp(34px,5vw,78px);border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:center;background:rgba(243,234,219,.92)}
.clean-copy h1{font-size:clamp(80px,9vw,150px)}
.clean-copy .intro{margin-bottom:20px}
.serial{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:.09em;margin-bottom:24px}
.clean-stage{position:relative;min-height:760px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 48%)}
.clean-stage:before{content:"THE FACE";position:absolute;left:4%;top:4%;font:clamp(74px,12vw,190px)/.76 var(--display);letter-spacing:-.05em;color:rgba(17,17,15,.055);white-space:nowrap}
.clean-main{width:min(76%,780px);height:auto;object-fit:contain;filter:drop-shadow(0 30px 24px rgba(17,17,15,.22));position:relative;z-index:2;transition:opacity .18s ease,transform .2s ease}
.clean-main.is-wide{width:min(86%,900px)}
.clean-thumbs{position:absolute;right:22px;top:22px;bottom:22px;width:86px;display:flex;flex-direction:column;justify-content:center;gap:10px;z-index:3}
.clean-thumb{border:1px solid var(--ink);background:rgba(243,234,219,.74);padding:4px;aspect-ratio:1;cursor:pointer}
.clean-thumb img{width:100%;height:100%;object-fit:contain}
.clean-thumb[aria-current="true"]{background:var(--red);border-color:var(--red)}
.clean-index{position:absolute;left:24px;bottom:20px;color:var(--red);font:54px/.8 var(--display);z-index:3}
.clean-buy{position:absolute;left:24px;right:132px;bottom:26px;z-index:4;display:grid;grid-template-columns:auto minmax(230px,360px);align-items:center;justify-content:space-between;gap:25px;pointer-events:none}
.clean-buy .clean-price{font:clamp(42px,5vw,72px)/.8 var(--display)}
.clean-buy .preorder-button{pointer-events:auto}
.concept-label{position:absolute;left:24px;top:22px;padding:8px 10px;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.12em;z-index:3}
.shop-toast{position:fixed;right:20px;bottom:20px;max-width:390px;padding:15px 18px;background:var(--ink);color:var(--cream);border:1px solid var(--red);transform:translateY(120px);opacity:0;transition:.25s;z-index:50;font-size:12px}
.shop-toast.show{transform:none;opacity:1}
@media(max-width:1180px) and (min-width:981px){
  .hybrid-header{grid-template-columns:180px minmax(0,1fr)}.hybrid-header .shop-kicker{display:none}.hybrid-header .shop-nav{grid-column:2}
}
@media(max-width:980px){
  .shop-header{grid-template-columns:180px 1fr}.shop-kicker{display:none}.shop-brand{border-right:1px solid var(--ink)}.shop-nav a{padding:0 14px;font-size:16px}
  .hybrid-header .shop-nav{grid-column:2;justify-self:end}
  .studio-shell,.clean-shell,.hybrid-shell{grid-template-columns:1fr}.hybrid-shell{height:auto;min-height:0}.studio-gallery{border-right:0;border-bottom:1px solid var(--ink)}.stage{height:min(74vh,720px);min-height:430px}.buy-panel{position:static;min-height:auto}.clean-copy{border-right:0;border-bottom:1px solid var(--ink)}.clean-stage{min-height:680px}.hybrid-gallery{grid-row:1;grid-template-rows:minmax(470px,72vh) 104px}.hybrid-copy{grid-row:2;border-right:0;border-top:1px solid var(--ink)}.hybrid-stage{height:auto;min-height:0}
}
@media(max-width:620px){
  .shop-header{height:74px;grid-template-columns:142px 1fr}.shop-brand{padding:8px 14px}.shop-brand img{width:112px;height:54px}.shop-nav a{padding:0 12px;font-size:14px}.shop-nav a:first-child{display:none}.shop-ticker{height:34px;font-size:15px}.shop-ticker .optional{display:none}
  .studio-shell,.clean-shell,.hybrid-shell{min-height:calc(100vh - 108px)}.studio-gallery{padding:10px}.stage{height:62vh;min-height:390px}.thumbs{gap:5px}.buy-panel{padding:42px 20px}.buy-panel h1,.clean-copy h1{font-size:78px}.intro{font-size:16px}.trust{grid-template-columns:1fr}.trust div+div{padding-left:0;border-left:0}.trust div{border-bottom:1px solid rgba(17,17,15,.2);padding:12px 0}.clean-copy{padding:44px 20px}.clean-stage{min-height:560px}.clean-main{width:86%;transform:translateY(-36px)}.clean-main.is-wide{width:94%}.clean-thumbs{left:12px;right:12px;top:auto;bottom:116px;width:auto;flex-direction:row}.clean-thumb{width:calc((100% - 32px)/5)}.clean-index{display:none}.clean-buy{left:14px;right:14px;bottom:20px;grid-template-columns:1fr;gap:10px}.clean-buy .clean-price{font-size:42px}.clean-buy .preorder-button{min-height:56px}.concept-label{left:14px;top:14px}.hybrid-gallery{padding:0;grid-template-rows:minmax(390px,58vh) 82px}.hybrid-stage{height:auto;min-height:0}.hybrid-thumbs{gap:0}.hybrid-copy{padding:42px 20px}.hybrid-copy h1{font-size:82px}.hybrid-statement{font-size:24px}.hybrid-offer{align-items:flex-end}.hybrid-details div{grid-template-columns:125px 1fr}.hybrid-footer{align-items:flex-start;flex-direction:column;gap:12px}.hybrid-header .shop-nav a:first-child{display:grid;padding:0 12px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage img,.clean-main,.thumb img,.shop-toast{transition:none}}

/* Pedal purchase includes the companion plugin; hardware retains priority. */
.plugin-bundle{border-left:3px solid #e3211b;padding:12px 16px;margin:18px 0;font-size:1rem;line-height:1.45;text-align:left}
.plugin-bundle strong{display:block;font-size:1rem}.plugin-bundle p{margin:6px 0!important;font-size:1rem!important}.plugin-bundle small{display:block;font-size:.875rem}.plugin-bundle a{display:inline-block;margin-top:8px;text-decoration:underline;font-size:.875rem}
.plugin-secondary{padding:clamp(28px,6vw,85px);background:#151514;color:#f3eadb;border-top:3px solid #e3211b;scroll-margin-top:100px}
.plugin-secondary h2{font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.1;margin:14px 0 28px;max-width:100%}.plugin-secondary h3{font-size:1.3rem;line-height:1.3}.plugin-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,70px)}.plugin-columns p{font-size:1rem;line-height:1.65;max-width:65ch}.plugin-columns a{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.plugin-columns{grid-template-columns:1fr}.plugin-bundle{padding:10px 12px}}