/* unity design: shared styles (homepage, preview pages, legal pages) */
:root{--ink:#17150F;--ink2:#4B463D;--linen:#F2ECE1;--linen2:#E8E0D2;--brass:#A8833A;--slate:#5E6B73;--rule:#D6CCBB;--rule-d:#3A362E;--mute-d:#B3AB9C}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--linen);color:var(--ink);font:400 17px/1.6 "Libre Franklin",Arial,sans-serif;overflow-wrap:break-word}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.serif{font-family:"Libre Caslon Text",Georgia,serif}
h1,h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400}
h3{font-family:"Libre Caslon Text",Georgia,serif;font-weight:400}
.label{font-size:14px;font-weight:600;color:var(--slate);margin:0 0 18px;letter-spacing:.02em}
.dark .label{color:var(--brass)}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--linen);padding:12px 16px;z-index:50;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid #7E6126;outline-offset:3px}
.dark :focus-visible{outline-color:#D9B36A}
/* header */
.site-head{position:relative;z-index:20}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}
.logo{display:inline-flex;align-items:center;min-height:44px}
.logo img{display:block;height:44px;width:auto;margin-left:-4px}
.nav{display:flex;gap:30px;font-size:15px;align-items:center}
.nav a{text-decoration:none;color:var(--ink2);padding:12px 0;transition:color .2s ease-out}
.nav a:hover{color:var(--ink)}
.nav a.cta{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:6px;text-decoration-thickness:1.5px}
.menu-btn{display:none;font:inherit;font-size:15px;font-weight:500;background:none;border:1px solid var(--ink);color:var(--ink);border-radius:2px;min-height:44px;padding:0 16px;cursor:pointer}
/* buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:var(--ink);color:var(--linen);text-decoration:none;font-weight:500;font-size:17px;padding:14px 30px;border-radius:2px;border:0;font-family:inherit;cursor:pointer;transition:background .2s ease-out}
.btn:hover{background:#2E2A21}
.tl{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid var(--rule);font-size:16px;transition:border-color .2s ease-out}
.tl:hover{border-color:var(--ink)}
.dark .tl{border-color:var(--rule-d)}.dark .tl:hover{border-color:var(--linen)}
/* rows */
.row{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:48px;padding-top:96px;padding-bottom:96px}
.row + .row{border-top:1px solid var(--rule)}
h2{font-size:44px;line-height:1.08;letter-spacing:-.01em;margin:0 0 20px;max-width:24ch;text-wrap:balance}
.row p{margin:0 0 16px;color:var(--ink2);max-width:36em}
.dark{background:var(--ink);color:var(--linen)}
.dark p,.dark .row p{color:#CFC7B8}
.dark .row + .row{border-top-color:var(--rule-d)}
/* footer fine row */
.fine{margin-top:80px;padding-top:20px;border-top:1px solid var(--rule-d);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px;color:var(--mute-d);flex-wrap:wrap}
.fine img{height:34px;display:block}
.fine ul{list-style:none;display:flex;gap:24px;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.fine a{text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.fine a:hover{color:var(--linen)}
@media (max-width:860px){
 .wrap{padding:0 22px}
 .site-head .wrap{padding-top:12px;padding-bottom:12px}
 .logo img{height:36px}
 .row{grid-template-columns:1fr;gap:0;padding-top:64px;padding-bottom:64px}
 h2{font-size:34px}
 .fine{flex-direction:column;align-items:flex-start;gap:8px;margin-top:56px}
}
