@font-face{font-family:"Instrument Sans";src:url('/assets/InstrumentSans-Variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url('/assets/InstrumentSans-VariableItalic.woff2') format('woff2');font-style:italic;font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url('/assets/InstrumentSerif-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url('/assets/InstrumentSerif-Italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#14201d;--magnolia:#f7f2e8;--limestone:#d8cdbd;--pecan:#70452f;--bark:#9a4f32;--pine:#315a49;--gulf:#8ba7a1;--rain:#c8d2cc;--gutter:clamp(22px,6vw,96px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--magnolia);color:var(--ink);font:400 1.0625rem/1.65 "Instrument Sans",sans-serif;font-feature-settings:"ss01" 1;text-rendering:optimizeLegibility}a{color:inherit;text-underline-offset:5px}img{max-width:100%}.skip{position:fixed;left:-999px}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:12px}.eyebrow{margin:0 0 24px;color:var(--bark);font-size:.7rem;font-weight:620;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}h1{max-width:13ch;margin:0;font:400 clamp(3.4rem,6.4vw,7rem)/.94 "Instrument Serif",serif;letter-spacing:-.025em}h2{max-width:15ch;margin:0;font:450 clamp(2.25rem,4.6vw,5.25rem)/.98 "Instrument Sans",sans-serif;font-stretch:95%;letter-spacing:-.035em}h3,summary{font-family:"Instrument Sans",sans-serif}.intro{max-width:40ch;font-size:clamp(1.15rem,1.45vw,1.38rem);font-weight:450;line-height:1.48}.premium-main{overflow:hidden}.mark-window{margin:0;background:var(--limestone);overflow:hidden}.mark-window img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(.97)}.mark-window figcaption{margin-top:12px;color:#53605c;font-size:.75rem;line-height:1.45}.button{display:inline-block;font-size:.82rem;font-weight:560;line-height:1.2;text-decoration:none;border-bottom:2px solid var(--bark);padding:10px 0}.meaning{max-width:48ch;margin:12px 0 0;color:#52605d;font-size:.75rem;line-height:1.45}.intents{display:flex;gap:20px 26px;flex-wrap:wrap;margin-top:32px}.intents a{font-size:.82rem;font-weight:520;text-decoration-thickness:1px;text-decoration-color:var(--limestone)}.intents a.selected{color:var(--bark);text-decoration-color:var(--bark)}.intent-guidance{max-width:55ch;margin-top:32px;padding-top:16px;border-top:1px solid var(--limestone);font-size:.9rem}.chapter-nav{min-height:88px;padding:16px var(--gutter);display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:40px;border-bottom:1px solid color-mix(in srgb,var(--limestone) 55%,transparent);background:color-mix(in srgb,var(--magnolia) 96%,transparent);position:relative;z-index:20}.chapter-nav .brand img{display:block;width:132px;height:46px;object-fit:contain;object-position:left center}.chapter-nav nav{display:flex;justify-content:center;gap:clamp(16px,2.8vw,42px)}.chapter-nav nav a,.quiet-link{font-size:.82rem;font-weight:560;text-decoration:none}.quiet-link{color:var(--bark)}.chapter-footer{padding:64px var(--gutter);display:grid;grid-template-columns:repeat(5,max-content) 1fr max-content max-content;gap:16px 24px;align-items:start;background:var(--ink);color:var(--rain);font-size:.75rem}.chapter-footer span{text-align:right}.chapter-footer a{color:inherit}.outcome-door{margin:0 var(--gutter);padding:64px 0 80px;border-top:1px solid var(--limestone);display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,420px);gap:40px;align-items:start}.outcome-door>p:first-child{max-width:28ch;margin:0;font:450 clamp(1.6rem,2.6vw,2.65rem)/1.08 "Instrument Sans",sans-serif;letter-spacing:-.025em}
/* Home: one threshold, six clear doors. */
.home-door{min-height:calc(100vh - 88px);padding:80px var(--gutter) 72px;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);grid-template-rows:auto auto;gap:56px 7vw;position:relative;background:var(--ink);color:var(--magnolia)}.home-door>.mark-window{position:absolute;inset:0 0 0 50%;opacity:.72}.home-door>.mark-window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,#14201d4a 42%,#14201d78 100%)}.home-title{position:relative;z-index:2;align-self:center}.home-title h1{max-width:8ch;font-size:clamp(4.25rem,8.2vw,9rem);line-height:.9}.home-title>p:last-child{max-width:34ch;font-size:1.2rem}.home-door .mark-cut{position:absolute;z-index:1;width:150px;aspect-ratio:1;left:-75px;top:72px;background:var(--magnolia);opacity:.94;-webkit-mask:url('/assets/havlo-mark-black.svg') center/contain no-repeat;mask:url('/assets/havlo-mark-black.svg') center/contain no-repeat;transform:scaleX(.18);transform-origin:center;transition:transform 780ms var(--ease)}.chapter-home.threshold-open .mark-cut{transform:scaleX(1)}.home-constellation{position:relative;z-index:2;grid-column:2;display:grid;background:#14201dd9;padding:0 22px;grid-template-columns:repeat(2,minmax(180px,1fr));align-self:end;border-top:1px solid #c8d2cc7a}.home-constellation a{min-height:92px;padding:18px 6px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #c8d2cc7a;text-decoration:none}.home-constellation a:nth-child(odd){padding-right:24px;border-right:1px solid #c8d2cc7a}.home-constellation a:nth-child(even){padding-left:24px}.home-constellation span{font-size:1.35rem;font-weight:520}.home-continuity{padding:104px var(--gutter) 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.home-continuity header{align-self:start}.home-continuity>div section{padding:32px 0;border-top:1px solid var(--limestone);display:grid;grid-template-columns:40px 1fr;gap:24px}.home-continuity section span{color:var(--bark);font-size:.7rem;font-variant-numeric:tabular-nums}.home-continuity section p{max-width:38ch;margin:0;font-size:1.18rem}
/* About: founder and institution, quiet and asymmetric. */
.founder-frame{padding:104px var(--gutter);display:grid;grid-template-columns:1.15fr .65fr;gap:9vw;align-items:center}.founder-frame h1{max-width:11ch}.founder-frame .portrait{height:min(64vh,700px)}.founder-frame .portrait img{object-position:50% 33%}.origin-sequence{padding:80px var(--gutter) 120px;background:var(--ink);color:var(--rain);display:grid;grid-template-columns:.45fr 1.55fr;gap:10vw}.vertical-word{margin:0;color:var(--gulf);font-size:.82rem}.origin-sequence section{padding:24px 0;display:grid;grid-template-columns:44px 1fr;gap:24px;border-top:1px solid #8ba7a15c}.origin-sequence b{color:var(--gulf);font-size:.7rem;font-variant-numeric:tabular-nums}.origin-sequence p{max-width:58ch;margin:0}
/* Manage: one responsibility carried forward. */
.owner-opening{padding:104px var(--gutter) 72px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:var(--ink);color:var(--magnolia)}.owner-opening .mark-window{height:min(66vh,680px);order:2}.owner-opening img{object-position:54% center}.owner-opening .intro{color:var(--rain)}.owner-passage{position:relative;padding:80px var(--gutter) 104px;background:var(--magnolia)}.owner-passage:before{content:"";position:absolute;left:calc(var(--gutter) + 23px);top:106px;width:1px;height:calc((100% - 212px)*var(--thread,0));background:var(--pine);transition:height 80ms linear}.owner-beat{position:relative;max-width:980px;margin:0 auto;padding:28px 0 48px 88px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;border-top:1px solid var(--limestone)}.owner-beat>span{position:absolute;left:-2px;top:25px;width:50px;height:50px;display:grid;place-items:center;background:var(--magnolia);border:1px solid var(--pine);font-size:.7rem}.owner-beat h2{font-size:clamp(2rem,3.5vw,4rem)}.owner-beat p{max-width:50ch;margin:8px 0 0}
/* Residents: direct voice and a resolution line. */
.resident-opening{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--rain)}.resident-opening .mark-window{height:680px}.resident-opening img{object-position:48% center}.resident-voice{padding:88px var(--gutter) 72px 7vw;align-self:center}.resident-voice h1{max-width:10ch}.resident-thread{padding:80px var(--gutter) 104px}.resident-thread>header{max-width:24ch;margin-bottom:56px;font:400 clamp(2.2rem,4.4vw,4.6rem)/1 "Instrument Serif",serif}.resident-thread>section{max-width:960px;margin-left:auto;padding:26px 0;display:grid;grid-template-columns:48px .8fr 1.2fr;gap:24px;border-top:1px solid var(--limestone)}.resident-thread>section>span{color:var(--pine);font-size:.75rem}.resident-thread h2{font-size:clamp(1.65rem,2.7vw,3rem)}.resident-thread p{grid-column:3;margin:0;max-width:48ch}
/* Buy: one discovery field with tactile Moments. */
.buy-film{background:var(--ink);color:var(--magnolia)}.buy-canvas{min-height:calc(100vh - 88px);padding:80px var(--gutter);display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:center;position:relative}.buy-canvas>.mark-window{position:absolute;inset:0;opacity:.28}.buy-canvas>.mark-window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 10%,#14201dd1 52%,#14201d8f)}.buy-title,.moment-stack{position:relative;z-index:2}.buy-title h1{max-width:9ch}.buy-title>p:last-child{max-width:36ch}.moment-stack details{padding:22px 0;border-top:1px solid #8ba7a169;transition:padding 420ms var(--ease),background 420ms var(--ease)}.moment-stack details[open]{padding:28px 24px;background:#f7f2e80d}.moment-stack summary{cursor:pointer;list-style:none;font-size:1.18rem;font-weight:520}.moment-stack summary::-webkit-details-marker{display:none}.moment-stack summary span{display:inline-block;width:44px;color:var(--gulf);font-size:.7rem;font-variant-numeric:tabular-nums}.moment-stack details p{max-width:48ch;margin:18px 0 0 44px;color:var(--rain)}.buy-film>.intents{margin:32px var(--gutter)}.buy-film>.outcome-door{border-color:#8ba7a15c}.buy-film .meaning{color:var(--rain)}
/* Sell: an editorial sequence, not a sticky showcase. */
.sell-opening{padding:104px var(--gutter);display:grid;grid-template-columns:.7fr 1.3fr;gap:56px 8vw;background:var(--limestone)}.sell-opening>header{align-self:end}.sell-opening>header p:last-child{max-width:38ch}.sell-sticky{grid-column:2}.sell-sticky .mark-window{height:min(62vh,650px)}.sell-sticky img{object-position:54% center}.sell-scroll{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#a99c8c}.sell-scroll section{min-height:260px;padding:32px;background:var(--magnolia)}.sell-scroll span{color:var(--bark);font-size:.7rem}.sell-scroll h2{margin:20px 0;font-size:clamp(1.8rem,2.7vw,3.2rem)}.sell-scroll p{max-width:38ch}
/* Invest: evidence, assumptions, decisions. */
.invest-opening{padding:104px var(--gutter);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.invest-opening .mark-window{height:min(70vh,720px);order:-1}.invest-opening img{object-position:52% center}.invest-title h1{max-width:9ch}.invest-field{padding:72px var(--gutter) 104px;background:var(--pecan);color:var(--magnolia)}.field-label{color:var(--rain);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.invest-field details{padding:26px 0;border-top:1px solid #d8cdbd70}.invest-field summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:clamp(1.55rem,2.8vw,3rem);font-weight:480}.invest-field summary::-webkit-details-marker{display:none}.invest-field summary span{color:var(--rain);font-size:.7rem;font-variant-numeric:tabular-nums}.invest-field details p{max-width:52ch;margin:20px 0 0 auto;color:var(--rain)}
/* Improve: condition, decision, result. */
.improve-opening{padding:104px var(--gutter);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:var(--limestone)}.improve-opening .mark-window{height:min(66vh,680px)}.improve-opening img{object-position:55% center}.improve-cut{padding:72px var(--gutter) 104px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--magnolia)}.improve-cut>section{padding:32px;border-top:1px solid var(--pine)}.improve-cut>section+section{border-left:1px solid var(--limestone)}.improve-cut span{color:var(--pine);font-size:.7rem}.improve-cut h2{margin:24px 0;font-size:clamp(1.8rem,2.8vw,3.1rem)}
/* Impact: landscape and time horizon. */
.impact-opening{padding:104px var(--gutter);display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.impact-opening .mark-window{height:min(72vh,720px)}.impact-opening img{object-position:48% center}.impact-opening>div:last-child{padding-bottom:32px}.impact-opening h1{max-width:10ch}.impact-flow{padding:72px var(--gutter) 104px;background:var(--pine);color:var(--magnolia)}.impact-flow>header{margin-bottom:56px}.impact-flow>section{padding:24px 0;display:grid;grid-template-columns:.45fr 1.55fr;gap:40px;border-top:1px solid #c8d2cc69}.impact-flow b{color:var(--rain);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.impact-flow p{max-width:56ch;margin:0}.status-section{padding:56px var(--gutter);background:var(--rain)}.status-section h2{font-size:clamp(2rem,3.6vw,4rem)}
/* Platform: a request and its held thread, without a tech diagram. */
.platform-opening{padding:104px var(--gutter);display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center}.platform-opening h1{max-width:10ch}.platform-thread{height:420px;position:relative}.platform-thread:before{content:"";position:absolute;left:18%;right:18%;top:50%;height:1px;background:var(--ink)}.platform-thread span,.platform-thread i,.platform-thread b{position:absolute;top:calc(50% - 8px);width:16px;height:16px;background:var(--magnolia);border:1px solid var(--ink)}.platform-thread span{left:16%}.platform-thread i{left:49%;background:var(--gulf)}.platform-thread b{right:16%;background:var(--pine)}.platform-loop{padding:0 var(--gutter) 104px;max-width:1120px;margin-left:auto}.platform-loop section{padding:26px 0;display:grid;grid-template-columns:48px 1fr;border-top:1px solid var(--limestone)}.platform-loop span{color:var(--bark);font-size:.7rem}.platform-loop p{max-width:58ch;margin:0}
/* Trust: plain commitments and visible recourse. */
.trust-film{background:var(--ink);color:var(--magnolia)}.trust-opening{padding:104px var(--gutter) 64px;display:grid;grid-template-columns:1fr .3fr;gap:8vw}.trust-opening h1,.trust-opening>p:not(.eyebrow){grid-column:1}.trust-opening>p:not(.eyebrow){max-width:42ch;color:var(--rain)}.trust-mark{grid-column:2;grid-row:1/5;display:grid;place-items:center}.trust-mark span{display:block;width:1px;height:72px;background:var(--gulf)}.trust-mark span+span{margin-top:20px;height:28px}.promise-rails{padding:0 var(--gutter) 64px;max-width:1200px}.promise-rails details{padding:24px 0;border-top:1px solid #8ba7a15c}.promise-rails summary{cursor:pointer;list-style:none;font-size:clamp(1.4rem,2.5vw,2.7rem);font-weight:470}.promise-rails summary::-webkit-details-marker{display:none}.promise-rails summary span{display:inline-block;width:54px;color:var(--gulf);font-size:.7rem}.promise-rails p{max-width:56ch;margin:18px 0 0 54px;color:var(--rain)}.trust-influence{margin:0 var(--gutter) 104px;padding:28px 0 0;border-top:1px solid #8ba7a15c;max-width:760px;color:var(--rain)}.trust-influence p{max-width:64ch}.trust-influence a{color:var(--magnolia);text-decoration-color:var(--gulf);text-underline-offset:4px}.trust-influence a:focus-visible{outline:2px solid var(--gulf);outline-offset:4px}.trust-film .status-section{background:var(--rain);color:var(--ink)}.trust-film .outcome-door{border-color:#8ba7a15c}.trust-film .meaning{color:var(--rain)}
/* Roadmap: five public experience portraits, methodology private. */
.roadmap-opening{padding:96px var(--gutter) 64px}.roadmap-opening h1{max-width:9ch}.roadmap-opening>p:last-child{max-width:44ch;margin-top:24px;font-size:1.18rem}.roadmap-progress{padding:0 var(--gutter) 88px}.roadmap-progress>header{padding:28px 0 40px;border-top:1px solid var(--limestone);display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.roadmap-progress>header h2{font-size:clamp(2rem,3.8vw,4.2rem)}.proof-mark{display:inline-block;width:18px;height:18px;margin-right:12px;vertical-align:-5px;background:var(--pine);-webkit-mask:url('/assets/havlo-mark-black.svg') center/contain no-repeat;mask:url('/assets/havlo-mark-black.svg') center/contain no-repeat}.journey-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:0 7vw}.journey{padding:30px 0 36px;border-top:1px solid var(--limestone)}.journey:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw}.journey header{display:flex;justify-content:space-between;align-items:baseline}.journey header p{margin:0;font-size:1rem;font-weight:620;letter-spacing:-.01em}.journey header strong{font-size:clamp(3.25rem,5vw,5rem);font-weight:620;font-stretch:85%;line-height:.9;color:var(--bark);font-variant-numeric:tabular-nums}.meter{height:2px;margin:18px 0;background:var(--limestone)}.meter span{display:block;height:100%;background:var(--bark);transform:scaleX(0);transform-origin:left;transition:transform 720ms var(--ease)}.journey.visible .meter span{transform:scaleX(1)}.journey-caption{margin:10px 0;font-size:.78rem;font-weight:520;color:var(--pine)}.milestone p{max-width:55ch;margin:10px 0}.milestone p:last-child{font-size:.82rem;color:#52605d}.milestone strong{margin-right:10px;color:var(--ink)}
/* Focus and motion. */
:focus-visible{outline:2px solid var(--bark);outline-offset:5px}.home-constellation a,.chapter-nav a,.button{transition:color 180ms ease,background 180ms ease}.home-constellation a:hover{color:var(--gulf)}
@media(max-width:900px){.chapter-nav{grid-template-columns:140px 1fr}.chapter-nav nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px}.quiet-link{grid-column:2;grid-row:1;text-align:right}.home-door{grid-template-columns:1fr;grid-template-rows:auto auto;padding-top:64px}.home-title{align-self:start}.home-constellation{grid-column:1}.founder-frame,.owner-opening,.invest-opening,.improve-opening,.impact-opening,.platform-opening{grid-template-columns:1fr}.founder-frame .mark-window,.owner-opening .mark-window,.invest-opening .mark-window{order:2}.sell-opening{grid-template-columns:1fr}.sell-sticky{grid-column:1}.sell-scroll{grid-template-columns:1fr}.resident-opening{grid-template-columns:1fr}.resident-opening .mark-window{height:55vh}.journey-stack{grid-template-columns:1fr}.journey:nth-child(3){grid-column:auto;display:block}.chapter-footer{grid-template-columns:repeat(3,max-content)}.chapter-footer span{grid-column:1/-1;text-align:left}}
@media(max-width:620px){h1{font-size:clamp(3rem,14vw,5rem)}.chapter-nav{gap:8px 18px;padding:12px 20px}.chapter-nav .brand img{width:108px}.chapter-nav nav a{font-size:.69rem}.home-door{min-height:auto;padding:60px 22px}.home-door>.mark-window{inset:34% 0 0 0}.home-door .mark-cut{display:none}.home-title{min-height:440px}.home-title h1{font-size:clamp(4rem,20vw,6rem)}.home-constellation{grid-template-columns:1fr}.home-constellation a:nth-child(odd),.home-constellation a:nth-child(even){padding:16px 0;border-right:0}.home-continuity,.founder-frame,.owner-opening,.invest-opening,.improve-opening,.impact-opening,.platform-opening,.roadmap-opening{padding:72px 22px}.home-continuity{grid-template-columns:1fr}.origin-sequence{grid-template-columns:1fr;padding:72px 22px}.owner-passage,.resident-thread,.invest-field,.improve-cut,.impact-flow,.promise-rails,.roadmap-progress{padding:64px 22px}.owner-passage:before{display:none}.owner-beat{padding:28px 0;grid-template-columns:1fr}.owner-beat>span{position:static}.resident-thread>section{grid-template-columns:36px 1fr}.resident-thread p{grid-column:2}.buy-canvas{grid-template-columns:1fr;padding:72px 22px}.buy-title{min-height:52vh}.moment-stack details[open]{padding:24px 12px}.sell-opening{padding:72px 22px}.sell-scroll section{min-height:auto}.improve-cut{grid-template-columns:1fr}.improve-cut>section{padding:28px 0}.improve-cut>section+section{border-left:0}.impact-flow>section{grid-template-columns:1fr;gap:12px}.platform-thread{height:240px}.roadmap-progress>header{grid-template-columns:1fr}.outcome-door{margin:0 22px;padding:56px 0 72px;grid-template-columns:1fr}.chapter-footer{padding:48px 22px;grid-template-columns:repeat(2,max-content)}.chapter-footer span{grid-column:1/-1;max-width:36ch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-door .mark-cut,.meter span,.home-constellation a,.chapter-nav a,.button{transition:none!important}.home-door .mark-cut{transform:scaleX(1)}.meter span{transform:scaleX(1)}}

.owner-opening .eyebrow,.buy-title .eyebrow,.trust-opening .eyebrow{color:var(--gulf)}
.resident-voice .eyebrow,.sell-opening .eyebrow,.improve-opening .eyebrow{color:var(--pecan)}
.home-title .eyebrow{color:var(--gulf)}

/* Listings: objective facts, with the visual field held until media rights are proved. */
.listing-film{min-height:70vh;background:var(--magnolia)}
.listing-opening{padding:96px var(--gutter) 64px;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;background:var(--ink);color:var(--magnolia)}
.listing-opening h1{max-width:8ch}
.listing-opening>p:not(.eyebrow){max-width:38ch;color:var(--rain)}
.listing-opening .listing-asof{align-self:end;margin:0;padding-top:18px;border-top:1px solid #8ba7a15c;font-size:.75rem;line-height:1.45}
.listing-grid{padding:72px var(--gutter) 104px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--limestone)}
.listing-card{min-height:390px;background:var(--magnolia)}
.listing-card>a{height:100%;display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden}
.listing-card figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--rain)}
.listing-card figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 620ms var(--ease)}
.listing-card:hover figure img,.listing-card:focus-within figure img{transform:scale(1.018)}
.listing-card>a>div{padding:34px 38px 38px;display:flex;flex:1;flex-direction:column}
.listing-card-mark{display:block;width:76px;height:76px;margin:0 0 auto auto;background:var(--gulf);opacity:.65;-webkit-mask:url('/assets/havlo-mark-black.svg') center/contain no-repeat;mask:url('/assets/havlo-mark-black.svg') center/contain no-repeat;transform:scaleX(.2);transform-origin:right;transition:transform 520ms var(--ease)}
.listing-card:hover .listing-card-mark,.listing-card:focus-within .listing-card-mark{transform:scaleX(1)}
.listing-card h2{max-width:13ch;margin:12px 0 8px;font:450 clamp(1.8rem,3.1vw,3.4rem)/1 "Instrument Sans",sans-serif}
.listing-card p{margin:6px 0;color:#52605d}
.listing-card .listing-price{margin-top:28px;color:var(--ink);font:400 clamp(2rem,3.8vw,4rem)/1 "Instrument Serif",serif}
.listing-card .listing-card-firm{margin-top:18px;font-size:.72rem;color:#52605d}
.listing-open{margin-top:26px;font-size:.76rem;font-weight:620;color:var(--bark);text-decoration:underline;text-underline-offset:5px}
.listing-boundary{padding:72px var(--gutter) 88px;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:start;background:var(--rain)}
.listing-boundary p{max-width:48ch;margin:0;font:430 clamp(1.35rem,2.3vw,2.45rem)/1.18 "Instrument Sans",sans-serif;letter-spacing:-.025em}
.listing-held{display:grid;place-items:center;padding:104px var(--gutter)}
.listing-held>section{width:min(840px,100%);padding:72px 0;border-top:1px solid var(--limestone);border-bottom:1px solid var(--limestone)}
.listing-held h1{max-width:10ch}
.listing-held p:not(.eyebrow){max-width:52ch;font-size:1.12rem;line-height:1.55}
.listing-detail-opening{padding:104px var(--gutter) 72px;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;background:var(--ink);color:var(--magnolia)}
.listing-detail-opening h1{max-width:11ch}
.listing-detail-opening>div>p:last-child{color:var(--rain)}
.listing-detail-opening .listing-price{margin:0;text-align:right;font:400 clamp(3rem,6vw,7rem)/.9 "Instrument Serif",serif}
.listing-gallery{padding:1px;background:var(--limestone);display:grid;grid-template-columns:2fr 1fr;gap:1px}
.listing-gallery figure{margin:0;min-height:280px;max-height:720px;background:var(--rain);overflow:hidden}
.listing-gallery figure:first-child{grid-row:span 2;min-height:620px}
.listing-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.listing-facts{padding:72px var(--gutter) 88px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.listing-facts>div{min-height:145px;padding:24px;border-top:1px solid var(--pine)}
.listing-facts>div+div{border-left:1px solid var(--limestone)}
.listing-facts span{display:block;color:var(--bark);font-size:.68rem;font-weight:620;letter-spacing:.1em;text-transform:uppercase}
.listing-facts strong{display:block;margin-top:32px;font-size:clamp(1.25rem,2.2vw,2.2rem);font-weight:470}
.listing-contact{padding:64px var(--gutter);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;border-top:1px solid var(--limestone)}
.listing-contact h2{font-size:clamp(1.8rem,3.2vw,3.6rem)}
.listing-attribution{margin:0;align-self:center;font-size:1rem;line-height:1.7}
.listing-attribution a{color:var(--bark)}
.listing-notices{padding:44px var(--gutter) 64px;background:var(--ink);color:var(--rain);display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.listing-notices p{margin:0;font-size:.7rem;line-height:1.55}
@media(max-width:900px){.listing-opening,.listing-detail-opening,.listing-boundary{grid-template-columns:1fr}.listing-detail-opening .listing-price{text-align:left}.listing-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.listing-gallery{grid-template-columns:1fr 1fr}.listing-gallery figure:first-child{grid-column:1/-1;grid-row:auto}.listing-contact{grid-template-columns:1fr}.listing-notices{grid-template-columns:1fr}}
@media(max-width:620px){.listing-opening,.listing-detail-opening,.listing-boundary,.listing-held{padding:72px 22px}.listing-grid{padding:1px 0;grid-template-columns:1fr}.listing-card{min-height:340px}.listing-card>a>div{padding:28px 22px}.listing-gallery{grid-template-columns:1fr}.listing-gallery figure,.listing-gallery figure:first-child{min-height:280px}.listing-facts{padding:56px 22px;grid-template-columns:1fr}.listing-facts>div{min-height:auto;padding:24px 0}.listing-facts>div+div{border-left:0}.listing-contact,.listing-notices{padding:48px 22px}}
@media(prefers-reduced-motion:reduce){.listing-card-mark,.listing-card figure img{transition:none;transform:none}}
