@font-face{font-family:'DM Sans';src:url('assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-semibold.ttf') format('truetype');font-weight:500 600;font-display:swap}
img{height:auto}
:root{--bg:#f7f7f5;--hero:#e9e9e7;--ink:#171717;--muted:#60605d;--accent:#f77918;--action:#202020;--action-ink:#fff;--line:#d2d2cf;--card:#ededeb;--font-display:'DM Sans',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif;--display-weight:400;--display-tracking:-.04em;--t-h2:64px;--gut:64px;--r-lg:28px;--r-btn:14px;--nav:96px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;cursor:pointer}img,svg{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#171717}.wrap{width:calc(100% - var(--gut)*2);max-width:1440px;margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400}h1,h2{letter-spacing:var(--display-tracking);text-wrap:balance}h2{font-size:64px;line-height:1.04}p{line-height:1.6}button{color:inherit}.arrow{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav{position:absolute;top:24px;left:0;right:0;z-index:30}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-capsule{display:flex;align-items:center;gap:48px;border-radius:20px;background:#f7f7f5;padding:12px 24px;min-height:70px;position:relative}.brand{display:flex;align-items:baseline;position:relative;font-size:35px;font-weight:600;line-height:1;letter-spacing:-2.5px;white-space:nowrap}.brand-period{color:var(--accent)}.brand sup{font-size:10px;letter-spacing:0;position:relative;top:-16px;margin-left:4px}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav a{font-size:15px;min-height:44px;display:flex;align-items:center;position:relative}.desktop-nav a::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover::after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border:0;border-radius:14px;padding:14px 24px;font-size:15px;line-height:24px;white-space:nowrap;font-weight:400}.btn--primary{background:var(--action);color:var(--action-ink)}.nav-action{min-height:58px;border:7px solid var(--bg);border-radius:20px;padding:10px 18px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;border:0;background:none}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.mobile-nav{position:fixed;inset:0;background:var(--bg);padding:120px var(--gut) 40px;z-index:-1}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;font-size:32px;line-height:1.2;padding:20px 0;border-bottom:1px solid var(--line)}.mobile-nav a>span{font-size:14px;color:var(--muted)}.mobile-nav a:last-of-type{font-size:20px;border-bottom:0;margin-top:24px}.mobile-nav>p{font-size:14px;color:var(--muted);margin-top:32px}.skip-link{position:absolute;left:12px;top:-100px;background:var(--ink);color:#fff;padding:14px 20px;z-index:60}.skip-link:focus{top:8px}.hero{height:100svh;min-height:720px;background:var(--hero);overflow:hidden;position:relative}.hero-wrap{height:100%;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding-bottom:160px}.hero-object{position:absolute;top:70px;left:50%;transform:translateX(-50%);width:660px;height:440px;max-width:65vw;pointer-events:none}.hero-object img{width:100%;height:100%;object-fit:contain}.hero-content{position:relative;z-index:2;text-align:center}.hero h1{font-size:clamp(74px,8.5vw,132px);line-height:.99;font-weight:400;letter-spacing:-.055em;white-space:nowrap}.hero-lead{font-size:22px;line-height:1.35;margin-top:28px}.hero-cta{margin-top:30px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#5d5d59}.hero-bottom>a{position:absolute;left:50%;transform:translateX(-50%);width:44px;height:44px;display:grid;place-items:center}.hero-bottom>span:last-child{display:flex;align-items:center;gap:10px}.small-asterisk{font-size:24px;color:var(--accent);line-height:1}.section{min-height:100svh;padding:120px 0 88px}.label{font-size:14px;line-height:1.4;margin-bottom:24px;color:var(--muted)}.intro-wrap{min-height:calc(100svh - 208px);display:flex;justify-content:space-between;flex-direction:column;gap:55px}.intro-proof{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.intro h2{font-size:64px;line-height:1.18;letter-spacing:-.035em;text-align:center;max-width:1100px;margin:48px auto}.inline-picture{display:inline-block;width:64px;height:64px;vertical-align:middle;border-radius:16px;overflow:hidden;margin:0 7px}.inline-picture img{width:100%;height:100%;object-fit:cover}.orange-picture{background:var(--accent);transform:rotate(-8deg)}.intro-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.intro-foot p{max-width:600px;font-size:17px;line-height:1.65}.link{font-size:16px;display:inline-flex;align-items:center;gap:24px;min-height:44px;position:relative;flex-shrink:0}.link>span{font-size:22px}.link::before{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.link:hover::before{transform:scaleX(1)}.catalog{background:#eeeeeb}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.section-head>p{font-size:17px;line-height:1.5}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.filters{display:flex;gap:8px}.filter{border:0;background:transparent;padding:12px 20px;border-radius:12px;min-height:48px;font-size:15px;transition:background .15s,color .15s}.filter.active{background:var(--ink);color:#fff}.filter:hover:not(.active){background:#dededb}.filter-count{font-size:13px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:385px}.product-card{background:var(--bg);border-radius:28px;overflow:hidden;min-width:0}.product-card[hidden]{display:none}.product-grid.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.product-link{display:grid;grid-template-columns:1.3fr 1fr;min-height:385px}.product-grid.is-filtered .product-art{height:385px;aspect-ratio:auto}.product-grid.is-filtered .product-info{padding:40px}.product-link{display:block;height:100%}.product-art{height:290px;overflow:hidden;background:#dfdfdd}.product-art img{width:100%;height:100%;object-fit:contain;transition:none}.product-card:hover .product-art img{transform:none}.product-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px}.product-info h3{font-size:24px;line-height:1.15;letter-spacing:-.04em;margin-bottom:8px}.product-info p{font-size:14px;color:var(--muted)}.product-arrow{font-size:26px;line-height:1;align-self:flex-start}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:30px}.catalog-bottom>p{font-size:13px;color:var(--muted)}.trade-scene{position:relative;height:200svh;background:#000;color:#f5f5f7}.trade-sticky{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden}.trade-wrap{height:100%;position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;padding:120px 0 160px;gap:24px}.trade-heading{z-index:2;position:relative}.trade-heading .label{color:#a9a9a9}.trade-heading h2{font-size:clamp(64px,7.2vw,108px);line-height:1;letter-spacing:-.055em}.trade-description{font-size:19px;line-height:1.5;max-width:355px;color:#b5b5b5;margin-top:26px}.trade-button{--action:#f1f1ed;--action-ink:#171717;margin-top:30px}.trade-picture{position:relative;min-width:0}.trade-picture img{width:135%;max-width:none;margin-left:-15%;object-fit:contain}.trade-steps{list-style:none;padding:0;margin:0;position:absolute;left:0;right:0;bottom:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.trade-steps li{display:flex;align-items:flex-start;gap:16px;opacity:.4;transition:opacity .2s}.trade-steps li.is-current{opacity:1}.step-number{font-size:14px;line-height:1.4;color:#bbb}.trade-steps h3{font-size:19px;letter-spacing:-.025em;line-height:1.2;margin-bottom:8px}.trade-steps p{font-size:14px;line-height:1.5;max-width:280px;color:#aaa}.trade-progress{position:absolute;bottom:28px;left:0;right:0;background:#333;height:2px}.trade-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}.repair-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;min-height:calc(100svh - 208px);align-items:stretch}.repair-copy{padding:20px 0;display:flex;align-items:flex-start;flex-direction:column}.repair-copy h2{font-size:76px;letter-spacing:-.05em}.repair-copy>p:not(.label){font-size:18px;max-width:350px;line-height:1.65;margin-top:28px}.service-list{width:100%;margin:32px 0}.service-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.service-list h3{font-size:18px}.service-list>div>span{font-size:22px}.repair-picture{position:relative;min-height:570px;border-radius:28px;overflow:hidden;background:#151515}.repair-picture>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:65% center}.repair-sticker{position:absolute;right:24px;bottom:24px;width:130px;height:150px;background:var(--accent);border-radius:12px;padding:15px;transform:rotate(9deg);color:var(--ink);display:flex;justify-content:space-between;flex-direction:column}.repair-sticker>span{font-size:20px;letter-spacing:-1px;font-weight:600}.repair-sticker svg{width:70px;height:70px;align-self:flex-end;stroke:currentColor;stroke-width:6;fill:none}.questions-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start;min-height:calc(100svh - 208px);padding-top:35px}.questions h2{font-size:64px}.questions-lead{font-size:18px;margin-top:30px;line-height:1.6}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;min-height:90px;font-size:20px;line-height:1.4;padding:24px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:30px;font-weight:400;line-height:1;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:16px;line-height:1.7;max-width:520px;margin-bottom:28px;color:#50504e}.closing{background:#202020;color:#f5f5f2;min-height:100svh;padding:88px 0 28px;overflow:hidden}.footer-wrap{min-height:calc(100svh - 116px);display:flex;flex-direction:column;justify-content:space-between;gap:55px}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.footer-top h2{font-size:56px;line-height:1.1}.footer-top .btn{--action:#f5f5f2;--action-ink:#202020;flex-shrink:0}.footer-links{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;font-size:16px;color:#c4c4bf}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-links a{display:flex;align-items:center;min-height:36px}.footer-links a:hover{color:#fff}.footer-links span{min-height:36px;display:flex;align-items:center}.footer-wordmark{position:relative;font-size:clamp(150px,25vw,390px);letter-spacing:-.09em;line-height:.72;font-weight:500;margin-left:-.035em;white-space:nowrap;align-self:center}.footer-wordmark>span{color:var(--accent)}.footer-wordmark sup{font-size:28px;position:relative;letter-spacing:0;top:-200px;margin-left:30px}.legal{font-size:12px;color:#aaa9a4;display:flex;justify-content:space-between;gap:24px}.mo-wh__text{--t-h2:64px}
@media(min-width:1101px){.hero-object{top:60px;height:400px;width:600px}}
@media(min-width:1600px){.hero-object{top:60px;height:470px;width:705px}.hero-wrap{padding-bottom:190px}}
@media(min-width:761px) and (max-height:790px){.hero{min-height:680px}.hero-object{top:40px;width:560px;height:370px}.hero-wrap{padding-bottom:110px}.hero h1{font-size:100px}.hero-lead{font-size:20px;margin-top:20px}.hero-cta{margin-top:24px}.trade-wrap{padding-top:75px;padding-bottom:170px}.trade-heading h2{font-size:80px}.trade-sticky{min-height:700px}}
@media(max-width:1100px){:root{--gut:40px}.nav-capsule{gap:24px;padding:12px 20px}.desktop-nav{gap:20px}.desktop-nav a{font-size:14px}.nav-inner{gap:20px}.nav-action{gap:12px;font-size:14px}.hero-object{width:620px;max-width:78vw}.hero h1{font-size:9vw}.hero-lead{font-size:20px}.hero-wrap{padding-bottom:180px}.intro h2{font-size:54px}.section-head h2{font-size:54px}.section-head>p{font-size:16px}.product-grid{gap:16px}.product-art{height:240px}.product-info{padding:20px}.product-info h3{font-size:21px}.product-info p{font-size:13px}.repair-wrap,.questions-wrap{gap:48px}.repair-copy h2{font-size:62px}.repair-picture{min-height:590px}.questions h2{font-size:54px}.faq-list summary{font-size:18px}.footer-top h2{font-size:48px}.footer-wordmark sup{top:-135px;font-size:24px;margin-left:20px}.trade-steps{gap:24px}.trade-description{font-size:18px}.trade-steps h3{font-size:17px}.trade-steps p{font-size:13px}.trade-heading h2{font-size:80px}}
@media(min-width:761px) and (max-width:900px){.desktop-nav{display:none}.menu-toggle{display:flex}.nav-capsule{justify-content:space-between;min-width:230px}.hero-object{top:130px;height:460px;width:680px;max-width:85vw}.hero-wrap{padding-bottom:200px}.hero h1{font-size:9.6vw}.intro h2{font-size:48px}.inline-picture{width:52px;height:52px}.section-head{align-items:flex-start;flex-direction:column;gap:24px}.catalog{padding-top:96px}.product-art{height:230px}.product-info{padding:20px 16px}.product-info h3{font-size:20px}.product-info p{font-size:13px}.catalog-bottom{align-items:flex-start;flex-direction:column;gap:16px}.repair-wrap{grid-template-columns:1fr 1fr;gap:32px}.repair-copy h2{font-size:52px}.repair-copy>p:not(.label){font-size:16px}.repair-picture{min-height:650px}.questions-wrap{grid-template-columns:1fr;gap:45px}.questions h2{font-size:56px}.questions-lead{margin-top:22px}.faq-list summary{min-height:82px}.trade-wrap{grid-template-columns:1fr 1fr;gap:0}.trade-heading h2{font-size:70px}.trade-description{font-size:16px}.trade-picture img{width:160%;margin-left:-35%}.trade-steps{gap:20px}.trade-steps li{flex-direction:column;gap:12px}.trade-steps p{font-size:14px}.trade-sticky{min-height:800px}.trade-wrap{padding-bottom:245px}.trade-steps{bottom:65px}.footer-top{align-items:flex-start;flex-direction:column;gap:32px}.footer-links{grid-template-columns:1fr 1fr 1fr;font-size:15px}.footer-wordmark sup{top:-95px}}
@media(max-width:760px){:root{--gut:24px;--t-h2:40px;--nav:80px}html{scroll-padding-top:24px}.nav{top:16px}.nav-inner{gap:10px}.nav-capsule{min-height:60px;flex:1;justify-content:space-between;padding:8px 16px;border-radius:16px;gap:20px}.brand{font-size:31px;letter-spacing:-2px}.brand sup{font-size:8px;top:-15px}.desktop-nav,.nav-action{display:none}.menu-toggle{display:flex}.hero{height:100svh;min-height:700px}.hero-wrap{padding-bottom:150px}.hero-object{top:110px;width:570px;height:360px;max-width:none;max-height:44svh}.hero h1{font-size:clamp(44px,10.8vw,76px);white-space:normal;max-width:560px;line-height:1.02;letter-spacing:-.055em}.hero-lead{font-size:17px;max-width:310px;margin:24px auto 0;line-height:1.5}.hero-cta{margin-top:26px}.hero-cta .btn{min-width:220px}.hero-bottom{bottom:24px;font-size:12px;gap:20px}.hero-bottom>span:first-child{max-width:130px;line-height:1.5}.hero-bottom>span:last-child{gap:6px}.small-asterisk{font-size:20px}.section{padding:88px 0 64px;min-height:100svh}h2{font-size:44px}.intro-wrap{gap:40px;min-height:calc(100svh - 152px);justify-content:space-between}.intro-proof{font-size:13px;gap:24px;line-height:1.5}.intro-proof>span{max-width:145px}.intro-proof>span:last-child{text-align:right}.intro h2{font-size:40px;line-height:1.2;margin:30px auto;max-width:600px}.mo-wh__text{--t-h2:40px}.inline-picture{width:40px;height:40px;border-radius:10px;margin:0 4px}.intro-foot{align-items:flex-start;flex-direction:column;gap:24px}.intro-foot p{font-size:16px}.intro-foot p br{display:none}.link{font-size:15px;gap:20px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:46px}.section-head>p{font-size:16px;margin-top:24px}.catalog-toolbar{display:block;margin-bottom:24px}.filters{gap:4px}.filter{padding:10px 14px;font-size:14px;min-height:46px}.filter-count{display:block;margin-top:20px;font-size:13px}.product-grid{grid-template-columns:1fr;gap:24px}.product-art{height:auto;aspect-ratio:1.15}.product-info{padding:24px}.product-info h3{font-size:24px}.product-info p{font-size:14px}.product-arrow{font-size:30px}.product-grid.is-filtered .product-link{display:block;min-height:0}.product-grid.is-filtered .product-art{height:auto;aspect-ratio:1.15}.product-grid.is-filtered .product-info{padding:24px}.catalog-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.catalog-bottom>p{font-size:13px;max-width:280px}.trade-scene{height:auto}.trade-sticky{position:relative;height:auto;min-height:0}.trade-wrap{display:flex;flex-direction:column;padding:88px 0 64px;gap:35px}.trade-heading{width:100%}.trade-heading h2{font-size:70px;line-height:.98}.trade-description{font-size:17px;max-width:330px;margin-top:26px}.trade-button{margin-top:28px}.trade-picture{width:100%;order:1;height:330px;display:flex;align-items:center}.trade-picture img{width:125%;margin-left:-12.5%;max-width:none}.trade-steps{position:static;order:2;width:100%;grid-template-columns:1fr;gap:28px}.trade-steps li{opacity:1;gap:18px}.trade-steps h3{font-size:21px;margin-bottom:7px}.trade-steps p{font-size:15px;max-width:290px}.step-number{font-size:14px;padding-top:2px}.trade-progress{display:none}.repair-wrap{grid-template-columns:1fr;gap:40px;min-height:0}.repair-copy{padding:0}.repair-copy h2{font-size:64px;line-height:1}.repair-copy>p:not(.label){font-size:17px}.service-list{margin:26px 0 30px}.service-list h3{font-size:19px}.repair-picture{min-height:470px}.repair-sticker{width:110px;height:130px;bottom:24px;right:24px}.repair-sticker svg{width:55px;height:55px}.questions-wrap{grid-template-columns:1fr;gap:45px;min-height:0;padding-top:0}.questions h2{font-size:48px}.questions-lead{font-size:17px;margin-top:24px}.faq-list summary{font-size:19px;min-height:96px;gap:20px}.faq-list details>p{font-size:16px;margin-bottom:26px}.closing{padding:64px 0 26px;min-height:100svh}.footer-wrap{min-height:calc(100svh - 90px);gap:48px}.footer-top{flex-direction:column;align-items:flex-start;gap:28px}.footer-top h2{font-size:42px;line-height:1.1}.footer-links{grid-template-columns:1fr 1fr;gap:30px 20px;font-size:14px}.footer-links>p{grid-column:1/-1}.footer-links>p br{display:none}.footer-links a{min-height:44px}.footer-links span{font-size:13px;min-height:44px}.footer-wordmark{font-size:27vw;line-height:.85}.footer-wordmark sup{top:-58px;font-size:14px;margin-left:12px}.legal{font-size:12px;line-height:1.5;flex-direction:column;gap:10px}.legal>span:last-child{max-width:300px}}
@media(max-width:380px){:root{--gut:20px}.hero{min-height:700px}.hero-object{width:460px;height:330px;top:100px}.hero h1{font-size:46px;max-width:280px}.hero-wrap{padding-bottom:120px}.hero-lead{font-size:16px}.hero-bottom{font-size:11px}.intro h2{font-size:35px}.filter{padding:10px 11px;font-size:13px}.filters{gap:2px}.product-info{padding:22px 18px}.product-info h3{font-size:22px}.trade-heading h2{font-size:62px}.trade-picture{height:280px}.repair-copy h2{font-size:55px}.repair-picture{min-height:390px}.footer-top h2{font-size:35px}.footer-wordmark sup{top:-42px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.trade-scene{height:auto}.trade-sticky{position:relative}.trade-steps li{opacity:1}.trade-progress{display:none}}
.trade-steps li{opacity:1}.trade-steps h3{color:#999}.trade-steps li.is-current h3{color:#f5f5f7}.trade-steps li.is-current .step-number{color:var(--accent)}
@media(max-width:760px){.hero-object{top:110px;width:500px;height:290px;max-width:calc(100vw - 20px)}.trade-heading h2{font-size:clamp(48px,14.4vw,70px)}}
@media(max-width:380px){.hero-object{top:95px;width:440px;height:240px;max-width:calc(100vw - 20px)}}
@media(min-width:761px) and (max-height:739px){.trade-scene{height:auto}.trade-sticky{position:relative;height:auto}.trade-wrap{min-height:740px}.trade-steps li{opacity:1}.trade-progress{display:none}}
:root{--focus:#171717}.trade-scene,.closing{--focus:#f5f5f7}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--focus)}
.brand{min-height:44px;align-items:center}.hero-bottom{bottom:36px}
@media(max-width:760px){.hero h1{font-size:clamp(54px,16.4vw,76px)}.hero-bottom{bottom:30px}.repair-copy h2,.trade-heading h2{font-size:48px}}
@media(max-width:380px){.hero h1{font-size:54px}.repair-copy h2,.trade-heading h2{font-size:44px}}
html{scroll-behavior:auto}.footer-wordmark>span{display:inline-block;line-height:inherit}.repair-copy{padding-top:0;padding-bottom:0}
@media(max-width:760px){.product-grid:not(.is-filtered) .product-art{height:220px;aspect-ratio:auto}}

/* Full-image framing in every category; selecting a filter preserves card geometry. */
.product-art{background:#f5f5f7;padding:18px}
.product-art img{object-fit:contain;object-position:center;width:100%;height:100%}
.product-grid{align-items:start}
.product-grid.is-filtered .product-art{height:290px;aspect-ratio:auto}
.product-grid.is-filtered .product-info{padding:24px}
.hero-object{top:120px;width:210px;height:345px;max-width:none;max-height:none}
.hero-object img{object-fit:contain;filter:drop-shadow(0 16px 12px #00000012)}
.trade-picture{background:#f5f5f7;border-radius:28px;overflow:hidden}
.trade-picture img{width:100%;max-width:100%;margin:0;height:auto;object-fit:contain}
.repair-picture>img{object-position:center}
.legal a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.hero-object{top:130px;height:360px;width:220px}}
@media(min-width:761px) and (max-height:790px){.hero-object{top:110px;height:245px;width:150px}}
@media(max-width:1100px){.product-grid.is-filtered .product-art{height:240px}.product-grid.is-filtered .product-info{padding:20px}}
@media(min-width:761px) and (max-width:900px){.hero-object{top:160px;height:360px;width:220px}.product-grid.is-filtered .product-art{height:230px}.product-grid.is-filtered .product-info{padding:20px 16px}}
@media(max-width:760px){.hero-object{top:112px;width:150px;height:255px}.product-grid.is-filtered{grid-template-columns:1fr}.product-grid.is-filtered .product-art,.product-grid:not(.is-filtered) .product-art{height:240px;aspect-ratio:auto}.product-grid.is-filtered .product-info{padding:24px}.trade-picture{height:auto;min-height:220px}.trade-picture img{width:100%;margin:0}}
@media(max-width:380px){.hero-object{top:98px;height:225px;width:140px}}

/* Real repair workbench and the existing keychain, replacing the orange badge. */
.repair-picture>img{object-position:58% center}
.repair-keychain{position:absolute;right:20px;bottom:20px;width:112px;height:200px;pointer-events:none;transform:rotate(8deg)}
.repair-keychain img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px #0005)}
.legal>span:last-child{max-width:740px;text-align:right}
@media(max-width:760px){.repair-keychain{right:14px;bottom:14px;width:90px;height:160px}.legal>span:last-child{max-width:100%;text-align:left}}

/* Three product miniatures become the catalog images as the page scrolls. */
.catalog-journey{position:relative;background:var(--bg)}
.journey-source{display:inline-block;width:82px;height:64px;vertical-align:middle;background:#f5f5f7;border-radius:16px;overflow:hidden;margin:0 5px}
.journey-source img{width:100%;height:100%;object-fit:contain;padding:4px}
.intro h2{font-size:clamp(48px,4.5vw,64px);line-height:1.24}
.is-animated.catalog-journey{height:250svh}
.is-animated .journey-stage{position:sticky;top:0;height:100svh;isolation:isolate}
.is-animated .intro,.is-animated .catalog{position:absolute;inset:0;min-height:0;height:100%;padding:96px 0 64px;background:transparent}
.is-animated .intro{z-index:2}
.is-animated .intro-wrap{height:100%;min-height:0;gap:24px}
.is-animated .intro h2{margin:0 auto 12vh;max-width:1140px}
.is-animated .intro-foot{margin-top:0}
.is-animated .catalog{z-index:1}
.is-animated:not(.is-landed) .product-card{visibility:hidden}
.journey-tile{padding:0;overflow:visible;background:transparent}
.journey-media{width:100%;height:100%;padding:18px;background:#f5f5f7;border-radius:28px 28px 0 0;overflow:hidden}
.journey-tile .product-info{position:absolute;left:0;top:100%;width:100%;background:var(--bg);border-radius:0 0 28px 28px;padding:24px}
.is-animated .catalog .product-art{height:clamp(220px,31svh,310px)}
.is-animated .catalog .product-grid{min-height:0}
.is-animated .catalog .product-info{padding:24px}
.is-animated .catalog .section-head h2{font-size:clamp(48px,4.4vw,64px)}
.is-animated .journey-source img{visibility:hidden}
.is-animated:not(.is-landed) .product-art img{visibility:hidden}
.journey-flight{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:clip}
.journey-tile{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;background:transparent;border-radius:28px 28px 0 0;overflow:visible;padding:0}
.journey-tile img{width:100%;height:100%;object-fit:contain}
.is-landed .journey-flight{visibility:hidden}
.is-landed .journey-tile{will-change:auto}
.is-landed .catalog{z-index:4}
@media(min-width:901px) and (max-height:820px){.is-animated .intro,.is-animated .catalog{padding:72px 0 48px}.is-animated .intro h2{margin-bottom:6vh;font-size:54px}.is-animated .catalog .section-head{margin-bottom:24px}.is-animated .catalog .product-info{padding:20px}.is-animated .catalog .product-info h3{font-size:22px}}
@media(max-width:900px){.journey-source{width:64px;height:52px;border-radius:12px}.intro h2{font-size:48px}}
@media(max-width:760px){.journey-source{width:58px;height:46px;margin:0 2px;border-radius:10px}.intro h2{font-size:37px;line-height:1.3}.intro-wrap{gap:24px}.intro h2{margin:24px auto}.product-art img{transform-origin:center}}
@media(max-width:380px){.intro h2{font-size:32px}.journey-source{width:48px;height:40px}}
.is-animated .intro-wrap{position:relative}
.is-animated .intro h2{position:absolute;top:60px;left:0;right:0;margin:0 auto;font-size:clamp(40px,3.8vw,56px);line-height:1.45}
.is-animated .journey-line{display:block;white-space:nowrap}
.is-animated .intro-foot{margin-top:auto}
@media(min-width:901px) and (max-width:1100px){.is-animated .journey-source{width:64px;height:52px}}
.journey-item{display:inline-block;white-space:nowrap}
.journey-source img{transform:scale(1.8)}

/* One continuous page canvas; the keychain hangs from its ring near the top. */
:root{--bg:#f7f7f5;--hero:#e9e9e7;--focus:#171717}
html,body,.hero,.intro,.catalog,.catalog-journey,.trade-scene,.repair,.questions,.closing{background:var(--bg);color:var(--ink)}
.trade-scene,.closing{--focus:#171717}
.trade-heading .label,.trade-description,.trade-steps p,.step-number,.footer-links,.legal{color:var(--muted)}
.trade-steps h3{color:var(--muted)}
.trade-steps li.is-current h3{color:var(--ink)}
.trade-steps li.is-current .step-number{color:#a7460b}
.trade-progress{background:var(--line)}
.trade-button,.footer-top .btn{--action:#202020;--action-ink:#fff}
.footer-links a:hover{color:var(--ink)}
.hero{--keychain-height:clamp(280px,37svh,410px)}
.hero-object{top:6px;width:calc(var(--keychain-height)*.5625);height:var(--keychain-height);max-width:none;max-height:none}
.hero-object img{transform-origin:52% 9%;object-fit:contain}
.hero-wrap{justify-content:flex-start;padding-top:calc(var(--keychain-height) + 46px);padding-bottom:110px}
@media(max-width:1100px){.hero{--keychain-height:clamp(250px,34svh,360px)}.hero-object{top:92px}.hero-wrap{padding-top:calc(var(--keychain-height) + 124px)}}
@media(max-width:760px){.hero{--keychain-height:clamp(200px,32svh,270px)}.hero-object{top:88px}.hero-wrap{padding-top:calc(var(--keychain-height) + 120px);padding-bottom:100px}}
.hero-object{width:min(520px,100vw);pointer-events:auto}
.hero-object>img{width:calc(var(--keychain-height)*.5625);margin:auto;pointer-events:none}
.hero-object canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;filter:drop-shadow(0 10px 9px #00000019)}
.hero-object.has-model>img{opacity:0!important;visibility:hidden!important}
/* The large support ring enters from the page edge, not as a floating circle. */
.hero-object.has-model{top:0}
@media(max-width:1100px){.hero-object.has-model{height:calc(var(--keychain-height) + 92px)}}
@media(max-width:760px){.hero-object.has-model{height:calc(var(--keychain-height) + 88px)}}
/* Butter-like continuous travel, with both sections moving in one direction. */
.hero{background:var(--hero)}
.is-animated .journey-stage{overflow:hidden}
.is-animated .intro,.is-animated .catalog{background:transparent;will-change:transform}
.is-animated .journey-source{background:transparent}
.is-animated .intro-foot{display:none}
.is-animated .catalog{z-index:1}
.is-landed .catalog{z-index:4;will-change:auto}
.trade-picture{background:var(--bg);border-radius:0;overflow:visible;aspect-ratio:900/504;height:auto;min-height:0}
.trade-picture>img,.trade-picture>canvas{display:block;width:100%;height:100%;margin:0;object-fit:contain;mix-blend-mode:multiply}
.trade-picture>canvas{position:absolute;inset:0;visibility:hidden}
.trade-picture.duo-ready>canvas{visibility:visible}
.trade-picture.duo-ready>img{visibility:hidden}
.footer-wordmark,.footer-wordmark>span{color:var(--ink)}
.footer-wordmark>span{transition:color .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.footer-wordmark>span:hover{color:var(--accent);transform:translateY(-.035em);transition-duration:.18s}}
@media(prefers-reduced-motion:reduce){.footer-wordmark>span{transition:none}.footer-wordmark>span:hover{transform:none}}
/* A clear route to the live catalog, visible before opening the mobile menu. */
.catalog-entry{background:#f77918;color:#171717;transition:background .2s,transform .2s}.catalog-entry:hover{background:#ff8b30}.catalog-entry:active{transform:translateY(1px)}.hero-cta .catalog-entry{min-width:268px;font-weight:600}.catalog-entry-note{margin:12px 0 0;font-size:12px;color:#60605d}.catalog-mobile-link{display:none}
@media(max-width:760px){.nav-capsule{gap:10px;padding-inline:12px}.nav-capsule .brand{font-size:28px}.catalog-mobile-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-left:auto;padding:8px 12px;background:#f77918;color:#171717;font-size:12px;font-weight:600;border-radius:11px;white-space:nowrap}.nav-capsule .menu-toggle{width:36px;flex-shrink:0}.hero-cta .catalog-entry{min-width:0;width:auto;max-width:100%;padding-inline:22px;font-size:14px;gap:18px}.catalog-entry-note{font-size:11px}}