:root{
  color-scheme:dark;
  --carbon:#0E0E0F;--smoke:#19191B;--bone:#EDE9E2;--white:#FAF8F4;
  --platinum:#9C9A96;--platinum-light:#B8B5AF;--graphite:#5E5C58;
  --green:#123C30;--green-deep:#0C2A22;--mint:#9FE0B8;--coral:#FF8A7A;--amber:#F2C46D;
  --line:rgba(237,233,226,.13);--line-control:rgba(237,233,226,.42);
  --display:"Ysabeau Office",Optima,"Helvetica Neue",sans-serif;
  --text:Onest,"Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",Menlo,monospace;
  --shell:min(1320px,calc(100% - 96px));--radius:10px;--control-radius:4px;
  --ease:cubic-bezier(.32,.72,0,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--carbon);color:var(--bone);font-family:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
a{color:inherit;text-decoration:none}
a,button,input,select{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--bone);outline-offset:4px}
.order-panel :focus-visible{outline-color:var(--carbon)}
::selection{background:var(--bone);color:var(--carbon)}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;background:var(--bone);color:var(--carbon);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.section-shell{width:var(--shell);margin-inline:auto}
.prototype-note{min-height:34px;padding:7px 20px;background:#2E281D;color:var(--amber);font:12px/1.5 var(--mono);letter-spacing:.015em;text-align:center}
.status-dot{display:inline-block;width:7px;height:7px;margin:0 9px 1px 0;border-radius:50%;background:var(--amber)}
.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 max(48px,calc((100vw - 1320px)/2));background:rgba(14,14,15,.96);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px;min-width:190px}
.brand img{display:block;width:112px;height:auto}
.brand-divider{height:20px;width:1px;background:rgba(237,233,226,.3)}
.brand-product{color:var(--platinum-light);font-size:13px;letter-spacing:.04em}
.main-nav{display:flex;align-items:center;gap:36px;color:var(--platinum-light);font-size:14px}
.main-nav a,.footer-links a,.text-link{transition:color .28s var(--ease)}
.main-nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--bone)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:0 22px;border:1px solid var(--bone);border-radius:var(--control-radius);background:var(--bone);color:var(--carbon);font-size:15px;font-weight:500;line-height:1.2;transition:transform .3s var(--ease),background-color .3s var(--ease),color .3s var(--ease)}
.button:hover{transform:translateY(-2px);background:var(--white)}
.button:active{transform:translateY(1px) scale(.99)}
.button-small{min-height:44px;padding:0 16px;font-size:14px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.93fr);gap:8.1%;align-items:center;min-height:650px;padding-block:76px 96px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--platinum);font:12px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.eyebrow-line{display:inline-block;width:28px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--display);font-weight:300;letter-spacing:-.03em}
h1{max-width:680px;margin-bottom:24px;font-size:clamp(56px,7vw,96px);line-height:.95}
h1 span{color:var(--platinum-light)}
.hero-lead{max-width:540px;margin-bottom:30px;color:var(--platinum-light);font-size:18px;line-height:1.6}
.hero-caption{display:flex;align-items:center;gap:12px;margin:30px 0 0;color:var(--platinum);font:11px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.caption-separator{width:26px;height:1px;background:var(--line-control)}
.hero-art{padding:18px;background:var(--smoke);border:1px solid var(--line);border-radius:var(--radius)}
.art-topline,.art-foot{display:flex;align-items:center;justify-content:space-between;color:var(--platinum);font:10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.art-topline{padding:1px 3px 16px;border-bottom:1px solid var(--line)}
.moon-mark{display:block;width:22px;height:22px;object-fit:contain}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:8px}
.art-item{position:relative;display:flex;min-height:145px;flex-direction:column;justify-content:space-between;padding:16px;background:#202022;border-radius:6px}
.art-item-large{grid-row:span 2;min-height:298px;background:var(--bone);color:var(--carbon)}
.art-item-green{background:var(--green);color:var(--bone)}
.art-item-resident{min-height:145px}
.art-index{font:10px/1 var(--mono);opacity:.66}
.art-name{font-family:var(--display);font-size:34px;line-height:1.05}
.art-item-large .art-name{font-size:54px}
.art-rate{font:20px/1 var(--mono);font-variant-numeric:tabular-nums}
.art-rate small{font:11px/1.3 var(--text);opacity:.7}
.art-foot{padding:13px 3px 1px;border-top:1px solid var(--line)}
.art-foot-right{color:var(--platinum-light)}
.catalog{padding-block:42px 108px}
.section-heading{margin-bottom:36px}
.section-heading .eyebrow{margin-bottom:18px}
.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
h2{max-width:680px;margin-bottom:0;font-size:clamp(44px,5vw,68px);line-height:1.02}
.heading-row>p{max-width:400px;margin-bottom:4px;color:var(--platinum-light);font-size:16px;line-height:1.65}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.75fr);gap:42px;align-items:start}
.product-list{display:grid;gap:8px}
.product-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:14px;width:100%;min-height:94px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--bone);text-align:left;cursor:pointer;transition:background-color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
.product-card:hover{transform:translateX(3px);background:#151516;border-color:rgba(237,233,226,.32)}
.product-card.is-selected{background:var(--green);border-color:var(--green)}
.product-number,.product-arrow{color:var(--platinum-light);font:11px/1 var(--mono)}
.product-content{display:grid;gap:2px}
.product-content strong{font-size:17px;font-weight:500}
.product-content small{color:var(--platinum-light);font-size:13px}
.product-price{font:13px/1.2 var(--mono);white-space:nowrap}
.product-arrow{font-size:15px}
.order-panel{position:sticky;top:106px;padding:26px;background:var(--bone);color:var(--carbon);border-radius:var(--radius)}
.order-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.order-head .eyebrow{margin:0 0 8px;color:var(--graphite);font-size:10px}
.order-head h3{margin:0;font-family:var(--display);font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-.02em}
.order-step{color:var(--graphite);font:11px/1.5 var(--mono)}
.order-step i{font-style:normal;color:#9B9891}
.option-fieldset{min-width:0;margin:0 0 22px;padding:0;border:0}
.option-fieldset legend,.field-label{display:block;margin-bottom:9px;font-size:13px;font-weight:500}
.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.period-option{min-height:42px;padding:7px 8px;border:1px solid #C8C3B9;border-radius:var(--control-radius);background:transparent;color:var(--carbon);font-size:13px;cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.period-option:hover{border-color:var(--carbon)}
.period-option[aria-pressed="true"]{border-color:var(--carbon);background:var(--carbon);color:var(--bone)}
.form-row{display:grid;grid-template-columns:1fr 132px;align-items:center;gap:0 16px;margin-bottom:19px}
.form-row .field-label{grid-column:1;margin:0}
.quantity-control{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;grid-row:span 2;align-items:center;height:46px;border:1px solid #BEB9AF;border-radius:var(--control-radius)}
.quantity-step{height:100%;border:0;background:transparent;color:var(--carbon);font-size:20px;cursor:pointer}
.quantity-step:hover{background:rgba(14,14,15,.06)}
.quantity-control input{width:100%;min-width:0;border:0;background:transparent;color:var(--carbon);text-align:center;font:14px/1 var(--mono);font-variant-numeric:tabular-nums;appearance:textfield}
.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{margin:0;appearance:none}
.field-help{grid-column:1;color:var(--graphite);font-size:11px;line-height:1.4}
.country-search{grid-column:1 / -1;width:100%;min-width:0;height:46px;margin:0 0 12px;padding:0 13px;border:1px solid #BEB9AF;border-radius:var(--control-radius);background:transparent;color:var(--carbon);font-size:14px}
.country-search::placeholder{color:#77746E;opacity:1}
.country-search[hidden],.country-select-label[hidden]{display:none}
.country-select-label{margin:0 0 8px}
.country-results{grid-column:1 / -1;min-height:0;margin-top:7px}
.country-results:empty{display:none}
.select-wrap{position:relative;grid-column:1 / -1}
.select-wrap select{width:100%;height:46px;padding:0 42px 0 13px;appearance:none;border:1px solid #BEB9AF;border-radius:var(--control-radius);background:transparent;color:var(--carbon);font-size:14px}
.select-wrap select:disabled{color:#77746E;background:rgba(14,14,15,.035);opacity:1}
.select-chevron{position:absolute;top:9px;right:13px;color:var(--graphite);font-size:20px;pointer-events:none}
.location-row{grid-template-columns:1fr;margin-top:4px}
.location-row .field-label,.location-row .field-help{grid-column:1}
.location-row .field-help{margin-top:7px}
.order-total{display:flex;align-items:flex-end;justify-content:space-between;margin-top:26px;padding-top:17px;border-top:1px solid rgba(14,14,15,.17)}
.order-total>div{display:grid;gap:2px}
.order-total>div>span{font-size:14px;font-weight:500}
.order-total small{color:var(--graphite);font-size:12px}
.order-total strong{font:32px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.button-order{width:100%;min-height:52px;margin-top:18px;border-color:var(--carbon);background:var(--carbon);color:var(--bone)}
.button-order:hover{background:#28282A}
.order-message{min-height:40px;margin:11px 0 0;color:var(--graphite);font-size:12px;line-height:1.5}
.order-message.is-error{color:#B42318}
.manifesto{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-block:50px 112px}
.manifesto-line{margin:0;color:rgba(237,233,226,.38);font-family:var(--display);font-size:clamp(48px,6vw,80px);font-weight:300;line-height:1.01;letter-spacing:-.03em}
.manifesto-line span{color:var(--bone)}
.manifesto-aside{margin:0 4vw 8px 0;color:var(--platinum-light);font-size:14px;line-height:1.7}
.price-table-section{padding-block:92px 100px;background:var(--green)}
.section-heading-light .eyebrow{color:var(--platinum-light)}
.section-heading-light .heading-row>p{color:var(--platinum-light)}
.price-table{margin-top:45px;border-top:1px solid rgba(237,233,226,.28)}
.price-row{display:grid;grid-template-columns:1.35fr repeat(3,1fr) 1.1fr;align-items:center;min-height:68px;border-bottom:1px solid rgba(237,233,226,.21);font-variant-numeric:tabular-nums}
.price-row>*{padding:8px 12px}
.price-row strong{padding-left:0;font-size:16px;font-weight:500}
.price-row>span{font:15px/1.3 var(--mono)}
.price-row small{color:var(--platinum-light);font-size:12px}
.price-row-resident .resident-price{grid-column:2 / 5}
.price-head{min-height:46px;color:var(--platinum-light);font:10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.price-head>*{padding-left:12px}
.price-head>*:first-child{padding-left:0}
.price-empty{color:rgba(237,233,226,.4)}
.price-note{margin:17px 0 0;color:var(--platinum-light);font-size:12px}
.how{padding-block:100px 108px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:43px}
.step-card{min-height:220px;padding:22px 22px 26px;border:1px solid var(--line);border-radius:var(--radius)}
.step-index{display:block;margin-bottom:43px;color:var(--platinum);font:11px/1 var(--mono)}
.step-card h3{margin-bottom:8px;font-family:var(--display);font-size:27px;font-weight:400;line-height:1.1}
.step-card p{max-width:300px;margin-bottom:0;color:var(--platinum-light);font-size:14px;line-height:1.6}
.faq-section{padding-block:97px 100px;background:var(--bone);color:var(--carbon)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:11%}
.faq-intro .eyebrow{color:var(--graphite)}
.faq-intro h2{margin-bottom:18px;font-size:clamp(42px,4.5vw,62px)}
.faq-intro>p:not(.eyebrow){max-width:310px;color:var(--graphite);font-size:14px}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:9px;color:var(--carbon);font-size:14px;font-weight:500}
.faq-list details{border-top:1px solid rgba(14,14,15,.2)}
.faq-list details:last-child{border-bottom:1px solid rgba(14,14,15,.2)}
.faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:14px 32px 14px 0;list-style:none;font-size:15px;font-weight:500;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:0;top:18px;font:22px/1 var(--display);transition:transform .25s var(--ease)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{max-width:620px;margin:0;padding:0 38px 19px 0;color:var(--graphite);font-size:14px;line-height:1.7}
.closing{padding-block:78px}
.closing-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:42px;background:var(--smoke);border-radius:var(--radius)}
.closing-panel .eyebrow{margin-bottom:12px}
.closing-panel h2{margin-bottom:10px;font-size:clamp(36px,4vw,54px)}
.closing-panel p:last-child{margin-bottom:0;color:var(--platinum-light);font-size:14px}
.site-footer{display:grid;grid-template-columns:1fr 1.3fr auto auto;align-items:center;gap:30px;padding-block:28px 34px;border-top:1px solid var(--line);color:var(--platinum-light)}
.footer-brand{min-width:0}.footer-brand img{width:96px}
.site-footer>p{margin:0;font-size:12px}
.footer-links{display:flex;gap:20px;font-size:12px}
.site-footer>small{color:var(--platinum);font:10px/1 var(--mono)}
@media(prefers-reduced-motion:no-preference){
  .js .motion-reveal{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
  .js .motion-reveal.is-visible{opacity:1;transform:none}
}
@media(max-width:960px){
  :root{--shell:min(100% - 48px,760px)}
  .site-header{padding-inline:24px}.main-nav{gap:18px}.hero{grid-template-columns:1fr;gap:54px;min-height:auto;padding-block:78px 84px}.hero-art{max-width:680px}
  .catalog-layout{grid-template-columns:1fr}.order-panel{position:relative;top:auto;max-width:600px}.product-list{gap:7px}.manifesto{padding-bottom:90px}.manifesto-aside{margin-right:0}.faq-layout{gap:7%}.site-footer{grid-template-columns:1fr 1fr;row-gap:18px}.footer-links{justify-content:flex-end}
}
@media(max-width:640px){
  :root{--shell:calc(100% - 36px)}
  html{scroll-padding-top:82px}.prototype-note{padding-inline:12px;font-size:10px;line-height:1.4}
  .site-header{min-height:64px;padding-inline:18px}.brand{min-width:0;gap:9px}.brand img{width:88px}.brand-divider{height:17px}.brand-product{font-size:12px}.main-nav{display:none}.button-small{min-height:40px;padding-inline:12px;font-size:12px;gap:9px}
  .hero{gap:38px;padding-block:60px 62px}.eyebrow{margin-bottom:17px;font-size:10px}h1{font-size:clamp(40px,11vw,52px);line-height:1}.hero-lead{font-size:16px}.hero-caption{font-size:9px}.hero-art{padding:11px}.art-topline,.art-foot{font-size:8px}.art-grid{gap:6px}.art-item{min-height:122px;padding:12px}.art-item-large{min-height:250px}.art-name{font-size:29px}.art-item-large .art-name{font-size:45px}.art-rate{font-size:16px}.art-rate small{font-size:10px}.art-foot{padding-top:10px}
  .catalog{padding-block:25px 76px}.section-heading{margin-bottom:27px}.heading-row{display:block}.heading-row h2{font-size:46px}.heading-row>p{margin-top:16px;font-size:14px}.product-card{grid-template-columns:24px minmax(0,1fr) auto;gap:9px;min-height:82px;padding:14px 12px}.product-arrow{display:none}.product-number{font-size:10px}.product-content strong{font-size:15px}.product-content small{font-size:11px;line-height:1.4}.product-price{font-size:11px}
  .catalog-layout{gap:23px}.order-panel{padding:19px}.order-head h3{font-size:28px}.form-row{grid-template-columns:1fr 122px}.order-total strong{font-size:28px}.order-message{font-size:12px}.quantity-control input,.select-wrap select,.country-search{font-size:16px}
  .manifesto{display:block;padding-block:15px 76px}.manifesto-line{font-size:51px}.manifesto-aside{margin-top:21px;font-size:13px}
  .price-table-section{padding-block:73px}.price-table{margin-top:30px}.price-row{grid-template-columns:1.15fr repeat(3,.85fr);min-height:58px}.price-row>*{padding-inline:5px}.price-row strong{padding-left:0;font-size:12px}.price-row>span{font-size:11px}.price-head{font-size:8px}.price-head>*{padding-left:5px}.price-head>*:last-child{display:none}.price-row small{grid-column:2 / -1;padding:0 5px 10px;color:var(--platinum-light);font-size:10px}.price-row[role="row"]:has(small){padding-block:8px}.price-row-resident .resident-price{grid-column:2 / -1}.price-note{font-size:11px}
  .how{padding-block:73px 75px}.steps{grid-template-columns:1fr;gap:8px;margin-top:28px}.step-card{min-height:0;padding:17px}.step-index{margin-bottom:24px}.step-card h3{font-size:24px}.step-card p{font-size:13px}
  .faq-section{padding-block:73px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-intro h2{font-size:48px}.faq-list summary{min-height:62px;font-size:14px}.faq-list details p{font-size:13px}
  .closing{padding-block:44px}.closing-panel{display:block;padding:24px}.closing-panel h2{font-size:39px}.closing-panel .button{width:100%;margin-top:24px}.site-footer{grid-template-columns:1fr auto;gap:14px 10px;padding-block:23px 28px}.site-footer>p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:1/-1;justify-content:flex-start;gap:16px;flex-wrap:wrap}.site-footer>small{grid-column:2;grid-row:1}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .motion-reveal{opacity:1!important;transform:none!important}
}
