/* Scott, through the spare editorial rhythm of the Spyker reference. */
:root{--paper:#fff;--paper-light:#fff;--ink:#101010;--forest:#141718;--rust:#6d6158;--line:#dedede}
html{background:#fff;scroll-padding-top:24px;scrollbar-color:#7a7a7a #f3f3f3}
body{background:#fff;color:#101010;caret-color:#101010}
::selection{background:#d6d1ca;color:#101010}
.brand-intro{display:none}
.intro-pending .brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:none;animation:intro-failsafe 1ms 7s forwards}
.brand-intro-curtain{position:absolute;inset:0;background:#fff}
.brand-intro-mark{position:relative;width:280px;color:#101010;will-change:opacity}
.brand-intro-mark svg{display:block;width:100%;height:auto;overflow:visible;fill:currentColor;fill-rule:evenodd;stroke:none}
.intro-pending .header>.brand{opacity:0;animation:intro-header-failsafe 1ms 7s forwards}
@keyframes intro-failsafe{to{visibility:hidden}}
@keyframes intro-header-failsafe{to{opacity:1}}
@media(max-width:760px){.brand-intro-mark{width:240px}}
@media(prefers-reduced-motion:reduce){.brand-intro-mark{will-change:auto}}
a,button,input{outline-color:#807568}
:focus-visible{outline:2px solid #807568;outline-offset:5px}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:.025em;text-transform:uppercase;line-height:1.04}
h2{font-size:clamp(38px,4.5vw,56px)}
.section-pad{padding:145px 11%}
.secondary,.intro .secondary{color:#636363}
.micro{letter-spacing:.07em}
.button{font-family:var(--display);font-size:14px;font-weight:500;letter-spacing:.055em;text-transform:uppercase;min-height:44px;padding:13px 28px;border-radius:0;gap:28px;transition:background .2s,color .2s}
.button.light{background:#fff;color:#111;border:1px solid #fff}
.button.light:hover{background:#e7e7e7;color:#111}
.button.dark{background:#141414;color:#fff;border:1px solid #141414}
.button.dark:hover{background:#3a3a3a;border-color:#3a3a3a}
.text-link{font-size:12px;line-height:1.6;border-bottom:1px solid #aaa;padding-bottom:8px;gap:28px}
.text-link:hover{color:#796a5d;border-color:#796a5d}

/* An unobtrusive masthead leaves the photograph in command. */
.header{position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;height:96px;padding:0 3.5%;background:transparent;border:0;color:#fff}
.header>.brand{position:absolute;left:50%;top:24px;transform:translateX(-50%);z-index:33;display:block}
.header .brand img{width:112px;filter:brightness(0) invert(1)}
.header .brand span{display:none}
.header .menu-toggle{display:flex;position:relative;z-index:33;order:-1;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:12px}
.header .menu-toggle span{width:18px;height:1px;background:#fff;transition:transform .25s,background .25s}
.header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.header .dealer-link{margin:0 0 0 auto;font-family:var(--display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;min-height:44px;gap:12px;z-index:33}
.header .dealer-link svg{width:17px;height:17px}
.header nav{display:none;position:fixed;inset:0;z-index:31;background:#fff;color:#111;padding:150px 12% 100px;flex-direction:column;justify-content:center;align-items:center;gap:24px;border:0}
.header nav.open{display:flex}
.header nav a{font-family:var(--display);font-size:clamp(38px,5vw,64px);font-weight:500;letter-spacing:.035em;text-transform:uppercase;line-height:1.2}
.header nav a:hover{color:#8b7c6f}
.header:has(nav.open) .brand img{filter:brightness(0)}
.header:has(nav.open) .menu-toggle span{background:#111}
.header:has(nav.open) .dealer-link{color:#111}

.hero{height:100svh;min-height:620px;max-height:none;display:flex;align-items:center;justify-content:center;background:#11151a}
.hero-image{inset:0;object-fit:cover;object-position:35% 50%;background:#11151a}
.hero-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity 900ms ease-out;pointer-events:none}
/* Fill with the minimum proportional crop; keep the caster in the focal region. */
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;border:0;pointer-events:none}
.hero.has-film .hero-video{opacity:1}
.hero-video-toggle{position:absolute;right:3.5%;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;color:#fff;background:rgba(9,15,19,.42);border:1px solid rgba(255,255,255,.4);font-size:11px;line-height:1.2}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle svg{width:16px;height:16px;stroke-width:1.5}
.hero-video-toggle:hover{background:rgba(9,15,19,.7);border-color:#fff}
.hero-video-toggle:focus-visible{outline-color:#fff;outline-offset:4px}
.hero-film-link{position:absolute;right:3.5%;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 0;color:#fff;font-size:11px;text-underline-offset:5px}
.hero-film-link[hidden]{display:none}
.hero-film-link:hover{text-decoration:underline}
.hero-film-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}
.hero-shade{background:rgba(0,0,0,.54)}
.hero-main{position:relative;align-items:center;width:100%;max-width:900px;padding:80px 6%;text-align:center}
.hero h1{font-size:clamp(48px,4.5vw,58px);font-weight:500;letter-spacing:.045em;line-height:1.04;max-width:none;margin:0 auto;color:#fff}
.hero h1 .period{display:none}
.hero-copy{display:flex;align-items:center;justify-content:center;margin-top:34px;gap:0}
.hero-copy p{display:none}
.hero-copy .button{min-width:278px;justify-content:center;padding:11px 22px;font-size:13px;min-height:40px}
.hero-copy .button svg{width:14px;height:14px}
.hero-bottom{position:absolute;bottom:29px;left:6%;right:6%;justify-content:center;color:#fff}
.hero-bottom .place,.hero-inspect{display:none}
.scroll-note{font-family:var(--display);font-size:11px;letter-spacing:.11em;gap:14px}
.scroll-line{height:1px;width:28px;background:#fff}
.photo-credit{display:none}

/* An asymmetric photo essay, with the same quiet scale as the reference. */
.intro{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:165px;padding-bottom:95px;align-items:start;border-bottom:0}
.intro h2{font-size:52px;line-height:1.05;max-width:390px}
.intro-title .tiny-rule{display:none}
.intro-title .micro{display:block;color:#666;font-size:11px;margin-top:24px;line-height:1.6;max-width:260px}
.intro-copy{padding-top:115px}
.intro-copy>p:first-child{font-size:15px;line-height:1.8;max-width:410px}
.intro-copy .secondary{font-size:13px;line-height:1.8;margin-top:18px;max-width:410px}
.intro-copy .text-link{margin-top:24px}
.craft-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2%;padding:0 11% 155px;align-items:start}
.craft-gallery figure{margin:0;min-width:0}
.craft-photo-one{grid-column:1/7;padding-top:150px}
.craft-photo-two{grid-column:9/13}
.craft-gallery img{display:block;width:100%;background:transparent;object-fit:contain}
.craft-photo-one img{aspect-ratio:1.18;object-fit:cover}
.craft-photo-two img{aspect-ratio:.66;object-fit:cover}
.craft-gallery figcaption{font-size:11px;line-height:1.8;color:#626262;padding-top:16px;max-width:340px}

/* Product motion keeps its unbroken physical relationship on a clean stage. */
.assembly{background:#fff}
.assembly .scene-sticky{padding:36px 6% 28px}
.assembly .scene-top{min-height:120px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.assembly .scene-top h2{font-size:48px;position:static;letter-spacing:.025em}
.assembly .scene-top>p{font-size:12px;line-height:1.75;color:#656565;max-width:240px;padding:5px 0 0;margin:0}
.assembly .drawing-stamp{position:static;text-align:right;font-size:11px;line-height:1.8;color:#6b6b6b;max-width:190px;width:auto}
.assembly-bottom{padding-top:20px;gap:50px}
.part-caption .part-index{font-size:11px;color:#77695d}
.part-caption h3{font-size:28px;letter-spacing:.015em;text-transform:none;font-weight:500}
.part-caption p{font-size:12px;color:#636363;line-height:1.8;max-width:520px;margin-top:10px}
.assembly-progress>div:first-child{font-size:11px;color:#565656}
.assembly-progress .track{background:#dedede;height:1px}
.assembly-progress .track i{background:#78695e;height:1px}
.assembly-progress .text-link{font-size:11px;min-height:36px}
.real-assembly-credit,.rod-assembly-credit{color:#747474}
.real-assembly-photos,.real-study-tab{background:#fff}
.real-study-tab{border-color:#ddd}
.real-study-tab.active{border-top-color:#8a7b6b}
.real-study-tab strong{font-weight:500;letter-spacing:.02em}
.study-number{color:#89796a}

.materials{background:#141718;color:#fff}
.materials .scene-sticky{padding:45px 6% 30px}
.material-heading{align-items:flex-start;gap:50px}
.material-heading h2{font-size:48px;font-weight:500;letter-spacing:.025em}
.material-heading p{font-size:12px;line-height:1.8;color:#b8bbbd;max-width:240px}
.material-notes{gap:36px}
.material-note,.material-note:not(.active){border-color:#5c5f60}
.material-note.active{border-color:#c0b4a4;border-top-width:1px;padding-top:16px}
.material-note>span{font-size:25px;font-weight:500;letter-spacing:.025em;text-transform:uppercase}
.material-note p{font-size:12px;line-height:1.75;color:#bfc2c4;max-width:320px}
.material-scroll{color:#bfc2c4;font-size:11px;letter-spacing:.08em}
#material-diagram .model-meta{color:#bec1c3;font-size:11px;letter-spacing:.09em}

.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:75px}
.section-heading h2{font-size:52px;font-weight:500;letter-spacing:.025em}
.section-heading p{font-size:13px;line-height:1.8;color:#636363}
.section-heading .text-link{font-size:11px}
.inspector{background:#fff}
.inspector-topline{border-color:#ddd;padding:22px 0}
.model-name{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:.035em}
.model-name em{color:#6c6c6c;font-size:11px}
.segmented{background:#f0f0ef;padding:3px}
.segmented button{font-size:11px;min-height:38px;padding:9px 16px}
.segmented button.active{background:#fff}
.inspect-workspace{border:0;grid-template-columns:minmax(0,1fr) 300px}
.inspect-canvas,.photo-inspector-frame{background:#fff}
.inspect-canvas .canvas-corner{background:#ffffffeb;color:#333}
.inspect-canvas .canvas-corner span,.photo-inspector-meta{color:#686868}
.inspect-canvas .canvas-note{color:#686868}
.canvas-controls{background:#fff;border-color:#d5d5d5}
.canvas-controls button:hover{background:#ededeb}
.canvas-controls button:last-child{border-color:#d5d5d5}
.part-detail{background:#f6f6f4;border:0;padding:28px 24px}
.component-tabs{gap:10px;margin-bottom:24px}
.component-tabs button{width:36px;height:36px;border-color:#bcbcbc;color:#666}
.component-tabs button.active{background:#1b1b1b;border-color:#1b1b1b;color:#fff}
.component-tabs button:hover{color:#171717;border-color:#171717}
.component-tabs button.active:hover{color:#fff}
.photo-thumbnails button{border-color:#d0d0cc;background:#fff}
.photo-thumbnails button.active,.photo-thumbnails button:hover{border-color:#8b7b69}
.part-detail h3{font-size:32px;font-weight:500;letter-spacing:.015em;line-height:1.04;text-transform:uppercase;margin:0 0 16px}
.part-detail>.micro{color:#7b6c60;font-size:11px}
.part-detail>p{font-size:12px;line-height:1.8;color:#5d5d5d}
.detail-feature{border-color:#d6d6d3;color:#5c5c5c;font-size:11px;line-height:1.7;letter-spacing:.05em}
.photo-slider{border-color:#d6d6d3}
.photo-slider label{font-size:11px;color:#525252}
.photo-slider input{accent-color:#857362}
.photo-inspector-tools button{border-color:#c7c7c2;min-height:44px;color:#333}
.photo-inspector-tools button:hover{background:#e7e7e2}
.photo-help{font-size:11px;color:#626262}
.part-detail>.button{margin-top:26px;font-size:12px}

.workshop{background:#fff;padding-bottom:130px}
.workshop-story{padding-top:60px;padding-bottom:115px;grid-template-columns:1fr 1fr;gap:13%;align-items:start}
.workshop-story h2{font-size:52px;line-height:1.05;font-weight:500;letter-spacing:.025em}
.workshop-story>div+div{padding-top:130px}
.workshop-story>div>p:first-child{font-size:15px;line-height:1.8}
.workshop-story .secondary{font-size:13px;line-height:1.8;margin-top:20px}
.workshop-story .text-link{font-size:11px}
.drafting-table{margin:0 11%;background:#fcfcfa;border-color:#dededb}
.drafting-top{background:#f2f2ef;border-color:#dededb;padding:18px 25px}
.drafting-top .micro{font-size:11px;color:#666}
.draft-tabs{gap:32px;padding:21px 28px 0}
.draft-tabs button{font-size:11px;min-height:44px;color:#5b5b5b}
.draft-tabs button.active{color:#191919;border-color:#847360}
.draft-content{padding:30px 28px}
#process-drawing{filter:grayscale(1)}
.draft-explanation{padding-top:35px}
.draft-explanation h3{font-size:34px;font-weight:500;line-height:1.05;letter-spacing:.025em}
.draft-explanation>.micro{font-size:11px;color:#7b6e61}
.draft-explanation p{font-size:12px;line-height:1.8;color:#666}
.draft-explanation .draft-foot{font-size:11px;line-height:1.8;color:#666}
.drafting-bottom{font-size:11px;border-color:#dededb;color:#666}
.sheet-tools{color:#666}

.field-break{height:84svh;min-height:560px;max-height:none;margin:0 6%;padding:60px 6%;text-align:center;justify-content:center;align-items:center}
.field-break:after{background:rgba(5,10,13,.25)}
.field-break>div{display:block;width:auto;max-width:600px}
.field-break h2{font-size:56px;line-height:1.04;font-weight:500;letter-spacing:.03em}
.field-break p{font-size:13px;line-height:1.8;margin-top:24px;color:#eee}

.collection{padding-top:165px;padding-bottom:150px}
.collection .section-heading{display:block;text-align:center;margin-bottom:80px}
.collection .section-heading h2{font-size:52px}
.collection .section-heading p{margin-top:25px}
.collection-filters{border-color:#ddd;padding:12px 0;gap:28px}
.collection-filters button{font-size:11px;min-height:40px;color:#666}
.collection-filters button.active{color:#111;border-color:#877866}
.collection-filters span{font-size:11px;color:#666}
.rod-grid{gap:65px 45px;margin-top:45px}
.rod-card{border-color:#ddd;padding-bottom:25px}
.rod-card .product-image{height:210px;background:transparent}
.rod-meta{margin-top:25px}
.rod-meta h3{font-size:36px;font-weight:500;letter-spacing:.025em}
.rod-meta>span{font-size:11px;color:#666}
.rod-category{font-size:11px;color:#7a6a5c}
.rod-description{font-size:12px;line-height:1.8;color:#666;max-width:48ch}
.rod-actions .text-link,.compare-label{font-size:11px}
.compare-label input{accent-color:#7e6e5c}
.compare-tray{background:#f4f4f0;box-shadow:none;border:1px solid #dededb;bottom:18px}
.comparison h3{font-weight:500;letter-spacing:.025em}
.comparison th,.comparison td{border-color:#ddd}
.comparison td:first-child{color:#777}
.dealer-section{background:#16191a;color:#fff;justify-content:center;text-align:center;padding-top:145px;padding-bottom:145px;gap:0}
.dealer-coordinate,.dealer-contour{display:none}
.dealer-section>div{max-width:580px}
.dealer-section h2{font-size:56px;font-weight:500;letter-spacing:.03em;line-height:1.04}
.dealer-section p{font-size:13px;line-height:1.8;max-width:470px;color:#c6c8c9;margin:28px auto 0}
.dealer-section .button{margin-top:32px}
footer{padding:80px 6% 30px;background:#fff;align-items:flex-start;gap:50px}
footer .brand img{width:115px;filter:brightness(0)}
footer>div{gap:32px;font-size:11px;color:#555}
footer p{border-color:#ddd;color:#666;font-size:11px;line-height:1.9}

@media(min-width:1600px){.section-pad{padding-left:max(11%,calc((100vw - 1260px)/2));padding-right:max(11%,calc((100vw - 1260px)/2))}.hero-main{padding-top:80px}.hero-copy{margin-top:34px}}
@media(max-width:1050px){
 .section-pad{padding-left:7%;padding-right:7%}.intro,.workshop-story{gap:9%}.intro h2,.workshop-story h2,.section-heading h2{font-size:46px}
 .craft-gallery{padding-left:7%;padding-right:7%}.drafting-table{margin-left:7%;margin-right:7%}.inspect-workspace{grid-template-columns:minmax(0,1fr) 270px}
 .part-detail{padding:24px 20px}.assembly .scene-top h2,.material-heading h2{font-size:44px}.assembly .drawing-stamp{max-width:150px;font-size:11px}.assembly-bottom{gap:30px}
}
@media(max-width:760px){
 .section-pad{padding:90px 6%}.header{height:80px;padding:0 4%}.header>.brand{top:23px}.header .brand img{width:94px}
 .header .dealer-link{font-size:11px;max-width:90px;line-height:1.25;gap:8px;margin:0 0 0 auto}.header .dealer-link svg{width:14px;height:14px;flex-shrink:0}
 .header nav{top:0;padding:120px 8% 80px;gap:24px;max-width:none}.header nav a{font-size:44px}
 .hero{height:100svh;min-height:600px;max-height:none}.hero-image,.hero-video video{object-position:38% 50%}.hero-main{padding:75px 8% 85px}
 .hero h1{font-size:56px;line-height:1.04;letter-spacing:.035em}.hero-copy{margin-top:30px;align-items:center}.hero-copy .button{font-size:12px;min-width:250px;min-height:44px;padding:12px 18px;gap:18px}
 .hero-bottom{bottom:28px;left:8%;right:8%}.scroll-note{font-size:11px;max-width:none;gap:12px}
 .hero:has(:is(.hero-video-toggle,.hero-film-link):not([hidden])) .hero-bottom{justify-content:flex-start;left:6%;right:6%}
 .hero:has(:is(.hero-video-toggle,.hero-film-link):not([hidden])) .scroll-note{font-size:10px;letter-spacing:.04em;gap:8px}
 .hero:has(:is(.hero-video-toggle,.hero-film-link):not([hidden])) .scroll-line{width:18px}
 .hero-video-toggle{right:6%;bottom:18px;padding:10px;font-size:10px;gap:6px}
 .hero-film-link{right:6%;font-size:10px;gap:6px}
 .intro{display:block;padding-top:100px;padding-bottom:65px}.intro h2{font-size:44px;max-width:320px}.intro-title .micro{margin-top:20px;font-size:11px;max-width:280px}
 .intro-copy{padding-top:55px;padding-left:12%}.intro-copy>p:first-child{font-size:14px;line-height:1.8}.intro-copy .secondary{font-size:12px;line-height:1.8}.intro-copy .text-link{font-size:11px;margin-top:24px;min-height:40px}
 .craft-gallery{padding:0 6% 100px;column-gap:4%}.craft-photo-one{grid-column:1/10;grid-row:1;padding-top:330px}.craft-photo-two{grid-column:7/13;grid-row:1}
 .craft-photo-one img{aspect-ratio:1.05}.craft-photo-two img{aspect-ratio:.66}.craft-gallery figcaption{font-size:11px;line-height:1.8;padding-top:12px}.craft-photo-one figcaption{max-width:220px}.craft-photo-two figcaption{max-width:140px}
 .assembly .scene-sticky{padding:30px 5% 25px}.assembly .scene-top{min-height:155px;display:block}.assembly .scene-top h2{font-size:39px;position:static;line-height:1.04}
 .assembly .scene-top>p{font-size:11px;padding-top:16px;max-width:280px;margin:0}.assembly .drawing-stamp{display:none}.assembly-bottom{padding-top:16px;gap:14px}
 .part-caption h3{font-size:25px;letter-spacing:.01em}.assembly .part-caption p{font-size:11px;line-height:1.7;min-height:0}.part-caption .part-index{font-size:11px}
 .assembly-progress>div:first-child{font-size:11px}.assembly-progress .text-link{font-size:11px;min-height:36px}
 .materials .scene-sticky{padding:32px 6% 25px}.material-heading{display:block}.material-heading h2{font-size:39px;line-height:1.04}.material-heading p{font-size:11px;line-height:1.7;max-width:280px;margin-top:18px}
 .material-notes{gap:12px}.material-note.active,.material-note{padding-top:11px}.material-note>span{font-size:20px;line-height:1.05;min-height:42px;letter-spacing:.015em}.material-note p{font-size:11px;line-height:1.7;margin-top:7px}
 .material-scroll{font-size:11px;letter-spacing:.07em;margin-top:20px}#material-diagram .model-meta{font-size:11px;letter-spacing:.04em}
 .section-heading{display:block;margin-bottom:45px}.section-heading h2{font-size:44px;line-height:1.04}.section-heading>div,.section-heading>p{margin-top:25px}.section-heading p{font-size:12px}
 .inspector-topline{padding:20px 0;gap:20px}.model-name{font-size:27px}.model-name em{font-size:11px;margin-left:17px}.segmented{width:100%}.segmented button{font-size:11px;padding:10px 8px;min-height:40px}
 .inspect-workspace{grid-template-columns:1fr}.inspect-canvas{min-height:400px}.inspect-canvas .canvas-corner{left:13px;right:13px;top:12px}.part-detail{padding:26px 22px}
 .component-tabs{gap:12px;margin-bottom:25px}.component-tabs button{width:40px;height:40px}.part-detail h3{font-size:32px;line-height:1.04;margin-bottom:16px}.part-detail>p{font-size:12px;line-height:1.8;min-height:0}
 .photo-inspector-tools button{min-height:44px}.part-detail>.button{margin-top:26px;min-height:44px}
 .workshop{padding-bottom:90px}.workshop-story{display:block;padding-top:15px;padding-bottom:70px}.workshop-story h2{font-size:44px;line-height:1.04}.workshop-story>div+div{padding-top:25px;margin-top:25px;padding-left:12%}
 .workshop-story>div>p:first-child{font-size:14px;line-height:1.8}.workshop-story .secondary{font-size:12px}.drafting-table{margin:0 4%}.drafting-top{padding:15px 16px}.drafting-top .micro{font-size:11px}
 .draft-tabs{gap:14px;padding:15px 16px 0}.draft-tabs button{font-size:11px;line-height:1.4;min-height:44px}.draft-content{padding:24px 12px}.draft-explanation{padding-top:12px;gap:14px 18px}
 .draft-explanation h3{font-size:29px;line-height:1.04}.draft-explanation>.micro{font-size:11px}.draft-explanation p{font-size:11px;line-height:1.8}.draft-explanation .draft-foot{font-size:11px}.drafting-bottom{padding:14px 16px;font-size:11px}
 .field-break{height:75svh;min-height:480px;margin:0 4%;padding:40px 9%}.field-break img{object-position:48% center}.field-break h2{font-size:44px;line-height:1.04}.field-break p{font-size:12px;line-height:1.8;margin-top:24px}
 .collection{padding-top:100px;padding-bottom:95px}.collection .section-heading{margin-bottom:45px}.collection .section-heading h2{font-size:44px}.collection .section-heading p{margin-top:25px}
 .collection-filters{gap:17px;padding:11px 0}.collection-filters button{font-size:11px;min-height:40px}.collection-filters span{font-size:11px}.rod-grid{grid-template-columns:1fr;gap:45px;margin-top:30px}
 .rod-card .product-image{height:160px}.rod-meta h3{font-size:34px}.rod-category{font-size:11px}.rod-description{font-size:12px;margin-top:18px}.rod-actions{margin-top:22px}.rod-actions .text-link,.compare-label{font-size:11px}
 .compare-tray{padding:12px;gap:12px}.compare-tray>span{font-size:11px}.compare-tray .button{font-size:11px;min-height:40px}.dealer-section{padding:95px 8%;display:block}
 .dealer-section h2{font-size:44px;line-height:1.04}.dealer-section p{font-size:12px;line-height:1.8;margin-top:25px}footer{padding:55px 6% 28px;gap:35px}footer .brand img{width:100px}footer>div{flex-direction:column;gap:18px;font-size:11px}footer p{font-size:11px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.hero-image,.button,.menu-toggle span{transition:none}.assembly .scene-sticky,.materials .scene-sticky{height:auto}}

/* Keep technical annotations and controls readable at every viewport. */
.intro-title .micro,.part-caption .part-index,.part-detail>.micro,.draft-explanation>.micro{display:none}
.part-caption{grid-template-columns:1fr}.part-caption p{grid-column:1}
.assembly .scene-top>p,.assembly .part-caption p,.material-heading p,.material-note p,.draft-explanation p{font-size:12px}
.photo-help,.detail-feature,.photo-inspector-meta,.canvas-corner,.canvas-corner span,.inspect-canvas .canvas-note,.drafting-bottom,.draft-explanation .draft-foot{font-size:11px}
.photo-inspector-meta{letter-spacing:.04em}.detail-feature{letter-spacing:.03em}
footer p,footer p a{font-size:11px}
@media(max-width:760px){
 #material-diagram .model-meta{flex-direction:column;align-items:flex-start;gap:2px;letter-spacing:.03em;font-size:11px;bottom:10px}
 .rod-assembly-credit{letter-spacing:0;font-size:11px}
 .material-notes{grid-template-columns:1fr;gap:10px}
 .material-note,.material-note.active{display:grid;grid-template-columns:120px 1fr;align-items:start;gap:14px;padding-top:10px}
 .material-note>span{font-size:20px;min-height:0}
 .material-note p{margin-top:0;max-width:none;font-size:12px;line-height:1.65}
 .assembly .scene-sticky{min-height:840px}
}

/* Material study: a sculptural cutaway, framed like a product engineering plate. */
.materials{background:#111719}
.materials .scene-sticky{height:100svh;min-height:680px;max-height:960px;padding:45px 6% 28px}
.material-heading{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:60px;flex-shrink:0}
.material-heading h2{font-size:48px;line-height:1.02}
.material-heading p{max-width:255px;margin:2px 0 0;font-size:12px;line-height:1.85;color:#b9c2c3}
.materials .layup-stage{position:relative;flex:1;min-height:330px;margin:12px -1.5% 0;align-items:stretch}
#material-diagram.model-viewport{min-height:330px;background:transparent;isolation:isolate}
#material-diagram>canvas{position:absolute;inset:0;width:100%;height:100%}
#material-diagram .model-meta{top:8px;bottom:auto;left:1.5%;right:1.5%;color:#9daeb1;font-size:9px;letter-spacing:.12em}
#material-diagram .model-labels{z-index:3}
#material-diagram .material-callout{color:#aab9ba;font-family:var(--body);font-size:11px;font-weight:500;letter-spacing:.015em;transition:color 180ms}
#material-diagram .material-callout.active{color:#e8d4b9}
#material-diagram .model-leaders{z-index:2}
#material-diagram .model-leaders path{stroke:#82999a;stroke-width:.7;opacity:.55}
#material-diagram .model-leaders circle{fill:#9eb1b1;stroke:#111719;stroke-width:1.2}
#material-diagram .model-leaders path.active{stroke:#c1aa8c;opacity:.9}
#material-diagram .model-leaders circle.active{fill:#e5c9a6}
.material-context{position:absolute;inset:72% 4% auto;display:flex;justify-content:space-between;pointer-events:none;color:#91a1a3;font-size:8px;letter-spacing:.12em;z-index:1}
.material-context span{display:flex;align-items:center;gap:10px}
.material-context svg{width:29px;height:8px;fill:none;stroke:currentColor;stroke-width:.8}
.material-notes{gap:38px;flex-shrink:0;margin-top:6px}
.material-note,.material-note:not(.active),.material-note.active{position:relative;opacity:1;border-top:1px solid #3b4a4d;padding:18px 0 0;transition:border-color 180ms,color 180ms}
.material-note>span{display:block;font-size:24px;color:#c2cccd;line-height:1.05;letter-spacing:.025em;transition:color 180ms}
.material-note p{font-size:12px;line-height:1.8;color:#9eafb2;max-width:310px;margin-top:11px}
.material-note.active{border-color:#bd9f78}
.material-note.active>span,.material-note:hover>span{color:#fff}
.material-note.active:before{content:'';position:absolute;top:-2px;left:0;width:26px;height:3px;background:#d8bd98}
.material-note:focus-visible{outline:1px solid #d8bd98;outline-offset:6px}
.material-detail{display:none}
.material-scroll{margin-top:23px;color:#9eafb2;font-size:9px;letter-spacing:.13em;flex-shrink:0}
.material-scroll svg{width:15px;height:15px}
@media(min-width:1600px){.materials .scene-sticky{padding-left:9%;padding-right:9%}}
@media(max-width:760px){
 .materials .scene-sticky{height:100svh;min-height:720px;max-height:900px;padding:30px 6% 24px}
 .material-heading{display:block;gap:0}.material-heading h2{font-size:39px;line-height:1.02}
 .material-heading p{max-width:290px;margin-top:16px;font-size:11px;line-height:1.8}
 .materials .layup-stage{min-height:300px;margin:17px -4% 0}
 #material-diagram.model-viewport{min-height:300px}
 #material-diagram .model-meta{font-size:8px;letter-spacing:.06em;left:3%;right:3%;top:7px}
 #material-diagram .material-callout{font-size:10px}
 .material-context{inset:0;font-size:8px;letter-spacing:.08em}
 .material-context span:first-child{position:absolute;left:4%;top:37%;flex-direction:column;gap:6px}
 .material-context span:last-child{position:absolute;right:4%;bottom:20%;flex-direction:column-reverse;gap:6px}
 .material-context svg{width:24px}
 .material-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
 .material-note,.material-note:not(.active),.material-note.active{display:block;padding-top:14px;min-height:65px}
 .material-note>span{font-size:clamp(16px,4.6vw,19px);min-height:40px;letter-spacing:.01em;line-height:1.1}
 .material-note p{display:none}
 .material-detail{display:block;color:#aebdc0;font-size:11px;line-height:1.8;min-height:40px;max-width:320px;margin:13px 0 0}
 .material-scroll{font-size:8px;letter-spacing:.09em;margin-top:17px;gap:10px}
}
@media(prefers-reduced-motion:reduce){
 .materials .scene-sticky{height:auto;min-height:780px;max-height:none}
 .materials .layup-stage{height:400px;flex:auto}
 .material-note,.material-note>span,#material-diagram .material-callout{transition:none}
}

@media(max-width:760px){#material-diagram .model-meta{flex-direction:row;align-items:center;gap:12px}#material-diagram .model-meta span:last-child{text-align:right}}
@media(max-width:760px) and (max-height:740px){
 .materials .scene-sticky{min-height:680px;padding-top:24px;padding-bottom:18px}
 .material-heading h2{font-size:35px}.material-heading p{margin-top:12px;font-size:10.5px;line-height:1.7}
 .materials .layup-stage,#material-diagram.model-viewport{min-height:260px}
 .materials .layup-stage{margin-top:10px}
 .material-notes{margin-top:6px}.material-note,.material-note.active,.material-note:not(.active){min-height:58px;padding-top:12px}
 .material-note>span{font-size:clamp(16px,4.6vw,18px)}.material-detail{margin-top:10px}.material-scroll{margin-top:10px}
}

/* The same warm focus follows the material, its leader, and its explanation. */
#material-diagram .material-callout{opacity:.52;transition:color 180ms,opacity 180ms}
#material-diagram .material-callout.active{opacity:1;color:#f1c98e;font-weight:600}
#material-diagram .model-leaders path{opacity:.24;transition:stroke 180ms,opacity 180ms}
#material-diagram .model-leaders path.active{stroke:#e5bb80;stroke-width:1.15;opacity:1}
#material-diagram .model-leaders circle{opacity:.4;transition:fill 180ms,opacity 180ms}
#material-diagram .model-leaders circle.active{opacity:1;fill:#f1c98e}
.material-note.active>span{color:#f1c98e}
.material-note:not(.active)>span{color:#a4b2b5}
.material-note.active p{color:#d4ddde}
@media(prefers-reduced-motion:reduce){#material-diagram .material-callout,#material-diagram .model-leaders path,#material-diagram .model-leaders circle{transition:none}}