@font-face{font-family:Inter;src:url(fonts/Inter-Variable.ttf) format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#25282a;--panel:#1d1f20;--ink:#ca9978;--muted:#ca9978;--copper:#ca9978;--line:rgba(202,153,120,.32);--paper:#ca9978;--dark:#090a0a;--body:Inter,Arial,sans-serif}
body{font-family:var(--body)}
.label,.meta,.caption{font-family:var(--body);font-weight:600;letter-spacing:.1em}
.site-header{background:rgba(37,40,42,.97)}
.brand{display:block;flex-shrink:0;width:180px}
.brand-logo{width:100%;height:auto;max-height:46px;object-fit:contain}
.inline-wordmark{display:inline-block;width:auto;height:.68em;vertical-align:baseline;object-fit:contain;margin:0 .06em;max-width:none}
.paper .inline-wordmark{filter:brightness(0)}
.desktop-nav a{color:var(--copper)}
.desktop-nav .nav-method,.header-shop{background:var(--copper);color:var(--dark);padding:12px 16px;font-weight:700;line-height:1.4}
.desktop-nav .nav-method[aria-current]{color:var(--dark);box-shadow:inset 0 0 0 2px var(--dark),0 0 0 1px var(--copper)}
.desktop-nav .nav-method:after{display:none}
.mobile-menu .nav-method{padding-left:12px;background:var(--copper);color:var(--dark)}
.paper .label,.paper .lede,.paper .small,.paper em,.paper .editorial-lines span{color:var(--dark)}
.paper .editorial-lines,.paper .editorial-lines>div,.paper .button{border-color:rgba(9,10,10,.35)}
.paper .label:before{background:var(--dark)}
.manifesto h2 span,.kit-list button span{color:var(--copper)}
.kit-focus img{background:var(--panel)}
.hero{min-height:min(760px,calc(100vh - 86px))}
.hero h1{font-size:clamp(68px,7.2vw,118px)}
.hero-copy{padding-top:48px;padding-bottom:48px}
.hero-visual{background:#fff}
.hero-visual>img{max-height:720px;aspect-ratio:1;object-fit:contain}
.visual-tag,.visual-foot{color:var(--dark)}
.hero-scroll{margin-top:28px}
.photo-panel{background:#fff}
.image-strip img{object-position:50% 55%}
.image-strip .overlay{background:linear-gradient(90deg,rgba(37,40,42,.84),rgba(37,40,42,.12));align-items:end}
.feature-banner>img{object-fit:contain;background:var(--panel)}
.gallery-item img{transition:transform .2s}
.gallery-item:hover img{transform:translateY(-3px)}
.gallery-link{margin-top:24px}
.tutorial-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--panel);border:1px solid var(--line)}
.tutorial-caption{margin-top:14px;color:var(--muted);font-size:12px}
.preparation-details{margin-top:70px;margin-bottom:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}
.preparation-details>summary{font-family:var(--display);font-size:32px;cursor:pointer;line-height:1.2}
.preparation-details .method-layout{padding-top:40px;padding-bottom:30px}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav .nav-method,.header-shop{padding:11px}.brand{width:160px}}
@media(max-width:850px){.hero{min-height:0}.hero h1{font-size:clamp(58px,8.4vw,84px)}.hero-visual{min-height:0}.brand{width:165px}}
@media(max-width:600px){.hero h1{font-size:clamp(66px,17vw,90px)}.hero-copy{padding:35px 20px}.hero .actions{align-items:stretch}.hero .actions .button{flex:1}.hero-visual{aspect-ratio:auto}.hero-visual>img{max-height:none}.hero .lede{margin-top:20px}.visual-tag{font-size:8px}.image-strip img{height:380px;object-position:40% 50%}.image-strip h2{font-size:42px;max-width:250px}.feature-banner>img{object-fit:contain}.page-intro h1,.page-intro.compact h1{font-size:clamp(48px,13vw,66px)}}

.product-original{object-fit:contain;background:#fff}
.kit-focus img.product-original{background:#fff}
.path img.product-original{object-fit:contain;background:#fff}
.feature-banner>img.product-original{object-fit:contain;background:#fff}
.gyro-product-photo{margin:0;border:1px solid var(--line);background:var(--panel)}
.gyro-product-photo>img{width:100%;height:500px;object-fit:contain}
.gyro-product-photo>figcaption{padding:18px 22px;border-top:1px solid var(--line)}
.accessory-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#fff;align-items:center}
.accessory-photos img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:600px){.gyro-product-photo>img{height:auto;aspect-ratio:1}}