@property --g1{syntax:"<color>";inherits:true;initial-value:#8b5a45}@property --g2{syntax:"<color>";inherits:true;initial-value:#c8ad97}@property --g3{syntax:"<color>";inherits:true;initial-value:#a26f52}.hx{--g1:#8b5a45;--g2:#c8ad97;--g3:#a26f52;padding:clamp(12px,1.6vw,24px) var(--gutter-r) clamp(28px,3.2vw,48px) var(--gutter);background:radial-gradient(65% 130% at 0% 0%,var(--g1) 0%,transparent 72%),radial-gradient(65% 130% at 100% 100%,var(--g3) 0%,transparent 72%),var(--g2);transition:--g1 1.4s ease,--g2 1.4s ease,--g3 1.4s ease}.hx__wrap{position:relative;width:min(100%,calc((100svh - var(--nav-h) - 150px) * 2),1560px);min-width:min(100%,880px);margin-inline:auto}.hx__card{position:relative;aspect-ratio:2/1;border-radius:var(--radius);background:#ececea;overflow:hidden;transition:background-color .9s ease}.hx__vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}.hx__vid--m{display:none}.hx__copy{position:absolute;left:clamp(28px,5.4%,88px);top:50%;width:min(38%,560px);transform:translateY(-50%);text-align:left}.hx__cap{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(1.5em + 2.04*clamp(2.25rem,1rem + 2.6vw,4rem));font-size:clamp(.9375rem,.8rem + .3vw,1.125rem)}.hx__eyebrow{font-weight:600}.hx__title{margin-top:6px;font-family:var(--font-display,inherit);font-size:clamp(2.25rem,1rem + 2.6vw,4rem);font-weight:600;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.hx__eyebrow,.hx__title{transition:opacity .22s ease,transform .22s ease}.hx.is-swap .hx__eyebrow,.hx.is-swap .hx__title{opacity:0;transform:translateY(6px)}.hx__h1{margin-top:14px;font-size:clamp(1rem,.9rem + .3vw,1.1875rem);font-weight:500;line-height:1.35;color:var(--ink-2)}.hx .cta-row{margin-top:22px}.hx__callout{margin-top:14px;font-size:var(--fs-small);color:var(--ink-2)}.hx__copy,.hx__h1,.hx__callout{transition:color .9s ease}.hx__pause{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffc7;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hx__pause svg{width:16px;height:16px}.hx__pause [data-i=play],.hx.is-paused .hx__pause [data-i=pause]{display:none}.hx.is-paused .hx__pause [data-i=play]{display:block}.hx.is-night .hx__card{background:#1b1915}.hx.is-night .hx__copy{color:var(--night-ink)}.hx.is-night .hx__h1,.hx.is-night .hx__callout,.hx.is-night .hx__callout a{color:var(--night-ink-2)}.hx.is-night .btn:not(.btn--ghost){background:var(--night-ink);color:var(--ink)}.hx.is-night .btn--ghost{color:var(--night-ink);border-color:var(--night-ink)}@media(max-width:899.98px){.hx__wrap{width:min(100%,calc(100svh - var(--nav-h) - 330px));min-width:min(100%,300px)}.hx__card{aspect-ratio:1}.hx__vid--d{display:none}.hx__vid--m{display:block}.hx__copy{position:static;width:auto;max-width:560px;margin:20px auto 0;transform:none;text-align:center}.hx__cap{min-height:calc(1.5em + 2.04*clamp(2rem,1.2rem + 3vw,2.75rem));align-items:center}.hx__title{font-size:clamp(2rem,1.2rem + 3vw,2.75rem)}.hx .cta-row{justify-content:center}.hx__h1,.hx__callout,.hx__callout a{color:var(--ink)}.hx.is-night .hx__callout a{color:var(--night-ink)}}@media(prefers-reduced-motion:reduce){.hx,.hx__card,.hx__eyebrow,.hx__title{transition:none}}.look__cap{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:7px 14px;border-radius:var(--pill);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:var(--fs-small);font-weight:500}.chip-swatch{display:grid;justify-items:center;gap:10px;color:var(--ink);font-size:var(--fs-small);line-height:1.25;text-align:center}.chip-swatch i{position:relative;width:100%;max-width:88px;aspect-ratio:1;border-radius:16px;background:var(--sw);box-shadow:inset 0 0 0 1px #00000014}.chip-swatch i:before{content:"";position:absolute;top:10%;left:10%;width:8%;aspect-ratio:1;border-radius:50%;background:var(--studio);box-shadow:inset 0 1px 1px #0000004d}.chip-swatch:hover i{transform:translateY(-4px)}.fc-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:40px;color:var(--ink-2);text-align:center}.fc-line__dots{display:inline-flex;gap:4px}.fc-line__dots i{width:18px;height:18px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #00000024}.fc-line__dots i:last-child{box-shadow:inset 0 0 0 1px #00000042}.glass{--glass-bg: #615543;--glass-ink-2: #e4dccd;background:var(--glass-bg);color:#fff}.glass__top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);align-items:center}.glass__photo{position:relative;display:block;border-radius:var(--radius);overflow:hidden;color:var(--ink)}.glass__photo img{display:block;width:100%;height:auto;transition:transform .7s var(--ease)}.glass__photo:hover{text-decoration:none}.glass__photo:hover img{transform:scale(1.02)}.glass__cap,.cyl__cap{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:7px 14px;border-radius:var(--pill);background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:var(--fs-small);font-weight:500}.glass .eyebrow{color:#f0d9a8}.glass h2{margin-top:10px;max-width:18ch}.glass__lead{margin-top:16px;max-width:46ch;font-size:var(--fs-lead);line-height:1.42;color:var(--glass-ink-2);text-wrap:pretty}.glass__fin{list-style:none;display:grid;gap:14px;margin:28px 0 0;padding:0}.glass__fin li{display:grid;grid-template-columns:36px 1fr;align-items:center;column-gap:14px;font-size:var(--fs-small);line-height:1.35}.glass__fin i{grid-row:span 2;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3,0 3px 8px #00000047}.glass__fin b{font-weight:600}.glass__fin span{color:var(--glass-ink-2)}.glass .cta-row{margin-top:32px}.glass .link-more{color:#fff}.glass__cards{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:clamp(40px,5vw,64px) 0 0;padding:0}.glass .card{color:#fff}.glass .card:hover{text-decoration:none}.glass .card__meta{color:var(--glass-ink-2)}.glass .card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.glass .card__dots{margin:0}.glass .card__dots i{box-shadow:inset 0 0 0 1px #ffffff40}.glass :focus-visible{outline-color:#fff}@media(max-width:899.98px){.glass__top{grid-template-columns:minmax(0,1fr)}.glass__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}}.cyl{background:#e8e1d8}.cyl+.band--flush{padding-top:var(--band-y)}.cyl__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,88px);align-items:center}.cyl__photo{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--radius);overflow:hidden;background:var(--studio);color:var(--ink)}.cyl__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 50%;transition:transform .7s var(--ease)}.cyl__photo:hover{text-decoration:none}.cyl__photo:hover img{transform:scale(1.02)}.cyl .eyebrow{color:#86491f}.cyl h2{margin-top:10px;max-width:18ch}.cyl__lead{margin-top:16px;max-width:46ch;font-size:var(--fs-lead);line-height:1.42;color:var(--ink-2);text-wrap:pretty}.cyl__sizes{list-style:none;display:flex;gap:clamp(24px,4vw,48px);margin:28px 0 0;padding:0}.cyl__sizes li{display:grid;justify-items:center;align-content:start;gap:2px;font-size:var(--fs-small);line-height:1.35;text-align:center}.cyl__sizes svg{width:auto;height:112px;margin-bottom:10px;fill:var(--ink)}.cyl__sizes b{font-weight:600}.cyl__sizes span,.cyl__cols{color:var(--ink-2)}.cyl__cols{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:24px 0 0;padding:0;font-size:var(--fs-small)}.cyl__cols li{display:flex;align-items:center;gap:8px}.cyl__cols i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.cyl .cta-row{margin-top:32px}.cyl .link-more{color:var(--ink)}.cyl__cards{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:clamp(40px,5vw,64px) 0 0;padding:0}.cyl .card:hover{text-decoration:none}.cyl__use{font-size:var(--fs-small);color:var(--ink-2)}@media(max-width:899.98px){.cyl__top{grid-template-columns:minmax(0,1fr)}.cyl__photo{aspect-ratio:1}.cyl__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}}.step__vis .shapes{grid-template-rows:repeat(4,auto);align-content:center}.step__vis .shapes>li{display:grid;grid-row:span 4;grid-template-rows:subgrid;justify-items:center;align-items:end}.step__vis .shapes small{align-self:start;margin-top:6px}.fam-grid{position:relative;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 16px}@media(max-width:1279.98px){.fam-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px}.fam-grid>.fam{grid-column:span 2}.fam-grid>.fam:nth-child(4){grid-column:2/span 2}.fam-grid>.fam:nth-child(n+4){margin-top:20px}}.fam-grid>.fam{display:grid;grid-row:span 9;grid-template-rows:subgrid;justify-items:center;align-content:start;padding:0 clamp(18px,2vw,28px) clamp(28px,3vw,40px);background:var(--studio);border-radius:var(--radius);text-align:center;overflow:hidden}.fam__media{width:calc(100% + 2*clamp(18px,2vw,28px));margin-bottom:-16%}.fam__media img{display:block;width:100%;height:auto}.fam-grid>.fam>:not(.fam__media){position:relative}.fam__name{font-size:var(--fs-h3);line-height:1.1}.fam__tag{margin-top:8px;max-width:24ch;color:var(--ink-2);text-wrap:balance}.fam__price{margin-top:14px;font-weight:500;font-variant-numeric:tabular-nums}.fam__ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:18px}.fam__specs{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start;gap:20px;width:100%;margin:28px 0 0;padding-top:24px;border-top:1px solid var(--line)}.fam__specs div{display:grid;justify-items:center;align-content:start;gap:4px}.fam__specs svg{width:64px;height:32px;margin-bottom:8px;color:var(--ink)}.fam__specs dt{font-size:var(--fs-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.fam__specs dd{margin:0;font-size:var(--fs-small);line-height:1.43;font-variant-numeric:tabular-nums;text-wrap:balance}.fam__specs .fam__lights{display:grid;justify-items:center;font-size:var(--fs-body);font-weight:500}.fam-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin-top:clamp(36px,4vw,56px)}.diy-band{padding-top:0;padding-bottom:clamp(40px,4vw,56px);overflow:hidden}.diy{display:grid;justify-items:center;text-align:center}.diy__svg{display:block;width:100%;max-width:none;height:auto}.diy__copy{margin-top:clamp(16px,2vw,28px);padding:0 var(--gutter-r) 0 var(--gutter)}.diy h2{font-size:var(--fs-h2)}.diy p{max-width:34ch;margin:12px auto 0;font-size:var(--fs-lead);line-height:1.38;color:var(--ink-2);text-wrap:balance}@media(max-width:734px){.fam-grid{grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(9,auto);grid-auto-columns:82%;gap:0 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--gutter-r)) 0 calc(-1*var(--gutter));padding:0 var(--gutter-r) 8px var(--gutter);scroll-padding-inline:var(--gutter)}.fam-grid::-webkit-scrollbar{display:none}.fam-grid>.fam{grid-row:1/span 9;scroll-snap-align:start}.fam-grid>.fam:nth-child(n){grid-column:auto;margin-top:0}.fam-foot{flex-direction:column;gap:16px}.diy p{font-size:var(--fs-body)}.diy__svg{width:240%;max-width:none;margin-left:-70%}}.usp-band{padding-block:clamp(28px,3vw,44px);border-bottom:1px solid var(--line)}.intro{padding-block:clamp(24px,3vw,40px) clamp(48px,6vw,88px)}.intro__text{max-width:760px;font-size:var(--fs-lead);line-height:1.45;color:var(--ink-2);text-wrap:pretty}.intro__text strong{color:var(--ink);font-weight:600}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.step__vis{position:relative;display:grid;place-items:center;aspect-ratio:4/3;margin-bottom:24px;background:var(--studio);border-radius:var(--radius);overflow:hidden}.step__vis>img{position:absolute;top:50%;left:6%;width:88%;height:auto;transform:translateY(-69%);-webkit-mask-image:linear-gradient(#000 78%,transparent 98%);mask-image:linear-gradient(#000 78%,transparent 98%)}.step__n{display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:12px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:var(--fs-small);font-weight:600}.center-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-top:48px;color:var(--ink-2)}.tiles3 a{display:flex;flex-direction:column;align-items:center;height:100%;padding-bottom:32px;background:var(--studio);border-radius:var(--radius);color:var(--ink);text-align:center;overflow:hidden}.tiles3 img{width:100%;aspect-ratio:4/3;object-fit:contain;margin-bottom:8px}.tiles3 h3{font-size:var(--fs-h3)}.tiles3 p{margin-bottom:10px}.beyond-shop{margin-top:24px;justify-content:center}.made-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px 48px}.made-head h2{max-width:22ch}.guides figure{display:grid;place-items:center;aspect-ratio:16/10;margin:0 0 14px;background:var(--studio);border-radius:var(--radius)}.guides svg{width:72%;height:auto;fill:none;stroke:currentColor;stroke-width:1.5}@media(max-width:734px){.usp-band{padding-block:20px}.intro__text{font-size:var(--fs-body)}.step__vis{aspect-ratio:16/10;margin-bottom:18px}.tiles3 a{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:10px 16px 10px 10px;text-align:left}.tiles3 img{aspect-ratio:1;margin:0}.tiles3 h3{font-size:var(--fs-h4)}}.nw{white-space:nowrap}.band--flush{padding-top:0}.card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__dots{margin:0}.rail,.steps,.tiles3,.why,.guides,.made,.look,.colours{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rail{grid-template-columns:repeat(4,1fr);gap:44px 20px}.step h3,.why h3,.guides h3,.made h3{font-size:var(--fs-h4)}.step p,.tiles3 p,.made p,.why p,.guides p{margin-top:6px;color:var(--ink-2)}.shapes{list-style:none;display:grid;grid-template-columns:repeat(5,auto);gap:0 clamp(6px,1.4vw,18px);text-align:center}.shapes svg{width:clamp(50px,5.4vw,72px);height:auto}.shapes small{font-size:var(--fs-small);color:var(--ink-2)}.dots{--d:clamp(30px,3.6vw,46px);--g:clamp(8px,1vw,14px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g);max-width:calc(6*(var(--d) + var(--g)))}.dots i{width:var(--d);height:var(--d);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.look{grid-template-columns:repeat(12,1fr);gap:12px}.look>li{grid-column:span 4;position:relative;aspect-ratio:4/5}.look>.is-wide{grid-column:span 8;aspect-ratio:auto}.look a{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);overflow:hidden;background:var(--studio);color:var(--ink)}.look img{width:100%;height:100%;object-fit:cover}.look img,.tiles3 img,.chip-swatch i{transition:transform .7s var(--ease)}.look a:hover img,.tiles3 a:hover img{transform:scale(1.03)}.colours{grid-template-columns:repeat(11,1fr)}.made{gap:24px 40px;margin-top:clamp(40px,5vw,72px)}.made li{padding-top:24px;border-top:1px solid color-mix(in srgb,var(--night-ink) 20%,transparent)}.made svg,.why svg{width:32px;height:32px}.made svg{margin-bottom:18px}.made p{color:var(--night-ink-2)}.why a,.guides a{display:flex;flex-direction:column;gap:6px;height:100%;color:var(--ink)}.why a{gap:10px;padding:28px 28px 24px;background:var(--paper);border-radius:var(--radius);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.why a:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.why svg{margin-bottom:8px}.why p,.guides p,.why .link-more,.guides .link-more{font-size:var(--fs-small)}.why .link-more,.guides .link-more{margin-top:auto;padding-top:6px}.faq-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px clamp(32px,6vw,96px);align-items:start}main a:hover:is(.chip-swatch,.why a,.guides a,.tiles3 a,.look a){text-decoration:none}@media(max-width:1068px){.rail,.look,.why,.guides{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--gutter-r)) 0 calc(-1*var(--gutter));padding:0 var(--gutter-r) 8px var(--gutter);scroll-padding-inline:var(--gutter)}.rail,.look{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:max(240px,40%)}:is(.rail,.look,.why,.guides)>li{scroll-snap-align:start}.look{grid-auto-columns:max(260px,46%)}.look>li,.look>.is-wide{grid-column:auto;aspect-ratio:4/5}.colours{grid-template-columns:repeat(6,1fr);gap:24px 16px}.why{grid-template-columns:repeat(2,1fr)}.faq-split{grid-template-columns:1fr}}@media(max-width:734px){.hide-sm{display:none}.why,.guides{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:80%}.rail{grid-auto-columns:76%}.look{grid-auto-columns:82%}.steps,.tiles3,.made,.made-head{grid-template-columns:1fr}.steps{gap:36px}.colours{grid-template-columns:repeat(4,1fr);gap:20px 12px}.made li{display:grid;grid-template-columns:32px 1fr;gap:0 16px}.made svg{grid-row:span 2;margin:0}}.looks-more{margin-top:clamp(56px,6vw,88px)}.looks-more .section-head{margin-bottom:8px}
/*# sourceMappingURL=/cdn/shop/t/43/assets/sm-page-home.css.map */