/** Shopify CDN: Minification failed

Line 3367:22 Expected identifier but found "{"
Line 3367:23 Expected identifier but found "%"
Line 3367:66 Unexpected "180px"
Line 3367:76 Expected identifier but found "%"
Line 3367:87 Unexpected "1fr"
Line 3367:91 Expected identifier but found "%"

**/
:root{
--v2-forest:#072721;
--v2-offwhite:#F8F7F4;
--v2-offwhite-alt:#FDFCF9;
--v2-beige:#F5F3D4;
--v2-text:#352F2D;
--v2-muted:#6B7280;
--v2-border:rgba(53,78,72,0.10);
--v2-border-soft:rgba(53,78,72,0.08);
--v2ot-forest:#072721;
--v2ot-offwhite:#F8F7F4;
--v2ot-offwhite-alt:#FDFCF9;
--v2ot-beige:#F5F3D4;
--v2ot-text:#352F2D;
--v2ot-muted:#6B7280;
--v2ot-border:rgba(53,78,72,0.10);
}
.v2-hero{background:var(--v2-offwhite)}
.v2-hero__inner{
max-width:1460px;
margin:0 auto;
padding:56px 80px 120px;
display:grid;
grid-template-columns:1.22fr 1fr;
column-gap:64px;
row-gap:0;
align-items:start;
}
.v2-breadcrumb{
grid-column:1 / -1;
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
color:var(--v2-muted);
letter-spacing:0.04em;
margin-bottom:-16px;
display:flex;
gap:0;
align-items:center;
}
.v2-breadcrumb a{color:var(--v2-muted);text-decoration:none}
.v2-breadcrumb a:hover{color:var(--v2-forest)}
.v2-breadcrumb__sep{margin:0 8px;color:var(--v2-muted)}
.v2-breadcrumb__current{color:var(--v2-forest);font-weight:500}
.v2-gallery{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:12px}
.v2-gallery__main{
position:relative;
aspect-ratio:4/5;
width:100%;
border-radius:4px;
overflow:hidden;
background:#EDE6DA;
}
.v2-gallery__slide{
position:absolute;
inset:0;
opacity:0;
pointer-events:none;
transition:opacity 300ms ease;
}
.v2-gallery__slide.is-active{opacity:1;pointer-events:auto}
.v2-gallery__slide img,.v2-gallery__slide video{
width:100%;height:100%;
object-fit:cover;
display:block;
}
.v2-gallery__slide img.contain{
object-fit:contain;
padding:40px;
background:#EDE6DA;
}
.v2-gallery__arrow{display:none}
.v2-gallery__zone{
position:absolute;
top:0;bottom:0;
width:50%;
background:transparent;
border:none;
padding:0;
cursor:pointer;
z-index:2;
-webkit-tap-highlight-color:transparent;
outline:none;
}
.v2-gallery__zone--prev{left:0}
.v2-gallery__zone--next{right:0}
.v2-gallery__counter{
position:absolute;
right:16px;bottom:16px;
background:rgba(7,39,33,0.78);
color:var(--v2-offwhite);
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
padding:6px 10px;
border-radius:100px;
z-index:2;
pointer-events:none;
}
.v2-gallery__thumbs{
display:flex;
flex-wrap:nowrap;
gap:8px;
overflow-x:auto;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}
.v2-gallery__thumbs::-webkit-scrollbar{display:none}
.v2-gallery__thumb{
padding:0;
border:1px solid transparent;
border-radius:4px;
cursor:pointer;
background:#EDE6DA;
flex:0 0 calc((100% - 32px) / 5);
aspect-ratio:1/1;
overflow:hidden;
opacity:0.75;
transition:opacity 180ms,border-color 180ms;
}
.v2-gallery__thumb.is-active{border-color:var(--v2-forest);opacity:1}
.v2-gallery__thumb:hover{opacity:1}
.v2-gallery__thumb img{
width:100%;height:100%;
object-fit:cover;display:block;
}
.v2-gallery__slide video,
.v2-gallery__slide iframe{
width:100%;height:100%;
object-fit:cover;
display:block;
border:0;
}
.v2-price{display:flex;flex-direction:column;gap:24px;padding-top:8px}
.v2-title{
font-family:Inter,Inter-fallback,sans-serif;
font-weight:400;
font-size:44px;
line-height:1.05;
letter-spacing:-1.8px;
color:var(--v2-forest);
margin:0;
}
.v2-tagline{
font-family:Inter,Inter-fallback,sans-serif;
font-size:18px;
font-weight:300;
color:#354E48;
margin:10px 0 0;
letter-spacing:-0.2px;
}
.v2-rating{
display:flex;
align-items:center;
gap:10px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:var(--v2-text);
}
.v2-rating__stars{display:inline-flex;gap:2px}
.v2-rating a{color:var(--v2-muted);text-decoration:none}
.v2-rating a:hover{text-decoration:underline}
.v2-divider{height:1px;background:var(--v2-border);margin:4px 0}
.v2-label{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:var(--v2-muted);
font-weight:500;
}
.v2-shade-section{display:flex;flex-direction:column;gap:0}
.v2-shade-header{
display:flex;
justify-content:space-between;
align-items:baseline;
margin-bottom:14px;
}
.v2-shade-current{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:var(--v2-forest);
}
.v2-shades{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2-shade-card{
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
border-radius:4px;
cursor:pointer;
background:transparent;
border:1px solid rgba(53,78,72,0.18);
text-align:left;
font-family:Inter,Inter-fallback,sans-serif;
transition:border-color 180ms,background 180ms;
width:100%;
}
.v2-shade-card.is-active{
background:var(--v2-offwhite);
border-color:var(--v2-forest);
}
.v2-shade-swatch{
width:44px;height:44px;
border-radius:8px;
overflow:hidden;
flex-shrink:0;
background:#EDE6DA;
position:relative;
border:1px solid rgba(53,47,45,0.08);
}
.v2-shade-lamp{
position:absolute;
left:50%;top:14%;
transform:translateX(-50%);
width:20px;height:28px;
border-radius:10px 10px 2px 2px;
border:1px solid rgba(0,0,0,0.05);
}
.v2-shade-lamp-base{
position:absolute;
left:50%;bottom:10%;
transform:translateX(-50%);
width:10px;height:4px;
background:#6B4D2D;
border-radius:1px;
}
.v2-shade-info{display:flex;flex-direction:column;gap:2px}
.v2-shade-info-name{font-size:13px;color:var(--v2-forest)}
.v2-shade-info-sub{font-size:11px;color:var(--v2-muted)}
.v2-shade-note{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
color:var(--v2-muted);
font-style:italic;
margin-top:10px;
}
.v2-plans{display:flex;flex-direction:column;gap:10px}
.v2-plan-card{
position:relative;
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:4px;
cursor:pointer;
background:var(--v2-offwhite-alt);
border:1.5px solid rgba(53,78,72,0.18);
transition:border-color 180ms,background 180ms;
width:100%;
text-align:left;
font-family:Inter,Inter-fallback,sans-serif;
}
.v2-plan-card.is-active{
background:var(--v2-offwhite);
border-color:var(--v2-forest);
}
.v2-plan-radio{
width:18px;height:18px;
border-radius:50%;
border:1.5px solid #C2C2C2;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
transition:border-color 180ms;
}
.v2-plan-card.is-active .v2-plan-radio{border-color:var(--v2-forest)}
.v2-plan-radio-dot{
width:9px;height:9px;
border-radius:50%;
background:var(--v2-forest);
display:none;
}
.v2-plan-card.is-active .v2-plan-radio-dot{display:block}
.v2-plan-info{flex:1;display:flex;flex-direction:column;gap:2px}
.v2-plan-title{font-size:15px;font-weight:500;color:var(--v2-forest);letter-spacing:-0.1px}
.v2-plan-sub{font-size:12px;color:var(--v2-muted)}
.v2-plan-prices{display:flex;flex-direction:column;align-items:flex-end}
.v2-plan-was{font-size:12px;color:var(--v2-muted);text-decoration:line-through}
.v2-plan-now{font-size:22px;font-weight:500;color:var(--v2-forest);letter-spacing:-0.5px}
.v2-plan-badge{
position:absolute;
top:-10px;right:14px;
background:var(--v2-forest);
color:#F5F3D4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
letter-spacing:0.12em;
text-transform:uppercase;
padding:4px 9px;
border-radius:100px;
font-weight:500;
}
.v2-bnpl{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12.5px;
color:var(--v2-text);
display:flex;
align-items:center;
gap:8px;
}
.v2-bnpl strong{font-weight:500;color:var(--v2-forest)}
.v2-cta-btn{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:100%;
padding:20px 28px;
border-radius:100px;
background:var(--v2-forest);
color:var(--v2-offwhite);
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:15px;
font-weight:500;
letter-spacing:-0.01em;
line-height:1;
cursor:pointer;
transition:background 180ms ease;
}
.v2-cta-btn:hover{background:#2A3E39}
.v2-cta-btn:active{background:#1F2E2A}
.v2-cta-btn:disabled{opacity:0.7;cursor:not-allowed}
.v2-risk{
display:flex;
gap:14px;
align-items:flex-start;
background:var(--v2-beige);
border-radius:4px;
padding:16px 18px;
}
.v2-risk svg{flex-shrink:0;margin-top:2px}
.v2-risk__body{display:flex;flex-direction:column;gap:4px}
.v2-risk__title{font-family:Inter,Inter-fallback,sans-serif;font-size:14px;font-weight:500;color:var(--v2-forest)}
.v2-risk__text{font-family:Inter,Inter-fallback,sans-serif;font-size:12.5px;color:var(--v2-text);line-height:1.5}
.v2-trust{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--v2-border);
border-radius:4px;
overflow:hidden;
}
.v2-trust__cell{
padding:14px 10px;
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
text-align:center;
border-left:1px solid var(--v2-border);
font-family:Inter,Inter-fallback,sans-serif;
}
.v2-trust__cell:first-child{border-left:none}
.v2-trust__icon{
width:20px;height:20px;
stroke:#354E48;fill:none;
stroke-width:1.5;
stroke-linecap:round;
stroke-linejoin:round;
flex-shrink:0;
}
.v2-trust__top{font-size:12.5px;font-weight:500;color:var(--v2-forest);line-height:1.2}
.v2-trust__bot{font-size:11.5px;color:var(--v2-muted);line-height:1.2}
.v2-sticky{
position:fixed;
left:0;right:0;bottom:0;
z-index:60;
transform:translateY(100%);
transition:transform 320ms cubic-bezier(0.2,0.8,0.2,1);
background:rgba(248,247,244,0.92);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-top:1px solid var(--v2-border);
}
.v2-sticky.is-visible{transform:translateY(0)}
.v2-sticky__inner{
max-width:1460px;
margin:0 auto;
padding:14px 80px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}
.v2-sticky__product{display:flex;align-items:center;gap:20px;font-family:Inter,Inter-fallback,sans-serif}
.v2-sticky__thumb{
width:44px;height:44px;
border-radius:4px;
background:#EDE6DA;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
overflow:hidden;
}
.v2-sticky__lamp{
width:18px;height:34px;
border-radius:9px 9px 2px 2px;
border:1px solid rgba(0,0,0,0.04);
background:#F2EBDC;
}
.v2-sticky__meta{display:flex;flex-direction:column;gap:2px}
.v2-sticky__name{font-size:14px;color:var(--v2-forest);font-weight:500}
.v2-sticky__sub{font-size:12px;color:var(--v2-muted)}
.v2-sticky__btn{
padding:12px 24px;
border-radius:100px;
background:var(--v2-forest);
color:var(--v2-offwhite);
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
transition:background 180ms ease;
white-space:nowrap;
}
.v2-sticky__btn:hover{background:#2A3E39}
@media screen and (max-width:1200px){
.v2-hero__inner{padding:40px 40px 80px;gap:40px}
.v2-sticky__inner{padding:14px 40px}
}
@media screen and (max-width:989px){
.v2-hero__inner{grid-template-columns:1fr;padding:32px 24px 60px}
.v2-sticky__inner{padding:14px 24px}
}
@media screen and (max-width:749px){
.v2-hero__inner{padding:16px 16px 40px}
.v2-gallery__main{border-radius:12px}
.v2-gallery__thumb{border-radius:8px}
.v2-price{padding-top:20px;gap:18px}
.v2-title{font-size:30px;letter-spacing:-1.2px}
.v2-tagline{font-size:14px}
.v2-plan-card{padding:14px}
.v2-plan-title{font-size:13px}
.v2-plan-now{font-size:16px}
.v2-trust{grid-template-columns:1fr 1fr}
.v2-trust__cell:first-child{border-left:none}
.v2-trust__cell:nth-child(3){border-left:none}
.v2-trust__cell:nth-child(n+3){border-top:1px solid var(--v2-border)}
.v2-trust__cell{flex-direction:row;align-items:center;text-align:left;padding:13px 12px;gap:10px}
.v2-trust__icon{width:18px;height:18px}
.v2-trust__top{display:inline;font-size:12.5px;font-weight:400;color:var(--v2-forest)}
.v2-trust__bot{display:inline;font-size:12.5px;font-weight:400;color:var(--v2-forest)}
.v2-trust__bot::before{content:'\00a0'}
.v2-sticky__inner{padding:12px 16px;gap:12px}
.v2-sticky__thumb{width:36px;height:36px}
.v2-sticky__lamp{width:14px;height:28px}
.v2-sticky__name{font-size:13px}
.v2-breadcrumb{display:none}
}
.v2ot-hero{background:var(--v2ot-offwhite)}
.v2ot-hero__inner{
max-width:1460px;
margin:0 auto;
padding:56px 80px 120px;
display:grid;
grid-template-columns:1.22fr 1fr;
column-gap:64px;
align-items:start;
}
.v2ot-breadcrumb{
grid-column:1 / -1;
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
color:var(--v2ot-muted);
letter-spacing:0.04em;
margin-bottom:-16px;
display:flex;
gap:0;
align-items:center;
}
.v2ot-breadcrumb a{color:var(--v2ot-muted);text-decoration:none}
.v2ot-breadcrumb a:hover{color:var(--v2ot-forest)}
.v2ot-breadcrumb__sep{margin:0 8px;color:var(--v2ot-muted)}
.v2ot-breadcrumb__current{color:var(--v2ot-forest);font-weight:500}
.v2ot-gallery{display:flex;flex-direction:column;gap:12px}
.v2ot-gallery__main{
position:relative;
aspect-ratio:4/5;
width:100%;
border-radius:4px;
overflow:hidden;
background:#EDE6DA;
}
.v2ot-gallery__slide{
position:absolute;
inset:0;
opacity:0;
pointer-events:none;
transition:opacity 300ms ease;
}
.v2ot-gallery__slide.is-active{opacity:1;pointer-events:auto}
.v2ot-gallery__slide img,.v2ot-gallery__slide video{
width:100%;height:100%;
object-fit:cover;
display:block;
}
.v2ot-gallery__zone{
position:absolute;
top:0;bottom:0;
width:50%;
background:transparent;
border:none;
padding:0;
cursor:pointer;
z-index:2;
-webkit-tap-highlight-color:transparent;
outline:none;
}
.v2ot-gallery__zone--prev{left:0}
.v2ot-gallery__zone--next{right:0}
.v2ot-gallery__counter{
position:absolute;
right:16px;bottom:16px;
background:rgba(7,39,33,0.78);
color:var(--v2ot-offwhite);
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
padding:6px 10px;
border-radius:100px;
z-index:2;
pointer-events:none;
}
.v2ot-gallery__thumbs{
display:flex;
flex-wrap:nowrap;
gap:8px;
overflow-x:auto;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}
.v2ot-gallery__thumbs::-webkit-scrollbar{display:none}
.v2ot-gallery__thumb{
padding:0;
border:1px solid transparent;
border-radius:4px;
cursor:pointer;
background:#EDE6DA;
flex:0 0 calc((100% - 32px) / 5);
aspect-ratio:1/1;
overflow:hidden;
opacity:0.75;
transition:opacity 180ms,border-color 180ms;
}
.v2ot-gallery__thumb.is-active{border-color:var(--v2ot-forest);opacity:1}
.v2ot-gallery__thumb:hover{opacity:1}
.v2ot-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.v2ot-gallery__slide video,
.v2ot-gallery__slide iframe{
width:100%;height:100%;
object-fit:cover;
display:block;
border:0;
}
.v2ot-price{display:flex;flex-direction:column;gap:24px;padding-top:8px}
.v2ot-title{
font-family:Inter,Inter-fallback,sans-serif;
font-weight:400;
font-size:44px;
line-height:1.05;
letter-spacing:-1.8px;
color:var(--v2ot-forest);
margin:0;
}
.v2ot-tagline{
font-family:Inter,Inter-fallback,sans-serif;
font-size:18px;
font-weight:300;
color:#354E48;
margin:10px 0 0;
letter-spacing:-0.2px;
}
.v2ot-rating{
display:flex;
align-items:center;
gap:10px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:var(--v2ot-text);
}
.v2ot-rating__stars{display:inline-flex;gap:2px}
.v2ot-rating a{color:var(--v2ot-muted);text-decoration:none}
.v2ot-rating a:hover{text-decoration:underline}
.v2ot-divider{height:1px;background:var(--v2ot-border);margin:4px 0}
.v2ot-label{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:var(--v2ot-muted);
font-weight:500;
}
.v2ot-shade-section{display:flex;flex-direction:column;gap:0}
.v2ot-shade-header{
display:flex;
justify-content:space-between;
align-items:baseline;
margin-bottom:14px;
}
.v2ot-shade-current{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:var(--v2ot-forest);
}
.v2ot-shades{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2ot-shade-card{
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
border-radius:4px;
cursor:pointer;
background:transparent;
border:1px solid rgba(53,78,72,0.18);
text-align:left;
font-family:Inter,Inter-fallback,sans-serif;
transition:border-color 180ms,background 180ms;
width:100%;
}
.v2ot-shade-card.is-active{
background:var(--v2ot-offwhite);
border-color:var(--v2ot-forest);
}
.v2ot-shade-swatch{
width:44px;height:44px;
border-radius:8px;
overflow:hidden;
flex-shrink:0;
background:#EDE6DA;
position:relative;
border:1px solid rgba(53,47,45,0.08);
}
.v2ot-shade-lamp{
position:absolute;
left:50%;top:14%;
transform:translateX(-50%);
width:20px;height:28px;
border-radius:10px 10px 2px 2px;
border:1px solid rgba(0,0,0,0.05);
}
.v2ot-shade-lamp-base{
position:absolute;
left:50%;bottom:10%;
transform:translateX(-50%);
width:10px;height:4px;
background:#6B4D2D;
border-radius:1px;
}
.v2ot-shade-info{display:flex;flex-direction:column;gap:2px}
.v2ot-shade-info-name{font-size:13px;color:var(--v2ot-forest)}
.v2ot-shade-info-sub{font-size:11px;color:var(--v2ot-muted)}
.v2ot-shade-note{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
color:var(--v2ot-muted);
font-style:italic;
margin-top:10px;
}
.v2ot-price-card{
padding:20px 22px;
border-radius:4px;
background:var(--v2ot-offwhite);
border:1.5px solid var(--v2ot-forest);
display:flex;
flex-direction:column;
gap:8px;
}
.v2ot-price-card__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--v2ot-muted);
font-weight:500;
}
.v2ot-price-card__row{
display:flex;
align-items:baseline;
gap:10px;
flex-wrap:wrap;
}
.v2ot-price-card__amount{
font-family:Inter,Inter-fallback,sans-serif;
font-size:36px;
font-weight:500;
color:var(--v2ot-forest);
letter-spacing:-1px;
line-height:1;
}
.v2ot-price-card__was{
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
color:var(--v2ot-muted);
text-decoration:line-through;
}
.v2ot-price-card__type{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:var(--v2ot-muted);
}
.v2ot-bnpl{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12.5px;
color:var(--v2ot-text);
display:flex;
align-items:center;
gap:8px;
}
.v2ot-bnpl strong{font-weight:500;color:var(--v2ot-forest)}
.v2ot-cta-btn{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:100%;
padding:20px 28px;
border-radius:100px;
background:var(--v2ot-forest);
color:var(--v2ot-offwhite);
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:15px;
font-weight:500;
letter-spacing:-0.01em;
line-height:1;
cursor:pointer;
transition:background 180ms ease;
}
.v2ot-cta-btn:hover{background:#2A3E39}
.v2ot-cta-btn:active{background:#1F2E2A}
.v2ot-cta-btn:disabled{opacity:0.7;cursor:not-allowed}
.v2ot-risk{
display:flex;
gap:14px;
align-items:flex-start;
background:var(--v2ot-beige);
border-radius:4px;
padding:16px 18px;
}
.v2ot-risk svg{flex-shrink:0;margin-top:2px}
.v2ot-risk__body{display:flex;flex-direction:column;gap:4px}
.v2ot-risk__title{font-family:Inter,Inter-fallback,sans-serif;font-size:14px;font-weight:500;color:var(--v2ot-forest)}
.v2ot-risk__text{font-family:Inter,Inter-fallback,sans-serif;font-size:12.5px;color:var(--v2ot-text);line-height:1.5}
.v2ot-trust{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--v2ot-border);
border-radius:4px;
overflow:hidden;
}
.v2ot-trust__cell{
padding:14px 10px;
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
text-align:center;
border-left:1px solid var(--v2ot-border);
font-family:Inter,Inter-fallback,sans-serif;
}
.v2ot-trust__cell:first-child{border-left:none}
.v2ot-trust__icon{
width:20px;height:20px;
stroke:#354E48;fill:none;
stroke-width:1.5;
stroke-linecap:round;
stroke-linejoin:round;
flex-shrink:0;
}
.v2ot-trust__top{font-size:12.5px;font-weight:500;color:var(--v2ot-forest);line-height:1.2}
.v2ot-trust__bot{font-size:11.5px;color:var(--v2ot-muted);line-height:1.2}
.v2ot-sticky{
position:fixed;
left:0;right:0;bottom:0;
z-index:60;
transform:translateY(100%);
transition:transform 320ms cubic-bezier(0.2,0.8,0.2,1);
background:rgba(248,247,244,0.92);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-top:1px solid var(--v2ot-border);
}
.v2ot-sticky.is-visible{transform:translateY(0)}
.v2ot-sticky__inner{
max-width:1460px;
margin:0 auto;
padding:14px 80px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}
.v2ot-sticky__product{display:flex;align-items:center;gap:20px;font-family:Inter,Inter-fallback,sans-serif}
.v2ot-sticky__thumb{
width:44px;height:44px;
border-radius:4px;
background:#EDE6DA;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
overflow:hidden;
}
.v2ot-sticky__meta{display:flex;flex-direction:column;gap:2px}
.v2ot-sticky__name{font-size:14px;color:var(--v2ot-forest);font-weight:500}
.v2ot-sticky__sub{font-size:12px;color:var(--v2ot-muted)}
.v2ot-sticky__btn{
padding:12px 24px;
border-radius:100px;
background:var(--v2ot-forest);
color:var(--v2ot-offwhite);
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
transition:background 180ms ease;
white-space:nowrap;
}
.v2ot-sticky__btn:hover{background:#2A3E39}
@media screen and (max-width:1200px){
.v2ot-hero__inner{padding:40px 40px 80px;gap:40px}
.v2ot-sticky__inner{padding:14px 40px}
}
@media screen and (max-width:989px){
.v2ot-hero__inner{grid-template-columns:1fr;padding:32px 24px 60px}
.v2ot-sticky__inner{padding:14px 24px}
}
@media screen and (max-width:749px){
.v2ot-hero__inner{padding:16px 16px 40px}
.v2ot-gallery__main{border-radius:12px}
.v2ot-gallery__thumb{border-radius:8px}
.v2ot-price{padding-top:20px;gap:18px}
.v2ot-title{font-size:30px;letter-spacing:-1.2px}
.v2ot-tagline{font-size:14px}
.v2ot-price-card{padding:16px 16px}
.v2ot-price-card__amount{font-size:28px}
.v2ot-trust{grid-template-columns:1fr 1fr}
.v2ot-trust__cell:first-child{border-left:none}
.v2ot-trust__cell:nth-child(3){border-left:none}
.v2ot-trust__cell:nth-child(n+3){border-top:1px solid var(--v2ot-border)}
.v2ot-trust__cell{flex-direction:row;align-items:center;text-align:left;padding:13px 12px;gap:10px}
.v2ot-trust__icon{width:18px;height:18px}
.v2ot-trust__top{display:inline;font-size:12.5px;font-weight:400;color:var(--v2ot-forest)}
.v2ot-trust__bot{display:inline;font-size:12.5px;font-weight:400;color:var(--v2ot-forest)}
.v2ot-trust__bot::before{content:'\00a0'}
.v2ot-sticky__inner{padding:12px 16px;gap:12px}
.v2ot-sticky__thumb{width:36px;height:36px}
.v2ot-sticky__name{font-size:13px}
.v2ot-breadcrumb{display:none}
}
.v2-about-essay{
background:#F8F7F4;
padding:120px 40px 0;
}
.v2-about-essay__pov{
max-width:660px;
margin:0 auto 64px;
}
.v2-about-essay__pov-lead{
font-family:Inter,Inter-fallback,sans-serif;
font-weight:300;
font-size:40px;
line-height:1.2;
letter-spacing:-1.1px;
color:#072721;
margin:0;
}
.v2-about-essay__pov-body{
font-family:Inter,Inter-fallback,sans-serif;
font-size:19px;
line-height:1.65;
color:#352F2D;
margin:28px 0 0;
font-weight:400;
letter-spacing:-0.1px;
}
.v2-about-essay__prose{
max-width:660px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:26px;
}
.v2-about-essay__prose p,
.v2-about-essay__p{
font-family:Inter,Inter-fallback,sans-serif;
font-size:18px;
line-height:1.7;
color:#352F2D;
margin:0;
letter-spacing:-0.05px;
font-weight:400;
}
.v2-about-essay__prose--gap0{
margin-top:0;
}
.v2-about-essay__quote{
max-width:880px;
margin:120px auto 0;
padding:0 20px;
text-align:left;
}
.v2-about-essay__quote p{
font-family:Inter,Inter-fallback,sans-serif;
font-style:italic;
font-weight:300;
font-size:36px;
line-height:1.3;
letter-spacing:-0.8px;
color:#072721;
margin:0;
}
.v2-about-essay__bridge{
max-width:660px;
margin:96px auto 64px;
}
.v2-about-essay__bridge p{
font-family:Inter,Inter-fallback,sans-serif;
font-weight:300;
font-size:28px;
line-height:1.35;
letter-spacing:-0.5px;
color:#072721;
margin:0;
}
.v2-about-essay__link{
color:#072721;
text-decoration:underline;
text-underline-offset:4px;
text-decoration-thickness:1px;
text-decoration-color:rgba(7,39,33,0.35);
font-weight:500;
transition:text-decoration-color 180ms ease;
}
.v2-about-essay__link:hover{
text-decoration-color:#072721;
}
.v2-about-essay__signoff{
max-width:880px;
margin:32px auto 0;
padding:0 20px;
display:flex;
justify-content:flex-end;
}
.v2-about-essay__signoff cite{
font-family:Inter,Inter-fallback,sans-serif;
font-style:italic;
font-weight:400;
font-size:15px;
color:#6B7280;
letter-spacing:0.01em;
}
.v2-about-essay__email{
max-width:660px;
margin:40px auto 0;
padding-top:36px;
border-top:1px solid rgba(53,78,72,0.14);
}
.v2-about-essay__email-form{
display:flex;
align-items:center;
gap:0;
border:1px solid rgba(53,78,72,0.22);
border-radius:100px;
background:#FDFCF9;
overflow:hidden;
max-width:520px;
}
.v2-about-essay__email-input{
flex:1;
padding:16px 22px;
border:0;
outline:none;
background:transparent;
font-family:Inter,Inter-fallback,sans-serif;
font-size:16px;
color:#072721;
min-width:0;
}
.v2-about-essay__email-input::placeholder{color:#9CA3AF}
.v2-about-essay__email-btn{
padding:16px 24px;
background:#072721;
color:#F8F7F4;
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
letter-spacing:-0.01em;
flex-shrink:0;
transition:background 180ms ease;
white-space:nowrap;
}
.v2-about-essay__email-btn:hover{background:#2A3E39}
.v2-about-essay__email-note{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#6B7280;
margin:14px 0 0;
line-height:1.5;
}
.v2-about-essay__email-success{
font-family:Inter,Inter-fallback,sans-serif;
font-size:16px;
color:#072721;
padding:14px 0;
display:flex;
align-items:center;
gap:12px;
}
.v2-about-essay__email-check{
width:22px;
height:22px;
border-radius:50%;
background:#072721;
color:#F5F3D4;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.v2-about-essay__recognition{
max-width:880px;
margin:120px auto 0;
padding:0 20px 120px;
text-align:center;
}
.v2-about-essay__recognition p{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
font-weight:400;
color:rgba(31,31,31,0.7);
letter-spacing:0.07em;
line-height:1.7;
margin:0;
}
@media screen and (max-width:749px){
.v2-about-essay{
padding:32px 0 0;
}
.v2-about-essay__pov{
max-width:100%;
margin:0 0 36px;
padding:0 16px;
}
.v2-about-essay__pov-lead{
font-size:28px;
letter-spacing:-0.7px;
}
.v2-about-essay__pov-body{
font-size:16px;
margin-top:20px;
}
.v2-about-essay__prose{
max-width:100%;
padding:0 16px;
gap:20px;
}
.v2-about-essay__prose p,
.v2-about-essay__p{
font-size:15.5px;
}
.v2-about-essay__quote{
max-width:100%;
margin:64px 0 0;
padding:0 16px;
}
.v2-about-essay__quote p{
font-size:23px;
letter-spacing:-0.4px;
line-height:1.32;
}
.v2-about-essay__bridge{
max-width:100%;
margin:64px 0 36px;
padding:0 16px;
}
.v2-about-essay__bridge p{
font-size:21px;
letter-spacing:-0.4px;
}
.v2-about-essay__signoff{
max-width:100%;
padding:28px 16px 0;
margin:0;
}
.v2-about-essay__signoff cite{font-size:13px}
.v2-about-essay__email{
max-width:100%;
margin:28px 16px 0;
padding-top:26px;
}
.v2-about-essay__email-form{
flex-direction:column;
border-radius:16px;
max-width:100%;
background:transparent;
border:none;
gap:10px;
overflow:visible;
}
.v2-about-essay__email-input{
width:100%;
padding:14px 18px;
border:1px solid rgba(53,78,72,0.22);
border-radius:100px;
background:#FDFCF9;
font-size:16px;
}
.v2-about-essay__email-btn{
width:100%;
padding:14px 18px;
border-radius:100px;
font-size:14px;
min-height:48px;
}
.v2-about-essay__email-note{font-size:12px}
.v2-about-essay__email-success{font-size:14px;padding:12px 0;gap:10px}
.v2-about-essay__email-check{width:20px;height:20px}
.v2-about-essay__recognition{
max-width:100%;
margin:64px 16px 0;
padding:0 0 64px;
}
.v2-about-essay__recognition p{font-size:12px}
}
.v2-about-hero{
position:relative;
width:100%;
height:720px;
overflow:hidden;
background:#EDE6DA;
}
.v2-about-hero__img{
width:100%;
height:100%;
object-fit:cover;
object-position:50% 65%;
display:block;
}
@media screen and (max-width:749px){
.v2-about-hero{height:65vh;min-height:340px}
.v2-about-hero__img{object-position:50% 50%}
}
.v2-blog__wrap{
background:#F8F7F4;
font-family:Inter,Inter-fallback,system-ui,sans-serif;
}
.v2-blog__featured{
padding:16px 0 56px;
background:#F8F7F4;
}
.v2-blog__featured-img-link{
display:block;
position:relative;
aspect-ratio:4 / 3;
overflow:hidden;
background:#EDE6DA;
text-decoration:none;
}
.v2-blog__featured-img{
width:100%;
height:100%;
object-fit:cover;
object-position:62% 50%;
display:block;
}
.v2-blog__featured-body{
padding:24px 16px 0;
}
.v2-blog__eyebrow{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:10px;
letter-spacing:0.2em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
display:flex;
align-items:center;
gap:8px;
margin-bottom:14px;
}
.v2-blog__eyebrow-featured{color:#072721}
.v2-blog__eyebrow-dot{opacity:0.5}
.v2-blog__featured-title-link{text-decoration:none}
.v2-blog__featured-title{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-weight:300;
font-size:30px;
line-height:1.12;
letter-spacing:-0.9px;
color:#072721;
margin:0;
}
.v2-blog__featured-excerpt{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:16px;
line-height:1.55;
color:#352F2D;
margin:16px 0 0;
font-weight:400;
letter-spacing:-0.05px;
}
.v2-blog__read-link{
display:none;
width:fit-content;
align-items:center;
gap:8px;
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:14px;
font-weight:500;
color:#072721;
text-decoration:none;
letter-spacing:-0.01em;
border-bottom:1px solid #072721;
padding-bottom:3px;
margin-top:12px;
}
.v2-blog__placeholder{
position:absolute;
inset:0;
background:#E8E2D2;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.v2-blog__placeholder-svg{width:78%;height:auto}
.v2-blog__recent{
padding:48px 16px 56px;
background:#F8F7F4;
}
.v2-blog__recent-inner{max-width:1480px;margin:0 auto}
.v2-blog__recent-header{
display:flex;
align-items:baseline;
justify-content:space-between;
margin-bottom:28px;
}
.v2-blog__recent-label{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:10px;
letter-spacing:0.22em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-blog__recent-count{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:12px;
color:#6B7280;
}
.v2-blog__grid{
display:flex;
flex-direction:column;
gap:40px;
}
.v2-blog__card{
display:flex;
flex-direction:column;
gap:12px;
text-decoration:none;
}
.v2-blog__card-img-wrap{
position:relative;
aspect-ratio:16 / 10;
overflow:hidden;
background:#E8E2D2;
}
.v2-blog__card-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.v2-blog__card-cat{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:10px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
margin-top:4px;
}
.v2-blog__card-title{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-weight:400;
font-size:22px;
line-height:1.2;
letter-spacing:-0.5px;
color:#072721;
margin:0;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.v2-blog__card-excerpt{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:14px;
line-height:1.55;
color:#352F2D;
margin:0;
font-weight:400;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.v2-blog__card-meta{
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:12px;
color:#6B7280;
margin-top:2px;
}
.v2-blog__card-byline{color:#352F2D}
.v2-blog__empty{
padding:80px 16px;
text-align:center;
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:16px;
color:#6B7280;
}
.v2-blog__pagination{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:40px 16px 56px;
font-family:Inter,Inter-fallback,system-ui,sans-serif;
font-size:14px;
color:#072721;
}
.v2-blog__pagination a{
color:#072721;
text-decoration:none;
padding:8px 14px;
border:1px solid rgba(53,78,72,0.2);
}
.v2-blog__pagination a:hover{
border-color:#072721;
}
.v2-blog__pagination-current{
padding:8px 14px;
border:1px solid #072721;
font-weight:500;
}
@media screen and (min-width:750px){
.v2-blog__featured{padding:40px 40px 120px}
.v2-blog__featured-inner{
max-width:1480px;
margin:0 auto;
display:grid;
grid-template-columns:1.35fr 1fr;
gap:72px;
align-items:center;
}
.v2-blog__featured-img-link{aspect-ratio:5 / 4}
.v2-blog__featured-body{
padding:0 12px;
display:flex;
flex-direction:column;
gap:24px;
}
.v2-blog__eyebrow{font-size:11px;gap:10px;margin-bottom:0}
.v2-blog__featured-title{
font-size:52px;
line-height:1.08;
letter-spacing:-1.6px;
}
.v2-blog__featured-excerpt{
font-size:19px;
line-height:1.55;
letter-spacing:-0.1px;
max-width:540px;
margin:0;
}
.v2-blog__read-link{display:inline-flex;margin-top:0}
.v2-blog__recent{padding:120px 40px 80px}
.v2-blog__recent-header{margin-bottom:48px}
.v2-blog__recent-label{font-size:11px}
.v2-blog__recent-count{font-size:13px}
.v2-blog__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:48px;
flex-direction:unset;
}
.v2-blog__card{gap:16px;transition:transform 220ms ease}
.v2-blog__card:hover{transform:translateY(-3px)}
.v2-blog__card-title{
font-size:24px;
line-height:1.22;
letter-spacing:-0.6px;
-webkit-line-clamp:2;
}
.v2-blog__card-excerpt{
font-size:15px;
-webkit-line-clamp:1;
}
.v2-blog__card-meta{margin-top:4px}
.v2-blog__pagination{padding:48px 40px 80px}
}
.v2-bc{padding:8px 80px 56px;background:#F8F7F4}
.v2-bc__inner{
max-width:1280px;margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr 56px 1fr;
gap:24px;
align-items:stretch;
}
.v2-bc__divider{
display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:12px;
}
.v2-bc__divider-line{display:none}
.v2-bc__divider-text{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;color:#946138;
letter-spacing:0.18em;text-transform:uppercase;
writing-mode:vertical-rl;transform:rotate(180deg);
white-space:nowrap;
}
.v2-bc__card{
background:#FDFCF9;border-radius:4px;
border:1px solid rgba(53,78,72,0.12);
overflow:hidden;
transition:border-color 220ms ease,transform 240ms ease;
}
.v2-bc__card:hover{border-color:rgba(53,78,72,0.28);transform:translateY(-2px)}
.v2-bc__card-inner{
display:flex;flex-direction:column;
text-decoration:none;color:inherit;
}
.v2-bc__visual{aspect-ratio:5/4;position:relative;overflow:hidden}
.v2-bc__pills{
position:absolute;top:18px;left:18px;right:120px;z-index:2;
display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;
}
.v2-bc__tag{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:10.5px;
background:#072721;color:#F5F3D4;
padding:6px 12px;border-radius:100px;
letter-spacing:0.16em;text-transform:uppercase;
}
.v2-bc__label{
font-family:Inter,Inter-fallback,sans-serif;font-size:10.5px;font-weight:500;
background:#F5F3D4;color:#072721;
padding:6px 11px;border-radius:100px;
letter-spacing:0.14em;text-transform:uppercase;
}
.v2-bc__save-pill{
position:absolute;top:18px;right:18px;z-index:2;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:11px;font-weight:500;
background:#FDFCF9;color:#072721;
padding:6px 12px;border-radius:100px;letter-spacing:0.04em;
border:1px solid rgba(53,78,72,0.14);
}
.v2-bc__pills--mobile{display:none}
.v2-bc__body{padding:32px 32px 28px;display:flex;flex-direction:column;gap:22px;flex:1}
.v2-bc__headline{
font-family:Inter,Inter-fallback,sans-serif;
font-weight:400;font-size:28px;
letter-spacing:-0.8px;color:#072721;margin:0;line-height:1.15;
}
.v2-bc__meta{
display:grid;grid-template-columns:auto 1fr;
column-gap:16px;row-gap:12px;
font-family:Inter,Inter-fallback,sans-serif;font-size:13.5px;color:#352F2D;
padding-top:18px;border-top:1px solid rgba(53,78,72,0.10);
}
.v2-bc__meta-label{
color:#6B7280;letter-spacing:0.12em;
text-transform:uppercase;font-size:10.5px;padding-top:2px;
}
.v2-bc__meta-value{line-height:1.5}
.v2-bc__meta-includes{font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:12.5px;color:#352F2D;line-height:1.5}
.v2-bc__footer{
display:flex;align-items:flex-end;justify-content:space-between;
flex-wrap:wrap;
gap:24px;margin-top:auto;padding-top:24px;
border-top:1px solid rgba(53,78,72,0.10);
}
.v2-bc__price-block{display:flex;flex-direction:column;gap:4px}
.v2-bc__price-label{font-family:Inter,Inter-fallback,sans-serif;font-size:11px;color:#6B7280;letter-spacing:0.14em;text-transform:uppercase}
.v2-bc__price{font-family:Inter,Inter-fallback,sans-serif;font-weight:400;font-size:38px;letter-spacing:-1.2px;color:#072721;line-height:1}
.v2-bc__price-save{font-family:Inter,Inter-fallback,sans-serif;font-size:12px;color:#946138;margin-top:4px}
.v2-bc__cta{
display:inline-flex;align-items:center;gap:8px;
background:#072721;color:#F8F7F4;
padding:14px 22px;border-radius:100px;
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;font-weight:500;
white-space:nowrap;flex-shrink:0;text-decoration:none;
transition:background 180ms ease,transform 180ms ease;
}
.v2-bc__card:hover .v2-bc__cta{background:#2A3E39;transform:translateX(2px)}
.v2-bc__mobile-price{display:none}
.v2-bc__details{display:none}
.v2-tp{width:100%;height:100%;position:relative;background:#E0D6C2;overflow:hidden}
.v2-tp__floor{position:absolute;left:0;right:0;bottom:0;height:24%;background:#B09A76}
.v2-tp__glare{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0.32) 0%,transparent 55%)}
.v2-tp__painting{position:absolute;right:10%;top:14%;width:20%;aspect-ratio:3/4;background:#F2EBDC;border:2px solid #6B4D2D}
.v2-tp__lamp-a{position:absolute;left:14%;bottom:24%;display:flex;align-items:flex-end}
.v2-tp__lamp-b{position:absolute;left:54%;bottom:24%;display:flex;align-items:flex-end}
.v2-tp__caption{position:absolute;left:10px;bottom:10px;font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:9px;color:rgba(7,39,33,0.55);letter-spacing:0.12em;text-transform:uppercase}
.v2-wh-scene{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
.v2-wh-scene__panel{position:relative;overflow:hidden}
.v2-wh-scene__floor{position:absolute;left:0;right:0;bottom:0;height:22%;background:#A89575}
.v2-wh-scene__lamp{position:absolute;left:50%;transform:translateX(-50%);bottom:22%;display:flex;align-items:flex-end}
.v2-wh-scene__room-label{position:absolute;left:6px;top:8px;font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:7.5px;color:rgba(7,39,33,0.55);letter-spacing:0.08em;text-transform:uppercase}
.v2-yr{width:100%;height:100%;position:relative;background:#E0D6C2;overflow:hidden}
.v2-yr__floor{position:absolute;left:0;right:0;bottom:0;height:22%;background:#B09A76}
.v2-yr__glare{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0.32) 0%,transparent 55%)}
.v2-yr__lamp{position:absolute;left:8%;bottom:22%;display:flex;align-items:flex-end}
.v2-yr__divider{position:absolute;left:42%;top:10%;bottom:24%;width:1px;background:rgba(7,39,33,0.18)}
.v2-yr__timeline{
position:absolute;left:50%;right:4%;
top:10%;bottom:26%;
display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;
}
.v2-yr__filter-item{display:flex;align-items:center;gap:4px}
.v2-yr__filter{
width:20px;height:44px;
background:linear-gradient(180deg,#072721 0%,#072721 14%,#E8E0CC 18%,#D4C9AD 80%,#072721 100%);
border-radius:3px;box-shadow:0 4px 8px rgba(7,39,33,0.18);flex-shrink:0;
}
.v2-yr__filter-label{font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:7px;color:rgba(7,39,33,0.55);letter-spacing:0.08em;text-transform:uppercase;line-height:1;white-space:nowrap}
.v2-yr__caption{position:absolute;left:8px;bottom:8px;font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:9px;color:rgba(7,39,33,0.55);letter-spacing:0.12em;text-transform:uppercase}
.v2-bc__img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:989px){
.v2-bc{padding:8px 40px 48px}
.v2-bc__headline{font-size:22px}
.v2-bc__price{font-size:30px}
.v2-bc__cta{padding:12px 16px;font-size:13px}
}
@media (max-width:749px){
.v2-bc{padding:8px 16px 48px}
.v2-bc__inner{grid-template-columns:1fr;gap:12px}
.v2-bc__divider{
flex-direction:row;align-items:center;
padding:14px 0 6px;gap:0;
}
.v2-bc__divider-line{
display:block;flex:1;height:1px;background:rgba(148,97,56,0.25);
}
.v2-bc__divider-text{
writing-mode:horizontal-tb;transform:none;
font-size:9.5px;padding:0 10px;
}
.v2-bc__card{transform:none !important}
.v2-bc__card-inner{
display:grid;grid-template-columns:108px 1fr;
}
.v2-bc__visual{
aspect-ratio:unset;
height:100%;
min-height:100px;
}
.v2-bc__pills{display:none}
.v2-bc__save-pill{display:none}
.v2-bc__body{
padding:12px 14px;gap:0;
display:flex;flex-direction:column;justify-content:space-between;
}
.v2-bc__pills--mobile{
display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;
}
.v2-bc__pills--mobile .v2-bc__tag{font-size:8.5px;padding:3px 7px}
.v2-bc__pills--mobile .v2-bc__label{font-size:8.5px;padding:3px 7px}
.v2-bc__headline{font-size:16px;letter-spacing:-0.3px;line-height:1.2}
.v2-bc__meta{display:none}
.v2-bc__footer{display:none}
.v2-bc__mobile-price{
display:flex;align-items:baseline;
justify-content:space-between;margin-top:auto;
}
.v2-bc__mobile-price-val{
font-family:Inter,Inter-fallback,sans-serif;
font-size:18px;font-weight:500;
color:#072721;letter-spacing:-0.4px;
}
.v2-bc__mobile-save{
font-family:Inter,Inter-fallback,sans-serif;font-size:11px;color:#946138;
}
.v2-bc__details{display:block;border-top:1px solid rgba(53,78,72,0.10)}
.v2-bc__details-toggle{
display:flex;align-items:center;justify-content:space-between;
padding:10px 14px;width:100%;
font-family:Inter,Inter-fallback,sans-serif;font-size:11px;color:#6B7280;
letter-spacing:0.04em;cursor:pointer;list-style:none;
background:transparent;border:none;text-align:left;
}
.v2-bc__details-toggle::-webkit-details-marker{display:none}
.v2-bc__details-chevron{width:14px;height:14px;flex-shrink:0;transition:transform 220ms ease;color:#6B7280}
.v2-bc__details[open] .v2-bc__details-chevron{transform:rotate(180deg)}
.v2-bc__details-body{
padding:4px 14px 16px;
display:flex;flex-direction:column;gap:14px;
}
.v2-bc__details-meta{
display:grid;grid-template-columns:auto 1fr;
column-gap:10px;row-gap:7px;
font-family:Inter,Inter-fallback,sans-serif;font-size:12.5px;color:#352F2D;
}
.v2-bc__details-meta-label{
font-size:9px;color:#6B7280;
letter-spacing:0.12em;text-transform:uppercase;padding-top:2px;
}
.v2-bc__details-meta-includes{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:11px;color:#352F2D;line-height:1.5;
}
.v2-bc__details-cta{
display:flex;align-items:center;justify-content:center;gap:6px;
background:#072721;color:#F8F7F4;
padding:12px 16px;border-radius:100px;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;font-weight:500;
text-decoration:none;margin-top:2px;
}
}
.v2-bqc{
padding:120px 80px 100px;
background:#FDFCF9;
border-top:1px solid rgba(53,78,72,0.08);
}
.v2-bqc__inner{max-width:1180px;margin:0 auto}
.v2-bqc__top{
display:flex;align-items:baseline;justify-content:space-between;
margin-bottom:40px;gap:40px;flex-wrap:wrap;
}
.v2-bqc__top-left{display:flex;align-items:baseline;gap:18px}
.v2-bqc__num{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:13px;color:#946138;letter-spacing:0.14em;
}
.v2-bqc__heading{
font-family:var(--font-body-family,Inter,sans-serif);
font-weight:400;font-size:36px;letter-spacing:-1.2px;
color:#072721;margin:0;
}
.v2-bqc__sub{
font-family:var(--font-body-family,Inter,sans-serif);
font-size:16px;color:#6B7280;margin:0;font-weight:300;
}
.v2-bqc__table{border-top:1px solid rgba(53,78,72,0.18)}
.v2-bqc__row{
display:grid;
grid-template-columns:1.1fr 1fr 1fr 1fr;
border-bottom:1px solid rgba(53,78,72,0.10);
}
.v2-bqc__row--header{border-bottom-color:rgba(53,78,72,0.18)}
.v2-bqc__row-label{
padding:20px 0;
font-family:var(--font-body-family,Inter,sans-serif);
font-size:11px;color:#6B7280;
letter-spacing:0.16em;text-transform:uppercase;
display:flex;align-items:center;
}
.v2-bqc__col-head{
padding:24px 20px;
display:flex;flex-direction:column;gap:6px;
text-decoration:none;
border-left:1px solid rgba(53,78,72,0.10);
position:relative;
}
.v2-bqc__col-head--highlight{background:#F5F3D4}
.v2-bqc__col-badge{
position:absolute;top:12px;right:14px;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:9.5px;color:#946138;
letter-spacing:0.16em;text-transform:uppercase;
}
.v2-bqc__col-name{
font-family:var(--font-body-family,Inter,sans-serif);
font-size:18px;font-weight:500;color:#072721;letter-spacing:-0.3px;
}
.v2-bqc__col-link{
font-family:var(--font-body-family,Inter,sans-serif);
font-size:12px;color:#946138;
display:inline-flex;align-items:center;gap:6px;
}
.v2-bqc__cell{
padding:20px;
border-left:1px solid rgba(53,78,72,0.10);
font-family:var(--font-body-family,Inter,sans-serif);
font-size:14.5px;color:#072721;
display:flex;align-items:center;
letter-spacing:-0.05px;
}
.v2-bqc__cell--highlight{background:#F5F3D4}
.v2-bqc__cell--price{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:17px;font-weight:500;letter-spacing:-0.2px;
}
.v2-bqc__cell--save{font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace}
.v2-bqc__header-spacer{display:block;min-width:0}
.v2-bqc__scroll{width:100%}
@media (max-width:749px){
.v2-bqc{padding:56px 20px 48px}
.v2-bqc__top{flex-direction:column;gap:8px;margin-bottom:24px}
.v2-bqc__heading{font-size:26px;letter-spacing:-0.8px}
.v2-bqc__sub{font-size:13px}
.v2-bqc__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.v2-bqc__table{min-width:480px}
.v2-bqc__row{grid-template-columns:90px 1fr 1fr 1fr}
.v2-bqc__row-label{font-size:9px;letter-spacing:0.1em;padding:12px 0}
.v2-bqc__col-head{padding:14px 10px}
.v2-bqc__col-name{font-size:13px}
.v2-bqc__col-link{font-size:10px}
.v2-bqc__col-badge{font-size:8px;top:8px;right:8px}
.v2-bqc__cell{padding:12px 10px;font-size:12px}
.v2-bqc__cell--price{font-size:13px}
}
.v2-bfaq{padding:120px 80px;background:#F8F7F4}
.v2-bfaq__inner{max-width:1000px;margin:0 auto}
.v2-bfaq__top{
display:flex;align-items:baseline;gap:18px;margin-bottom:48px;
}
.v2-bfaq__num{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:13px;color:#946138;letter-spacing:0.14em;
flex-shrink:0;
}
.v2-bfaq__heading{
font-family:var(--font-body-family,Inter,sans-serif);
font-weight:400;font-size:36px;letter-spacing:-1.2px;
color:#072721;margin:0;
}
.v2-bfaq__list{border-top:1px solid rgba(53,78,72,0.18)}
.v2-bfaq__item{border-bottom:1px solid rgba(53,78,72,0.18)}
.v2-bfaq__trigger{
width:100%;display:flex;justify-content:space-between;align-items:center;
padding:24px 0;background:none;border:0;cursor:pointer;
font-family:var(--font-body-family,Inter,sans-serif);
font-size:16px;color:#072721;text-align:left;gap:24px;
}
.v2-bfaq__trigger:hover{color:#354E48}
.v2-bfaq__icon{
width:28px;height:28px;border-radius:50%;
border:1px solid #354E48;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
color:#354E48;font-size:18px;line-height:1;
transition:transform 220ms ease;
}
.v2-bfaq__item--open .v2-bfaq__icon{transform:rotate(45deg)}
.v2-bfaq__body{
display:none;padding:0 0 24px;
font-family:var(--font-body-family,Inter,sans-serif);
font-size:14.5px;color:#352F2D;line-height:1.7;max-width:760px;
}
.v2-bfaq__item--open .v2-bfaq__body{display:block}
.v2-bfaq__footer{
text-align:center;margin-top:32px;
}
.v2-bfaq__all-link{
font-family:var(--font-body-family,Inter,sans-serif);
font-size:13px;color:#946138;text-decoration:none;
}
.v2-bfaq__all-link:hover{text-decoration:underline}
@media (max-width:749px){
.v2-bfaq{padding:80px 24px 64px}
.v2-bfaq__heading{font-size:28px}
.v2-bfaq__trigger{font-size:15px;padding:20px 0}
}
.v2-bh{padding:32px 80px 28px;background:#F8F7F4}
.v2-bh__inner{max-width:1280px;margin:0 auto}
.v2-bh__breadcrumb{
font-family:var(--font-body-family,Inter,sans-serif);
font-size:12px;color:#6B7280;letter-spacing:0.04em;
margin-bottom:20px;display:flex;align-items:center;gap:8px;
}
.v2-bh__breadcrumb a{color:#6B7280;text-decoration:none}
.v2-bh__breadcrumb a:hover{color:#072721}
.v2-bh__sep{color:#6B7280}
.v2-bh__current{color:#072721}
.v2-bh__heading{
font-family:var(--font-body-family,Inter,sans-serif);
font-weight:300;font-size:56px;line-height:1.05;
letter-spacing:-2px;color:#072721;margin:0;
text-wrap:balance;max-width:900px;
}
.v2-bh__heading em{font-style:normal;font-weight:400}
@media (max-width:749px){
.v2-bh{padding:20px 24px 16px}
.v2-bh__heading{font-size:36px;letter-spacing:-1.2px}
}
.v2-contact__header{
padding:40px 16px 28px;
background:#F8F7F4;
border-bottom:1px solid rgba(53,78,72,0.08);
}
.v2-contact__header-inner{
display:flex;
flex-direction:column;
gap:14px;
}
.v2-contact__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-contact__h1{
font-family:Inter,Inter-fallback,sans-serif;
font-size:38px;
font-weight:300;
letter-spacing:-1.4px;
line-height:1.04;
color:#072721;
margin:0;
}
.v2-contact__subtitle{
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:400;
line-height:1.55;
letter-spacing:-0.05px;
color:#352F2D;
margin:0;
}
.v2-contact__deflect{
background:#F5F3D4;
border-top:1px solid rgba(53,78,72,0.08);
border-bottom:1px solid rgba(53,78,72,0.10);
padding:14px 16px;
}
.v2-contact__deflect-inner{
display:flex;
flex-direction:column;
gap:8px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#072721;
line-height:1.45;
letter-spacing:-0.1px;
}
.v2-contact__deflect-tag{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:9.5px;
color:#072721;
opacity:0.65;
letter-spacing:0.18em;
text-transform:uppercase;
font-weight:500;
flex-shrink:0;
}
.v2-contact__faq-inline{
color:#072721;
font-weight:500;
text-decoration:none;
border-bottom:1px solid rgba(7,39,33,0.4);
}
.v2-contact__faq-desktop-text{display:none}
.v2-contact__faq-block-wrap{display:none}
.v2-contact__faq-block{
color:#072721;
font-weight:500;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
border-bottom:1px solid rgba(7,39,33,0.4);
padding-bottom:1px;
}
.v2-contact__body{
padding:28px 16px 40px;
background:#F8F7F4;
}
.v2-contact__body-inner{position:relative}
.v2-contact__body-eyebrows{display:none}
.v2-contact__body-cols{
display:flex;
flex-direction:column;
}
.v2-contact__card{
order:1;
background:#FDFCF9;
border:1px solid rgba(53,78,72,0.12);
padding:22px;
display:flex;
flex-direction:column;
gap:14px;
}
.v2-contact__card-email{
font-family:Inter,Inter-fallback,sans-serif;
font-size:22px;
font-weight:300;
letter-spacing:-0.6px;
line-height:1.1;
color:#072721;
text-decoration:none;
word-break:break-all;
display:block;
}
.v2-contact__card-divider{
display:none;
height:1px;
background:rgba(53,78,72,0.12);
margin:4px 0;
}
.v2-contact__card-btn{
width:100%;
min-height:48px;
padding:14px 18px;
border-radius:100px;
background:#072721;
color:#F8F7F4;
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
display:inline-flex;
justify-content:center;
align-items:center;
gap:10px;
letter-spacing:-0.05px;
text-decoration:none;
transition:background 160ms;
}
.v2-contact__card-btn:hover{background:#0a3a31}
.v2-contact__or-sep{
order:2;
text-align:center;
padding:24px 0 12px;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
color:#6B7280;
letter-spacing:0.18em;
text-transform:uppercase;
font-weight:500;
}
.v2-contact__body-cols--success .v2-contact__card,
.v2-contact__body-cols--success .v2-contact__or-sep{display:none}
.v2-contact__form-col{order:3}
.v2-contact__form-eyebrow-mob{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
margin-bottom:14px;
}
.v2-contact__form{
display:flex;
flex-direction:column;
gap:4px;
position:relative;
}
.v2-contact__field{display:flex;flex-direction:column;gap:4px}
.v2-contact__field-label{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:9.5px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
display:flex;
align-items:center;
gap:8px;
transition:color 180ms;
}
.v2-contact__field-label.is-focus{color:#072721}
.v2-contact__field-label.is-error{color:#A8412A}
.v2-contact__field-req{opacity:0.55}
.v2-contact__field-line{
border-bottom:1px solid rgba(53,78,72,0.28);
transition:border-color 180ms;
}
.v2-contact__field-line.is-focus{border-color:#072721}
.v2-contact__field-line.is-error{border-color:#A8412A}
.v2-contact__input,
.v2-contact__textarea{
width:100%;
border:0;
outline:none;
background:transparent;
font-family:Inter,Inter-fallback,sans-serif;
font-size:16px;
color:#072721;
padding:12px 0;
letter-spacing:-0.1px;
line-height:1.45;
display:block;
-webkit-appearance:none;
}
.v2-contact__textarea{resize:vertical;min-height:88px}
.v2-contact__input:-webkit-autofill,
.v2-contact__textarea:-webkit-autofill{
-webkit-text-fill-color:#072721;
transition:background-color 9999s ease-out;
box-shadow:0 0 0 1000px #F8F7F4 inset;
}
.v2-contact__field-err{
min-height:16px;
margin-top:2px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:11.5px;
color:#A8412A;
letter-spacing:-0.05px;
opacity:0;
transition:opacity 160ms;
}
.v2-contact__field-err.is-visible{opacity:1}
.v2-contact__server-err{
background:rgba(168,65,42,0.08);
border:1px solid rgba(168,65,42,0.3);
padding:12px 14px;
margin-bottom:14px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#5C2515;
line-height:1.5;
display:flex;
align-items:flex-start;
gap:10px;
}
.v2-contact__server-err a{color:#5C2515;font-weight:500}
.v2-contact__submit-wrap{margin-top:14px}
.v2-contact__submit{
width:100%;
min-height:52px;
padding:16px 18px;
border-radius:100px;
background:#072721;
color:#F8F7F4;
border:0;
font-family:Inter,Inter-fallback,sans-serif;
font-size:15px;
font-weight:500;
cursor:pointer;
display:inline-flex;
justify-content:center;
align-items:center;
gap:10px;
letter-spacing:-0.05px;
transition:background 160ms;
}
.v2-contact__submit:hover:not([disabled]){background:#0a3a31}
.v2-contact__submit[disabled]{opacity:0.7;cursor:not-allowed}
@keyframes v2cSpin{to{transform:rotate(360deg)}}
.v2-contact__spinner{
width:14px;
height:14px;
border-radius:50%;
border:1.5px solid rgba(248,247,244,0.35);
border-top-color:#F8F7F4;
animation:v2cSpin 0.8s linear infinite;
display:none;
flex-shrink:0;
}
.v2-contact__form.is-submitting .v2-contact__spinner{display:inline-block}
.v2-contact__form.is-submitting .v2-contact__submit-text,
.v2-contact__form.is-submitting .v2-contact__submit-arrow{display:none}
.v2-contact__form.is-submitting .v2-contact__submit{pointer-events:none;background:#1F2E2A}
.v2-contact__honeypot{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.v2-contact__success{
display:flex;
flex-direction:column;
gap:16px;
padding:12px 0 20px;
}
.v2-contact__success-icon{
width:48px;
height:48px;
border-radius:48px;
background:#072721;
display:inline-flex;
align-items:center;
justify-content:center;
}
.v2-contact__success-h2{
font-family:Inter,Inter-fallback,sans-serif;
font-size:28px;
font-weight:300;
letter-spacing:-0.9px;
line-height:1.08;
color:#072721;
margin:0;
}
.v2-contact__success-p{
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
line-height:1.6;
color:#352F2D;
margin:0;
letter-spacing:-0.05px;
}
.v2-contact__success-p a{color:#072721;font-weight:500}
.v2-contact__success-actions{
margin-top:6px;
padding-top:18px;
border-top:1px solid rgba(53,78,72,0.12);
display:flex;
flex-direction:column;
gap:12px;
}
.v2-contact__success-home{
display:block;
text-align:center;
text-decoration:none;
min-height:48px;
padding:14px 18px;
border-radius:100px;
background:transparent;
color:#072721;
border:1px solid #072721;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
}
.v2-contact__success-faq{
display:block;
text-align:center;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#072721;
text-decoration:none;
letter-spacing:-0.05px;
padding:6px 0;
}
.v2-contact__press{
padding:36px 16px 60px;
background:#F8F7F4;
border-top:1px solid rgba(53,78,72,0.08);
}
.v2-contact__press-inner{
display:flex;
flex-direction:column;
gap:12px;
align-items:flex-start;
}
.v2-contact__press-label{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
color:#6B7280;
letter-spacing:0.18em;
text-transform:uppercase;
font-weight:500;
}
.v2-contact__press-text{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13.5px;
line-height:1.6;
color:#352F2D;
margin:0;
letter-spacing:-0.05px;
}
.v2-contact__press-tag{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:12px;
background:#F5F3D4;
padding:1px 6px;
color:#072721;
}
@media screen and (min-width:750px){
.v2-contact__header{padding:120px 80px 64px}
.v2-contact__header-inner{gap:22px}
.v2-contact__h1{font-size:84px;letter-spacing:-3px;max-width:920px}
.v2-contact__subtitle{font-size:19px;font-weight:300;letter-spacing:-0.1px;max-width:620px}
.v2-contact__deflect{padding:18px 40px}
.v2-contact__deflect-inner{
flex-direction:row;
align-items:center;
gap:16px;
max-width:1300px;
margin:0 auto;
font-size:14px;
}
.v2-contact__deflect-tag{
font-size:10px;
padding-right:16px;
border-right:1px solid rgba(7,39,33,0.18);
}
.v2-contact__faq-inline{display:none}
.v2-contact__faq-desktop-text{display:inline}
.v2-contact__faq-block-wrap{display:inline}
.v2-contact__body{padding:80px 40px 64px}
.v2-contact__body-inner{max-width:1300px;margin:0 auto}
.v2-contact__body-eyebrows{
display:grid;
grid-template-columns:minmax(0,55fr) minmax(0,45fr);
gap:80px;
margin-bottom:18px;
}
.v2-contact__body-cols{
display:grid;
grid-template-columns:minmax(0,55fr) minmax(0,45fr);
gap:80px;
align-items:start;
}
.v2-contact__card{
order:2;
gap:22px;
padding:36px 36px 32px;
justify-content:center;
}
.v2-contact__card-email{font-size:30px;letter-spacing:-1px}
.v2-contact__card-divider{display:block}
.v2-contact__card-btn{width:auto}
.v2-contact__or-sep{display:none}
.v2-contact__body-cols--success .v2-contact__card{display:flex}
.v2-contact__form-col{order:1}
.v2-contact__form-eyebrow-mob{display:none}
.v2-contact__input,
.v2-contact__textarea{font-size:17px;padding:14px 0;letter-spacing:-0.2px}
.v2-contact__field-label{font-size:10px}
.v2-contact__field-err{font-size:12px;min-height:18px;margin-top:4px}
.v2-contact__form{gap:6px}
.v2-contact__submit{width:auto;padding:16px 28px}
.v2-contact__success{gap:22px;padding-bottom:0}
.v2-contact__success-icon{width:56px;height:56px;border-radius:56px}
.v2-contact__success-h2{font-size:44px;letter-spacing:-1.5px;max-width:540px}
.v2-contact__success-p{font-size:17px;max-width:520px}
.v2-contact__success-actions{
flex-direction:row;
align-items:center;
gap:28px;
margin-top:12px;
padding-top:24px;
}
.v2-contact__success-home{width:auto;display:inline-block}
.v2-contact__success-faq{
font-size:14px;
text-align:left;
display:inline;
border-bottom:1px solid rgba(7,39,33,0.4);
padding:0 0 1px;
}
.v2-contact__press{padding:72px 40px 120px}
.v2-contact__press-inner{max-width:720px;margin:0 auto;text-align:center;align-items:center}
.v2-contact__press-text{font-size:15px;letter-spacing:-0.1px}
.v2-contact__press-tag{font-size:13.5px;padding:1px 8px}
}
.v2-faqp__hero{
padding:120px 40px 56px;
background:#F8F7F4;
border-bottom:1px solid rgba(53,78,72,0.08);
}
.v2-faqp__hero-inner{
max-width:1080px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:22px;
}
.v2-faqp__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-faqp__h1{
font-family:Inter,Inter-fallback,sans-serif;
font-size:84px;
font-weight:300;
letter-spacing:-3px;
line-height:1.0;
color:#072721;
margin:0;
max-width:920px;
}
.v2-faqp__subtitle{
font-family:Inter,Inter-fallback,sans-serif;
font-size:19px;
font-weight:300;
letter-spacing:-0.1px;
line-height:1.5;
color:#352F2D;
max-width:620px;
margin:0;
}
.v2-faqp__anchor{
background:#F8F7F4;
border-top:1px solid rgba(53,78,72,0.08);
border-bottom:1px solid rgba(53,78,72,0.08);
}
.v2-faqp__anchor-tabs{
max-width:1480px;
margin:0 auto;
padding:0 40px;
display:flex;
align-items:center;
gap:0;
overflow-x:auto;
scrollbar-width:none;
}
.v2-faqp__anchor-tabs::-webkit-scrollbar{display:none}
.v2-faqp__jump-label{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#6B7280;
white-space:nowrap;
padding-right:16px;
margin-right:8px;
border-right:1px solid rgba(53,78,72,0.15);
flex-shrink:0;
line-height:1;
}
.v2-faqp__tabs{display:flex;align-items:center;flex-shrink:0}
.v2-faqp__tab{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
font-weight:400;
color:#352F2D;
text-decoration:none;
padding:18px 14px;
white-space:nowrap;
border-bottom:2px solid transparent;
transition:color 160ms,border-color 160ms;
display:block;
}
.v2-faqp__tab:hover{color:#072721}
.v2-faqp__tab.is-active{
font-weight:500;
color:#072721;
border-bottom-color:#072721;
}
.v2-faqp__anchor-dropdown{display:none}
.v2-faqp__sections{display:flex;flex-direction:column}
.v2-faqp__section{
padding:88px 40px;
border-top:1px solid rgba(53,78,72,0.08);
}
.v2-faqp__section--a{background:#F8F7F4}
.v2-faqp__section--b{background:#FDFCF9}
.v2-faqp__section-inner{
max-width:1080px;
margin:0 auto;
display:grid;
grid-template-columns:280px 1fr;
gap:80px;
}
.v2-faqp__sidebar{
position:sticky;
top:136px;
align-self:start;
display:flex;
flex-direction:column;
gap:14px;
}
.v2-faqp__sidebar-num{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#6B7280;
}
.v2-faqp__sidebar-title{
font-family:Inter,Inter-fallback,sans-serif;
font-size:32px;
font-weight:300;
letter-spacing:-0.8px;
line-height:1.1;
color:#072721;
margin:0;
}
.v2-faqp__sidebar-count{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
color:#6B7280;
margin-top:4px;
}
.v2-faqp__list{display:flex;flex-direction:column}
.v2-faqp__row{border-bottom:1px solid rgba(53,78,72,0.12)}
.v2-faqp__row:last-child{border-bottom:none}
.v2-faqp__trigger{
width:100%;
display:grid;
grid-template-columns:52px 1fr auto;
gap:20px;
padding:28px 4px;
background:none;
border:none;
cursor:pointer;
text-align:left;
align-items:start;
}
.v2-faqp__q-num{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#6B7280;
padding-top:5px;
}
.v2-faqp__q-text{
font-family:Inter,Inter-fallback,sans-serif;
font-size:22px;
font-weight:400;
letter-spacing:-0.4px;
line-height:1.3;
color:#072721;
padding-right:24px;
}
.v2-faqp__toggle{
width:36px;
height:36px;
border-radius:36px;
border:1px solid rgba(53,78,72,0.2);
background:transparent;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
margin-top:2px;
transition:background 220ms ease,border-color 220ms ease;
}
.v2-faqp__row[data-open] .v2-faqp__toggle{
background:#072721;
border-color:#072721;
}
.v2-faqp__toggle-icon{
position:relative;
width:14px;
height:14px;
display:block;
}
.v2-faqp__bar-h,
.v2-faqp__bar-v{
position:absolute;
top:50%;
left:50%;
width:14px;
height:1.5px;
background:#072721;
border-radius:1px;
transform:translate(-50%,-50%);
transition:transform 220ms cubic-bezier(.2,.8,.2,1),background 220ms ease;
}
.v2-faqp__bar-v{transform:translate(-50%,-50%) rotate(90deg)}
.v2-faqp__row[data-open] .v2-faqp__bar-h,
.v2-faqp__row[data-open] .v2-faqp__bar-v{background:#F8F7F4}
.v2-faqp__row[data-open] .v2-faqp__bar-v{
transform:translate(-50%,-50%) rotate(90deg) scaleY(0);
}
.v2-faqp__answer-outer{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows 320ms cubic-bezier(.2,.8,.2,1);
}
.v2-faqp__row[data-open] .v2-faqp__answer-outer{grid-template-rows:1fr}
.v2-faqp__answer-inner{overflow:hidden;min-height:0}
.v2-faqp__answer-grid{
display:grid;
grid-template-columns:52px 1fr auto;
gap:20px;
padding:0 4px 32px;
}
.v2-faqp__answer-text{
font-family:Inter,Inter-fallback,sans-serif;
font-size:16px;
font-weight:400;
line-height:1.65;
color:#352F2D;
max-width:720px;
margin:0;
}
.v2-faqp__answer-text p{margin:0 0 12px}
.v2-faqp__answer-text p:last-child{margin-bottom:0}
.v2-faqp__answer-text a{color:#072721}
.v2-faqp__stickybar{
position:fixed;
bottom:0;
left:0;
right:0;
z-index:200;
background:#FDFCF9;
border-top:1px solid rgba(53,78,72,0.12);
padding:10px 16px;
box-shadow:0 -4px 24px rgba(7,39,33,0.07);
}
.v2-faqp__stickybar-inner{
max-width:560px;
margin:0 auto;
display:flex;
align-items:center;
gap:12px;
}
.v2-faqp__stickybar-img{
width:46px;
height:46px;
border-radius:8px;
object-fit:cover;
flex-shrink:0;
background:rgba(53,78,72,0.06);
}
.v2-faqp__stickybar-info{flex:1;min-width:0}
.v2-faqp__stickybar-name{
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
color:#072721;
letter-spacing:-0.2px;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.v2-faqp__stickybar-price{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
color:#6B7280;
margin-top:2px;
white-space:nowrap;
}
.v2-faqp__stickybar-btn{
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
background:#072721;
color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
font-weight:500;
letter-spacing:-0.01em;
padding:12px 20px;
border-radius:100px;
border:none;
cursor:pointer;
transition:background 180ms ease;
white-space:nowrap;
}
.v2-faqp__stickybar-btn:hover{background:#2A3E39}
.v2-faqp__stickybar-btn[data-loading]{
opacity:0.7;
pointer-events:none;
}
.v2-faqp__cta-wrap{
padding:96px 40px;
background:#F8F7F4;
border-top:1px solid rgba(53,78,72,0.08);
}
.v2-faqp__cta-inner{max-width:1080px;margin:0 auto}
.v2-faqp__cta-card{
background:#FDFCF9;
border:1px solid rgba(53,78,72,0.12);
border-radius:6px;
padding:64px 72px;
display:grid;
grid-template-columns:1.2fr 1fr;
gap:48px;
align-items:center;
}
.v2-faqp__cta-eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#6B7280;
margin:0 0 14px;
}
.v2-faqp__cta-h2{
font-family:Inter,Inter-fallback,sans-serif;
font-size:40px;
font-weight:300;
letter-spacing:-1.2px;
color:#072721;
margin:0 0 16px;
}
.v2-faqp__cta-body{
font-family:Inter,Inter-fallback,sans-serif;
font-size:16px;
line-height:1.55;
color:#352F2D;
max-width:460px;
margin:0;
}
.v2-faqp__cta-actions{display:flex;flex-direction:column;gap:14px}
.v2-faqp__cta-primary{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
background:#072721;
color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
letter-spacing:-0.01em;
padding:16px 28px;
border-radius:100px;
text-decoration:none;
border:none;
cursor:pointer;
transition:background 180ms ease;
}
.v2-faqp__cta-primary:hover{background:#2A3E39}
.v2-faqp__cta-ghost{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
background:transparent;
color:#072721;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:400;
padding:16px 28px;
border-radius:100px;
border:1px solid rgba(53,78,72,0.3);
text-decoration:none;
transition:border-color 150ms ease;
}
.v2-faqp__cta-ghost:hover{border-color:#072721}
@media screen and (max-width:989px){
.v2-faqp__h1{font-size:56px;letter-spacing:-2px}
.v2-faqp__subtitle{font-size:16px}
.v2-faqp__section{padding:56px 24px}
.v2-faqp__section-inner{grid-template-columns:200px 1fr;gap:40px}
.v2-faqp__sidebar-title{font-size:24px}
.v2-faqp__q-text{font-size:18px}
.v2-faqp__cta-card{padding:48px 40px}
.v2-faqp__cta-h2{font-size:32px}
}
@media screen and (max-width:749px){
.v2-faqp__hero{padding:40px 16px 28px}
.v2-faqp__hero-inner{gap:14px}
.v2-faqp__h1{font-size:38px;letter-spacing:-1.4px;line-height:1.04}
.v2-faqp__subtitle{font-size:14px}
.v2-faqp__anchor-tabs{display:none}
.v2-faqp__anchor-dropdown{
display:block;
padding:12px 16px;
position:relative;
}
.v2-faqp__dropdown-btn{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:13px 16px;
background:#FDFCF9;
border:1px solid rgba(53,78,72,0.18);
border-radius:100px;
cursor:pointer;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#6B7280;
}
.v2-faqp__dropdown-btn svg{transition:transform 180ms ease;flex-shrink:0}
.v2-faqp__anchor-dropdown[data-open] .v2-faqp__dropdown-btn svg{transform:rotate(180deg)}
.v2-faqp__dropdown-list{
display:none;
position:absolute;
left:16px;
right:16px;
top:calc(100% - 4px);
background:#FDFCF9;
border-radius:14px;
padding:6px;
box-shadow:0 18px 40px rgba(7,39,33,0.12);
z-index:10;
max-height:360px;
overflow-y:auto;
}
.v2-faqp__anchor-dropdown[data-open] .v2-faqp__dropdown-list{display:block}
.v2-faqp__dropdown-item{
display:grid;
grid-template-columns:28px 1fr auto;
align-items:center;
gap:8px;
padding:12px 10px;
text-decoration:none;
border-radius:10px;
transition:background 120ms;
}
.v2-faqp__dropdown-item:hover{background:rgba(53,78,72,0.05)}
.v2-faqp__dropdown-idx{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
letter-spacing:0.12em;
text-transform:uppercase;
color:#6B7280;
}
.v2-faqp__dropdown-name{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#072721;
}
.v2-faqp__dropdown-count{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:9.5px;
color:#6B7280;
}
.v2-faqp__section{padding:40px 16px}
.v2-faqp__section-inner{grid-template-columns:1fr;gap:16px}
.v2-faqp__sidebar{
position:static;
flex-direction:row;
align-items:baseline;
gap:12px;
}
.v2-faqp__sidebar-count{display:none}
.v2-faqp__sidebar-num{font-size:9.5px}
.v2-faqp__section-prefix{display:none}
.v2-faqp__sidebar-title{font-size:22px;letter-spacing:-0.5px}
.v2-faqp__trigger{grid-template-columns:28px 1fr 28px;gap:10px;padding:20px 0}
.v2-faqp__q-num{font-size:10px}
.v2-faqp__q-text{font-size:16px;letter-spacing:-0.2px;padding-right:0}
.v2-faqp__toggle{width:26px;height:26px;border-radius:26px}
.v2-faqp__toggle-icon{width:10px;height:10px}
.v2-faqp__bar-h,.v2-faqp__bar-v{width:10px}
.v2-faqp__answer-grid{grid-template-columns:28px 1fr 28px;gap:10px;padding:0 0 22px}
.v2-faqp__answer-text{font-size:14px}
.v2-faqp__cta-wrap{padding:40px 16px 80px}
.v2-faqp__stickybar{padding:8px 12px}
.v2-faqp__stickybar-btn{padding:11px 16px;font-size:12.5px}
.v2-faqp__cta-card{grid-template-columns:1fr;padding:28px 22px;border-radius:8px}
.v2-faqp__cta-h2{font-size:26px;letter-spacing:-0.7px}
.v2-faqp__cta-body{font-size:13.5px}
.v2-faqp__cta-primary,
.v2-faqp__cta-ghost{width:100%;height:44px;padding:0 18px;font-size:13.5px}
}
.v2-design{padding:140px 40px;background:#F8F7F4}
.v2-design__inner{max-width:1280px;margin:0 auto}
.v2-design__header{
text-align:center;
margin-bottom:64px;
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
}
.v2-design__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-design__h2{
font-family:Inter,Inter-fallback,sans-serif;
font-size:56px;
font-weight:300;
letter-spacing:-1.8px;
color:#072721;
margin:0;
line-height:1.05;
max-width:880px;
}
.v2-design__sub{
font-family:Inter,Inter-fallback,sans-serif;
font-size:18px;
line-height:1.5;
color:#352F2D;
margin:0;
max-width:640px;
font-weight:300;
letter-spacing:-0.1px;
}
.v2-design__slider-wrap{margin-bottom:36px}
.v2-compare{
position:relative;
width:100%;
aspect-ratio:16/9;
border-radius:6px;
overflow:hidden;
background:#E7DFCB;
user-select:none;
cursor:ew-resize;
touch-action:none;
border:1px solid rgba(53,78,72,0.08);
}
.v2-compare__scene{
position:absolute;
inset:0;
background:linear-gradient(180deg,#EAE0CB 0%,#E1D5BA 78%);
}
.v2-compare__floor{
position:absolute;
left:0;right:0;bottom:0;
height:26%;
background:linear-gradient(180deg,#B8A074 0%,#9A8460 100%);
}
.v2-compare__window{
position:absolute;
right:6%;top:12%;
width:22%;height:38%;
background:linear-gradient(180deg,rgba(255,250,235,0.55),rgba(255,250,235,0.15));
border-radius:4px;
}
.v2-compare__sofa{
position:absolute;
right:4%;bottom:26%;
width:46%;height:22%;
background:#D8CCB0;
border-radius:4px 4px 0 0;
}
.v2-compare__sofa-back{
position:absolute;
right:4%;bottom:46%;
width:46%;height:6%;
background:#B6A582;
}
.v2-compare__cushion{
position:absolute;
right:6%;bottom:38%;
width:14%;height:12%;
background:#F2EBDC;
border-radius:4px;
}
.v2-compare__plant{
position:absolute;
left:8%;bottom:26%;
width:18%;height:12%;
background:#7A5C3A;
border-radius:2px 2px 0 0;
}
.v2-compare__lamp{
position:absolute;
left:32%;bottom:26%;
display:flex;
flex-direction:column;
align-items:center;
height:60%;
}
.v2-compare__lampshade{
width:56px;
height:64%;
background:linear-gradient(180deg,#F2EBDC,#D8C29A);
border-radius:50%;
box-shadow:0 0 50px rgba(242,235,220,0.6);
}
.v2-compare__lampbrace{width:56px;height:4%;background:#8B6A43}
.v2-compare__lamppole{width:8px;flex:1;background:#3A2A18}
.v2-compare__lampbase{width:70px;height:8px;background:#1F1F1F;border-radius:2px}
.v2-compare__box{
position:absolute;
left:32%;bottom:26%;
width:90px;height:34%;
background:linear-gradient(180deg,#F8F8F8 0%,#DCDCDC 100%);
border-radius:10px 10px 4px 4px;
box-shadow:0 6px 12px rgba(0,0,0,0.12);
}
.v2-compare__box-grid{
position:absolute;
inset:14% 12% 30%;
border-radius:4px;
background:repeating-linear-gradient(0deg,#C8C8C8 0 2px,transparent 2px 5px),repeating-linear-gradient(90deg,#C8C8C8 0 2px,transparent 2px 5px);
opacity:0.5;
}
.v2-compare__box-led{
position:absolute;
left:50%;top:6%;
transform:translateX(-50%);
width:8px;height:8px;
border-radius:8px;
background:#6B8E5A;
}
.v2-compare__photo{
position:absolute;
inset:0;
width:100%;height:100%;
object-fit:cover;
display:block;
pointer-events:none;
}
.v2-compare__right{position:absolute;inset:0}
.v2-compare__left{position:absolute;inset:0}
.v2-compare__handle{
position:absolute;
top:0;bottom:0;
width:2px;
background:#fff;
z-index:2;
cursor:col-resize;
transform:translateX(-50%);
display:flex;
align-items:center;
justify-content:center;
}
.v2-compare__icon{
width:44px;
height:44px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 2px 10px rgba(0,0,0,0.18);
pointer-events:none;
user-select:none;
flex-shrink:0;
}
.v2-compare__pill{
position:absolute;
bottom:18px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:8px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#F8F7F4;
background:rgba(7,39,33,0.65);
padding:4px 6px;
border-radius:100px;
pointer-events:none;
}
.v2-design__quote{max-width:760px;margin:0 auto;text-align:center;padding-top:8px}
.v2-design__quote-text{
font-family:Inter,Inter-fallback,sans-serif;
font-style:italic;
font-size:22px;
line-height:1.45;
color:#072721;
margin:0;
font-weight:300;
letter-spacing:-0.3px;
}
.v2-design__quote-attr{margin-top:16px;font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#6B7280;letter-spacing:0.02em}
.v2-design__cta{text-align:center;margin-top:44px}
.v2-design__outline-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:14px 22px;
border-radius:100px;
background:transparent;
color:#072721;
border:1px solid #072721;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
text-decoration:none;
transition:background 180ms ease,color 180ms ease;
letter-spacing:-0.01em;
}
.v2-design__outline-btn:hover{background:#072721;color:#F8F7F4}
@media screen and (max-width:989px){
.v2-design__h2{font-size:40px;letter-spacing:-1.2px}
.v2-design__quote-text{font-size:18px}
}
@media screen and (max-width:749px){
.v2-design{padding:50px 16px}
.v2-design__header{text-align:left;align-items:flex-start;margin-bottom:24px}
.v2-design__h2{font-size:30px;letter-spacing:-1px}
.v2-design__sub{font-size:14px}
.v2-compare{aspect-ratio:4/3;border-radius:10px}
.v2-design__quote-text{font-size:17px}
.v2-design__cta{margin-top:24px}
.v2-design__outline-btn{width:100%;justify-content:center}
}
#v2-hero{
position:relative;
width:100%;
min-height:720px;
overflow:hidden;
background:#EDE6DA;
height:100vh;
}
.v2-hero__img{
width:100%;
height:100vh;
object-fit:cover;
object-position:62% 50%;
display:block;
position:absolute;
inset:0;
}
.v2-hero__grad{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(245,243,224,0.55) 0%,rgba(245,243,224,0.28) 28%,rgba(245,243,224,0) 52%);
pointer-events:none;
}
.v2-hero__content{
position:relative;
z-index:2;
min-height:720px;
display:flex;
align-items:center;
padding:80px 56px;
height:100%;
}
.v2-hero__text{
display:flex;
flex-direction:column;
gap:28px;
max-width:600px;
width:40%;
min-width:460px;
}
.v2-hero__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-hero__h1{
font-family:Inter,Inter-fallback,sans-serif;
font-size:76px;
font-weight:300;
letter-spacing:-2.6px;
line-height:1.04;
color:#072721;
margin:0;
}
.v2-hero__sub{
font-family:Inter,Inter-fallback,sans-serif;
font-size:19px;
line-height:1.55;
color:#352F2D;
margin:0;
max-width:520px;
font-weight:300;
letter-spacing:-0.2px;
}
.v2-hero__cta-row{
display:flex;
gap:14px;
margin-top:8px;
align-items:center;
}
.v2-hero__btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:20px 28px;
border-radius:100px;
background:#072721;
color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:15px;
font-weight:500;
text-decoration:none;
border:0;
cursor:pointer;
transition:background 180ms ease;
letter-spacing:-0.01em;
}
.v2-hero__btn:hover{background:#2A3E39}
@media screen and (max-width:989px){
.v2-hero__h1{font-size:56px;letter-spacing:-1.8px}
.v2-hero__text{min-width:380px}
}
@media screen and (max-width:749px){
#v2-hero{min-height:0;height:auto;overflow:visible;background:#F8F7F4}
.v2-hero__img{
position:static;
width:100%;height:auto;
aspect-ratio:4/5;
object-position:70% 50%;
}
.v2-hero__grad{display:none}
.v2-hero__content{min-height:0;padding:28px 16px 40px;align-items:flex-start}
.v2-hero__text{width:100%;max-width:100%;min-width:unset;gap:20px}
.v2-hero__h1{font-size:38px;letter-spacing:-1.4px}
.v2-hero__sub{font-size:15px}
.v2-hero__btn{width:100%;justify-content:center;padding:12px 20px;font-size:14px}
.v2-hero__cta-row{margin-top:0}
}
.v2-home-sticky{
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:250;
background:#FFFFFF;
border-top:1px solid rgba(53,78,72,0.10);
box-shadow:0 -4px 24px rgba(0,0,0,0.08);
padding:12px 20px 16px;
display:flex;
align-items:center;
gap:14px;
transform:translateY(100%);
transition:transform 300ms cubic-bezier(0.4,0,0.2,1);
pointer-events:none;
}
.v2-home-sticky.is-visible{
transform:translateY(0);
pointer-events:auto;
}
.v2-home-sticky__thumb{
width:52px;
height:52px;
flex-shrink:0;
border-radius:10px;
background:#EDE6DA;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.v2-home-sticky__info{
flex:1;
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.v2-home-sticky__name{
font-family:Inter,Inter-fallback,sans-serif;
font-size:15px;
font-weight:600;
color:#072721;
letter-spacing:-0.3px;
line-height:1.2;
}
.v2-home-sticky__sub{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#6B7280;
letter-spacing:-0.1px;
line-height:1.3;
}
.v2-home-sticky__btn{
flex-shrink:0;
display:inline-flex;
align-items:center;
padding:6px 20px;
border-radius:100px;
background:#072721;
color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:300;
letter-spacing:-0.01em;
text-decoration:none;
border:0;
cursor:pointer;
transition:background 180ms ease;
}
.v2-home-sticky__btn:hover{background:#2A3E39}
@media screen and (min-width:750px){
.v2-home-sticky{
padding:14px 40px 18px;
gap:20px;
}
.v2-home-sticky__thumb{width:60px;height:60px;border-radius:12px}
.v2-home-sticky__name{font-size:17px}
.v2-home-sticky__sub{font-size:14px}
.v2-home-sticky__btn{font-size:15px;padding:15px 28px}
}
.v2-how{padding:140px 40px;background:#F8F7F4}
.v2-how__inner{max-width:1480px;margin:0 auto}
.v2-how__header{margin-bottom:56px;display:flex;flex-direction:column;gap:14px;max-width:720px}
.v2-how__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-how__h2{
font-family:Inter,Inter-fallback,sans-serif;
font-size:44px;
font-weight:300;
letter-spacing:-1.4px;
color:#072721;
margin:0;
line-height:1.08;
}
.v2-how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.v2-how__item{display:flex;flex-direction:column;gap:18px}
.v2-how__card{
aspect-ratio:4/5;
background:#EDE6DA;
border-radius:4px;
position:relative;
overflow:hidden;
}
.v2-how__card-img,
.v2-how__card-video{
width:100%;height:100%;
object-fit:cover;
display:block;
}
.v2-how__num{
position:absolute;
top:14px;left:14px;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
color:#072721;
background:rgba(248,247,244,0.86);
padding:4px 10px;
border-radius:100px;
z-index:2;
}
.v2-how__label{display:flex;flex-direction:column;gap:6px}
.v2-how__title{font-family:Inter,Inter-fallback,sans-serif;font-size:18px;font-weight:500;color:#072721;margin:0;letter-spacing:-0.2px}
.v2-how__body{font-family:Inter,Inter-fallback,sans-serif;font-size:14px;color:#352F2D;line-height:1.55;margin:0}
.v2-ill-light{
width:100%;height:100%;
position:relative;
background:linear-gradient(180deg,#2A2520 0%,#1A1714 100%);
}
.v2-ill-light__glow{
position:absolute;inset:0;
background:radial-gradient(ellipse at 50% 45%,rgba(231,223,203,0.4) 0%,transparent 55%);
}
.v2-ill-light__shade{
position:absolute;
left:38%;top:18%;
width:24%;height:52%;
background:linear-gradient(180deg,#F2EBDC,#D8C29A);
border-radius:50%;
box-shadow:0 0 90px rgba(231,223,203,0.67);
}
.v2-ill-light__pole{
position:absolute;
left:40%;top:70%;
width:20%;height:14%;
background:repeating-linear-gradient(90deg,#8B6A43 0 3px,rgba(0,0,0,0.13) 3px 5px);
}
.v2-ill-light__kelvin{
position:absolute;
bottom:16px;left:16px;right:16px;
display:flex;
justify-content:space-between;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
color:#F2EBDC;
letter-spacing:0.12em;
}
.v2-ill-meter{
width:100%;height:100%;
position:relative;
background:linear-gradient(180deg,#F2EBDC 0%,#E7DFCB 100%);
display:flex;
flex-direction:column;
justify-content:space-between;
padding:22px;
overflow:hidden;
}
.v2-ill-meter__pill{
align-self:flex-start;
background:#FDFCF9;
border-radius:100px;
padding:8px 14px;
display:flex;
align-items:center;
gap:8px;
box-shadow:0 10px 24px rgba(7,39,33,0.10);
}
.v2-ill-meter__dot{
width:8px;height:8px;
border-radius:8px;
background:#6B8E5A;
box-shadow:0 0 0 4px rgba(107,142,90,0.18);
flex-shrink:0;
}
.v2-ill-meter__status{font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:11px;color:#072721}
.v2-ill-meter__chart{position:relative;height:46%;margin:0 -2px}
.v2-ill-meter__axis{
display:flex;
justify-content:space-between;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
color:#354E48;
letter-spacing:0.12em;
text-transform:uppercase;
}
.v2-ill-hepa{
width:100%;height:100%;
position:relative;
background:#F2EBDC;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:22px;
}
.v2-ill-hepa__rings{
position:absolute;inset:0;
display:flex;align-items:center;justify-content:center;
}
.v2-ill-hepa__stat{
position:relative;
display:flex;flex-direction:column;gap:4px;
}
.v2-ill-hepa__pct{
font-family:Inter,Inter-fallback,sans-serif;
font-size:52px;
font-weight:200;
color:#072721;
letter-spacing:-2.5px;
line-height:0.9;
}
.v2-ill-hepa__unit{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:10px;
color:#354E48;
letter-spacing:0.16em;
text-transform:uppercase;
}
.v2-ill-quiet{
width:100%;height:100%;
position:relative;
background:#E7DFCB;
display:flex;align-items:center;justify-content:center;
overflow:hidden;
}
.v2-ill-quiet__inner{
position:relative;
display:flex;flex-direction:column;align-items:center;gap:6px;
}
.v2-ill-quiet__num{
font-family:Inter,Inter-fallback,sans-serif;
font-size:88px;
font-weight:200;
color:#072721;
letter-spacing:-3px;
line-height:0.9;
}
.v2-ill-quiet__unit{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;
font-size:11px;
color:#354E48;
letter-spacing:0.18em;
}
@media screen and (max-width:989px){
.v2-how__h2{font-size:34px;letter-spacing:-1px}
.v2-how__grid{grid-template-columns:repeat(2,1fr)}
.v2-how__title{font-size:16px}
}
@media screen and (max-width:749px){
.v2-how{padding:50px 16px}
.v2-how__header{margin-bottom:22px}
.v2-how__h2{font-size:28px;letter-spacing:-0.9px}
.v2-how__grid{grid-template-columns:repeat(2,1fr);gap:12px}
.v2-how__item{gap:10px}
.v2-how__num{top:10px;left:10px;font-size:9.5px;padding:3px 8px}
.v2-how__title{font-size:13px;font-weight:600}
.v2-how__body{font-size:11.5px}
.v2-ill-hepa__pct{font-size:36px}
.v2-ill-quiet__num{font-size:56px}
}
.v2-press{
padding:52px 40px;
border-top:1px solid rgba(53,78,72,0.1);
border-bottom:1px solid rgba(53,78,72,0.1);
background:#FDFCF9;
}
.v2-press__inner{
max-width:1280px;
margin:0 auto;
display:grid;
grid-template-columns:{%- if section.settings.eyebrow != blank -%}180px 1fr{%- else -%}1fr{%- endif -%};
gap:48px;
align-items:center;
}
.v2-press__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-press__logos{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
align-items:center;
justify-items:center;
}
.v2-press__logo{opacity:0.78}
.v2-press__reddot{display:flex;align-items:center;gap:12px}
.v2-press__reddot-label{
display:flex;
flex-direction:column;
line-height:1;
gap:2px;
}
.v2-press__at{
font-family:Inter,Inter-fallback,sans-serif;
font-size:20px;
font-weight:400;
color:#1F1F1F;
letter-spacing:-0.02em;
text-transform:none;
white-space:nowrap;
}
.v2-press__usat{
display:flex;
align-items:center;
gap:8px;
line-height:1;
}
.v2-press__usat-dot{
width:30px;
height:30px;
flex-shrink:0;
}
.v2-press__usat-text{
display:flex;
flex-direction:column;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
font-weight:700;
color:#1F1F1F;
letter-spacing:0.06em;
text-transform:uppercase;
line-height:1.25;
}
.v2-press__kcm{display:flex;align-items:center;gap:10px}
@media screen and (max-width:989px){
.v2-press__inner{grid-template-columns:1fr;gap:28px}
.v2-press__logos{grid-template-columns:repeat(2,1fr);gap:28px 16px}
}
@media screen and (max-width:749px){
.v2-press{padding:32px 16px}
.v2-press__eyebrow{text-align:center}
.v2-press__logos{gap:24px 12px;justify-items:center}
.v2-press__at{text-align:center}
.v2-press__usat{align-items:center}
.v2-press__kcm{justify-content:center}
.v2-press__reddot{gap:8px}
.v2-press__reddot img{width:26px !important;height:26px !important}
.v2-press__reddot-name{font-size:11px !important}
.v2-press__reddot-sub{font-size:8px !important}
.v2-press__at{font-size:15px;white-space:normal;word-break:break-word}
.v2-press__usat-dot{width:24px;height:24px}
.v2-press__usat-text{font-size:11px}
.v2-press__kcm{gap:6px}
}
.v2-reviews{padding:140px 40px;background:#FDFCF9}
.v2-reviews__inner{max-width:1280px;margin:0 auto}
.v2-reviews__header{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
margin-bottom:64px;
align-items:end;
}
.v2-reviews__headline{display:flex;flex-direction:column;gap:20px}
.v2-reviews__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;
letter-spacing:0.18em;
text-transform:uppercase;
color:#6B7280;
font-weight:500;
}
.v2-reviews__h2{
font-family:Inter,Inter-fallback,sans-serif;
font-size:56px;
font-weight:300;
letter-spacing:-1.8px;
color:#072721;
margin:0;
line-height:1.05;
}
.v2-reviews__rating-col{
display:flex;
align-items:flex-end;
gap:24px;
justify-content:flex-end;
}
.v2-reviews__rating{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.v2-reviews__score{
font-family:Inter,Inter-fallback,sans-serif;
font-size:96px;
font-weight:200;
line-height:0.9;
color:#072721;
letter-spacing:-4px;
}
.v2-reviews__stars{display:inline-flex;gap:2px}
.v2-reviews__count{font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#6B7280}
.v2-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v2-reviews__card{
background:#F8F7F4;
border-radius:6px;
padding:28px;
display:flex;
flex-direction:column;
gap:18px;
border:1px solid rgba(53,78,72,0.08);
min-height:280px;
}
.v2-reviews__card-head{display:flex;justify-content:space-between;align-items:center}
.v2-reviews__kind{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
color:#6B7280;
letter-spacing:0.16em;
text-transform:uppercase;
}
.v2-reviews__body{
font-family:Inter,Inter-fallback,sans-serif;
font-size:17px;
line-height:1.55;
color:#072721;
margin:0;
letter-spacing:-0.2px;
flex:1;
}
.v2-reviews__author{display:flex;flex-direction:column;gap:2px}
.v2-reviews__name{font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#352F2D;font-weight:500}
.v2-reviews__verified{font-family:Inter,Inter-fallback,sans-serif;font-size:11px;color:#6B7280}
.v2-reviews__footer{text-align:center;margin-top:44px}
.v2-reviews__ghost-btn{
display:inline-flex;
align-items:center;
gap:8px;
background:transparent;
color:#072721;
font-family:Inter,Inter-fallback,sans-serif;
font-size:14px;
font-weight:500;
text-decoration:none;
cursor:pointer;
border:0;
letter-spacing:-0.01em;
transition:text-decoration 120ms;
}
.v2-reviews__ghost-btn:hover{text-decoration:underline;text-underline-offset:3px}
@media screen and (max-width:989px){
.v2-reviews__h2{font-size:40px;letter-spacing:-1.2px}
.v2-reviews__score{font-size:72px}
.v2-reviews__grid{
display:flex;
flex-direction:row;
overflow-x:auto;
gap:16px;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
-ms-overflow-style:none;
}
.v2-reviews__grid::-webkit-scrollbar{display:none}
.v2-reviews__card{flex:0 0 300px;min-height:unset;scroll-snap-align:start}
}
@media screen and (max-width:749px){
.v2-reviews{padding:50px 0 50px 16px}
.v2-reviews__inner{max-width:none;margin:0}
.v2-reviews__header{grid-template-columns:1fr;gap:20px;padding-right:16px;margin-bottom:20px}
.v2-reviews__rating-col{justify-content:flex-start}
.v2-reviews__h2{font-size:30px;letter-spacing:-1px}
.v2-reviews__rating{
display:grid;
grid-template-areas:"score stars" "score count";
grid-template-columns:auto 1fr;
gap:2px 14px;
align-items:center;
}
.v2-reviews__score{grid-area:score;font-size:56px;font-weight:200;letter-spacing:-2.2px;align-self:center}
.v2-reviews__stars{grid-area:stars}
.v2-reviews__stars svg{width:14px;height:14px}
.v2-reviews__count{grid-area:count;font-size:11px}
.v2-reviews__card{
flex:0 0 280px;
min-height:unset;
scroll-snap-align:start;
padding:18px;
gap:12px;
}
.v2-reviews__body{font-size:14px}
.v2-reviews__footer{text-align:left;padding-right:16px;margin-top:18px}
.v2-reviews__ghost-btn{
width:100%;
justify-content:center;
padding:14px 20px;
border:1px solid #072721;
border-radius:100px;
}
}
.v2-lp-sticky{
position:fixed;
left:0;right:0;bottom:0;
z-index:60;
background:rgba(248,247,244,0.96);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-top:1px solid rgba(53,78,72,0.1);
padding:10px 20px;
padding-bottom:max(10px,env(safe-area-inset-bottom));
display:flex;
align-items:center;
gap:14px;
transform:translateY(100%);
transition:transform 320ms cubic-bezier(0.2,0.8,0.2,1);
will-change:transform;
}
.v2-lp-sticky.is-visible{transform:translateY(0)}
.v2-lp-sticky__copy{
display:flex;
flex-direction:column;
gap:2px;
flex:1;
min-width:0;
}
.v2-lp-sticky__name{
font-family:Inter,Inter-fallback,sans-serif;
font-size:12px;
font-weight:500;
color:#072721;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.v2-lp-sticky__sub{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10.5px;
color:#6B7280;
}
.v2-lp-sticky__btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 20px;
border-radius:100px;
background:#072721;
color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13.5px;
font-weight:500;
text-decoration:none;
letter-spacing:-0.01em;
border:0;
cursor:pointer;
flex-shrink:0;
transition:background 180ms ease;
}
.v2-lp-sticky__btn:hover{background:#1F2E2A}
.v2-lp3-scene{
width:100%;height:100%;
position:relative;
overflow:hidden;
background:linear-gradient(180deg,#051A17 0%,#0A2521 50%,#0E2B26 100%);
}
.v2-lp3-scene__glow{
position:absolute;
left:50%;top:30%;
transform:translate(-50%,-50%);
width:140%;height:80%;
background:radial-gradient(ellipse,rgba(255,205,140,0.35) 0%,rgba(255,200,130,0.12) 30%,rgba(255,200,130,0) 65%);
pointer-events:none;
}
.v2-lp3-scene__lamp{
position:absolute;
left:50%;top:8%;
transform:translateX(-50%);
display:flex;flex-direction:column;align-items:center;
height:80%;
}
.v2-lp3-scene__shade{
width:88px;height:36%;
background:linear-gradient(180deg,#FFE7B8 0%,#F4C982 100%);
border-radius:52% / 12%;
box-shadow:0 0 80px rgba(255,210,140,0.6);
}
.v2-lp3-scene__weave{
width:66px;height:12%;
background:repeating-linear-gradient(90deg,#6B4D2D 0 3px,#2A1A0E 3px 5px);
}
.v2-lp3-scene__pole{width:6px;flex:1;background:#2A1A0E}
.v2-lp3-scene__base{
width:110px;height:8px;
background:#1A1208;border-radius:2px;
}
.v2-lp3-scene__dot{
position:absolute;
border-radius:50%;
background:rgba(255,205,140,0.18);
}
.v2-lp3-hero{}
.v2-lp3-hero__visual{
position:relative;
width:100%;
height:360px;
overflow:hidden;
background:#0E2B26;
}
.v2-lp3-hero__copy{
background:#072721;
color:#F8F7F4;
padding:32px 22px 40px;
display:flex;flex-direction:column;gap:16px;
}
.v2-lp3-hero__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;font-size:10px;
letter-spacing:0.18em;text-transform:uppercase;
color:#E8D9B5;font-weight:500;
}
.v2-lp3-hero__heading{
font-family:Inter,Inter-fallback,sans-serif;font-size:36px;
font-weight:300;letter-spacing:-1.2px;
line-height:1.05;color:#F8F7F4;margin:0;text-wrap:pretty;
}
.v2-lp3-hero__body{
font-family:Inter,Inter-fallback,sans-serif;font-size:14.5px;
line-height:1.55;color:rgba(248,247,244,0.78);margin:0;font-weight:300;
}
.v2-lp3-hero__btn{
display:flex;align-items:center;justify-content:center;
width:100%;padding:15px 22px;border-radius:100px;
background:#F5F3D4;color:#072721;border:0;
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;font-weight:500;
text-decoration:none;cursor:pointer;margin-top:4px;
min-height:52px;transition:background 180ms ease;
gap:10px;
}
.v2-lp3-hero__btn:hover{background:#EDE6DA}
.v2-lp3-hero__stars{
display:flex;align-items:center;gap:8px;
font-family:Inter,Inter-fallback,sans-serif;font-size:12px;
color:rgba(248,247,244,0.78);
}
.v2-lp3-hero__score{font-weight:500;color:#F8F7F4}
.v2-lp3-hero__sep{color:rgba(248,247,244,0.4)}
@media screen and (min-width:750px){
.v2-lp3-hero{
display:grid;
grid-template-columns:1fr 1fr;
min-height:640px;
}
.v2-lp3-hero__visual{height:100%}
.v2-lp3-hero__copy{
padding:80px 56px;
justify-content:center;
gap:24px;
}
.v2-lp3-hero__heading{
font-size:52px;
letter-spacing:-1.7px;
}
.v2-lp3-hero__body{font-size:17px;max-width:460px}
.v2-lp3-hero__btn{
width:auto;
align-self:flex-start;
padding:18px 32px;
font-size:15px;
}
}
.v2-oc *,.v2-oc *::before,.v2-oc *::after{box-sizing:border-box}
.v2-oc{background:#F8F7F4}
.v2-oc__inner{max-width:1080px;margin:0 auto}
.v2-oc__hero{
background:#F8F7F4;
padding:72px 40px 56px;
border-bottom:1px solid rgba(53,78,72,0.08);
}
.v2-oc__hero-h1{
font-family:Inter,Inter-fallback,sans-serif;
font-size:72px;font-weight:300;
letter-spacing:-2.6px;line-height:1.04;
color:#072721;margin:0;
}
.v2-oc__hero-sub{
font-family:Inter,Inter-fallback,sans-serif;
font-size:22px;font-weight:300;
letter-spacing:-0.3px;line-height:1.4;
color:#352F2D;margin:20px 0 0;
}
.v2-oc__hero-facts{
margin-top:36px;padding-top:28px;
border-top:1px solid rgba(53,78,72,0.12);
display:grid;grid-template-columns:repeat(3,1fr);gap:32px;
}
.v2-oc__fact{display:flex;flex-direction:column;gap:6px}
.v2-oc__fact-label{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;font-weight:500;
letter-spacing:0.16em;text-transform:uppercase;color:#6B7280;
}
.v2-oc__fact-value{
font-family:Inter,Inter-fallback,sans-serif;
font-size:17px;color:#072721;letter-spacing:-0.2px;word-break:break-word;
}
.v2-oc__fact-value--mono{font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace}
.v2-oc__fact-value--sm{font-size:14px;letter-spacing:0}
.v2-oc__summary{background:#FDFCF9;padding:72px 40px}
.v2-oc__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;
font-size:11px;font-weight:500;
letter-spacing:0.18em;text-transform:uppercase;color:#6B7280;
}
.v2-oc__summary-cols{
display:grid;grid-template-columns:1.4fr 1fr;
gap:56px;margin-top:28px;align-items:flex-start;
}
.v2-oc__li{
display:grid;grid-template-columns:88px 1fr auto;
gap:20px;padding:20px 0;
border-bottom:1px solid rgba(53,78,72,0.08);
align-items:flex-start;
}
.v2-oc__li:last-of-type{border-bottom:none}
.v2-oc__li-thumb{
width:88px;height:88px;border-radius:4px;
overflow:hidden;background:#EDE6DA;
position:relative;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
}
.v2-oc__li-img{width:100%;height:100%;object-fit:cover;display:block}
.v2-oc__li-qty{
position:absolute;top:-6px;right:-6px;
min-width:22px;height:22px;border-radius:22px;padding:0 6px;
background:#072721;color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;font-size:11px;font-weight:500;
display:flex;align-items:center;justify-content:center;
}
.v2-oc__li-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.v2-oc__li-title{
font-family:Inter,Inter-fallback,sans-serif;
font-size:16px;font-weight:500;color:#072721;letter-spacing:-0.1px;
}
.v2-oc__li-variant{font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#6B7280}
.v2-oc__li-badge{
display:inline-block;margin-top:4px;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:11px;
color:#354E48;letter-spacing:0.04em;
background:#F5F3D4;padding:4px 8px;border-radius:4px;
}
.v2-oc__li-price{
font-family:Inter,Inter-fallback,sans-serif;font-size:15px;
color:#072721;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.v2-oc__totals{
margin-top:8px;padding-top:18px;
border-top:1px solid rgba(53,78,72,0.12);
display:flex;flex-direction:column;gap:8px;
}
.v2-oc__trow{
display:flex;justify-content:space-between;align-items:baseline;
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;color:#072721;
}
.v2-oc__trow--muted{color:#6B7280}
.v2-oc__trow--bold{font-size:17px;font-weight:500}
.v2-oc__trow span{font-variant-numeric:tabular-nums}
.v2-oc__panel{
background:#F8F7F4;border-radius:6px;padding:28px;
border:1px solid rgba(53,78,72,0.08);
display:flex;flex-direction:column;gap:24px;
}
.v2-oc__panel-block{display:flex;flex-direction:column;gap:6px}
.v2-oc__panel-label{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;font-weight:500;
letter-spacing:0.16em;text-transform:uppercase;color:#6B7280;
}
.v2-oc__panel-val{
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;color:#352F2D;line-height:1.55;
}
.v2-oc__panel-val strong{font-weight:500;color:#072721}
.v2-oc__next{background:#F8F7F4;padding:96px 40px}
.v2-oc__next-h2{
font-family:Inter,Inter-fallback,sans-serif;font-size:36px;font-weight:300;
letter-spacing:-1px;color:#072721;margin:0;line-height:1.1;
}
.v2-oc__steps{
margin-top:48px;
display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
}
.v2-oc__step{display:flex;flex-direction:column;gap:16px;padding-right:16px}
.v2-oc__step:last-child{padding-right:0}
.v2-oc__step-top{display:flex;align-items:center;gap:16px}
.v2-oc__step-num{
width:36px;height:36px;border-radius:36px;
background:#FDFCF9;border:1px solid rgba(53,78,72,0.18);
display:flex;align-items:center;justify-content:center;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:13px;color:#072721;flex-shrink:0;
}
.v2-oc__step-hline{flex:1;height:1px;background:rgba(53,78,72,0.18)}
.v2-oc__step:last-child .v2-oc__step-hline{display:none}
.v2-oc__step-vline{display:none}
.v2-oc__step-title{
font-family:Inter,Inter-fallback,sans-serif;font-size:20px;font-weight:500;
color:#072721;margin:0 0 8px;letter-spacing:-0.3px;
}
.v2-oc__step-body{
font-family:Inter,Inter-fallback,sans-serif;font-size:15px;line-height:1.6;
color:#352F2D;margin:0;
}
.v2-oc__plan{background:#FDFCF9;padding:0 40px 96px}
.v2-oc__plan-card{
background:#F5F3D4;border-radius:8px;padding:40px 44px;
display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:flex-start;
}
.v2-oc__plan-kicker{
font-family:Inter,Inter-fallback,sans-serif;font-size:11px;font-weight:500;
letter-spacing:0.16em;text-transform:uppercase;color:#354E48;
}
.v2-oc__plan-h2{
font-family:Inter,Inter-fallback,sans-serif;font-size:28px;font-weight:300;
letter-spacing:-0.7px;color:#072721;margin:12px 0 0;line-height:1.15;
}
.v2-oc__plan-rows{display:flex;flex-direction:column}
.v2-oc__plan-row{
display:grid;grid-template-columns:24px 1fr;gap:14px;
padding:14px 0;border-bottom:1px solid rgba(7,39,33,0.10);
}
.v2-oc__plan-row:last-of-type{border-bottom:none}
.v2-oc__check{
width:18px;height:18px;border-radius:18px;
background:#072721;color:#F5F3D4;
display:flex;align-items:center;justify-content:center;
margin-top:2px;flex-shrink:0;
}
.v2-oc__plan-row-text{
font-family:Inter,Inter-fallback,sans-serif;font-size:16px;line-height:1.55;
color:#072721;letter-spacing:-0.05px;
}
.v2-oc__plan-link{
display:inline-block;margin-top:18px;
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;font-weight:500;
color:#072721;text-decoration:underline;
text-underline-offset:4px;text-decoration-color:rgba(7,39,33,0.4);
}
.v2-oc__risk{background:#F8F7F4;padding:0 40px 96px}
.v2-oc__risk-h2{
font-family:Inter,Inter-fallback,sans-serif;font-size:36px;font-weight:300;
letter-spacing:-1px;color:#072721;margin:0;line-height:1.1;
}
.v2-oc__risk-cols{
margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);
border-top:1px solid rgba(53,78,72,0.14);
}
.v2-oc__risk-col{padding:28px 28px 28px 0}
.v2-oc__risk-col + .v2-oc__risk-col{
border-left:1px solid rgba(53,78,72,0.14);padding-left:28px;
}
.v2-oc__risk-title{
font-family:Inter,Inter-fallback,sans-serif;font-size:17px;font-weight:500;
color:#072721;margin:0 0 8px;letter-spacing:-0.2px;
}
.v2-oc__risk-body{
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;line-height:1.6;
color:#352F2D;margin:0;
}
.v2-oc__risk-link{
color:#072721;text-decoration:underline;
text-underline-offset:3px;text-decoration-color:rgba(7,39,33,0.45);
}
.v2-oc__quote{background:#072721;padding:120px 40px}
.v2-oc__quote-inner{
max-width:880px;margin:0 auto;text-align:center;
display:flex;flex-direction:column;align-items:center;gap:32px;
}
.v2-oc__quote-src{
font-family:Georgia,'Times New Roman',serif;
font-size:13px;font-weight:700;
letter-spacing:0.32em;text-transform:uppercase;
color:rgba(248,247,244,0.78);
}
.v2-oc__quote-text{
font-family:Inter,Inter-fallback,sans-serif;font-style:italic;font-size:28px;
font-weight:300;line-height:1.35;letter-spacing:-0.5px;
color:#F8F7F4;margin:0;
}
.v2-oc__quote-by{
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;
letter-spacing:0.02em;color:rgba(248,247,244,0.6);
}
.v2-oc__quote-by strong{font-weight:400;color:#F8F7F4}
.v2-oc__help{
background:#F8F7F4;padding:56px 40px;
border-top:1px solid rgba(53,78,72,0.08);text-align:center;
}
.v2-oc__help-p{
font-family:Inter,Inter-fallback,sans-serif;font-size:14px;
color:#6B7280;margin:0;line-height:1.6;
}
.v2-oc__link{
color:#072721;text-decoration:underline;
text-underline-offset:3px;text-decoration-color:rgba(7,39,33,0.4);
}
@media screen and (max-width:749px){
.v2-oc__hero{padding:40px 16px 32px}
.v2-oc__hero-h1{font-size:36px;letter-spacing:-1.3px}
.v2-oc__hero-sub{font-size:17px;letter-spacing:-0.2px;margin-top:14px}
.v2-oc__hero-facts{grid-template-columns:1fr;gap:0;margin-top:24px;padding-top:20px}
.v2-oc__fact{
flex-direction:row;justify-content:space-between;align-items:baseline;
gap:16px;padding:10px 0;border-bottom:1px solid rgba(53,78,72,0.08);
}
.v2-oc__fact:last-child{border-bottom:none}
.v2-oc__fact-value{text-align:right;font-size:15px}
.v2-oc__fact-value--sm{font-size:13px}
.v2-oc__summary{padding:40px 16px}
.v2-oc__summary-cols{grid-template-columns:1fr;gap:28px}
.v2-oc__li{grid-template-columns:64px 1fr auto;gap:14px;padding:14px 0}
.v2-oc__li-thumb{width:64px;height:64px}
.v2-oc__li-qty{min-width:20px;height:20px;border-radius:20px;font-size:10px}
.v2-oc__li-title{font-size:14px}
.v2-oc__li-variant{font-size:12px}
.v2-oc__li-badge{font-size:10px;padding:3px 6px}
.v2-oc__li-price{font-size:13px}
.v2-oc__trow{font-size:13.5px}
.v2-oc__trow--bold{font-size:16px}
.v2-oc__panel{padding:20px;gap:18px}
.v2-oc__next{padding:48px 16px 56px}
.v2-oc__next-h2{font-size:26px;letter-spacing:-0.7px}
.v2-oc__steps{grid-template-columns:1fr;margin-top:28px;gap:0}
.v2-oc__step{flex-direction:row;gap:14px;padding-right:0}
.v2-oc__step-top{
flex-direction:column;align-items:center;gap:8px;
width:32px;flex-shrink:0;
}
.v2-oc__step-num{width:32px;height:32px;border-radius:32px;font-size:12px}
.v2-oc__step-hline{display:none !important}
.v2-oc__step-vline{
display:block;flex:1;
width:1px;background:rgba(53,78,72,0.18);min-height:12px;
}
.v2-oc__step:last-child .v2-oc__step-vline{display:none !important}
.v2-oc__step-body-wrap{flex:1;min-width:0;padding-top:4px;padding-bottom:16px}
.v2-oc__step:last-child .v2-oc__step-body-wrap{padding-bottom:0}
.v2-oc__step-title{font-size:16px}
.v2-oc__step-body{font-size:14px}
.v2-oc__plan{padding:0 16px 48px}
.v2-oc__plan-card{grid-template-columns:1fr;gap:0;padding:28px 22px;border-radius:6px}
.v2-oc__plan-h2{font-size:22px;letter-spacing:-0.5px}
.v2-oc__plan-rows{margin-top:18px}
.v2-oc__plan-row{grid-template-columns:22px 1fr;gap:12px;padding:12px 0}
.v2-oc__plan-row-text{font-size:14.5px}
.v2-oc__risk{padding:0 16px 56px}
.v2-oc__risk-h2{font-size:26px;letter-spacing:-0.7px}
.v2-oc__risk-cols{grid-template-columns:1fr}
.v2-oc__risk-col{padding:20px 0;border-bottom:1px solid rgba(53,78,72,0.14)}
.v2-oc__risk-col + .v2-oc__risk-col{border-left:none;padding-left:0}
.v2-oc__risk-col:last-child{border-bottom:none}
.v2-oc__risk-title{font-size:15.5px}
.v2-oc__risk-body{font-size:13.5px}
.v2-oc__quote{padding:64px 16px}
.v2-oc__quote-inner{gap:22px}
.v2-oc__quote-src{font-size:11px;letter-spacing:0.28em}
.v2-oc__quote-text{font-size:19px;letter-spacing:-0.3px}
.v2-oc__quote-by{font-size:12px}
.v2-oc__help{padding:36px 16px}
.v2-oc__help-p{font-size:13px}
}
.v2-nav{
position:fixed;
top:var(--ann-bar-height,64px);
left:0;
width:100%;
z-index:10;
height:64px;
background:rgba(248,247,244,0.72);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-bottom:1px solid rgba(53,78,72,0.08);
display:flex;
align-items:center;
padding:0 40px;
transition:background 200ms,border-color 200ms;
}
.v2-nav.is-scrolled{
background:rgba(248,247,244,0.92);
border-color:rgba(53,78,72,0.12);
}
.v2-nav__inner{
max-width:1480px;
width:100%;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:32px;
}
.v2-nav__logo{
text-decoration:none;
display:flex;
align-items:center;
flex-shrink:0;
}
.v2-nav__logo svg{display:block}
.v2-nav__links{
display:flex;
align-items:center;
gap:32px;
list-style:none;
margin:0;
padding:0;
flex:1;
justify-content:center;
}
.v2-nav__link{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#1F1F1F;
text-decoration:none;
white-space:nowrap;
opacity:0.85;
letter-spacing:-0.01em;
transition:opacity 150ms ease,color 150ms ease;
}
.v2-nav__link:hover{opacity:1;color:#072721}
.v2-nav__more{
position:relative;
padding:14px 0;
display:flex;
align-items:center;
}
.v2-nav__more-trigger{
background:none;
border:none;
padding:0;
cursor:pointer;
display:flex;
align-items:center;
gap:4px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#1F1F1F;
opacity:0.85;
letter-spacing:-0.01em;
transition:opacity 150ms ease,color 150ms ease;
}
.v2-nav__more:hover .v2-nav__more-trigger{opacity:1;color:#072721}
.v2-nav__more-chevron{
display:block;
transition:transform 200ms ease;
}
.v2-nav__more:hover .v2-nav__more-chevron,
.v2-nav__more:focus-within .v2-nav__more-chevron{transform:rotate(180deg)}
.v2-nav__dropdown{
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%) translateY(-6px);
background:#FDFCF9;
border:1px solid rgba(53,78,72,0.10);
border-radius:8px;
padding:8px;
min-width:180px;
box-shadow:0 20px 30px rgba(7,39,33,0.08);
display:flex;
flex-direction:column;
opacity:0;
pointer-events:none;
transition:opacity 150ms ease,transform 150ms ease;
z-index:10;
}
.v2-nav__more:hover .v2-nav__dropdown,
.v2-nav__more:focus-within .v2-nav__dropdown{
opacity:1;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
}
.v2-nav__dropdown-link{
padding:10px 14px;
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
color:#1F1F1F;
text-decoration:none;
border-radius:4px;
letter-spacing:-0.01em;
transition:background 150ms;
}
.v2-nav__dropdown-link:hover{background:#F5F3D4;color:#072721}
.v2-nav__actions{
display:flex;
align-items:center;
gap:4px;
flex-shrink:0;
}
.v2-nav__icon-btn{
background:none;
border:none;
padding:6px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:#072721;
border-radius:4px;
text-decoration:none;
transition:background 150ms;
}
.v2-nav__icon-btn:hover{background:rgba(7,39,33,0.06)}
.v2-nav__cart-btn{
position:relative;
display:flex;
}
.v2-nav__cart-count{
position:absolute;
top:1px;
right:1px;
min-width:16px;
height:16px;
background:#072721;
color:#F8F7F4;
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
font-weight:600;
line-height:16px;
text-align:center;
border-radius:100px;
padding:0 4px;
display:none;
}
.v2-nav__cart-count.has-items{display:block}
.v2-nav__sep{
width:1px;
height:18px;
background:rgba(53,78,72,0.18);
margin:0 8px;
flex-shrink:0;
}
.v2-nav__shop-btn{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
font-weight:500;
color:#F8F7F4;
background:#072721;
border:none;
border-radius:100px;
padding:9px 20px;
cursor:pointer;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
white-space:nowrap;
transition:background 150ms;
}
.v2-nav__shop-btn:hover{background:#0d3d33}
.v2-nav__hamburger{
display:none;
flex-direction:column;
gap:5px;
background:none;
border:none;
padding:6px;
cursor:pointer;
flex-shrink:0;
border-radius:4px;
transition:background 150ms;
}
.v2-nav__hamburger:hover{background:rgba(7,39,33,0.06)}
.v2-nav__bar{
width:22px;
height:1.5px;
background:#1F1F1F;
border-radius:2px;
display:block;
transform-origin:center;
transition:transform 260ms ease,opacity 200ms ease;
}
.v2-drawer-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.25);
z-index:215;
opacity:0;
pointer-events:none;
transition:opacity 340ms ease;
}
.v2-drawer-overlay.is-visible{
opacity:1;
pointer-events:auto;
}
.v2-mobile-drawer{
position:fixed;
top:0;
left:0;
z-index:220;
width:85vw;
max-width:420px;
height:100%;
background:#FDFCF9;
display:flex;
flex-direction:column;
transform:translateX(-100%);
transition:transform 340ms cubic-bezier(0.4,0,0.2,1);
}
.v2-mobile-drawer.is-open{transform:translateX(0)}
.v2-mobile-drawer__head{
height:64px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 24px;
flex-shrink:0;
}
.v2-mobile-drawer__close{
background:none;
border:none;
padding:6px;
cursor:pointer;
display:flex;
align-items:center;
color:#1F1F1F;
border-radius:4px;
transition:background 150ms;
}
.v2-mobile-drawer__close:hover{background:rgba(7,39,33,0.06)}
.v2-mobile-drawer__links{
flex:1;
overflow-y:auto;
padding:24px 24px 24px;
display:flex;
flex-direction:column;
}
.v2-mobile-drawer__link{
font-family:Inter,Inter-fallback,sans-serif;
font-size:26px;
font-weight:300;
color:#1F1F1F;
text-decoration:none;
padding:12px 0;
display:block;
transition:color 150ms;
letter-spacing:-0.02em;
}
.v2-mobile-drawer__link:hover{color:#072721}
.v2-mobile-drawer__link--secondary{
font-size:14px;
color:#1F1F1F;
}
.v2-mobile-drawer__section-sep{
height:1px;
background:rgba(53,78,72,0.12);
margin:16px 0 20px;
display:block!important;
}
.v2-mobile-drawer__more-label{
font-family:Inter,Inter-fallback,sans-serif;
font-size:10px;
font-weight:500;
color:rgba(31,31,31,0.45);
letter-spacing:0.1em;
text-transform:uppercase;
margin-bottom:4px;
}
.v2-mobile-drawer__footer{
padding:20px 24px 28px;
flex-shrink:0;
}
.v2-mobile-drawer__footer .v2-nav__shop-btn{
width:100%;
justify-content:center;
padding:12px 20px;
font-size:14px;
}
.v2-mobile-drawer__meta{
display:flex;
align-items:center;
gap:20px;
margin-top:16px;
}
.v2-mobile-drawer__meta-link{
font-family:Inter,Inter-fallback,sans-serif;
font-size:13px;
font-weight:400;
color:rgba(31,31,31,0.55);
text-decoration:none;
letter-spacing:-0.01em;
transition:color 150ms;
}
.v2-mobile-drawer__meta-link:hover{color:#072721}
@media screen and (max-width:989px){
.v2-nav{padding:0 24px}
.v2-nav__links{gap:24px}
}
@media screen and (max-width:749px){
.v2-nav{padding:0 16px}
.v2-nav__inner{position:relative}
.v2-nav__logo{
position:absolute;
left:50%;
transform:translateX(-50%);
}
.v2-nav__links{display:none}
.v2-nav__shop-btn{display:none}
.v2-nav__sep{display:none}
.v2-nav__hamburger{display:flex}
}
.v2-rp{background:#F8F7F4}
.v2-rp__crumb{
max-width:1280px;margin:0 auto;
padding:24px 80px 0;
font-family:Inter,Inter-fallback,sans-serif;font-size:12px;color:#6B7280;letter-spacing:0.04em;
}
.v2-rp__crumb a{color:#6B7280;text-decoration:none}
.v2-rp__crumb a:hover{text-decoration:underline}
.v2-rp__crumb-sep{margin:0 8px}
.v2-rp__crumb-cur{color:#072721}
.v2-rp__hero{padding:64px 80px 48px}
.v2-rp__hero-inner{
max-width:1280px;margin:0 auto;
display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end;
}
.v2-rp__hero-left{display:flex;flex-direction:column;gap:16px}
.v2-rp__eyebrow{
font-family:Inter,Inter-fallback,sans-serif;font-size:11px;
letter-spacing:0.18em;text-transform:uppercase;color:#6B7280;font-weight:500;
}
.v2-rp__h1{
font-family:Inter,Inter-fallback,sans-serif;font-weight:300;font-size:84px;
line-height:1.02;letter-spacing:-3px;color:#072721;
margin:0;max-width:720px;
}
.v2-rp__hero-sub{
font-family:Inter,Inter-fallback,sans-serif;font-size:19px;color:#352F2D;
margin:8px 0 0;max-width:520px;letter-spacing:-0.2px;
}
.v2-rp__hero-right{
display:flex;flex-direction:column;align-items:flex-end;
gap:10px;padding-bottom:8px;
}
.v2-rp__rating-row{
font-family:Inter,Inter-fallback,sans-serif;font-weight:300;font-size:96px;
letter-spacing:-3.5px;color:#072721;line-height:0.95;
display:flex;align-items:baseline;gap:6px;
}
.v2-rp__rating-denom{
font-size:28px;color:#6B7280;letter-spacing:-0.5px;font-weight:300;
}
.v2-rp__stars{display:inline-flex;gap:3px}
.v2-rp__rating-label{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:12px;
color:#6B7280;letter-spacing:0.04em;
}
.v2-rp__filters{
background:#F8F7F4;
border-top:1px solid rgba(53,78,72,0.10);
border-bottom:1px solid rgba(53,78,72,0.10);
}
.v2-rp__filters-inner{
max-width:1280px;margin:0 auto;
padding:16px 80px;
display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.v2-rp__filter-left{display:flex;align-items:center;gap:32px}
.v2-rp__divider{display:block;width:1px;height:18px;background:rgba(53,78,72,0.16);flex-shrink:0}
.v2-rp__dd{position:relative}
.v2-rp__dd-btn{
display:flex;align-items:center;gap:10px;
background:transparent;border:0;cursor:pointer;padding:0;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#072721;letter-spacing:-0.01em;
}
.v2-rp__dd-label{color:#6B7280;font-weight:400}
.v2-rp__dd-label--mobile{display:none;color:#6B7280;font-weight:400}
.v2-rp__dd-value{font-weight:500;text-wrap:nowrap}
.v2-rp__dd-chevron{transition:transform 160ms;flex-shrink:0}
.v2-rp__dd.is-open .v2-rp__dd-chevron{transform:rotate(180deg)}
.v2-rp__dd-menu{
display:none;
position:absolute;top:calc(100% + 14px);left:-16px;
background:#FDFCF9;border:1px solid rgba(53,78,72,0.12);
border-radius:6px;padding:6px;min-width:220px;
box-shadow:0 20px 40px rgba(7,39,33,0.10);
flex-direction:column;z-index:50;
}
.v2-rp__dd.is-open .v2-rp__dd-menu{display:flex}
.v2-rp__dd-opt{
text-align:left;padding:10px 14px;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#352F2D;
font-weight:400;background:transparent;border:0;cursor:pointer;
border-radius:4px;display:flex;align-items:center;
justify-content:space-between;gap:12px;
transition:background 120ms;
}
.v2-rp__dd-opt:hover{background:#F5F3D4}
.v2-rp__dd-opt.is-selected{color:#072721;font-weight:500}
.v2-rp__dd-check{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:10px;color:#946138;
display:none;
}
.v2-rp__dd-opt.is-selected .v2-rp__dd-check{display:block}
.v2-rp__count{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:12px;
color:#352F2D;letter-spacing:0.02em;white-space:nowrap;
}
.v2-rp__count strong{color:#072721}
.v2-rp__cat-pills{display:none}
.v2-rp__cat-pill{
flex-shrink:0;padding:8px 16px;border-radius:100px;
border:1px solid rgba(53,78,72,0.20);background:transparent;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#072721;
cursor:pointer;white-space:nowrap;transition:background 160ms,color 160ms;
}
.v2-rp__cat-pill.is-active{background:#072721;color:#F8F7F4;border-color:#072721}
.v2-rp__body{padding:48px 80px 80px}
.v2-rp__body-inner{max-width:1280px;margin:0 auto}
.v2-rp__loading{
padding:120px 0 160px;
display:flex;flex-direction:column;align-items:center;gap:18px;
}
.v2-rp__spinner{
width:28px;height:28px;border-radius:50%;
border:2px solid rgba(53,78,72,0.18);border-top-color:#072721;
animation:v2rp-spin 800ms linear infinite;
}
@keyframes v2rp-spin{to{transform:rotate(360deg)}}
.v2-rp__loading-txt{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:11px;
color:#6B7280;letter-spacing:0.08em;
}
.v2-rp__grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.v2-rp__card{
background:#FDFCF9;border-radius:4px;padding:28px 28px 24px;
display:flex;flex-direction:column;gap:18px;
border:1px solid rgba(53,78,72,0.10);min-height:280px;
}
.v2-rp__card-top{
display:flex;align-items:center;justify-content:space-between;
}
.v2-rp__card-date{
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:10px;
color:#6B7280;letter-spacing:0.04em;
}
.v2-rp__card-text{
font-family:Inter,Inter-fallback,sans-serif;font-size:16px;font-weight:300;
font-style:italic;line-height:1.55;color:#072721;
letter-spacing:-0.1px;margin:0;flex:1;
}
.v2-rp__card-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.v2-rp__card-cat{
align-self:flex-start;
font-family:'IBM Plex Mono',IBMPlexMono-fallback,monospace;font-size:10px;letter-spacing:0.10em;
color:#946138;border-bottom:1px solid rgba(148,97,56,0.32);
padding-bottom:2px;
}
.v2-rp__card-author-wrap{display:flex;flex-direction:column;gap:2px}
.v2-rp__card-name{font-family:Inter,Inter-fallback,sans-serif;font-size:13px;color:#072721;font-weight:500}
.v2-rp__card-verified{
display:inline-flex;align-items:center;gap:6px;
font-family:Inter,Inter-fallback,sans-serif;font-size:11px;color:#6B7280;
}
.v2-rp__pagination{
padding:40px 0 0;
display:flex;justify-content:center;
}
.v2-rp__pag-inner{
display:flex;align-items:center;gap:6px;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;
}
.v2-rp__pag-btn{
display:inline-flex;align-items:center;gap:8px;
padding:10px 14px;min-height:44px;min-width:44px;
background:transparent;border:1px solid rgba(53,78,72,0.18);
border-radius:100px;font-family:Inter,Inter-fallback,sans-serif;font-size:13px;
font-weight:500;color:#072721;cursor:pointer;
transition:all 160ms;letter-spacing:-0.01em;
}
.v2-rp__pag-btn:hover:not(:disabled){background:#072721;color:#fff;border-color:#072721}
.v2-rp__pag-btn:disabled{color:#B6B3AC;border-color:rgba(53,78,72,0.10);cursor:not-allowed}
.v2-rp__pag-num{
display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;border-radius:50%;padding:0;border:0;
background:transparent;color:#072721;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;
cursor:pointer;transition:background 160ms,color 160ms;letter-spacing:-0.01em;
}
.v2-rp__pag-num:hover{background:rgba(53,78,72,0.06)}
.v2-rp__pag-num.is-current{background:#072721;color:#F5F3D4;font-weight:500;cursor:default}
.v2-rp__pag-ellipsis{padding:0 6px;color:#6B7280}
.v2-rp__pag-gap{width:8px}
.v2-rp__empty{
padding:120px 0 160px;
display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;
}
.v2-rp__empty-icon{
width:56px;height:56px;border-radius:50%;
background:#F5F3D4;display:flex;align-items:center;justify-content:center;
}
.v2-rp__empty h2{
font-family:Inter,Inter-fallback,sans-serif;font-weight:300;font-size:36px;
letter-spacing:-1px;color:#072721;margin:0;
}
.v2-rp__empty p{font-family:Inter,Inter-fallback,sans-serif;font-size:16px;color:#352F2D;margin:0;line-height:1.55}
.v2-rp__error{
padding:120px 0 160px;
display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;
}
.v2-rp__error h2{
font-family:Inter,Inter-fallback,sans-serif;font-weight:300;font-size:32px;
letter-spacing:-1px;color:#072721;margin:0;
}
.v2-rp__error p{font-family:Inter,Inter-fallback,sans-serif;font-size:14px;color:#6B7280;margin:0;line-height:1.55}
.v2-rp__outline-btn{
margin-top:8px;padding:12px 22px;border-radius:100px;
background:transparent;color:#072721;border:1px solid #072721;
font-family:Inter,Inter-fallback,sans-serif;font-size:13px;font-weight:500;cursor:pointer;
transition:background 180ms,color 180ms;
}
.v2-rp__outline-btn:hover{background:#072721;color:#F8F7F4}
@media screen and (max-width:989px){
.v2-rp__h1{font-size:56px;letter-spacing:-2px}
.v2-rp__rating-row{font-size:72px}
.v2-rp__hero{padding:48px 40px 36px}
.v2-rp__crumb{padding:20px 40px 0}
.v2-rp__filters-inner{padding:14px 40px}
.v2-rp__body{padding:40px 40px 60px}
.v2-rp__grid{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:749px){
.v2-rp__hero{padding:32px 20px 24px}
.v2-rp__hero-inner{grid-template-columns:1fr;gap:32px}
.v2-rp__hero-right{align-items:flex-start}
.v2-rp__h1{font-size:36px;letter-spacing:-1.2px}
.v2-rp__rating-row{font-size:56px;letter-spacing:-2px}
.v2-rp__rating-denom{font-size:20px}
.v2-rp__hero-sub{font-size:15px}
.v2-rp__crumb{padding:16px 20px 0}
.v2-rp__filters{top:64px}
.v2-rp__filters-inner{flex-direction:column;gap:0;padding:0}
.v2-rp__filter-left{gap:8px;padding:12px 16px}
.v2-rp__filter-left .v2-rp__dd{flex:1}
.v2-rp__filter-left .v2-rp__dd .v2-rp__dd-btn{width:100%;justify-content:space-between;border:1px solid rgba(53,78,72,0.20);border-radius:100px;padding:9px 14px}
.v2-rp__dd-label{display:none}
.v2-rp__dd-label--mobile{display:inline}
.v2-rp__divider{display:none}
.v2-rp__dd[data-filter="category"]{display:none}
.v2-rp__dd-menu{left:0}
.v2-rp__cat-pills{width:100%;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 40px 12px 16px}
.v2-rp__cat-pills::-webkit-scrollbar{display:none}
.v2-rp__count{display:block;font-size:11px;padding:10px 16px 12px;border-top:1px solid rgba(53,78,72,0.10)}
.v2-rp__body{padding:24px 20px 48px}
.v2-rp__grid{grid-template-columns:1fr;gap:14px}
.v2-rp__pag-btn span{display:none}
}