.features{display:flex;flex-direction:column;gap:40px;counter-reset:feat step}.features__get,.features__how{display:flex;flex-direction:column;gap:24px}.features__h{max-width:880px;text-transform:uppercase;letter-spacing:.01em}.features__set{display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px;column-gap:40px}.features__list{margin:0;padding:0;list-style:none}.features__item{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"num lead" ". body";align-items:baseline;column-gap:16px;row-gap:8px;height:100%;padding-top:24px;border-top:1px solid var(--rule);counter-increment:feat}.features__item:before{grid-area:num;content:counter(feat,decimal-leading-zero);font:600 var(--text-h3) var(--font-head);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--hampton)}.features__lead{grid-area:lead;font:600 var(--text-lead) var(--font-body);letter-spacing:0;color:var(--fg)}.features__body{grid-area:body;align-self:start;font:400 var(--text-body) var(--font-body);color:var(--fg-2)}.features__fig{display:flex;flex-direction:column;gap:8px;margin:0}.features__fig--sm [data-state] .dualdot,.features__cap [data-state] .dualdot{width:32px}.features__cap [data-state] .dualdot{color:var(--bar-ink)}.features__cap [data-state=onsen] .dualdot:after,.features__cap [data-state=ofuro] .dualdot:before{border-color:var(--bar-ink)}.features__cap [data-state=onsen] .dualdot:before,.features__cap [data-state=ofuro] .dualdot:after{background:var(--bar-ink)}.features__photo{display:block;width:calc(100% + 2 * var(--gut));margin-left:calc(-1 * var(--gut));aspect-ratio:4/5;overflow:hidden;background:var(--ground-black);border:0;border-radius:0}.features__photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.25);transform-origin:100% 65%}.features__fig--photo .features__cap{align-self:flex-start}.features__steps{display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px;margin:0;padding:0;list-style:none}.features__step{display:grid;grid-template-columns:40% minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"img num" "img name" "img body";column-gap:16px;row-gap:8px;align-content:start;counter-increment:step}.features__step-img{grid-area:img;display:block;background:var(--card-bg);overflow:hidden;border-radius:var(--radius-m)}.features__step-img img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.features__step:before{grid-area:num;content:counter(step,decimal-leading-zero);font:500 var(--text-eyebrow) var(--font-body);letter-spacing:var(--track-eyebrow);color:var(--hampton)}.features__step-name{grid-area:name;font:600 var(--text-lead) var(--font-body);color:var(--fg)}.features__step-body{grid-area:body;font:400 var(--text-body) var(--font-body);color:var(--fg-2)}.features__close{max-width:640px;font:400 var(--text-lead) var(--font-body);color:var(--fg)}@media(max-width:749px){.features__set{row-gap:24px}.features__set>.features__fig--photo{order:-1}.features__photo{aspect-ratio:2/3}.features__photo img{object-position:100% 50%;transform:scale(1.2)}}@media(min-width:750px){.features__set{grid-template-columns:repeat(2,minmax(0,1fr))}.features__set>.features__fig--photo{grid-column:1 / -1;grid-row:1}.features__photo{width:100%;margin-left:0;aspect-ratio:3/2;border:1px solid var(--frame);border-radius:var(--radius-m)}.features__photo img{object-position:50% 64%;transform:none}.features__item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"num" "lead" "body";align-items:start}.features__item:before{padding-bottom:8px}.features__steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}.features__step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"img" "num" "name" "body"}}@media(min-width:1024px){.features__set{grid-template-columns:minmax(0,10fr) repeat(2,minmax(0,7fr));grid-template-rows:auto auto;padding-bottom:32px}.features__set>.features__fig--photo{grid-column:1;grid-row:1 / span 2;position:relative;display:block}.features__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;aspect-ratio:auto}.features__photo img{object-position:100% 72%;transform:none}.features__fig--photo .features__cap{position:absolute;left:0;top:calc(100% + 8px)}.features__set>.features__list--1{grid-column:2;grid-row:1}.features__set>.features__list--2{grid-column:3;grid-row:1}.features__set>.features__list--3{grid-column:2;grid-row:2}.features__set>.features__list--4{grid-column:3;grid-row:2}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/noble-features.css.map */