.skyline-page{--kv-linen: #F5F1EA;--kv-linen-warm: #EFE9DD;--kv-paper: #FAF7F1;--kv-stone: #9D9388;--kv-stone-light: #B5ADA2;--kv-stone-deep: #6B6359;--kv-clay: #A06B52;--kv-clay-soft: #B98D77;--kv-ink: #2A241E;--kv-ink-soft: #4A4138;--bg: var(--kv-linen);--bg-warm: var(--kv-linen-warm);--fg: var(--kv-ink);--fg-2: var(--kv-ink-soft);--fg-3: var(--kv-stone-deep);--fg-4: var(--kv-stone);--fg-inverse: var(--kv-linen);--accent: var(--kv-clay);--accent-soft: var(--kv-clay-soft);--line-1: rgba(157, 147, 136, .16);--line-2: rgba(157, 147, 136, .3);--line-3: rgba(157, 147, 136, .5);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .25, 1);--dur-fast: .2s;--dur-mid: .5s;--dur-slow: 1s}.skyline-page{background:var(--bg);color:var(--fg)}.skyline-page .kv-reveal.in{opacity:1;pointer-events:auto;transform:none;transition:none}.sl-intro{padding:2rem 0 1.5rem}.sl-crumbs{display:flex;gap:.55rem;align-items:center;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.78rem;letter-spacing:.05em;color:var(--fg-4)}.sl-crumbs a{color:var(--fg-4);transition:color var(--dur-fast) var(--ease-out)}.sl-crumbs a:hover{color:var(--accent)}.sl-intro__row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem;margin-top:3rem;padding-bottom:3rem;border-bottom:1px solid var(--line-1)}.sl-intro__lede{max-width:38ch;color:var(--fg-2);font-size:1.02rem;line-height:1.85;font-weight:300;justify-self:end}.sl-intro__lede em{color:var(--accent);font-family:var(--font-display);font-style:italic}@media(max-width:760px){.sl-intro__row{grid-template-columns:1fr;gap:1.6rem}.sl-intro__lede{justify-self:start}}.sl-config-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:6rem;padding:5rem 0 4rem;align-items:start}@media(max-width:1100px){.sl-config-stage{grid-template-columns:1fr;gap:3rem}}.sl-preview{position:sticky;top:96px;background:radial-gradient(120% 70% at 50% 20%,rgba(255,255,255,.45),transparent 60%),var(--bg-warm);border:1px solid var(--line-1);padding:2rem 2rem 1.4rem;display:flex;flex-direction:column;min-height:720px;overflow:hidden;transition:background var(--dur-mid) var(--ease-out)}@media(max-width:1100px){.sl-preview{position:relative;top:0;min-height:0}}.sl-preview__stage{flex:0 0 720px;height:720px;max-height:720px;min-height:0;display:flex;align-items:flex-end;justify-content:center;position:relative;padding:.5rem 0 0;overflow:hidden}@media(max-width:1100px){.sl-preview__stage{flex:0 0 460px;height:460px}}@media(max-width:600px){.sl-preview__stage{flex:0 0 320px;height:320px}}.sl-preview__svg{height:100%;width:100%;display:block;filter:drop-shadow(0 30px 40px rgba(42,36,30,.1));transition:filter var(--dur-mid) var(--ease-out)}@keyframes sl-row-in{0%{opacity:0;transform:translateY(-6px) scaleX(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0) scaleX(1)}}.sl-preview__row{transform-box:fill-box;transform-origin:center;animation:sl-row-in .46s cubic-bezier(.22,.61,.36,1) both}.sl-preview__caption{display:flex;justify-content:space-between;align-items:baseline;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line-1)}.sl-preview__caption-l{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.95rem;color:var(--fg)}.sl-preview__caption-l em{color:var(--accent)}.sl-preview__caption-r{font-family:var(--font-body);font-weight:400;text-transform:uppercase;font-size:.66rem;letter-spacing:.18em;color:var(--fg-4)}.sl-preview__ruler-label{font-family:var(--font-display);font-style:italic;font-weight:300;fill:var(--fg-4);font-size:11px;letter-spacing:.05em}.sl-preview__ruler-label--accent{fill:var(--accent);font-size:12px}.sl-cfg{display:flex;flex-direction:column;gap:2.4rem}.sl-cfg-header{display:flex;flex-direction:column;gap:.6rem}.sl-cfg-header__price{display:flex;align-items:baseline;gap:1rem;margin-top:.8rem;flex-wrap:wrap}.sl-cfg-header__price-from{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.85rem;color:var(--fg-4);letter-spacing:.05em}.sl-cfg-header__price-now{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:2rem;color:var(--fg);letter-spacing:-.01em;transition:color var(--dur-mid) var(--ease-out)}.sl-cfg-header__price-rows{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.85rem;color:var(--fg-3)}.sl-step{display:flex;flex-direction:column;gap:1rem;padding-top:2rem;border-top:1px solid var(--line-1)}.sl-step__head{display:flex;justify-content:space-between;align-items:baseline}.sl-step__num{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.78rem;letter-spacing:.06em;color:var(--accent)}.sl-step__num:before{content:"\2014  ";color:var(--kv-stone-light, #B5ADA2)}.sl-step__value{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1rem;color:var(--fg)}.sl-step__value em{color:var(--accent)}.sl-cfg-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sl-cfg-tile{position:relative;display:grid;grid-template-rows:auto auto auto;align-items:start;text-align:left;padding:1.2rem 1.2rem 1.3rem;background:transparent;border:1px solid var(--line-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-mid) var(--ease-out)}.sl-cfg-tile:hover{border-color:var(--fg-3)}.sl-cfg-tile[aria-pressed=true]{border-color:var(--fg);background:var(--kv-paper, #FAF7F1)}.sl-cfg-tile__visual{height:64px;display:flex;align-items:flex-end;justify-content:center;gap:6px;margin-bottom:.85rem}.sl-cfg-tile__bottle{width:8px;background:var(--fg);border-radius:1px 1px 0 0;transition:background var(--dur-mid) var(--ease-out);height:52px;position:relative}.sl-cfg-tile__bottle:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:3px;height:10px;background:var(--accent);border-radius:1px 1px 0 0}.sl-cfg-tile__name{font-family:var(--font-display);font-weight:300;font-size:1.05rem;letter-spacing:-.005em;color:var(--fg);line-height:1.2}.sl-cfg-tile__name em{font-style:italic;color:var(--accent)}.sl-cfg-tile__desc{font-family:var(--font-body);font-weight:300;font-size:.78rem;line-height:1.55;color:var(--fg-3);margin-top:.45rem}.sl-cfg-tile__check{position:absolute;top:1rem;right:1rem;width:18px;height:18px;border:1px solid var(--line-2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.sl-cfg-tile__check:after{content:"";width:6px;height:6px;border-radius:50%;background:transparent;transition:background var(--dur-fast) var(--ease-out)}.sl-cfg-tile[aria-pressed=true] .sl-cfg-tile__check{border-color:var(--fg)}.sl-cfg-tile[aria-pressed=true] .sl-cfg-tile__check:after{background:var(--accent)}.sl-fin-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}@media(max-width:600px){.sl-fin-tiles{grid-template-columns:repeat(2,1fr)}}.sl-fin-tile{background:transparent;border:1px solid var(--line-2);cursor:pointer;padding:0;display:flex;flex-direction:column;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);text-align:left;overflow:hidden}.sl-fin-tile:hover{border-color:var(--fg-3)}.sl-fin-tile[aria-pressed=true]{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg) inset}.sl-fin-tile__swatch{width:100%;aspect-ratio:4/5;background-size:cover;background-position:center;transition:transform var(--dur-mid) var(--ease-out)}.sl-fin-tile:hover .sl-fin-tile__swatch{transform:scale(1.03)}.sl-fin-tile__meta{padding:.6rem .7rem .75rem;border-top:1px solid var(--line-1);display:flex;flex-direction:column;gap:.1rem}.sl-fin-tile__name{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.95rem;line-height:1.2;color:var(--fg);letter-spacing:-.005em}.sl-fin-tile__tier{font-family:var(--font-body);font-weight:400;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4)}.sl-h-input{display:flex;align-items:baseline;gap:.6rem;padding-bottom:.7rem;border-bottom:1px solid var(--line-2)}.sl-h-input input{background:transparent;border:none;outline:none;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.9rem;color:var(--fg);width:7ch;padding:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.sl-h-input input::-webkit-outer-spin-button,.sl-h-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sl-h-input input.short{width:3ch}.sl-h-input__unit{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.15rem;color:var(--fg-4)}.sl-h-input__toggle{margin-left:auto;display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;padding:2px;background:var(--kv-paper, #FAF7F1)}.sl-h-input__toggle-btn{padding:.35rem .8rem;font-family:var(--font-body);font-weight:400;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);border-radius:999px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.sl-h-input__toggle-btn:hover{color:var(--fg)}.sl-h-input__toggle-btn[aria-pressed=true]{background:var(--fg);color:var(--fg-inverse)}.sl-h-slider{position:relative;margin-top:1.4rem;height:44px;padding:0 8px}.sl-h-slider__track{position:absolute;left:0;right:0;top:18px;height:1px;background:var(--line-2)}.sl-h-slider__fill{position:absolute;left:0;top:18px;height:1px;background:var(--accent);transition:width var(--dur-mid) var(--ease-out)}.sl-h-slider__input{position:absolute;left:0;right:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;margin:0}.sl-h-slider__thumb{position:absolute;top:12px;width:14px;height:14px;background:var(--fg);border-radius:50%;transform:translate(-50%);pointer-events:none;transition:left var(--dur-mid) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);box-shadow:0 0 #a06b5200}.sl-h-slider__input:hover~.sl-h-slider__thumb,.sl-h-slider__input:focus~.sl-h-slider__thumb{transform:translate(-50%) scale(1.15);box-shadow:0 0 0 6px #a06b5229}.sl-h-slider__ticks{position:absolute;left:8px;right:8px;top:28px;height:16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.sl-h-slider__tick{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.7rem;color:var(--fg-4)}.sl-h-slider__tick--major{color:var(--fg-3)}.sl-h-meta{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:1.4rem;padding-top:1rem;border-top:1px dashed var(--line-1)}.sl-h-meta__cell{display:flex;flex-direction:column;gap:.15rem}.sl-h-meta__k{font-family:var(--font-body);font-weight:400;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4)}.sl-h-meta__v{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1rem;color:var(--fg)}.sl-h-meta__v em{color:var(--accent)}.sl-summary{margin-top:1rem;padding:2rem 0 0;border-top:1px solid var(--fg);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:baseline}@media(max-width:480px){.sl-summary{grid-template-columns:1fr}}.sl-summary__l{display:flex;flex-direction:column;gap:.3rem}.sl-summary__label{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.78rem;color:var(--fg-4);letter-spacing:.05em}.sl-summary__price{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:2.6rem;color:var(--fg);letter-spacing:-.01em;line-height:1;transition:color var(--dur-mid) var(--ease-out)}.sl-summary__hint{font-family:var(--font-body);font-weight:300;font-size:.75rem;color:var(--fg-3);margin-top:.4rem}.sl-summary__hint em{font-family:var(--font-display);font-style:italic;color:var(--accent)}.sl-summary__cta{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}.sl-btn-primary{background:var(--fg);color:var(--fg-inverse);font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.05rem;letter-spacing:.01em;padding:1.05rem 2.4rem;border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);display:inline-flex;gap:.6rem;align-items:center}.sl-btn-primary:hover,.sl-btn-primary.is-added{background:var(--accent)}.sl-btn-primary__arrow{display:inline-block;transition:transform var(--dur-fast) var(--ease-out)}.sl-btn-primary:hover .sl-btn-primary__arrow{transform:translate(4px)}.sl-btn-ghost{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.92rem;color:var(--fg-3);border-bottom:1px solid var(--line-2);padding-bottom:2px;background:none;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.sl-btn-ghost:hover{color:var(--accent);border-bottom-color:var(--accent)}.sl-assure{border-top:1px solid var(--line-1);border-bottom:1px solid var(--line-1);padding:2.5rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}@media(max-width:900px){.sl-assure{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:480px){.sl-assure{grid-template-columns:1fr}}.sl-assure__cell{display:flex;flex-direction:column;gap:.35rem}.sl-assure__k{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.78rem;color:var(--accent);letter-spacing:.05em}.sl-assure__v{font-family:var(--font-display);font-weight:300;font-size:1.05rem;color:var(--fg);letter-spacing:-.005em;line-height:1.35}.sl-specs{padding:6rem 0}.sl-specs__head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;align-items:end}@media(max-width:760px){.sl-specs__head{grid-template-columns:1fr;gap:1.5rem}}.sl-specs__lede{color:var(--fg-2);font-size:1rem;line-height:1.85;max-width:42ch;justify-self:end}.sl-specs__rows{display:grid;grid-template-columns:1fr 1fr;gap:0 5rem}@media(max-width:760px){.sl-specs__rows{grid-template-columns:1fr}}.sl-specs__row{display:grid;grid-template-columns:160px 1fr;padding:1.3rem 0;border-top:1px solid var(--line-1);align-items:baseline}.sl-specs__k{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.78rem;letter-spacing:.05em;color:var(--fg-4)}.sl-specs__v{font-family:var(--font-body);font-weight:300;font-size:.92rem;line-height:1.7;color:var(--fg-2)}.sl-inplace{background:var(--bg-warm);border-top:1px solid var(--line-1);border-bottom:1px solid var(--line-1);padding:6rem 0}.sl-inplace__head{margin-bottom:3rem;max-width:60ch}.sl-inplace__head .kv-title{margin-top:.8rem}.sl-inplace__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}@media(max-width:900px){.sl-inplace__grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sl-inplace__grid{grid-template-columns:1fr}}.sl-inplace__card{display:flex;flex-direction:column;gap:1rem}.sl-inplace__img{aspect-ratio:4/5;background-size:cover;background-position:center;border:1px solid var(--line-1)}.sl-inplace__loc{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.72rem;letter-spacing:.05em;color:var(--fg-4)}.sl-inplace__title{font-family:var(--font-display);font-weight:300;font-size:1.2rem;line-height:1.25;color:var(--fg)}.sl-inplace__title em{font-style:italic;color:var(--accent)}@keyframes sl-fade-up{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}.sl-toast{position:fixed;bottom:32px;right:32px;background:var(--fg);color:var(--fg-inverse);padding:.9rem 1.4rem;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.95rem;z-index:200;animation:sl-fade-up .2s cubic-bezier(.22,.61,.36,1) forwards;display:flex;align-items:center;gap:.7rem;pointer-events:none}.sl-toast:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-soft)}@media(prefers-reduced-motion:reduce){.sl-preview__row,.sl-h-slider__fill,.sl-h-slider__thumb,.sl-toast{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/skyline-page.css.map */