@font-face { font-family: "DM Serif Display"; src: url("dm-serif.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Manrope"; src: url("manrope-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("manrope-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("manrope-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("manrope-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }
:root { --paper:#f6f0e7; --ink:#173946; --terra:#c64b2b; --sun:#d9c748; --sea:#163f56; --sage:#edf0e8; --sand:#e8d8bd; --muted:#52666b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Manrope",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.wrap { width:min(1280px,100%); margin:auto; padding:0 32px; }
.sale { background:var(--terra); color:#fff; font-size:11px; font-weight:800; letter-spacing:.04em; }
.sale .wrap { height:34px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sale a { border-bottom:1px solid var(--sun); white-space:nowrap; }
.head { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #1739461a; background:#f6f0e7f2; position:sticky; top:0; z-index:20; backdrop-filter:blur(10px); }
.brand { display:flex; align-items:center; gap:14px; white-space:nowrap; font:33px "DM Serif Display",serif; letter-spacing:-.04em; }
.brand img { height:60px; width:60px; object-fit:contain; }
.brand em { color:var(--terra); font-style:normal; }
.nav { display:flex; gap:22px; font-size:12px; font-weight:800; }
.nav a { padding:39px 0 31px; }
.nav a.active { color:var(--terra); border-bottom:2px solid var(--terra); }
.btn { display:inline-flex; gap:8px; align-items:center; justify-content:center; background:var(--terra); padding:14px 16px; color:#fff; font-size:12px; font-weight:800; letter-spacing:.015em; transition:.18s; }
.btn:hover { background:#a9361e; transform:translateY(-1px); }
.btn.sun { background:var(--sun); color:var(--ink); }
.btn.ghost { background:transparent; border:1px solid #fff8; }
.menu { display:none; background:none; border:1px solid #17394633; font-size:19px; padding:7px; color:var(--ink); }
.hero { min-height:660px; background:linear-gradient(90deg,#0a2934df,#0a29349c,#0a29342b),url("hero.jpg") center/cover; position:relative; color:#fff; }
.hero .wrap { min-height:660px; display:flex; align-items:flex-end; padding-bottom:88px; }
.hero h1 { font:clamp(62px,8vw,102px)/.86 "DM Serif Display",serif; letter-spacing:-.065em; margin:0; }
.hero h1 em { color:#f3db83; font-style:normal; }
.hero p { max-width:580px; font-size:17px; line-height:1.7; color:#fffc; }
.hero .kicker,.kicker { font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:var(--terra); }
.hero .kicker { color:#f3db83; }
.hero-foot { position:absolute; bottom:25px; left:calc((100% - min(1280px,100%))/2 + 32px); right:calc((100% - min(1280px,100%))/2 + 32px); padding-top:12px; border-top:1px solid #fff6; display:flex; justify-content:space-between; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:#fffb; }
.band { margin-top:42px; border-top:1px solid #17394633; padding-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; font-size:10px; text-transform:uppercase; font-weight:800; letter-spacing:.1em; }
.band div { display:flex; gap:7px; align-items:center; }
.band span { color:#708184; }
.band b { font-size:11px; }
.section { padding:88px 0; }
.sage { background:var(--sage); }
.sand { background:var(--sand); }
.sea { background:var(--sea); color:#fff; }
.heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; border-top:1px solid #17394633; padding-top:14px; margin-bottom:38px; }
.heading h2 { font:clamp(42px,5vw,62px)/.94 "DM Serif Display",serif; letter-spacing:-.055em; margin:8px 0 0; }
.heading p { max-width:520px; color:var(--muted); line-height:1.6; font-size:14px; }
.heading a { color:var(--terra); border-bottom:1px solid var(--terra); font-size:12px; font-weight:800; white-space:nowrap; }
.grid { display:grid; gap:20px; }
.three { grid-template-columns:repeat(3,1fr); }
.cards .card:first-child { background:var(--sea); color:#fff; }
.card { border:1px solid #17394626; background:#fffdf9; transition:.2s; }
.card:hover,.territory:hover { transform:translateY(-4px); box-shadow:7px 8px 0 var(--sun); }
.card img { width:100%; height:230px; object-fit:cover; display:block; }
.card .in { padding:24px; }
.card h3 { font:34px/1.02 "DM Serif Display",serif; letter-spacing:-.04em; margin:16px 0 0; }
.card p { font-size:14px; line-height:1.6; opacity:.76; }
.tag { font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--terra); }
.card:first-child .tag,.card:first-child .more { color:#f3db83; }
.meta { font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.more { display:inline-flex; color:var(--terra); font-size:12px; font-weight:800; margin-top:18px; }
.territories { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.territory { min-height:210px; padding:20px; border:1px solid #17394626; background:#fffdf9; position:relative; }
.territory strong { font:42px "DM Serif Display",serif; color:var(--terra); }
.territory h3 { font:30px "DM Serif Display",serif; margin:68px 0 0; }
.territory p { font-size:13px; color:var(--muted); line-height:1.5; }
.agenda { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.event { display:grid; grid-template-columns:54px 1fr auto; gap:14px; padding:20px; background:#f6f0e7; color:var(--ink); }
.date { border-right:1px solid #1739462b; color:var(--terra); font-size:10px; font-weight:800; text-transform:uppercase; text-align:center; }
.date b { display:block; font:33px "DM Serif Display",serif; }
.event h3 { font:24px/1.05 "DM Serif Display",serif; margin:8px 0; }
.event p { font-size:11px; color:var(--muted); font-weight:700; }
.feature { min-height:410px; position:relative; overflow:hidden; background:var(--sea); }
.feature img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.feature:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#0a2934e6,transparent 75%); }
.feature .copy { position:absolute; z-index:1; left:32px; bottom:28px; color:#fff; }
.feature h2 { max-width:680px; font:52px/.94 "DM Serif Display",serif; margin:12px 0; letter-spacing:-.05em; }
.split { display:grid; grid-template-columns:1.08fr .92fr; gap:20px; }
.intro { background-color:var(--sage); background-image:linear-gradient(90deg,#196d6310 1px,transparent 1px),linear-gradient(#196d630e 1px,transparent 1px); background-size:52px 52px; padding:78px 0 65px; }
.intro h1 { font:clamp(52px,7vw,88px)/.9 "DM Serif Display",serif; letter-spacing:-.065em; margin:18px 0 0; }
.intro h1 em { color:var(--terra); font-style:normal; }
.intro .lead { max-width:480px; font-size:16px; line-height:1.7; color:var(--muted); }
.intro-grid { display:grid; grid-template-columns:1.2fr .65fr; gap:64px; align-items:end; }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0; }
.chip { padding:9px 11px; border:1px solid #17394633; background:transparent; font-size:11px; font-weight:800; cursor:pointer; }
.chip.active,.chip:hover { background:var(--terra); color:#fff; border-color:var(--terra); }
.filter { display:flex; gap:10px; padding:16px 0; border-top:1px solid #17394633; border-bottom:1px solid #17394633; }
.filter input { flex:1; padding:13px; border:1px solid #17394633; background:transparent; font:14px "Manrope",sans-serif; }
.article { padding:50px 0 0; }
.article h1 { font:clamp(52px,7vw,88px)/.88 "DM Serif Display",serif; letter-spacing:-.065em; max-width:1050px; margin:28px 0; }
.article .deck { font-size:18px; line-height:1.6; color:var(--muted); max-width:750px; }
.article-meta { display:flex; justify-content:space-between; border-top:1px solid #17394622; border-bottom:1px solid #17394622; margin-top:30px; padding:15px 0; font-size:11px; font-weight:800; color:var(--muted); }
.article-image { margin-top:55px; width:100%; height:520px; object-fit:cover; }
.prose { display:grid; grid-template-columns:.65fr 1.35fr; gap:40px; padding:60px 0 85px; }
.aside { border-top:1px solid #17394633; padding-top:14px; font-size:13px; line-height:1.6; color:var(--muted); }
.bodycopy { font:32px/1.25 "DM Serif Display",serif; letter-spacing:-.03em; }
.bodycopy p { margin:0 0 27px; }
.note { font:13px/1.6 "Manrope",sans-serif; background:var(--sage); border-left:4px solid var(--terra); padding:20px; color:var(--muted); }
.place-head { background:var(--sea); color:#fff; padding:60px 0; }
.place-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:end; }
.place-head h1 { font:78px/.86 "DM Serif Display",serif; letter-spacing:-.065em; margin:18px 0; }
.facts { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#ffffff24; }
.fact { padding:20px; background:var(--sea); }
.fact p { font:10px "Manrope",sans-serif; text-transform:uppercase; font-weight:800; letter-spacing:.11em; color:#fffa; }
.fact strong { font:26px "DM Serif Display",serif; }
.sale-page { background:var(--sea); color:#fff; padding:90px 0; }
.sale-page h1 { font:clamp(60px,8vw,104px)/.86 "DM Serif Display",serif; letter-spacing:-.07em; margin:18px 0; }
.sale-page h1 em { font-style:normal; color:#f3db83; }
.sale-page .logo-big { width:220px; filter:brightness(0) invert(1); }
.sale-grid { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:40px; }
.footer { background:var(--sea); color:var(--paper); padding:65px 0 24px; }
.foot-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr .9fr; gap:38px; }
.footer .brand { font-size:30px; }
.footer p,.footer a { font-size:13px; line-height:1.6; color:#fffb; }
.footer h4 { font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:#f3db83; margin:0 0 15px; }
.footer a { display:block; margin:6px 0; }
.copyright { display:flex; justify-content:space-between; border-top:1px solid #fff2; margin-top:55px; padding-top:18px; font-size:11px; color:#fff8; }
@media (min-width:801px) { .head { min-height:96px; } }
@media (max-width:800px) { .wrap { padding:0 20px; } .sale .wrap { font-size:9px; } .sale p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .nav { display:none; } .nav.open { display:flex; position:absolute; top:88px; left:0; right:0; background:var(--paper); padding:12px 20px 20px; flex-direction:column; gap:0; border-bottom:1px solid #17394622; } .nav.open a { padding:12px 0; } .menu { display:block; } .head .btn { display:none; } .hero,.hero .wrap { min-height:610px; } .hero h1 { font-size:62px; } .hero-foot { left:20px; right:20px; font-size:8px; } .band { grid-template-columns:1fr; gap:12px; } .section { padding:60px 0; } .heading,.intro-grid,.split,.sale-grid,.place-grid,.prose { grid-template-columns:1fr; gap:25px; } .heading { align-items:start; flex-direction:column; } .three,.territories,.agenda { grid-template-columns:1fr; } .feature h2 { font-size:42px; } .intro { padding:55px 0; } .article { padding-top:32px; } .article h1 { font-size:54px; } .article-image { height:330px; margin-top:35px; } .bodycopy { font-size:27px; } .place-head h1 { font-size:62px; } .foot-grid { grid-template-columns:1fr 1fr; gap:28px; } .footer .foot-brand { grid-column:1/-1; } .copyright { font-size:9px; } .sale-page { padding:65px 0; } .sale-page .logo-big { display:none; } }