/* New look (27 Oct 2026 mockup): Cormorant headings, Jost body, My Color Taste navy */
:root{--ink:#182330;--text:#4A5568;--line:#DDE2EA}
body{background:#fff;font-family:"Jost",system-ui,sans-serif;font-size:15px;color:var(--text)}
h1,h2,.page-title,.section-title,.artist__text h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:#182330}
.page-title,.page-title a{color:#182330}
.logo{font-family:"Jost",system-ui,sans-serif;font-weight:400;font-size:14px;letter-spacing:1px;line-height:18px;padding-right:0;color:#182330}
.site-header .wrap{gap:14px}
.site-header .nav{margin-left:auto}
.tagline{font-size:14px;letter-spacing:1px;color:#182330;padding-left:14px;border-left:1px solid #DDE2EA}
@media (max-width:749px){.site-header .tagline{display:none}}
.button{min-height:36px;padding:0 24px;font-size:14px;letter-spacing:.5px;font-weight:400;border-radius:999px;background:#182330;color:#fff;border:1px solid #182330}
.button:hover{background:#2C3D52;border-color:#2C3D52;color:#fff;box-shadow:none}
.newsletter button,.newsletter input{border-radius:999px}
.frame{box-sizing:border-box;border:5px solid #e8cfae;padding:2px;background:#3b2f27;outline:1px solid #cfae86;outline-offset:-5px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ports{display:grid;grid-template-columns:1.49fr 1fr 1fr 1fr;gap:8px}
.ports img{width:100%;aspect-ratio:1510/2000;object-fit:cover;display:block}
.ports .lead{grid-column:1;grid-row:1/3;height:100%;aspect-ratio:auto}
@media (max-width:749px){.ports{grid-template-columns:1fr 1fr}.ports .lead{grid-column:1/-1;grid-row:auto;height:auto}}
.site-footer{margin-top:0}
.site-footer .wrap{padding-top:64px}
/* One heading size everywhere */
.page-title,.section-title,.split__text h1,.split__text h2,.rte h1,.rte h2,.artist__text h2{font-size:36px!important;line-height:1.2!important;font-weight:500!important}
@media (max-width:749px){.page-title,.section-title,.split__text h1,.split__text h2,.rte h1,.rte h2,.artist__text h2{font-size:28px!important}}
/* Water pair: same size */
.grid--2 .card img{aspect-ratio:1800/1371;object-fit:fill;width:100%}
/* About: text left, picture right, like home */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-block:64px}
.about-split .txt{max-width:52ch;justify-self:end;display:grid;gap:14px}
.about-split .txt p{margin:0;line-height:1.75}
.about-split .page-title{margin:0 0 6px}
.about-split img{width:100%;max-width:400px;display:block;position:sticky;top:24px}
@media (max-width:749px){.about-split{grid-template-columns:1fr;gap:28px;padding-block:40px}.about-split .media{order:-1}.about-split .txt{justify-self:start}}

/* Tagline sits next to the logo and gets cut off when space runs out */
.site-header .tagline{white-space:nowrap;overflow:hidden;min-width:0;flex:0 1 auto}
.site-header .logo{flex:none;white-space:nowrap}
.site-header .nav{flex-wrap:nowrap;flex:none}
@media (max-width:989px){.site-header .wrap{grid-template-columns:44px auto minmax(0,1fr) 12px}.site-header .logo{justify-self:start;margin-left:8px}.site-header .tagline{display:block!important;grid-column:3;grid-row:1;margin-left:14px}}

/* Thinner, softer gap between frame and canvas (Neli, 28 Oct 2026) */
.frame{padding:1px;background:#8a6f5c}