/* Motion follows the story, with native scrolling and a quiet reduced-motion mode. */
.hero{transition:clip-path .12s linear}.hero h1>span{animation-name:hero-word}.hero-heading p,.hero-cta{animation:soft-arrive 1.3s var(--ease) both;animation-delay:.25s}.hero-topline{animation:soft-arrive 1.2s var(--ease) both}.header nav a[aria-current=location]:after{transform:scaleX(1)}
@keyframes hero-word{from{opacity:0;transform:translateY(55px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes soft-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.headline-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.headline-line>span{display:block;transition:transform 1.1s var(--ease),opacity 1.1s;transition-delay:var(--line-delay,0ms)}
@media(prefers-reduced-motion:no-preference){.motion-ready .motion-head:not(.arrived) .headline-line>span{transform:translateY(110%);opacity:0}.motion-ready .image-aperture{clip-path:inset(8% 5%);transition:clip-path 1.3s var(--ease),transform 1.3s var(--ease)}.motion-ready .image-aperture.arrived{clip-path:inset(0)}}
.rhythm{height:235svh;background:#232d25;color:#f3f1eb;--frame-inset:0%;--day-progress:0}.rhythm-sticky{position:sticky;top:90px;height:calc(100svh - 90px);min-height:600px;display:flex;flex-direction:column;padding-top:30px;padding-bottom:15px}.rhythm-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:35px}.rhythm-heading h2{font-size:clamp(38px,4.2vw,65px)}.rhythm-heading h2 br{display:none}.rhythm-heading h2 span{color:#bcc7b0}.rhythm-heading p{font-size:16px;line-height:1.65;color:#c2c9ba}.rhythm-stage{position:relative;isolation:isolate;flex:1;min-height:0;margin:0 3vw;overflow:hidden;clip-path:inset(0 var(--frame-inset));transition:clip-path .15s linear;background:#465242}.rhythm-pictures,.rhythm-pictures img,.rhythm-shade{position:absolute;inset:0;width:100%;height:100%}.rhythm-pictures{z-index:-3}.rhythm-pictures img{object-fit:cover;object-position:center 58%;opacity:0;transform:scale(1.045);transition:opacity 1s ease,transform 3s var(--ease)}.rhythm-pictures img.active{opacity:1;transform:scale(1)}.rhythm-shade{z-index:-2;background:linear-gradient(90deg,#132118bb,transparent 75%),linear-gradient(0deg,#132118c9,transparent 70%)}.rhythm-label{position:absolute;right:3vw;top:22px;font-size:14px;letter-spacing:.13em;color:#fff;background:#20332466;padding:8px 12px}.rhythm-story{position:absolute;left:3vw;bottom:95px;max-width:440px}.rhythm-story>span{font-size:14px;letter-spacing:.05em;color:#e4e7db}.rhythm-story h3{font-size:clamp(34px,4vw,60px);letter-spacing:-.045em;line-height:1.07;margin:14px 0 18px}.rhythm-story p{font-size:16px;max-width:350px;line-height:1.6;color:#e3e7dc}.rhythm-story a{display:inline-block;border-bottom:1px solid #d8dfca;padding:12px 0 5px;margin-top:9px;font-size:16px}.rhythm-nav{position:absolute;bottom:22px;left:3vw;right:3vw;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rhythm-nav button{position:relative;padding:13px 0 10px;text-align:left;background:none;color:#d1d9c9;border-top:1px solid #ffffff55;font-size:16px}.rhythm-nav button i{position:absolute;top:-1px;left:0;right:0;height:2px;background:#f2eddc;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.rhythm-nav button[aria-pressed=true]{color:white}.rhythm-nav button[aria-pressed=true] i{transform:scaleX(1)}.rhythm-note{font-size:14px;color:#b3beaa;padding-top:12px;line-height:1.5}
.home-comparison{margin-bottom:24px;border-top:1px solid #abb79e;border-bottom:1px solid #abb79e}.home-comparison>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:22px 0;list-style:none;font-size:18px;letter-spacing:-.025em}.home-comparison>summary::-webkit-details-marker{display:none}.comparison-action{font-size:16px;letter-spacing:0;display:flex;align-items:center;gap:20px}.comparison-action b{font-weight:400;font-size:24px;line-height:1}.comparison-content{padding:10px 0 30px}.comparison-content>p{max-width:560px;color:#67715e;font-size:16px;line-height:1.7;margin-bottom:24px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comparison-grid article{display:flex;flex-direction:column;background:#faf9f4;padding:25px;min-width:0;animation:soft-arrive .65s var(--ease) both}.comparison-grid article:nth-child(2){animation-delay:.08s}.comparison-grid article:nth-child(3){animation-delay:.16s}.comparison-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.comparison-card-head>span{font-size:16px}.comparison-card-head strong{font-size:30px;font-weight:400;letter-spacing:-.04em}.comparison-card-head small{font-size:16px}.comparison-grid img{height:210px;width:100%;object-fit:contain;margin:20px 0}.comparison-grid h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;min-height:54px}.comparison-grid dl{font-size:14px;margin:20px 0 25px}.comparison-grid dl>div{padding:10px 0;border-bottom:1px solid #d5dccc;display:flex;justify-content:space-between;gap:10px}.comparison-grid dd{margin:0;text-align:right}.comparison-card-bottom{margin-top:auto}.comparison-card-bottom strong{font-size:24px;font-weight:400;display:block;margin-bottom:17px}.comparison-card-bottom button{background:#283a2b;color:#f5f2e9;padding:15px 10px;font-size:16px;width:100%;transition:background .3s,transform .3s}.comparison-card-bottom button:hover{background:#526646;transform:translateY(-2px)}
@media(max-width:1000px){.comparison-grid{gap:10px}.comparison-grid article{padding:17px}.comparison-grid dl>div{display:block}.comparison-grid dd{text-align:left;margin-top:4px}.comparison-grid h3{font-size:20px}.rhythm-heading h2 br{display:block}}
@media(max-width:760px){.hero{clip-path:none!important}.rhythm{height:auto;padding:42px 0 20px}.rhythm-sticky{position:static;height:auto;min-height:0;padding:0}.rhythm-heading{display:block;margin-bottom:25px}.rhythm-heading h2{font-size:43px}.rhythm-heading h2 br{display:block}.rhythm-heading p{margin-top:20px}.rhythm-stage{height:640px;max-height:88svh;min-height:520px;flex:none;margin:0 12px;clip-path:none}.rhythm-pictures img{object-position:center}.rhythm-story{left:22px;right:22px;bottom:105px;max-width:350px}.rhythm-story h3{font-size:38px}.rhythm-story p{font-size:16px;max-width:285px}.rhythm-label{right:16px;top:18px;font-size:14px}.rhythm-shade{background:linear-gradient(0deg,#132118e8,transparent 100%)}.rhythm-nav{left:22px;right:22px;bottom:23px;gap:14px}.rhythm-nav button{font-size:14px;line-height:1.5;min-height:54px}.rhythm-note{font-size:14px;padding-top:17px}.home-comparison>summary{font-size:17px;align-items:center;padding:19px 0}.comparison-action{font-size:14px;gap:10px}.comparison-grid{grid-template-columns:1fr}.comparison-grid article{padding:24px}.comparison-grid img{height:250px}.comparison-grid h3{min-height:0;font-size:24px}.comparison-grid dl>div{display:flex}.comparison-grid dd{text-align:right;margin:0}.comparison-card-head strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.hero h1>span,.hero-cta,.hero-topline,.hero-heading p,.headline-line>span,.image-aperture,.rhythm-pictures img,.rhythm-nav button i,.comparison-grid article,.comparison-card-bottom button{animation:none!important;transition:none!important;transform:none!important}.hero,.image-aperture,.rhythm-stage{clip-path:none!important}.rhythm{height:auto;padding:40px 0}.rhythm-sticky{position:static;height:auto;min-height:0}.rhythm-stage{height:600px;flex:none}.headline-line>span{opacity:1!important}.rhythm-nav button i{visibility:hidden}.rhythm-nav button[aria-pressed=true] i{visibility:visible}}

/* Garage: description alongside an uncropped full-width image. */
.garage-controls{position:sticky;top:90px;z-index:25;background:var(--paper);padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.garage-controls .garage-options{display:flex;gap:8px}
.garage-controls .garage-options button{display:flex;align-items:center;justify-content:center;width:auto;min-height:48px;padding:12px 20px;border:1px solid #bcc2b2;background:transparent;font-size:18px;line-height:1.35;letter-spacing:0;text-align:center;transition:background .25s,color .25s,border-color .25s}
.garage-controls .garage-options button[aria-pressed=true]{padding:12px 20px;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.garage-controls .garage-options button:hover{border-color:var(--ink)}
.garage-controls .garage-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.garage-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:4vw;align-items:center;padding-top:28px}
.garage-layout .garage-editorial{display:block;padding:0}
.garage-layout .garage-description{display:block;padding:0;margin:0;min-height:0}
.garage-layout .garage-description h3{font-size:clamp(28px,2.7vw,44px);line-height:1.08;margin:0 0 22px}
.garage-layout .garage-description p{margin:0;max-width:340px;font-size:18px;line-height:1.75}
.garage-layout .garage-description .line-link{margin-top:28px}
.garage-layout .garage-photo-scene{width:100%;height:auto;max-height:none;aspect-ratio:1.6;background:transparent}
.garage-layout .garage-photo-scene>img{object-fit:contain}
.garage-layout .scene-expand{top:16px;right:16px}
@media(max-width:900px){
.garage-controls .garage-options button,.garage-controls .garage-options button[aria-pressed=true]{padding:12px;font-size:16px}
.garage-layout{gap:24px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr)}
}
@media(max-width:760px){
.garage-controls{top:70px;padding:10px 22px}
.garage-controls .garage-options{gap:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.garage-controls .garage-options button,.garage-controls .garage-options button[aria-pressed=true]{padding:10px 6px;min-height:44px;font-size:14px}
.garage-layout{display:flex;flex-direction:column;gap:24px;padding-top:16px}
.garage-layout .garage-photo-scene{order:-1}
.garage-layout .garage-editorial{width:100%}
.garage-layout .garage-description h3{font-size:28px;margin-bottom:12px}
.garage-layout .garage-description p{font-size:18px;max-width:none}
.garage-layout .garage-description .line-link{margin-top:18px}
.garage-layout .scene-expand{top:10px;right:10px}
}