@font-face{font-family:"Bodoni Moda";src:url(fonts/bodonimoda-normal.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodonimoda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Schibsted";src:url(fonts/schibstedgrotesk-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Amiri";src:url(fonts/amiri-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Amiri";src:url(fonts/amiri-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--onyx:#0f0d0b;--coal:#18140f;--coal2:#221c15;--gold:#c9a96a;--gold2:#e4cf9f;--ivory:#f4eee4;--sand:#e8dfd0;--ink:#1d1812;--mute:#8d8273;--line:rgba(201,169,106,.28);
--serif:"Bodoni Moda",Didot,"Times New Roman",serif;--sans:"Schibsted",system-ui,-apple-system,"Segoe UI",sans-serif;--ar:"Amiri",serif;--ease:cubic-bezier(.2,.7,.1,1);--bar:var(--preview-bar,0px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--onyx);color:var(--ivory);line-height:1.6;font-size:16px;overflow-x:hidden;padding-top:var(--bar)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.ar{font-family:var(--ar);direction:rtl;unicode-bidi:isolate}
.gold{color:var(--gold)}
/* header */
.hdr{position:fixed;top:var(--bar);left:0;right:0;z-index:50;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.hdr.solid{background:rgba(15,13,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand svg{width:40px;height:40px;flex:none}
.brand b{font-family:var(--serif);font-weight:500;letter-spacing:.32em;font-size:18px;display:block;line-height:1}
.brand small{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:5px}
.nav{display:flex;gap:30px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.nav a{opacity:.78;transition:opacity .3s;padding:12px 0;position:relative}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--ease)}
.nav a:hover{opacity:1}.nav a:hover:after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.06em;transition:transform .35s var(--ease),background .3s,color .3s,box-shadow .35s;white-space:nowrap;cursor:pointer;border:0;font-family:var(--sans)}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:linear-gradient(135deg,#d9bd84,#b8925000 160%),var(--gold);color:#17120b;box-shadow:0 10px 30px -12px rgba(201,169,106,.7)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(201,169,106,.8)}
.btn-line{border:1px solid var(--line);color:var(--ivory);background:rgba(255,255,255,.02)}
.btn-line:hover{border-color:var(--gold);color:var(--gold2)}
.hdr .btn{min-height:44px;padding:0 20px;font-size:13px}
/* hero */
.hero{position:relative;min-height:calc(100svh - var(--bar));display:flex;align-items:center;padding:120px 0 70px;overflow:hidden;
background:radial-gradient(1200px 600px at 78% 30%,rgba(201,169,106,.13),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(201,169,106,.06),transparent 60%),var(--onyx)}
.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 4 L76 40 L40 76 L4 40Z' fill='none' stroke='%23c9a96a' stroke-opacity='.06'/%3E%3C/svg%3E");opacity:.9;mask-image:linear-gradient(90deg,#000 0,transparent 55%);-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 55%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative}
.kick{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.kick:before{content:"";width:38px;height:1px;background:var(--gold)}
.hero .ar.tag{font-size:30px;color:var(--gold2);margin:26px 0 6px;display:block;text-align:left}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,7.4vw,108px);line-height:.98;letter-spacing:-.02em}
h1 em{font-style:italic;color:var(--gold2)}
.hero p.lead{max-width:520px;margin:28px 0 36px;color:#cfc5b6;font-size:18px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px}
.facts{display:grid;grid-template-columns:auto auto auto;justify-content:start;margin-top:52px;border-top:1px solid var(--line);max-width:640px}
.facts>div{padding:18px 26px 0 0;margin-right:26px;font-size:13px;color:#b9ae9e;line-height:1.4}
.facts>div+div{padding-left:26px;border-left:1px solid var(--line)}
.facts strong{display:block;white-space:nowrap;font-family:var(--serif);font-size:22px;color:var(--ivory);font-weight:500;margin-bottom:4px}
.stars{color:var(--gold);letter-spacing:2px;font-size:14px}
.hero-art{position:relative;height:min(78vh,700px);min-height:520px}
.arch{position:absolute;overflow:hidden;border-radius:999px 999px 18px 18px;background:var(--coal)}
.arch img{width:100%;height:100%;object-fit:cover}
.a1{right:6%;top:0;width:66%;height:92%;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.a1 img{animation:kb 18s ease-in-out infinite alternate;transform-origin:50% 30%}
.a2{left:0;bottom:0;width:40%;height:46%;border:6px solid var(--onyx)}
.a2 img{object-position:50% 20%}
.arch-line{position:absolute;right:calc(6% - 18px);top:-18px;width:calc(66% + 36px);height:calc(92% + 36px);pointer-events:none}
.arch-line path{fill:none;stroke:var(--gold);stroke-width:1.2;stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 2.6s .4s var(--ease) forwards}
.seal{position:absolute;right:0;bottom:12%;width:122px;height:122px;animation:spin 26s linear infinite}
.seal text{font-family:var(--sans);font-size:10.5px;letter-spacing:3.2px;fill:var(--gold2);text-transform:uppercase}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes spin{to{transform:rotate(360deg)}}
/* marquee */
.marq{border-block:1px solid var(--line);background:var(--coal);overflow:hidden;padding:20px 0}
.marq-track{display:flex;width:max-content;animation:marq 38s linear infinite}
.marq span{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--gold2);padding:0 26px;white-space:nowrap;display:flex;align-items:center;gap:52px}
.marq span:after{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--gold);display:inline-block}
@keyframes marq{to{transform:translateX(-50%)}}
/* sections */
section{position:relative}
.sec{padding:120px 0}
.light{background:var(--ivory);color:var(--ink)}
.light .kick{color:#9b7a3e}.light .kick:before{background:#9b7a3e}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.015em}
h2 em{font-style:italic;color:#9b7a3e}
.dark h2 em{color:var(--gold2)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:64px}
.sec-head p{color:#5e5347;font-size:17px;max-width:470px;justify-self:end}
.dark .sec-head p{color:#bfb4a4}
.sec-head h2{margin-top:18px}
/* collection */
.coll{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.card{position:relative;border-radius:200px 200px 14px 14px;overflow:hidden;background:#d9cfbf;color:var(--ivory);isolation:isolate;min-height:460px;display:flex;align-items:flex-end}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(12,10,8,.55) 58%,rgba(12,10,8,.92))}
.card:hover img{transform:scale(1.06)}
.card .in{padding:30px 28px;width:100%}
.card h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.05}
.card p{font-size:14px;color:#ddd3c4;margin:8px 0 14px;max-width:320px}
.card .ask{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);min-height:44px}
.card .ask i{display:inline-block;width:26px;height:1px;background:currentColor;transition:width .4s var(--ease)}
.card:hover .ask i{width:44px}
.c1{grid-column:span 5;min-height:620px}.c2{grid-column:span 4;margin-top:80px}.c3{grid-column:span 3;margin-top:160px}
.c4{grid-column:span 4}.c5{grid-column:span 3}
.card.perf{grid-column:span 5;border-radius:14px;background:radial-gradient(circle at 70% 20%,#3a2e1f,#16120d 70%);align-items:stretch}
.card.perf:after{display:none}
.perf .in{display:flex;flex-direction:column;justify-content:space-between;padding:40px}
.perf .bottle{width:120px;height:170px;margin-bottom:24px}
.perf .ar{font-size:30px;color:var(--gold2);text-align:left;display:block}
.card.c5{border-radius:14px}
/* boutique */
.dark{background:var(--coal)}
.bout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.bout-pics{position:relative;height:640px}
.bout-pics .p1{position:absolute;left:0;top:0;width:62%;height:84%;border-radius:999px 999px 14px 14px;overflow:hidden}
.bout-pics .p2{position:absolute;right:0;bottom:0;width:48%;height:58%;border-radius:14px;overflow:hidden;border:6px solid var(--coal)}
.bout-pics img{width:100%;height:100%;object-fit:cover}
.bout-copy p{color:#c9bfaf;font-size:17px;margin-top:22px;max-width:520px}
.notes{margin-top:38px;display:grid;gap:0;border-top:1px solid var(--line)}
.note{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.note b{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:26px;font-weight:400;line-height:1}
.note h4{font-size:16px;font-weight:600;letter-spacing:.02em}
.note span{display:block;color:#a99e8e;font-size:14px;margin-top:2px}
.board{margin-top:110px;border-radius:14px;overflow:hidden;position:relative}
.board img{width:100%;aspect-ratio:16/7;object-fit:cover}
.board figcaption{position:absolute;left:0;bottom:0;right:0;padding:22px 28px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:13px;color:#d8cebe;letter-spacing:.06em}
/* order */
.order{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.steps{list-style:none;margin-top:40px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:60px 1fr;padding:22px 0;border-top:1px solid #d8ccb8}
.steps li:before{content:"0" counter(s);font-family:var(--serif);font-size:30px;color:#9b7a3e;line-height:1}
.steps h4{font-size:17px}.steps p{color:#6a5e50;font-size:15px}
form.of{background:#fffaf2;border:1px solid #e3d6c1;border-radius:22px;padding:40px;box-shadow:0 40px 80px -50px rgba(60,40,10,.45)}
.of h3{font-family:var(--serif);font-weight:400;font-size:34px;margin-bottom:6px}
.of .sub{color:#7a6d5e;font-size:14px;margin-bottom:26px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.fld label,.fld legend{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7a6449;font-weight:600}
.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #dccfb9;border-radius:12px;padding:13px 14px;min-height:50px;width:100%;transition:border-color .3s,box-shadow .3s}
.fld textarea{min-height:90px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:#b8924f;box-shadow:0 0 0 4px rgba(201,169,106,.18)}
.chips{display:flex;flex-wrap:wrap;gap:8px;border:0}
.chips legend{margin-bottom:8px;width:100%}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #dccfb9;font-size:14px;color:#4a3f33;transition:all .25s;background:#fff}
.chips input:checked+span{background:var(--ink);color:var(--gold2);border-color:var(--ink)}
.chips input:focus-visible+span{outline:2px solid #b8924f;outline-offset:2px}
.filebox{display:flex;align-items:center;gap:12px;border:1px dashed #cdb994;border-radius:12px;padding:12px 14px;min-height:54px;font-size:14px;color:#6a5e50;cursor:pointer;background:#fff}
.filebox input{position:absolute;opacity:0;width:1px;height:1px}
.filebox svg{width:22px;height:22px;color:#9b7a3e;flex:none}
.of .btn{width:100%;margin-top:10px;background:#1f9d55;color:#fff;box-shadow:0 14px 30px -14px rgba(31,157,85,.8)}
.of .btn:hover{transform:translateY(-2px)}
.of small{display:block;text-align:center;color:#8b7d6b;font-size:12.5px;margin-top:12px}
.preview{margin-top:16px;background:#e9f6ee;border-radius:12px;padding:14px;font-size:13px;color:#24553a;white-space:pre-wrap;display:none}
/* reviews */
.rev-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.score{display:flex;align-items:center;gap:22px}
.score strong{font-family:var(--serif);font-size:96px;font-weight:400;line-height:.8;color:var(--gold2)}
.score .stars{font-size:20px}
.score span{display:block;color:#b8ad9c;font-size:14px;margin-top:6px}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev{border:1px solid var(--line);border-radius:18px;padding:34px 30px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);display:flex;flex-direction:column;gap:22px}
.rev q{font-family:var(--serif);font-size:21px;line-height:1.4;quotes:"\201C" "\201D";color:#efe6d7}
.rev q:before{content:"\201C";display:block;font-size:64px;line-height:.6;color:var(--gold);margin-bottom:14px}
.rev q:after{content:""}
.rev footer{margin-top:auto;font-size:13px;color:#a99e8e;letter-spacing:.04em}
.rev footer b{color:var(--ivory);font-weight:600;display:block;font-size:15px}
.rev-link{margin-top:36px;text-align:center}
/* visit */
.visit{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.mapcard{position:relative;border-radius:22px;overflow:hidden;min-height:520px;background:#1b1712;border:1px solid var(--line)}
.mapcard svg.map{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;left:52%;top:46%;transform:translate(-50%,-100%);text-align:center}
.pin i{display:block;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg);margin:0 auto;box-shadow:0 0 0 10px rgba(201,169,106,.18),0 0 0 22px rgba(201,169,106,.07);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(201,169,106,.12),0 0 0 32px rgba(201,169,106,0)}}
.pin span{display:block;margin-top:14px;font-family:var(--serif);font-size:20px;color:var(--ivory);background:rgba(15,13,11,.85);padding:6px 14px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.mapcard .addr{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(transparent,rgba(12,10,8,.95) 35%);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.addr p{color:#d5cbbb;font-size:15px;max-width:360px}
.addr p b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;color:var(--ivory);margin-bottom:6px}
.side{display:flex;flex-direction:column;gap:24px}
.hours,.contact{border:1px solid var(--line);border-radius:22px;padding:30px;background:rgba(255,255,255,.02)}
.hours h3,.contact h3{font-family:var(--serif);font-weight:400;font-size:28px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.open-badge{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(201,169,106,.12);color:var(--gold2);white-space:nowrap}
.open-badge.on{background:rgba(52,199,89,.14);color:#8fe3a9}
.hrs{margin-top:18px;display:grid}
.hrs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed rgba(201,169,106,.18);font-size:15px;color:#c9bfaf}
.hrs div.today{color:var(--gold2);font-weight:600}
.contact a.row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px dashed rgba(201,169,106,.18);min-height:54px;transition:color .3s}
.contact a.row:hover{color:var(--gold2)}
.contact a.row svg{width:22px;height:22px;color:var(--gold);flex:none}
.contact a.row small{display:block;color:#9b907f;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
/* final cta */
.final{padding:130px 0;text-align:center;background:radial-gradient(700px 400px at 50% 100%,rgba(201,169,106,.16),transparent 70%),var(--onyx)}
.final .ar{font-size:44px;color:var(--gold2);display:block;margin-bottom:10px}
.final h2{max-width:900px;margin:0 auto}
.final p{color:#bfb4a4;margin:22px auto 36px;max-width:520px}
.final .cta-row{justify-content:center}
footer.site{border-top:1px solid var(--line);padding:50px 0 120px;background:var(--onyx);font-size:14px;color:#9b907f}
footer.site .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
footer.site .fcol a{display:flex;align-items:center;min-height:44px;color:#cfc5b6}
footer.site .made{width:100%;padding-top:30px;margin-top:10px;border-top:1px solid rgba(201,169,106,.12);font-size:12px;color:#7c7264;text-align:center}
/* floating wa */
.fab{position:fixed;right:20px;bottom:20px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 14px 34px -10px rgba(37,211,102,.7);transition:transform .35s var(--ease)}
.fab:hover{transform:scale(1.08)}
.fab svg{width:30px;height:30px;color:#fff}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
.menu-btn{display:none}
@media (max-width:1020px){
 .nav{display:none}
 .hero .wrap,.bout,.order,.visit{grid-template-columns:1fr}
 .hero{padding-top:110px}
 .hero-art{height:560px;min-height:0;max-width:520px;width:100%;margin-inline:auto}
 .sec-head{grid-template-columns:1fr}.sec-head p{justify-self:start}
 .coll{grid-template-columns:1fr 1fr}
 .card,.c1,.c2,.c3,.c4,.c5,.card.perf{grid-column:auto;margin-top:0;min-height:440px}
 .revs{grid-template-columns:1fr}
}
@media (max-width:640px){
 body{font-size:15.5px}
 .wrap{width:calc(100% - 36px)}
 .hdr .wrap{height:64px}
 .brand svg{width:34px;height:34px}.brand b{font-size:16px}
 .hdr .btn span{display:none}.hdr .btn{width:44px;padding:0;height:44px}
 .hero{padding:96px 0 50px;min-height:0}
 .hero .ar.tag{font-size:24px;margin-top:20px}
 h1{font-size:clamp(46px,13.4vw,64px)}
 .hero p.lead{font-size:16.5px;margin:20px 0 28px}
 .cta-row .btn{flex:1 1 100%}
 .facts{margin-top:36px}
 .facts>div{padding:16px 16px 0 0;margin-right:16px}.facts>div+div{padding-left:16px}
 .facts strong{font-size:20px}
 .hero-art{height:470px;margin-top:10px}
 .a1{width:74%;right:0;height:90%}
 .arch-line{right:-10px;width:calc(74% + 20px);top:-10px;height:calc(90% + 20px)}
 .a2{width:44%;height:42%}
 .seal{width:96px;height:96px;right:auto;left:4%;top:4%;bottom:auto}
 .marq span{font-size:21px;gap:34px;padding:0 17px}
 .sec{padding:84px 0}
 .sec-head{margin-bottom:40px;gap:16px}
 .coll{grid-template-columns:1fr;gap:16px}
 .card,.c1,.c2,.c3,.c4,.c5{min-height:430px}
 .card.perf{min-height:0}
 .perf .in{padding:30px}
 .bout{gap:40px}
 .bout-pics{height:440px}
 .board{margin-top:70px}.board img{aspect-ratio:4/3}
 .order{gap:40px}
 form.of{padding:26px 20px;border-radius:18px}
 .grid2{grid-template-columns:1fr;gap:0}
 .score strong{font-size:76px}
 .rev{padding:28px 24px}.rev q{font-size:19px}
 .mapcard{min-height:440px}
 .hours,.contact{padding:24px}
 .final{padding:96px 0}.final .ar{font-size:36px}
 .fab{width:56px;height:56px;right:16px;bottom:16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.arch-line path{stroke-dashoffset:0}html{scroll-behavior:auto}}

.chips{flex-direction:row!important;flex-wrap:wrap;gap:8px}
.fld .chips label,.chips label{text-transform:none;letter-spacing:0;font-weight:400;font-size:14px}
.fld label.filebox{text-transform:none;letter-spacing:0;font-weight:400;font-size:14px;color:#6a5e50}
.mapcard .pin{top:40%}
@media (max-width:640px){
 .facts{grid-template-columns:auto auto}
 .facts .f3{display:none}
 .mapcard{min-height:540px}
 .mapcard .pin{top:28%}
 .mapcard .addr{padding:24px 22px}
 .addr p b{font-size:24px}
 .addr .cta-row{width:100%}
 .addr .cta-row .btn{flex:1 1 0}
}

.card.top{align-items:flex-start}
.card.top:after{background:linear-gradient(0deg,transparent 45%,rgba(12,10,8,.55) 70%,rgba(12,10,8,.9))}
.card.top img{object-position:50% 100%}