.f-hero{padding:150px 6% 0;background:#f2f3ee}.f-title{position:relative;z-index:1}.f-title h1{font-size:clamp(72px,9vw,132px);font-weight:400;line-height:1;margin:20px 0;letter-spacing:-.05em}.f-title h1 span{font-size:clamp(20px,2.5vw,34px);font-weight:400;letter-spacing:.08em;display:inline-block;margin-left:35px}.f-origin{font-size:13px;color:var(--muted);letter-spacing:.04em}.f-main-photo{margin:-35px 0 0;position:relative}.f-main-photo img{display:block;width:100%;height:clamp(340px,45vw,650px);object-fit:contain;transition:opacity .22s}.f-main-photo figcaption{text-align:right;font-size:12px;letter-spacing:.08em;color:var(--muted)}.f-selection{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 40px}.f-colors{display:flex;gap:10px;flex-wrap:wrap}.f-color{display:flex;gap:10px;align-items:center;border:1px solid transparent;background:transparent;padding:12px;min-height:48px;font-size:13px;color:var(--ink);border-radius:2px}.f-color>span{width:21px;height:21px;background:var(--chip);border:1px solid #9996;border-radius:50%}.f-color[aria-pressed=true]{border-color:var(--red);color:var(--red)}.f-color:hover{background:#fff8}.f-purchase{display:grid;grid-template-columns:auto auto;align-items:center;gap:10px 32px}.f-purchase>span{font-size:12px;color:var(--muted)}.f-purchase>strong{grid-column:1;font-size:27px;font-weight:400}.f-purchase>.button{grid-column:2;grid-row:1/3}.f-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:32px 0}.f-facts>div+div{border-left:1px solid var(--line);padding-left:24px}.f-facts strong{display:block;font-size:36px;font-weight:400;line-height:1.2}.f-facts strong small{font-size:14px}.f-facts span{display:block;font-size:12px;color:var(--muted);margin-top:10px}.f-intro{text-align:center;padding-top:110px;padding-bottom:110px}.f-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.f-detail-grid img{display:block;width:100%;height:300px;object-fit:contain;background:#eeefea;margin-bottom:30px}.f-detail-grid h3{font-size:20px}.f-details .section-heading h2{font-size:29px;margin:0}.f-gallery{background:#eeefea}.f-gallery .section-heading h2{margin:0;font-size:29px}.f-gallery-view{margin:0}.f-gallery-view img{display:block;width:100%;height:520px;object-fit:contain;transition:opacity .22s}.f-gallery-view figcaption{text-align:center;font-size:13px;margin:20px 0 28px}.f-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.f-thumb{padding:10px;background:#ffffff70;border:1px solid transparent;text-align:left;min-width:0;color:var(--ink)}.f-thumb img{display:block;width:100%;height:115px;object-fit:contain}.f-thumb span{display:block;font-size:11px;margin-top:8px}.f-thumb[aria-pressed=true]{border-color:var(--red)}.f-thumb:hover{background:white}.f-small{font-size:12px!important;color:var(--muted);line-height:1.8}.f-specs{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.f-specs dl{margin:0}.f-specs dl>div{display:grid;grid-template-columns:140px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;line-height:1.7}.f-specs dt{color:var(--muted)}.f-specs dd{margin:0}.f-specs a{text-decoration:underline;text-underline-offset:4px}.f-bottom{text-align:center;background:#eeefea}.f-bottom .text-link{display:block;margin:25px auto 0;width:max-content}.f-color:focus-visible,.f-thumb:focus-visible{outline:2px solid var(--red);outline-offset:3px}.f-image-loading{opacity:.35}.f-page img{max-width:100%}
@media(max-width:900px){.f-hero{padding-top:155px}.f-title h1 span{display:block;margin:22px 0}.f-main-photo{margin:0}.f-selection{align-items:flex-start}.f-purchase{display:block}.f-purchase>strong{display:block;margin:10px 0 18px}.f-thumbnails{grid-template-columns:repeat(4,1fr)}.f-specs{gap:40px}.f-detail-grid{gap:20px}.f-detail-grid img{height:220px}}
@media(max-width:600px){.f-hero{padding:160px 6% 0}.f-title h1{font-size:78px}.f-title h1 span{font-size:22px;line-height:1.5}.f-origin{font-size:11px}.f-main-photo img{height:285px}.f-selection{display:block;padding-top:28px}.f-colors{gap:2px}.f-color{padding:12px 9px;font-size:12px;gap:7px}.f-purchase{margin-top:30px;display:grid;grid-template-columns:1fr auto;gap:6px 15px}.f-purchase>strong{font-size:23px;margin:0}.f-purchase>.button{padding:15px;gap:18px;font-size:12px}.f-facts{grid-template-columns:repeat(2,1fr);gap:28px}.f-facts>div:nth-child(3){padding-left:0;border:0}.f-facts strong{font-size:30px}.f-detail-grid{grid-template-columns:1fr;gap:40px}.f-detail-grid img{height:290px}.f-details .section-heading,.f-gallery .section-heading{display:block}.f-details .section-heading h2,.f-gallery .section-heading h2{font-size:25px;margin-top:25px}.f-gallery-view img{height:320px}.f-thumbnails{grid-template-columns:repeat(3,1fr);gap:8px}.f-thumb{padding:5px}.f-thumb img{height:85px}.f-thumb span{font-size:10px;line-height:1.6}.f-specs{grid-template-columns:1fr}.f-specs dl>div{grid-template-columns:105px 1fr;gap:15px;font-size:13px}.f-intro{padding-top:75px;padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.f-main-photo img,.f-gallery-view img{transition:none}}
.explore-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.explore-step{background:transparent;border:0;border-bottom:1px solid #c9ccc4;padding:20px 8px;text-align:left;color:var(--muted);font:inherit;cursor:pointer;transition:color .3s,border-color .3s}.explore-step span{display:block;font-size:11px;margin-bottom:9px}.explore-step[aria-pressed=true]{color:var(--red);border-bottom:2px solid var(--red)}.photo-zoom{position:relative;width:100%;display:block;border:0;background:transparent;cursor:zoom-in;padding:0}.zoom-hint{position:absolute;right:10px;bottom:10px;border-radius:30px;padding:12px 18px;background:#fff;box-shadow:0 3px 16px #00000008;color:var(--ink);font-size:12px}.explore-description{text-align:center;min-height:3em;line-height:1.8}.f-gallery>.f-small{text-align:center}.more-photos{margin-top:40px;border-top:1px solid var(--line)}.more-photos summary{padding:22px 0;cursor:pointer;font-size:13px}.brake-explore{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.brake-explore h2{font-size:clamp(24px,3vw,38px);line-height:1.7}.brake-controls{display:flex;gap:12px;margin:28px 0}.brake-controls button{padding:15px 20px;background:none;border:1px solid #b9bcb5;font:inherit;cursor:pointer}.brake-controls button[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}#brake-status{min-height:4em;font-size:13px;line-height:1.8}.brake-diagram{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:#f1f2ed;padding:45px 20px}.brake-node{text-align:center;flex:0 0 30%}.brake-node span{display:block;aspect-ratio:1;border:2px solid #b8bcb4;border-radius:50%;max-width:95px;margin:0 auto 16px;box-shadow:inset 0 0 0 14px #e4e6de;transition:background .4s,border-color .4s,box-shadow .4s}.brake-node strong{font-size:12px;font-weight:400}.brake-connection{height:2px;background:#c7cbc2;flex:0 0 26%;margin-top:-32px;transition:background .4s}.brake-diagram p{width:100%;text-align:center;font-size:11px;color:var(--muted);margin:35px 0 0}.is-braking .brake-node span{background:#aa29331c;border-color:var(--red);box-shadow:inset 0 0 0 14px #aa29332a}.is-braking .brake-connection{background:var(--red)}#photo-dialog{border:0;background:#f5f6f1;width:min(1100px,94vw);max-height:92dvh;padding:55px 20px 20px;color:var(--ink)}#photo-dialog::backdrop{background:#19201de0;backdrop-filter:blur(6px)}#zoom-image{width:100%;height:70dvh;object-fit:contain;display:block}#zoom-caption{text-align:center;font-size:13px}.photo-close{position:absolute;right:14px;top:10px;min-width:44px;min-height:44px;border:0;background:none;font-size:24px;cursor:pointer}.explore-step:focus-visible,.photo-zoom:focus-visible,.brake-controls button:focus-visible,.photo-close:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media(max-width:700px){.brake-explore{grid-template-columns:1fr;gap:25px}.explore-controls{gap:8px}.explore-step{font-size:12px;padding:16px 4px}#zoom-image{height:65dvh}.brake-diagram{padding:35px 15px}}@media(prefers-reduced-motion:reduce){.explore-step,.brake-node span,.brake-connection{transition:none}}
/* Only the conceptual diagram rotates; product photographs remain unchanged. */
.brake-node span{position:relative;background:#fafbf7;overflow:hidden}.brake-node span::before{content:"";position:absolute;inset:10px;border:1px solid currentColor;border-radius:50%;color:#71786c;background:repeating-conic-gradient(from 12deg,transparent 0deg 56deg,currentColor 56deg 60deg);animation:brake-wheel-roll 5s linear infinite;animation-play-state:running}.brake-node span::after{content:"";position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);background:#71786c;border:3px solid #fafbf7;border-radius:50%}.is-braking .brake-node span::before{animation-play-state:paused;color:var(--red)}.is-braking .brake-node span::after{background:var(--red)}@keyframes brake-wheel-roll{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brake-node span::before{animation:none}}

.brake-controls button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
