/* Shared material and controls. Hero styling remains exclusively in style.css. */
.layout-page{--panel:#181512;--paper:#e8e2d7;--soft:#c4b5a4;--chapter-space:110px}
.layout-page main>:not(.hero){min-width:0}.layout-page figure{margin:0}.layout-page main>:not(.hero) h2{font-weight:570}
.layout-switch{display:flex;align-items:center;gap:28px;padding:25px 0 30px;font:12px/1.5 var(--mono);color:var(--muted);border-bottom:1px solid var(--line)}.layout-switch>a{display:flex;align-items:center;gap:10px;color:var(--ink)}.layout-switch>span{margin-left:auto}.layout-switch nav{display:flex;gap:8px}.layout-switch nav a{width:35px;height:35px;display:grid;place-items:center;border-radius:4px;background:#211c17;color:var(--soft)}.layout-switch nav a[aria-current=page]{background:var(--orange);color:var(--bg)}.layout-switch nav a:hover{background:var(--paper);color:var(--bg)}
.instrument-visual{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 70px;background:#050505;overflow:hidden;border-radius:14px}.instrument-photo{position:relative;min-height:0;min-width:0;overflow:hidden}.instrument-photo>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.instrument-visual:hover .instrument-photo>img{transform:scale(1.025)}.archetone-visual .instrument-photo>img{object-fit:contain}.modfx-visual .instrument-photo>img{filter:contrast(1.17) saturate(.86) brightness(.96)}.analog-console-visual .instrument-photo{background:#fff;display:grid;place-items:center}.analog-console-visual .instrument-photo>img{width:70%;height:84%;object-fit:contain;position:absolute;left:15%;top:8%}.identity-strip{background:var(--paper);color:#28221d;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px;height:70px;min-width:0}.identity-strip img{width:125px;height:42px;object-fit:contain;filter:brightness(0);flex-shrink:0}.archetone-visual .identity-strip img{width:110px;height:48px}.identity-strip span{font:11px/1.55 var(--mono);text-align:right;max-width:26ch}.analog-console-visual .identity-strip{background:#252321;color:var(--ink)}.analog-console-visual .identity-strip img{filter:none;width:68px;height:55px}.instrument-copy{min-width:0}.instrument-copy h2{font-size:clamp(34px,4.4vw,66px);letter-spacing:-.035em}.instrument-line{font-size:clamp(26px,3vw,44px);line-height:1.12;letter-spacing:-.025em;color:var(--soft);margin-top:18px}.instrument-description{font:17px/1.7 var(--sans);max-width:40ch;color:var(--muted);margin-top:22px}.instrument-format{display:block;font:11px/1.6 var(--mono);color:var(--soft);margin-top:25px}.release-status{display:inline-flex;align-items:center;gap:9px;font:12px var(--mono);color:var(--orange);margin-top:26px}.release-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.instrument-copy .button{font-size:12px;margin-top:24px}
.grid-pattern{position:absolute;inset:0;width:100%;height:100%;color:#e4925f;opacity:.17;stroke:none;pointer-events:none;mask-image:radial-gradient(ellipse at 48% 35%,#000 0,transparent 72%)}
/* One: cinematic, full-width instrument chapters. */
.chapters{padding-top:70px}.chapter{width:min(1440px,calc(100% - 36px));margin:0 auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:32px 70px;position:relative;scroll-margin-top:110px}.chapter .instrument-visual{grid-column:1/-1;height:650px;border-radius:14px}.chapter .instrument-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 70px;padding:8px 60px}.chapter h2{grid-column:1;grid-row:1/3;font-size:clamp(42px,6vw,80px)}.chapter .instrument-line{grid-column:2;grid-row:1;margin-top:0;font-size:31px}.chapter .instrument-line br{display:none}.chapter .instrument-description{grid-column:2;margin-top:15px}.chapter .button,.chapter .release-status{grid-column:2;justify-self:start}.chapter .instrument-format{grid-column:1;grid-row:3;margin-top:20px;align-self:end}.chapter-archetone .instrument-photo>img{object-fit:contain;object-position:center}.chapter-archetone .instrument-visual{background:radial-gradient(ellipse at center,#292b2d,#050505 72%)}.chapter-modfx .instrument-photo>img{object-position:50% 50%}.chapter-analog-console{width:min(1320px,calc(100% - 96px));grid-template-columns:1.2fr 1fr;align-items:center}.chapter-analog-console .instrument-visual{height:510px;grid-column:1}.chapter-analog-console .instrument-copy{display:block;grid-column:2;padding:0}.chapter-analog-console h2{font-size:clamp(34px,4vw,57px)}.chapter-analog-console .instrument-line{margin-top:20px}.chapter-analog-console .instrument-format{margin-top:24px}
/* Two: asymmetrical editorial composition, not repeated rows. */
.editorial-products{padding:100px 0 120px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:85px 30px}.editorial-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;margin-bottom:0}.editorial-intro h2{font-size:clamp(42px,6.4vw,88px)}.editorial-intro h2 span{color:var(--orange)}.editorial-intro p{font:14px/1.8 var(--mono);color:var(--muted);max-width:34ch;padding-bottom:6px}.editorial-item{min-width:0;scroll-margin-top:110px}.editorial-item .instrument-copy{padding:28px 0 0}.editorial-item .instrument-copy h2{font-size:43px}.editorial-item .instrument-line{font-size:26px;max-width:20ch}.editorial-item .instrument-line br{display:none}.editorial-item .instrument-description{font-size:16px}.editorial-item:first-of-type{grid-column:1/9}.editorial-item:first-of-type .instrument-visual{height:500px}.editorial-item:nth-of-type(2){grid-column:9/-1;margin-top:155px}.editorial-item:nth-of-type(2) .instrument-visual{height:400px}.editorial-item:nth-of-type(2) .identity-strip{padding-inline:18px}.editorial-item:nth-of-type(2) .identity-strip span{display:none}.editorial-item:nth-of-type(3){grid-column:3/12;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.editorial-item:nth-of-type(3) .instrument-visual{height:410px}.editorial-item:nth-of-type(3) .instrument-copy{padding:0}
/* Three: considered hardware density and instrument-panel grouping. */
.rack-stage{position:relative;isolation:isolate;overflow:hidden;padding:90px 0 110px;background:#16130f}.rack-stage .grid-pattern{z-index:-1}.rack-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}.rack-heading h2{font-size:clamp(45px,6vw,82px)}.rack-heading p{font:14px/1.8 var(--mono);color:var(--muted)}.rack-products{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.rack-unit{min-width:0;scroll-margin-top:110px;overflow:hidden;background:#24201b;border-radius:14px}.rack-unit .instrument-visual{height:410px;border-radius:0}.rack-unit .instrument-copy{padding:32px 36px 36px}.rack-unit h2{font-size:42px}.rack-unit .instrument-line{font-size:26px}.rack-unit .instrument-line br{display:none}.rack-unit .instrument-description{font-size:16px}.rack-unit:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.rack-unit:last-child .instrument-visual{height:420px}.rack-unit:last-child .instrument-copy{padding:40px 60px}
/* Four: sleeves, shelves, and a catalogue with real artwork. */
.sleeve-products{padding:90px 0 110px}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.shelf-heading h2{font-size:clamp(40px,5vw,68px)}.shelf-heading p{font:14px var(--mono);color:var(--orange)}.sleeve-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sleeve{min-width:0;scroll-margin-top:110px}.sleeve .instrument-visual{height:360px;border-radius:0}.sleeve .instrument-photo{background:#181716}.sleeve .identity-strip{padding-inline:18px}.sleeve .identity-strip span{display:none}.sleeve .instrument-copy{padding-top:28px}.sleeve .instrument-copy h2{font-size:35px}.sleeve .instrument-line{font-size:24px;line-height:1.3}.sleeve .instrument-line br{display:none}.sleeve .instrument-description{font-size:16px;max-width:33ch}.sleeve .instrument-format{font-size:11px}.sleeve .button{font-size:11px;gap:15px;padding:17px 18px}.layout-4 .identity-strip{justify-content:center}.layout-4 .sleeve:nth-child(2){padding-top:60px}.layout-4 .sleeve:nth-child(3){padding-top:120px}
/* Five: studio first, generous photographic rooms and instrument spreads. */
.studio-products{padding:20px 0 40px}.studio-instrument{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:36px 70px;align-items:center;padding:90px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.studio-product-title{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.studio-product-title h2{font-size:clamp(40px,6vw,80px)}.studio-product-title p{font:12px var(--mono);color:var(--orange)}.studio-instrument .instrument-visual{height:530px}.studio-instrument .instrument-copy h2{display:none}.studio-instrument .instrument-line{font-size:clamp(32px,3.5vw,49px);margin:0}.studio-instrument:nth-child(2){grid-template-columns:1fr 1.4fr}.studio-instrument:nth-child(2) .instrument-visual{grid-column:2;grid-row:2}.studio-instrument:nth-child(2) .instrument-copy{grid-column:1;grid-row:2}.studio-instrument:last-child{border:0}
/* Portraits and exact customer messages, carried through each direction. */
.session-people{padding:55px 0 65px}.people-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.people-heading h2{font-size:clamp(32px,4vw,54px)}.people-heading h2 span{color:var(--soft)}.people-heading p{font:13px var(--mono);color:var(--orange)}.people-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.people-grid li{min-width:0}.people-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;filter:saturate(.7) contrast(1.04)}.people-grid figcaption{font:12px/1.5 var(--mono);margin-top:15px;color:var(--ink)}.listener-voices{padding:0 0 100px}.voices-intro{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:30px 0;border-top:1px solid var(--line)}.voices-intro h2{font-size:28px}.voices-intro .text-link{font-size:12px;color:var(--muted)}.listener-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.listener-grid figure{display:flex;flex-direction:column;min-width:0}.listener-grid blockquote{margin:0;font:500 23px/1.55 var(--sans);letter-spacing:-.015em;flex:1;text-wrap:pretty}.listener-grid figcaption{font:12px/1.7 var(--mono);margin-top:24px}.listener-grid figcaption small{display:block;color:var(--orange);font-size:11px;margin-top:5px}.layout-2 .session-people{display:grid;grid-template-columns:1fr 2.2fr;gap:55px}.layout-2 .people-heading{display:block;margin:0}.layout-2 .people-heading p{margin-top:22px}.layout-2 .people-grid{gap:15px}.layout-2 .people-grid li:nth-child(even){padding-top:40px}.layout-3 .session-people{padding-top:85px}.layout-3 .people-grid{gap:2px}.layout-3 .people-grid img{border-radius:0}.layout-3 .people-grid figcaption{padding:15px 20px;margin:0;background:#211c17}.layout-3 .listener-grid{gap:2px}.layout-3 .listener-grid figure{padding:34px;background:#211c17}.layout-4 .people-grid{gap:36px}.layout-4 .people-grid img{border-radius:0}.layout-4 .people-heading h2 br{display:none}.layout-5 .session-people{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;align-items:center}.layout-5 .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.layout-5 .people-heading{display:block}.layout-5 .people-heading p{margin-top:30px}.layout-5 .listener-grid{grid-template-columns:1.3fr 1fr 1fr}.layout-5 .listener-grid figure:first-child blockquote{font-size:32px}
/* Category compositions show the contents, not decorative category icons. */
.new-categories{padding:80px 0 100px;background:#181512}.category-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.category-heading h2{font-size:clamp(35px,4.7vw,64px)}.category-heading p{font:13px/1.75 var(--mono);color:var(--muted)}.new-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.category-entry{display:block;min-width:0;background:#0c0a08;border-radius:12px;overflow:hidden}.category-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:310px;gap:2px;overflow:hidden;background:#050505}.category-composition img{width:100%;height:100%;min-width:0;object-fit:cover;transition:transform .7s var(--ease)}.category-plugins img:first-child{object-fit:contain}.category-plugins img:last-child{object-position:50% 50%}.category-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.category-presets img:first-child{object-fit:contain;background:#fff;padding:20px 6px}.category-kits{grid-template-columns:repeat(4,minmax(0,1fr))}.category-kits img{object-position:50% 44%}.category-label{padding:24px 26px;display:grid;grid-template-columns:1fr auto;gap:10px 18px}.category-label h3{font-size:29px;font-weight:550;letter-spacing:-.025em}.category-label p{font:11px/1.6 var(--mono);color:var(--muted);grid-column:1}.category-label svg{color:var(--orange);grid-column:2;grid-row:1/3;align-self:center;transition:transform .4s var(--ease)}.category-entry:hover .category-label svg{transform:translateX(5px)}.category-entry:hover .category-composition img{transform:scale(1.025)}.category-bundle{height:310px;background:#f7f7f4;display:grid;place-items:center}.category-bundle>div{width:min(90%,430px);aspect-ratio:1.7;background:url('assets/all-kits-cover.webp') 50% 37.5%/131% auto no-repeat}.layout-1 .new-categories{background:#15110d}.layout-2 .new-categories{background:#0c0a08;padding-top:25px;border-top:1px solid var(--line)}.layout-2 .new-category-grid{gap:40px 65px}.layout-2 .category-entry{border-radius:0;background:none}.layout-2 .category-label{padding:24px 0}.layout-2 .category-entry:nth-child(even){margin-top:75px}.layout-3 .new-category-grid{gap:14px}.layout-3 .category-entry{background:#2b241d}.layout-3 .category-label p{color:#c4b5a4}.layout-4 .new-category-grid{display:block}.layout-4 .category-entry{display:grid;grid-template-columns:1.7fr 1fr;border-radius:0;background:none;padding:25px 0;border-bottom:1px solid var(--line)}.layout-4 .category-label{align-content:center;padding-left:50px}.layout-4 .category-label h3{font-size:40px}.layout-4 .category-composition,.layout-4 .category-bundle{height:230px}.layout-4 .category-label svg{width:30px;height:30px}.layout-5 .new-categories{background:#221a14}.layout-5 .new-category-grid{gap:40px}.layout-5 .category-entry{background:#15100c}.layout-5 .category-composition,.layout-5 .category-bundle{height:350px}
/* A wide, dissolving studio gallery. The mask acts on the photo/canvas itself. */
.studio-chapter{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;min-height:620px;overflow:hidden;background:#231b14}.morph-gallery{position:relative;min-width:0;min-height:620px;overflow:hidden;touch-action:pan-y;outline-offset:-6px;mask-image:linear-gradient(90deg,#000 0%,#000 48%,#000000d9 61%,#00000075 74%,transparent 91%),linear-gradient(0deg,transparent 0%,#000 16%,#000 86%,transparent 100%);mask-composite:intersect;mask-repeat:no-repeat}.morph-gallery:focus-visible{outline:2px solid var(--orange)}.morph-images,.morph-photo,.morph-canvas{position:absolute;inset:0;width:100%;height:100%}.morph-photo{object-fit:cover;object-position:45% 50%;opacity:0;transition:opacity 1s ease}.morph-photo.current{opacity:1}.morph-canvas{display:block;opacity:0;pointer-events:none}.morph-gallery.webgl-ready .morph-canvas{opacity:1}.morph-gallery.webgl-ready .morph-images{visibility:hidden}.studio-story-copy{align-self:center;padding:70px clamp(28px,5vw,85px) 70px 0;position:relative;z-index:1;margin-left:-30px}.studio-story-copy h2{font-size:clamp(32px,3.2vw,47px)}.studio-story-copy h2 span{color:#c4b5a4}.studio-story-copy>p{font:16px/1.85 var(--sans);color:#c4b5a4;margin-top:24px;max-width:48ch}.studio-story-copy .studio-machines{font:11px/1.85 var(--mono);color:var(--orange);margin-top:30px}.studio-signature{display:flex;align-items:center;gap:20px;font:12px/1.7 var(--mono);margin-top:30px}.studio-signature img{width:35px;height:38px}.layout-2 .studio-chapter{margin:0 18px;border-radius:14px}.layout-3 .studio-chapter{grid-template-columns:1fr 1fr;background:#211c17}.layout-4 .studio-chapter{grid-template-columns:1fr;min-height:0}.layout-4 .morph-gallery{min-height:550px;mask-image:linear-gradient(0deg,transparent 0,#000 30%,#000 94%,transparent 100%);mask-composite:add}.layout-4 .studio-story-copy{margin:-45px auto 0;padding:0 24px 80px;width:min(1320px,100%);display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.layout-4 .studio-story-copy h2{grid-column:1;grid-row:1/4;font-size:clamp(35px,4.5vw,60px)}.layout-4 .studio-story-copy>p{grid-column:2;margin-top:20px}.layout-4 .studio-signature{grid-column:1;grid-row:4}.layout-5 .studio-chapter{margin-top:45px;background:var(--bg);grid-template-columns:1.7fr 1fr;min-height:760px}.layout-5 .morph-gallery{min-height:760px}.layout-5 .studio-story-copy{margin-left:-60px}.layout-5 .studio-story-copy h2{font-size:clamp(33px,4vw,55px)}
/* Bundle, useful help and a closing invitation. */
.collection-bundle{position:relative;isolation:isolate;overflow:hidden;padding:100px 0}.collection-bundle .grid-pattern{z-index:-1;opacity:.12}.bundle-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.bundle-cover{position:relative;aspect-ratio:1;max-width:460px;justify-self:center;box-shadow:0 30px 65px #0008;transform:rotate(-5deg)}.bundle-cover>img{width:100%;height:100%;object-fit:contain}.bundle-message h2{font-size:clamp(35px,4vw,57px)}.bundle-message h2 span{color:var(--orange)}.bundle-message p{font:16px/1.8 var(--sans);color:var(--muted);margin-top:22px;max-width:43ch}.bundle-message .button{font-size:12px}.layout-2 .bundle-inner{grid-template-columns:1.3fr 1fr}.layout-2 .bundle-cover{grid-column:2;grid-row:1;max-width:370px;transform:rotate(5deg)}.layout-2 .bundle-message{grid-column:1;grid-row:1}.layout-3 .collection-bundle{background:#17130f}.layout-3 .bundle-cover{transform:none;max-width:400px;box-shadow:none}.layout-4 .bundle-inner{grid-template-columns:1fr 1.5fr}.layout-4 .bundle-cover{max-width:350px;transform:none}.layout-5 .bundle-cover{max-width:510px;transform:rotate(-3deg)}.layout-page .faq{padding:80px 0 90px}.layout-page .faq-heading h2{font-size:clamp(35px,4vw,56px)}.layout-page .faq-list summary{font-size:19px}.layout-page .faq-list details p{font:16px/1.8 var(--sans)}.layout-2 .faq{grid-template-columns:1fr 2fr}.layout-3 .faq{padding:60px 40px;background:#211c17;border-radius:14px;margin-top:75px;border:0}.layout-4 .faq{grid-template-columns:1fr 1fr}.layout-5 .faq{grid-template-columns:1fr;gap:35px}.layout-5 .faq-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.layout-5 .faq-heading h2 br{display:none}.new-closing{padding:110px 0 120px;text-align:center}.new-closing h2{font-size:clamp(35px,5vw,70px)}.new-closing h2 span{color:var(--orange)}.layout-2 .new-closing{text-align:left;border-top:1px solid var(--line)}.layout-3 .new-closing{margin-top:80px}.layout-4 .new-closing{display:flex;justify-content:space-between;align-items:center;gap:40px;text-align:left;border-top:1px solid var(--line)}.layout-4 .new-closing h2{font-size:clamp(35px,4vw,55px)}
/* The five-option chooser has its own composed artwork previews. */
.choice-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.choice-header img{width:176px;height:24px;object-fit:contain}.choice-header .text-link{font-size:12px;color:var(--muted)}.choice-main{padding:90px 0 80px}.choice-intro h1,.kit-title h1{font-size:clamp(42px,6.5vw,90px);line-height:1.03;font-weight:580;letter-spacing:-.035em;text-shadow:none}.choice-intro h1 span,.kit-title h1 span{color:var(--orange)}.choice-intro p,.kit-title p{font:16px/1.8 var(--sans);color:var(--muted);margin-top:26px;max-width:65ch}.choice-grid{margin-top:60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 40px}.choice-option{min-width:0}.choice-art{position:relative;overflow:hidden;aspect-ratio:1.5;background:#1c1712;border-radius:14px}.choice-art>img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.choice-option:hover .choice-art>img{transform:scale(1.035)}.choice-art-word{position:absolute;left:30px;bottom:26px;max-width:10ch;font:570 clamp(27px,3.1vw,45px)/1.03 var(--sans);letter-spacing:-.025em;text-shadow:0 3px 20px #0009}.choice-chapters .choice-art>img{object-fit:contain}.choice-chapters .choice-art-word{font-size:30px;max-width:12ch}.choice-editorial .choice-art{padding:25px 25px 25px 42%;background:#211a14}.choice-editorial .choice-art-word{top:45px;left:25px;max-width:6ch;font-size:39px;bottom:auto}.choice-editorial .choice-art>img{border-radius:6px;object-position:center}.choice-rack .choice-art{padding:20px 35%;background:#2a241f}.choice-rack .choice-art>img{object-fit:contain}.choice-rack .choice-art-word{font:12px var(--mono);left:20px;bottom:16px;max-width:none}.choice-sleeves .choice-art{padding:30px 27%;background:#382d22}.choice-sleeves .choice-art>img{object-fit:contain;transform:rotate(-7deg);box-shadow:0 15px 35px #0008}.choice-sleeves .choice-art-word{font-size:25px}.choice-studio{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.choice-studio .choice-art{aspect-ratio:1.8}.choice-studio .choice-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0c0a0880)}.choice-studio .choice-art-word{z-index:1;max-width:12ch}.choice-copy{padding-top:24px}.choice-copy h2{font-size:32px;font-weight:550}.choice-copy p{font:16px/1.75 var(--sans);color:var(--muted);margin-top:13px;max-width:48ch}.choice-copy>span{display:flex;align-items:center;gap:20px;color:var(--orange);font:12px var(--mono);margin-top:20px}.choice-note{font:13px/1.8 var(--mono);color:var(--muted);margin-top:65px;max-width:78ch}.choice-footer{display:flex;justify-content:space-between;gap:30px;padding:25px 0 35px;border-top:1px solid var(--line);font:11px/1.6 var(--mono);color:var(--muted)}
/* Sound-kit entry: real cover stack spreads, then yields to a usable catalogue. */
.kit-main{padding:85px 0 100px}.kit-catalogue{margin:60px 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 40px}.kit-product{min-width:0}.kit-product>img{width:100%;aspect-ratio:1;object-fit:contain;background:#e5dfd6;transition:transform .65s var(--ease)}.kit-product:hover>img{transform:translateY(-5px)}.kit-product>div{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.kit-product h2{font-size:29px}.kit-product span{display:flex;align-items:center;gap:12px;font:11px var(--mono);color:var(--orange)}.stack-intro{position:fixed;inset:0;z-index:100;background:#15110d;pointer-events:none;display:grid;place-items:center;overflow:hidden}.stack-covers{position:absolute;inset:0}.stack-covers img{position:absolute;width:clamp(110px,18vw,245px);aspect-ratio:1;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 20px 45px #0008}.stack-title{position:absolute;left:0;right:0;bottom:13%;text-align:center;font:570 clamp(35px,6vw,75px)/1 var(--sans);letter-spacing:-.03em}
@media(max-width:1050px){.layout-page{--chapter-space:70px}.chapter .instrument-visual{height:500px}.chapter .instrument-copy{padding-inline:20px;gap:0 40px}.chapter-analog-console{width:calc(100% - 48px);gap:35px}.chapter-analog-console .instrument-visual{height:410px}.editorial-products{gap:65px 22px}.editorial-item:first-of-type{grid-column:1/8}.editorial-item:nth-of-type(2){grid-column:8/-1}.editorial-item:nth-of-type(3){grid-column:1/-1}.rack-unit .instrument-copy{padding:28px}.rack-unit:last-child .instrument-copy{padding:35px}.sleeve-row{gap:20px}.sleeve .instrument-visual{height:300px}.sleeve .instrument-copy h2{font-size:30px}.sleeve .button{font-size:11px;gap:10px;padding:15px 12px}.studio-instrument{gap:30px 40px}.studio-instrument .instrument-visual{height:430px}.layout-2 .session-people,.layout-5 .session-people{gap:30px}.people-grid{gap:18px}.listener-grid{gap:25px}.listener-grid blockquote{font-size:21px}.new-category-grid{gap:22px}.category-composition,.category-bundle{height:260px}.category-label{padding:21px}.category-label p{font-size:11px}.layout-5 .category-composition,.layout-5 .category-bundle{height:280px}.studio-chapter{grid-template-columns:1.1fr 1fr;min-height:560px}.morph-gallery{min-height:560px}.studio-story-copy{padding:50px 28px 50px 0;margin-left:-15px}.studio-story-copy h2{font-size:33px}.studio-story-copy>p{font-size:15px}.layout-5 .studio-story-copy{margin-left:-25px}.bundle-inner{gap:45px}.bundle-cover{max-width:350px}.choice-art-word{font-size:32px}.choice-editorial .choice-art-word{font-size:30px}.kit-product>div{display:block}.kit-product span{margin-top:14px}.kit-product h2{font-size:26px}}
@media(max-width:760px){.layout-switch{padding-block:22px;gap:15px;flex-wrap:wrap}.layout-switch>a{font-size:11px}.layout-switch>span{font-size:11px}.layout-switch nav{flex-basis:100%;justify-content:flex-end}.layout-switch nav a{width:40px;height:36px}.chapters{padding-top:40px}.chapter{width:calc(100% - 32px);margin-bottom:60px;gap:24px}.chapter .instrument-visual{height:auto;aspect-ratio:1.12;grid-template-rows:minmax(0,1fr) 60px}.identity-strip{height:60px;padding:10px 18px;gap:10px}.identity-strip span{font-size:11px}.identity-strip img{width:100px;height:38px}.archetone-visual .identity-strip img{height:42px;width:95px}.analog-console-visual .identity-strip img{height:49px;width:60px}.chapter .instrument-copy{display:block;padding:0 8px}.chapter h2{font-size:44px}.chapter .instrument-line{font-size:25px;margin-top:16px}.chapter .instrument-description{font-size:16px}.chapter-analog-console{grid-template-columns:1fr}.chapter-analog-console .instrument-visual,.chapter-analog-console .instrument-copy{grid-column:1}.chapter-analog-console .instrument-visual{height:auto}.instrument-copy .button{font-size:11px;gap:18px}.instrument-format{font-size:11px}.editorial-products{padding:50px 0 65px;display:block}.editorial-intro{display:block;margin-bottom:38px}.editorial-intro h2{font-size:48px}.editorial-intro p{margin-top:22px;font-size:12px}.editorial-item{margin-bottom:50px}.editorial-item:first-of-type .instrument-visual,.editorial-item:nth-of-type(2) .instrument-visual,.editorial-item:nth-of-type(3) .instrument-visual{height:auto;aspect-ratio:1.05;grid-template-rows:minmax(0,1fr) 60px}.editorial-item:nth-of-type(2){margin-top:0}.editorial-item:nth-of-type(3){display:block;margin-bottom:0}.editorial-item:nth-of-type(3) .instrument-copy{padding-top:25px}.editorial-item .instrument-copy h2{font-size:36px}.editorial-item .instrument-line{font-size:24px}.rack-stage{padding:50px 0 60px}.rack-heading{display:block;margin-bottom:32px}.rack-heading h2{font-size:50px}.rack-heading p{margin-top:20px;font-size:12px}.rack-products{grid-template-columns:1fr;gap:22px}.rack-unit .instrument-visual{height:auto;aspect-ratio:1.15;grid-template-rows:minmax(0,1fr) 60px}.rack-unit:last-child{display:block;grid-column:1}.rack-unit:last-child .instrument-visual{height:auto;aspect-ratio:1}.rack-unit .instrument-copy,.rack-unit:last-child .instrument-copy{padding:27px 25px 32px}.rack-unit h2{font-size:35px}.sleeve-products{padding:50px 0 60px}.shelf-heading{display:block;margin-bottom:30px}.shelf-heading p{margin-top:18px;font-size:12px}.sleeve-row{grid-template-columns:1fr;gap:42px}.sleeve .instrument-visual{height:auto;aspect-ratio:1.1;grid-template-rows:minmax(0,1fr) 60px}.sleeve .instrument-copy h2{font-size:36px}.sleeve .button{font-size:11px;padding:17px 22px;gap:20px}.layout-4 .sleeve:nth-child(2),.layout-4 .sleeve:nth-child(3){padding-top:0}.studio-products{padding-top:0}.studio-instrument,.studio-instrument:nth-child(2){grid-template-columns:1fr;padding:50px 0;gap:24px}.studio-product-title{display:block}.studio-product-title h2{font-size:43px}.studio-product-title p{margin-top:15px;font-size:11px}.studio-instrument .instrument-visual{height:auto;aspect-ratio:1.12;grid-template-rows:minmax(0,1fr) 60px}.studio-instrument:nth-child(2) .instrument-visual,.studio-instrument:nth-child(2) .instrument-copy{grid-column:auto;grid-row:auto}.studio-instrument .instrument-line{font-size:28px}.studio-instrument .instrument-line br{display:none}.studio-instrument .instrument-description{font-size:16px}.session-people{padding:30px 0 45px}.people-heading{display:block;margin-bottom:25px}.people-heading h2{font-size:34px}.people-heading p{margin-top:17px;font-size:11px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.people-grid figcaption{font-size:11px;margin-top:12px}.listener-voices{padding-bottom:55px}.voices-intro{display:block;padding:24px 0}.voices-intro h2{font-size:26px}.voices-intro .text-link{font-size:11px;margin-top:18px}.listener-grid{grid-template-columns:1fr;gap:27px}.listener-grid figure{padding:0 0 25px;border-bottom:1px solid var(--line)}.listener-grid blockquote{font-size:22px;max-width:54ch}.listener-grid figcaption{font-size:11px;margin-top:17px}.layout-2 .session-people,.layout-5 .session-people{display:block}.layout-2 .people-grid{gap:25px 18px}.layout-2 .people-grid li:nth-child(even){padding-top:0}.layout-3 .session-people{padding-top:50px}.layout-3 .people-grid figcaption{padding:15px 12px}.layout-3 .listener-grid{gap:14px}.layout-3 .listener-grid figure{padding:25px;border:0}.layout-4 .people-grid{gap:25px 18px}.layout-5 .people-grid{gap:25px 18px}.layout-5 .people-heading p{margin-top:17px}.layout-5 .listener-grid{grid-template-columns:1fr}.layout-5 .listener-grid figure:first-child blockquote{font-size:27px}.new-categories{padding:50px 0 55px}.category-heading{display:block;margin-bottom:30px}.category-heading h2{font-size:38px}.category-heading p{margin-top:20px;font-size:12px}.new-category-grid{grid-template-columns:1fr;gap:24px}.category-composition,.category-bundle{height:250px}.category-label{padding:22px}.category-label h3{font-size:28px}.category-label p{font-size:11px;max-width:31ch}.layout-2 .new-category-grid{gap:30px}.layout-2 .category-entry:nth-child(even){margin-top:0}.layout-4 .category-entry{display:block;padding:20px 0 25px}.layout-4 .category-label{padding:22px 0 0}.layout-4 .category-label h3{font-size:30px}.layout-4 .category-composition,.layout-4 .category-bundle{height:240px}.layout-5 .new-category-grid{gap:25px}.layout-5 .category-composition,.layout-5 .category-bundle{height:250px}.studio-chapter,.layout-3 .studio-chapter,.layout-5 .studio-chapter{display:block;min-height:0}.morph-gallery,.layout-5 .morph-gallery,.layout-4 .morph-gallery{min-height:0;height:400px;mask-image:linear-gradient(0deg,transparent 0%,transparent 8%,#00000040 23%,#000000a8 38%,#000 57%,#000 96%,transparent 100%);mask-composite:add}.studio-story-copy,.layout-5 .studio-story-copy{padding:0 24px 45px;margin:-25px 0 0}.studio-story-copy h2{font-size:34px}.studio-story-copy>p{font-size:16px;margin-top:21px}.layout-2 .studio-chapter{margin:0 10px}.layout-4 .studio-story-copy{display:block;margin:-25px auto 0;padding:0 24px 50px}.layout-4 .studio-story-copy h2{font-size:35px}.layout-5 .studio-chapter{margin-top:10px}.layout-5 .studio-story-copy h2{font-size:35px}.collection-bundle{padding:65px 0}.bundle-inner,.layout-2 .bundle-inner,.layout-4 .bundle-inner{grid-template-columns:1fr;gap:42px}.bundle-cover,.layout-2 .bundle-cover,.layout-4 .bundle-cover,.layout-5 .bundle-cover{width:80%;max-width:340px;grid-column:1;grid-row:auto}.layout-2 .bundle-message{grid-column:1;grid-row:auto}.bundle-message h2{font-size:38px}.bundle-message p{font-size:16px}.bundle-message p br{display:none}.bundle-message .button{font-size:11px;gap:15px}.layout-page .faq,.layout-2 .faq,.layout-4 .faq{grid-template-columns:1fr;gap:28px;padding:45px 0 55px}.layout-page .faq-heading h2{font-size:36px}.layout-page .faq-list summary{font-size:17px}.layout-page .faq-list details p{font-size:15px}.layout-3 .faq{padding:30px 24px;margin-top:45px}.layout-5 .faq-heading{display:block}.layout-5 .faq-heading h2 br{display:block}.new-closing,.layout-3 .new-closing{padding:65px 0 70px;margin-top:0}.new-closing h2{font-size:38px}.layout-4 .new-closing{display:block;padding:55px 0 60px}.layout-4 .new-closing h2{font-size:35px}.choice-header{padding:25px 0}.choice-header img{width:145px;height:22px}.choice-header .text-link{font-size:11px;gap:10px}.choice-main{padding:55px 0}.choice-intro h1,.kit-title h1{font-size:48px}.choice-intro p,.kit-title p{font-size:16px}.choice-intro p br{display:none}.choice-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.choice-art{aspect-ratio:1.4}.choice-art-word{font-size:35px}.choice-editorial .choice-art-word{font-size:31px}.choice-studio{grid-column:1;display:block}.choice-studio .choice-art{aspect-ratio:1.4}.choice-copy{padding-top:20px}.choice-copy h2{font-size:30px}.choice-copy p{font-size:16px}.choice-note{font-size:12px;margin-top:45px}.choice-footer{display:block;font-size:11px}.choice-footer span{display:block;margin-top:17px}.kit-main{padding:55px 0}.kit-catalogue{grid-template-columns:1fr;gap:40px;margin-top:40px}.kit-product h2{font-size:29px}.stack-covers img{width:38vw;max-width:190px}.stack-title{bottom:18%;font-size:48px}}
@media(prefers-reduced-motion:reduce){.instrument-visual:hover .instrument-photo>img,.category-entry:hover .category-composition img,.choice-option:hover .choice-art>img,.kit-product:hover>img{transform:none}.morph-gallery.webgl-ready .morph-images{visibility:visible}.morph-gallery.webgl-ready .morph-canvas{opacity:0}.stack-intro{display:none!important}}
/* V17 — four instruments, one-line heading, icon navigation, image-local film. */
.layout-3 .rack-heading{align-items:center;flex-wrap:wrap;gap:24px 40px}
.layout-3 .rack-heading h2{white-space:nowrap;font-size:clamp(35px,5.2vw,74px)}
.layout-3 .rack-products{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.layout-3 .rack-unit,.layout-3 .rack-unit:last-child{grid-column:auto;display:flex;flex-direction:column;align-items:stretch}
.layout-3 .rack-unit .instrument-visual,.layout-3 .rack-unit:last-child .instrument-visual{height:410px;flex:0 0 auto;background:transparent;border-radius:0;overflow:visible}
.layout-3 .rack-unit .instrument-copy,.layout-3 .rack-unit:last-child .instrument-copy{padding:32px 36px 36px;flex:1}
.product-nameplate{font:600 21px/1.2 var(--sans);letter-spacing:-.025em;white-space:nowrap}
/* Image-local grain, inherited hero framing, and identity wrappers. */
.film-image{position:relative;isolation:isolate;display:block;min-width:0;overflow:hidden}
.film-image:after,.layout-3 .instrument-photo:after,.layout-3 .hero-scene:after,.layout-3 .hero-logo:after,.layout-3 .brand:after,.kits-page .choice-header a:first-child:after,.layout-3 .morph-gallery:after,.layout-3 .bundle-cover:after{content:'';position:absolute;inset:0;z-index:3;background:url('assets/grain.webp') repeat;background-size:420px auto;mix-blend-mode:screen;opacity:.28;pointer-events:none}
.layout-3 .instrument-photo{isolation:isolate}
.layout-3 .instrument-photo>img{border-radius:0}
.layout-3 .portrait-image{width:100%;aspect-ratio:1;background:transparent}
.layout-3 .people-grid img{border-radius:0;aspect-ratio:1;width:100%;height:100%}
.layout-3 .hero-scene{isolation:isolate;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 92%);-webkit-mask-composite:source-in;mask-composite:intersect;mask-repeat:no-repeat}
.layout-3 .hero>.grain{display:none}
.layout-3 .hero-logo,.layout-3 .brand,.kits-page .choice-header a:first-child{isolation:isolate}
.layout-3 .brand,.kits-page .choice-header a:first-child{position:relative}
.layout-3 .hero-logo:after,.layout-3 .brand:after,.kits-page .choice-header a:first-child:after{opacity:.16}
.layout-3 .identity-strip .film-logo{flex:0 0 auto;max-width:none;font-size:0}
.layout-3 .film-logo:after{opacity:.16}
.layout-3 .bundle-cover{isolation:isolate;box-shadow:none}
.layout-3 .morph-gallery{isolation:isolate}
/* Real SVG icons keep these four routes compact and readable. */
.layout-3 .icon-entry{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:24px;min-height:168px;padding:30px 34px;background:#2b241d}
.layout-3 .category-icon{display:grid;place-items:center;color:#e9b48f}
.collection-icon{width:76px;height:76px;stroke-width:1.5;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
.layout-3 .icon-entry .category-label{padding:0;gap:9px 18px}
.layout-3 .icon-entry .category-label h3{font-size:30px}
.layout-3 .icon-entry .category-label p{font:14px/1.55 var(--sans);color:#c4b5a4}
.layout-3 .icon-entry:hover .collection-icon{color:var(--orange)}
.layout-3 .icon-entry:hover .category-label svg{transform:translateX(4px)}
.kit-cover{width:100%;aspect-ratio:1;}
.kit-cover>img{width:100%;height:100%;object-fit:contain;transition:transform .65s var(--ease)}
.kit-product:hover .kit-cover>img{transform:scale(1.025)}
.stack-covers .stack-cover{position:absolute;width:clamp(110px,18vw,245px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);}
.stack-covers .stack-cover>img{position:static;inset:auto;transform:none;width:100%;height:100%;aspect-ratio:1;object-fit:contain;box-shadow:none}
@media(min-width:761px){.layout-3 .hero-logo{position:relative}}
@media(max-width:1050px){.layout-3 .rack-unit .instrument-copy,.layout-3 .rack-unit:last-child .instrument-copy{padding:28px}.layout-3 .icon-entry{grid-template-columns:65px minmax(0,1fr);gap:20px;padding:28px}.collection-icon{width:62px;height:62px}.layout-3 .icon-entry .category-label h3{font-size:26px}}
@media(max-width:760px){.layout-3 .rack-heading h2{font-size:clamp(27px,8.2vw,48px);letter-spacing:-.025em}.layout-3 .rack-products{grid-template-columns:1fr;gap:22px}.layout-3 .rack-unit .instrument-visual,.layout-3 .rack-unit:last-child .instrument-visual{height:auto;aspect-ratio:1.15;grid-template-rows:minmax(0,1fr) 60px}.layout-3 .rack-unit .instrument-copy,.layout-3 .rack-unit:last-child .instrument-copy{padding:27px 25px 32px}.layout-3 .hero-scene{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 94%);mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 94%);mask-composite:intersect}.layout-3 .hero-logo{position:absolute}.layout-3 .new-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.layout-3 .icon-entry{display:block;padding:23px 18px;min-height:190px}.layout-3 .category-icon{justify-content:start;margin-bottom:23px}.collection-icon{width:50px;height:50px}.layout-3 .icon-entry .category-label{gap:9px 8px}.layout-3 .icon-entry .category-label h3{font-size:22px}.layout-3 .icon-entry .category-label p{font-size:13px;grid-column:1/-1}.layout-3 .icon-entry .category-label svg{grid-row:1;grid-column:2;width:17px;height:17px}.product-nameplate{font-size:18px}.stack-covers .stack-cover{width:38vw;max-width:190px}}
@media(max-width:360px){.layout-3 .icon-entry{padding:22px 14px}.layout-3 .icon-entry .category-label h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.kit-product:hover .kit-cover>img{transform:none}}
/* Preserve the approved hero logo positioning at its original 700px breakpoint. */
@media(min-width:701px){.layout-3 .hero-logo{position:relative}}
@media(max-width:700px){.layout-3 .hero-logo{position:absolute}}
/* V18 — compact product panels and small imperfections at the photo perimeter. */
.layout-3 .rack-heading h2 span{color:var(--orange)}
.layout-3 .rack-unit{border-radius:0}
.layout-3 .rack-unit .instrument-visual,.layout-3 .rack-unit:last-child .instrument-visual{height:310px;aspect-ratio:auto;grid-template-rows:minmax(0,1fr) 62px}
.layout-3 .identity-strip{height:62px;padding:10px 24px}
.layout-3 .rack-unit .instrument-copy,.layout-3 .rack-unit:last-child .instrument-copy{padding:23px 28px 26px;display:flex;flex-direction:column;align-items:flex-start}
.layout-3 .instrument-title{width:100%}
.layout-3 .instrument-title h2{font-size:34px;line-height:1.1}
.layout-3 .instrument-title .instrument-format{font-size:12px;line-height:1.5;margin-top:9px;color:var(--orange)}
.layout-3 .rack-unit .instrument-description{margin-top:12px;font-size:16px;line-height:1.6;max-width:47ch}
.layout-3 .instrument-copy .button{margin-top:18px;padding:13px 18px;min-height:44px}
.layout-3 .instrument-copy .release-status{margin-top:18px;min-height:44px}
.layout-3 .synth-shaper-visual .instrument-photo>img{object-fit:cover;object-position:50% 22%;padding:0}
/* A crisp alpha plate clips only the last few pixels; there are no broad photo fades. */
.film-image,.layout-3 .instrument-photo,.layout-3 .bundle-cover,.layout-3 .morph-gallery{-webkit-mask-image:url('assets/rough-frame.svg');mask-image:url('assets/rough-frame.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add;mask-mode:alpha}
 .layout-3 .identity-strip .film-logo{-webkit-mask-image:none;mask-image:none}
.film-logo:after,.layout-3 .hero-logo:after,.layout-3 .brand:after,.kits-page .choice-header a:first-child:after{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.layout-3 .archetone-visual .film-logo:after{-webkit-mask-image:url('assets/archetone-logo.png');mask-image:url('assets/archetone-logo.png')}
.layout-3 .modfx-visual .film-logo:after{-webkit-mask-image:url('assets/modfx-wordmark.png');mask-image:url('assets/modfx-wordmark.png')}
.layout-3 .analog-console-visual .film-logo:after{-webkit-mask-image:url('assets/console-logo-white.png');mask-image:url('assets/console-logo-white.png')}
.layout-3 .hero-logo:after{-webkit-mask-image:url('assets/hero-mark-white.png');mask-image:url('assets/hero-mark-white.png')}
.layout-3 .brand:after,.kits-page .choice-header a:first-child:after{-webkit-mask-image:url('assets/wordmark.svg');mask-image:url('assets/wordmark.svg')}
.layout-3 .people-grid figure{height:100%;display:flex;flex-direction:column}
.layout-3 .people-grid figcaption{flex:1;padding:18px 20px 21px}
.people-grid figcaption strong{font-weight:400}
.layout-3 .producer-credits{display:block;margin-top:13px;font:14px/1.65 var(--sans);color:var(--soft)}
.producer-credits small{display:block;font:11px/1.5 var(--mono);color:var(--orange);margin-bottom:5px}
.layout-3 .listener-grid{row-gap:14px}
.layout-3 .listener-grid .detailed-voice blockquote{font-size:18px;line-height:1.7;white-space:pre-line}
.layout-3 .studio-story-copy{margin-left:0;padding-left:40px}
.studio-story-copy .studio-machines{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;font:12px/1.65 var(--mono);color:var(--orange)}
@media(max-width:1050px){.layout-3 .rack-unit .instrument-copy,.layout-3 .rack-unit:last-child .instrument-copy{padding:22px 24px 25px}.layout-3 .instrument-title h2{font-size:30px}.layout-3 .people-grid figcaption{padding:15px 13px 18px}.layout-3 .producer-credits{font-size:13px}.layout-3 .studio-story-copy{padding-left:25px}.studio-story-copy .studio-machines{font-size:11px;gap:10px 12px}}
@media(max-width:760px){.layout-3 .rack-unit .instrument-visual,.layout-3 .rack-unit:last-child .instrument-visual{height:clamp(235px,69vw,300px);aspect-ratio:auto;grid-template-rows:minmax(0,1fr) 56px}.layout-3 .identity-strip{height:56px;padding:8px 18px}.layout-3 .identity-strip img{width:100px;height:36px}.layout-3 .archetone-visual .identity-strip img{width:95px;height:40px}.layout-3 .analog-console-visual .identity-strip img{width:54px;height:44px}.layout-3 .identity-strip span{font-size:11px;max-width:23ch}.layout-3 .rack-unit .instrument-copy,.layout-3 .rack-unit:last-child .instrument-copy{padding:21px 23px 24px}.layout-3 .instrument-title h2{font-size:31px}.layout-3 .instrument-title .instrument-format{font-size:11px}.layout-3 .rack-unit .instrument-description{font-size:15px}.layout-3 .people-grid figcaption{padding:16px 13px 18px}.layout-3 .producer-credits{margin-top:11px;font-size:13px;line-height:1.6}.producer-credits small{font-size:11px}.layout-3 .listener-grid .detailed-voice blockquote{font-size:19px;line-height:1.65}.layout-3 .morph-gallery{height:360px;-webkit-mask-image:url('assets/rough-frame.svg');mask-image:url('assets/rough-frame.svg')}.layout-3 .studio-story-copy{padding:30px 24px 45px;margin:0}.studio-story-copy .studio-machines{font-size:11px;gap:12px 14px}}

/* V19 — tighter instrument crops, worn feedback surfaces, and the people behind them. */
.layout-3 .archetone-visual .instrument-photo>img{object-fit:cover;object-position:50% 15%;transform:scale(1.28);transform-origin:50% 25%;filter:contrast(1.08) brightness(1.04)}
.layout-3 .archetone-visual:hover .instrument-photo>img{transform:scale(1.30)}
.layout-3 .modfx-visual .instrument-photo>img{object-fit:cover;object-position:65% 22%;transform:scale(1.35);transform-origin:72% 10%}
.layout-3 .modfx-visual:hover .instrument-photo>img{transform:scale(1.37)}
.analog-console-visual .instrument-photo{background:#15100c;display:block}
.analog-console-visual .instrument-photo>img{width:100%;height:100%;max-width:100%;position:static;left:auto;top:auto;object-fit:cover;object-position:50% 55%;filter:contrast(1.06) saturate(.88)}
.analog-console-visual .identity-strip{background:#f0ece3;color:#28221d}
.analog-console-visual .identity-strip img{filter:brightness(0)}
.layout-3 .analog-console-visual .instrument-photo:after{mix-blend-mode:screen;opacity:.28}
.layout-3 .listener-grid{gap:16px}
.layout-3 .listener-grid>figure{position:relative;isolation:isolate;overflow:hidden;padding:32px;background:#202020;-webkit-mask-image:url('assets/rough-frame.svg');mask-image:url('assets/rough-frame.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha}
.layout-3 .listener-grid>figure:before,.founders-chapter:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/card-fibre.webp') center/600px auto repeat;filter:brightness(9);mix-blend-mode:screen;opacity:.22;pointer-events:none}
.layout-3 .listener-grid>figure:after,.founders-chapter:after{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/grain.webp') repeat;background-size:350px auto;mix-blend-mode:screen;opacity:.38;pointer-events:none}
.layout-3 .listener-grid figcaption{display:flex;align-items:center;gap:13px;margin-top:28px;min-width:0}
.voice-author{min-width:0;overflow-wrap:anywhere}
.voice-avatar{position:relative;isolation:isolate;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:50%}
.voice-avatar.voice-photo{padding:0;-webkit-mask-image:none;mask-image:none;background:#181512}
.voice-photo svg{width:100%;height:100%;display:block;stroke:none;fill:none}
.founders-chapter{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding:42px;margin-top:85px;background:#221b15;scroll-margin-top:100px}
.founders-copy{min-width:0;padding:10px 0}
.founders-copy h2{font-size:clamp(38px,4.3vw,60px);margin-bottom:25px}
.founders-copy h2 span{color:var(--orange)}
.founders-copy p{font:16px/1.75 var(--sans);color:#d4c6b6;max-width:51ch;margin-top:17px;text-wrap:pretty}
.founders-copy p:first-of-type{margin-top:0;color:var(--ink);font-size:18px;line-height:1.65}
.founders-signoff{display:block;font:12px/1.65 var(--mono);color:var(--orange);margin-top:25px}
@media(max-width:1050px){.layout-3 .listener-grid>figure{padding:26px}.founders-chapter{grid-template-columns:1fr 1fr;gap:32px;padding:32px}.founders-copy h2{font-size:43px}.founders-copy p{font-size:15px}.founders-copy p:first-of-type{font-size:17px}}
@media(max-width:760px){.layout-3 .listener-grid{gap:15px}.layout-3 .listener-grid>figure{padding:27px 25px}.layout-3 .listener-grid figcaption{margin-top:25px;font-size:12px}.voice-avatar{width:46px;height:46px;flex-basis:46px}.founders-chapter{display:block;gap:0;padding:24px;margin-top:60px}.founders-copy{padding:30px 0 2px}.founders-copy h2{font-size:42px;margin-bottom:21px}.founders-copy h2 br{display:none}.founders-copy p{font-size:16px;line-height:1.7;max-width:54ch}.founders-copy p:first-of-type{font-size:18px}.founders-signoff{margin-top:22px}}
/* V20 — smooth product frames and one uninterrupted full-width proof texture. */
.layout-3 .rack-unit{position:relative;isolation:isolate;border-radius:16px;overflow:hidden}
/* The interaction perimeter paints above every photo, identity strip and copy panel. */
.layout-3 .rack-unit:after{content:'';position:absolute;inset:0;z-index:10;border:1px solid #fff;border-radius:inherit;pointer-events:none;transition:border-color .25s var(--ease)}
.layout-3 .rack-unit:hover:after,.layout-3 .rack-unit:focus-within:after{border-color:var(--orange)}
.layout-3 .instrument-photo{-webkit-mask-image:none;mask-image:none}
.layout-3 .proof-chapter{position:relative;isolation:isolate;min-width:0;background:var(--bg)}
.layout-3 .proof-chapter:after{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/proof-texture-full.webp') center/cover no-repeat;filter:brightness(9);mix-blend-mode:screen;opacity:.055;pointer-events:none}
.layout-3 .proof-chapter .film-image:after,.layout-3 .listener-grid>figure:before,.layout-3 .listener-grid>figure:after,.founders-chapter:before,.founders-chapter:after{content:none}
.layout-3 .listener-grid>figure{-webkit-mask-image:none;mask-image:none;border-radius:14px}
.founders-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:center;min-width:0}
.founders-portraits figure{min-width:0}
.founder-portrait{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#111}
.founder-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.founders-portraits figcaption{font:13px/1.5 var(--mono);color:var(--ink);margin-top:15px}
@media(max-width:760px){.founders-portraits{gap:12px}.founders-portraits figcaption{font-size:12px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.layout-3 .archetone-visual:hover .instrument-photo>img{transform:scale(1.28)}.layout-3 .modfx-visual:hover .instrument-photo>img{transform:scale(1.35)}}

/* V21 — carry the studio photo to the header rule, keeping its bottom blend. */
.layout-3 .hero{margin-top:0}
.layout-3 .hero-scene{inset:-65px 0 -35px}
@media(max-width:700px){.layout-3 .hero-scene{inset:0 0 auto}}

/* V23 — the opening fills the screen beneath the navigation, at every viewport. */
.layout-3 .hero{height:calc(100vh - 75px);height:calc(100dvh - 75px);min-height:580px}
@media(max-width:700px){
 .layout-3 .hero{height:auto;min-height:calc(100vh - 66px);min-height:calc(100dvh - 66px);display:flex;flex-direction:column}
 .layout-3 .hero-content{flex:1;justify-content:center;padding:30px 20px 48px}
 .layout-3 .hero-foot{flex:0 0 auto}
}

/* V24 — the original4K studio photo covers the opening, without side feathering. */
.layout-3 .hero{margin:0}
.layout-3 .hero-scene{-webkit-mask-composite:source-over;mask-composite:add}
.layout-3 .hero-scene>img{object-fit:cover;object-position:50% 47%;transform:scale(1.06);transform-origin:50% 45%}
@media(max-width:700px){
 .layout-3 .hero-scene{inset:0;height:auto;aspect-ratio:auto}
 .layout-3 .hero-scene>img{object-position:36% 47%;transform-origin:36% 45%}
}

/* Mobile refinement: centered mark, quieter product seams and compact supporting copy. */
@media(max-width:700px){
 .layout-3 .hero{padding-top:clamp(120px,34vw,170px)}
 .layout-3 .hero-scene>img{object-position:21% 47%;transform-origin:21% 45%}
 .layout-3 .hero-content{padding:24px 20px 36px}
 .layout-3 .hero-logo{position:static;inset:auto;transform:none;margin:0 0 18px}
 .layout-3 .hero-logo .hero-mark{width:108px;height:117px}
 .layout-3 .rack-unit .instrument-visual,.layout-3 .rack-unit:last-child .instrument-visual{height:clamp(180px,55vw,244px);grid-template-rows:minmax(0,1fr)}
 .layout-3 .rack-unit .identity-strip{display:none}
 .layout-3 .rack-unit .instrument-photo{-webkit-mask-image:none;mask-image:none}
 .layout-3 .rack-unit .instrument-photo:before{content:'';position:absolute;inset:auto 0 0;height:26px;z-index:2;background:linear-gradient(to bottom,transparent,#24201b);pointer-events:none}
 .layout-3 .listener-grid blockquote,.layout-3 .listener-grid .detailed-voice blockquote{font-size:16px;line-height:1.6}
 .layout-3 .listener-grid>figure{padding:24px}
 .layout-3 .listener-grid figcaption{margin-top:18px}
 .layout-3 .voices-intro h2{font-size:24px}
 .layout-3 .bundle-message h2{font-size:30px;line-height:1.15}
 .layout-3 .bundle-message p{font-size:16px;line-height:1.6;margin-top:16px}
}

/* Categories lead the catalogue; mobile artwork stays still and behind its controls. */
.layout-3 .category-heading h2 span{color:var(--orange)}
@media(max-width:700px){
 .layout-3 .hero{min-height:calc(100svh - 66px)}
 .layout-3 .hero-scene{z-index:0;transform:none}
 .layout-3 .hero-scene:after,.layout-3 .hero-logo:after{content:none}
 .layout-3 .hero .grain{display:none}
 .layout-3 .hero-shade{z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 36% at 50% 61%,#0c0a0885 0%,#0c0a084d 55%,transparent 100%),linear-gradient(to bottom,transparent 40%,#0c0a0833 54%,#0c0a0866 76%,var(--bg) 100%)}
 .layout-3 .hero-content,.layout-3 .hero-foot{z-index:2}
 .layout-3 .hero-content{isolation:isolate}
 .layout-3 .rack-unit .instrument-photo:before{content:none}
 .layout-3 .rack-unit .instrument-photo{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 64px),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
}

/* Refinement36: uninterrupted opening and calmer mobile story copy. */
.layout-3 .new-categories{background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 65%,#16130f 100%)}
.layout-3 .category-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}
.layout-3 .category-heading p{margin-top:18px;text-align:center}
.layout-3 .icon-categories .new-category-grid{max-width:1080px;margin-inline:auto}
.layout-3 .hero-foot{justify-content:flex-end}
@media(max-width:700px){
 .layout-3 .hero-scene>img{object-position:18% 47%;transform-origin:18% 45%}
 .layout-3 .hero-foot{display:none}
 .layout-3 .studio-story-copy>p{font-size:15px;line-height:1.65;margin-top:18px}
 .layout-3 .founders-copy p,.layout-3 .founders-copy p:first-of-type{font-size:15px;line-height:1.65}
}

/* Refinement37: concise questions and quieter, fully readable answers. */
.layout-3 .faq-heading h2{font-size:clamp(30px,3.2vw,46px)}
.layout-3 .faq-list summary{font-size:16px;line-height:1.45;gap:12px;padding:19px 0;min-height:56px}
.layout-3 .faq-list summary svg{width:18px;height:18px}
.layout-3 .faq-list details p{font-size:14px;line-height:1.75;padding-bottom:22px}
@media(max-width:760px){
 .layout-3 .faq-heading h2{font-size:30px}
 .layout-3 .faq-list summary{font-size:14px;white-space:nowrap;padding:18px 0}
 .layout-3 .faq-list summary svg{width:16px;height:16px}
 .layout-3 .faq-list details p{font-size:13px;line-height:1.75}
}

.rack-unit[href],.bundle-inner[href]{color:inherit;text-decoration:none}.rack-unit[href]:focus-visible,.bundle-inner[href]:focus-visible{outline:2px solid var(--orange);outline-offset:5px}