@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-italic.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400 500;font-display:swap;src:url(fonts/dmsans.woff2) format("woff2")}
:root{--paper:#EEE3D0;--card:#F6EEDF;--ink:#2E2015;--teak:#7A5636;--terra:#B4623C;--olive:#5E6445;--line:#7a563640}
*{box-sizing:border-box;margin:0}
img,iframe{display:block;max-width:100%}
img{height:auto}
body{overflow-x:clip}
body{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font:400 16px/1.65 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.serif,h1,h2{font-family:"Cormorant Garamond",Georgia,serif}
main{max-width:28rem;margin:auto;padding:2.5rem 1.5rem 3rem;text-align:center}
.arch{width:9rem;margin:0 auto 1.5rem;padding:.5rem;border:1px solid var(--teak);border-radius:50%}
.arch img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;background:#fff}
h1{font:italic 500 clamp(2.7rem,13vw,3.5rem)/1 "Cormorant Garamond",Georgia,serif;color:var(--teak)}
.eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--olive);margin-top:.9rem}
.tag{font:italic 500 1.3rem/1.35 "Cormorant Garamond",Georgia,serif;margin:1.4rem auto 0;max-width:20rem}
.orn{display:block;width:9rem;margin:1.6rem auto;color:var(--terra)}
.pair{display:grid;gap:1rem;text-align:left}
.pill{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-radius:999px;text-decoration:none;color:var(--card);background:var(--teak);box-shadow:0 6px 18px -8px #2e2015aa;transition:transform .35s,background .35s}
.pill small{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;opacity:.8}
.pill b{font:500 1.15rem "DM Sans",sans-serif}
.pill.pro{background:var(--terra)}
.pill:hover,.pill:focus-visible{transform:translateY(-2px);background:var(--ink);outline:none}
.pill::after{content:"";width:.6rem;height:.6rem;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);flex:none}
.ghost{display:inline-block;margin-top:1.1rem;color:var(--teak);text-underline-offset:5px;font-size:.95rem}
section{margin-top:2.75rem}
h2{font:italic 500 1.9rem/1 "Cormorant Garamond",Georgia,serif;color:var(--teak);margin-bottom:1rem}
.map{border:1px solid var(--teak);padding:.5rem;background:var(--card)}
.map iframe{display:block;width:100%;height:18rem;border:0;filter:sepia(.3) saturate(.85)}
address{font-style:normal;margin-top:1rem}
dl{display:grid;gap:.5rem;text-align:left}
dl div{display:flex;align-items:baseline;gap:.5rem}
dl div::after{content:"";order:1;flex:1;border-bottom:1px dotted var(--teak);opacity:.6}
dt{order:0}dd{order:2;color:var(--teak)}
.closed dd{opacity:.6}
footer{margin-top:2.5rem}footer a{color:var(--teak);text-underline-offset:5px}
a{color:inherit}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.review{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.6rem;padding:.7rem 1.5rem;border:1px solid var(--teak);border-radius:999px;color:var(--teak);text-decoration:none;font-weight:500;transition:background .35s,color .35s}
.review::after{content:"";width:.5rem;height:.5rem;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);transition:transform .35s}
.review:hover,.review:focus-visible{background:var(--teak);color:var(--card);outline:none}
.review:hover::after{transform:rotate(45deg) translate(2px,-2px)}
.pill.fixe{background:transparent;color:var(--teak);border:1px solid var(--teak);box-shadow:none}
.pill.fixe:hover,.pill.fixe:focus-visible{background:var(--teak);color:var(--card)}
footer a{display:block}footer a+a{margin-top:.6rem}
.shots{display:grid;gap:.75rem;margin-bottom:1rem}
.shots img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--teak);padding:.3rem;background:var(--card)}
@media(min-width:60rem){
main{max-width:76rem;display:grid;grid-template-columns:24rem 1fr;column-gap:5rem;align-items:start;padding-top:4rem}
main>*{grid-column:1}
main>.showroom{grid-column:2;grid-row:1/9;margin-top:0}
.showroom h2{text-align:left}
.map iframe{height:24rem}
.showroom address{text-align:left}
}