/* Home: Concierge section (home page type system) */
.conc{background:#f1ece2;padding:76px 6% 80px;color:#171816}
.conc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:6%;align-items:center;max-width:1280px;margin:0 auto}
.conc .ey{color:#a88a55}
.conc h2{font:400 clamp(36px,4vw,56px) "Cormorant Garamond",serif;line-height:1;margin:12px 0 22px}
.conc-copy p{max-width:520px;margin:0;color:#6e6a63;font-size:13px;line-height:1.9;font-weight:300}
.conc-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:30px}
.conc-learn{display:inline-flex;align-items:center;gap:16px;padding:15px 26px;background:#171816;color:#fff;border:1px solid #171816;text-decoration:none;text-transform:uppercase;letter-spacing:1.6px;font-size:9px;cursor:pointer;transition:background .3s,color .3s}
.conc-learn b{font:300 18px/1 Inter,sans-serif;transition:transform .35s}
.conc-learn:hover,.conc-learn:focus-visible{background:transparent;color:#171816}
.conc-learn:hover b{transform:rotate(90deg)}
.conc-toggle{display:inline-flex;align-items:center;gap:14px;padding:0 0 6px;border:0;border-bottom:1px solid #171816;background:none;color:#171816;cursor:pointer;text-transform:uppercase;letter-spacing:1.6px;font-size:9px}
.conc-toggle b{font:300 18px/1 Inter,sans-serif;display:inline-block;width:12px;text-align:center}
.conc-list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:520px;animation:concin .4s ease}
.conc-list[hidden]{display:none}
@keyframes concin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.conc-list li{padding:9px 14px;border:1px solid #cfc4b2;background:#f9f6ef;font-size:11px;letter-spacing:.4px;color:#494741}
.conc-list li a{color:#a88a55;text-decoration:none;border-bottom:1px solid #a88a55}
.cslide{position:relative;overflow:hidden;aspect-ratio:4/3;background:#ddd;box-shadow:0 36px 60px -40px rgba(23,24,22,.6);--x:50%}
.cslide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cslide .before{filter:grayscale(.6) contrast(.78) brightness(.82) saturate(.5);clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.cslide .tag{position:absolute;z-index:3;top:14px;font:400 8px/1 Inter,sans-serif;letter-spacing:2.4px;text-transform:uppercase;background:rgba(247,243,235,.95);color:#171816;padding:8px 10px}
.cslide .tag.l{left:14px}.cslide .tag.r{right:14px}
.cslide .line{position:absolute;z-index:3;top:0;bottom:0;left:var(--x);width:1px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.35);pointer-events:none}
.cslide .line:after{content:'↔';position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#fff;color:#171816;display:grid;place-items:center;font:400 16px/1 Inter,sans-serif;box-shadow:0 8px 24px -8px rgba(0,0,0,.5)}
.cslide input{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.cslide:focus-within .line:after{outline:2px solid #a88a55;outline-offset:2px}
.conc-cap{margin:12px 0 0;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6a625b}
@media(max-width:900px){.conc{padding:56px 6% 60px}.conc-in{grid-template-columns:1fr;gap:34px}}
@media(prefers-reduced-motion:reduce){.conc-list{animation:none}}
/* the slider's real control is invisible, so its handle shows the focus */
.cslide:focus-within .line{width:3px;margin-left:-1px;box-shadow:0 0 0 2px #FF4D6A,0 0 14px rgba(0,0,0,.45)}
.cslide .line{transition:width .25s ease,box-shadow .25s ease}