/* Official Become3D identity. Shared by public pages, designers and studio tools. */
:root{--green:#062c25;--gold:#95642c;--brand-gold:#bc8237;--brand-gold-light:#dfbc83;--cream:#fbf8f1;--paper:#fbf8f1;--soft:#f3eee2;--line:#ded7c8;--muted:#617068;--serif:'Cormorant Garamond',Georgia,serif;accent-color:var(--green);color-scheme:light}
body{background-color:var(--paper);color:var(--green)}
::selection{background:#ead6b1;color:#062c25}
a.brand{display:inline-flex;align-items:center;justify-content:flex-start;line-height:1;letter-spacing:normal;flex-shrink:0;text-decoration:none}
img.official-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.site-sidebar{background:linear-gradient(160deg,#fbf8f1,#f0ebdd);border-right-color:var(--line);color:var(--green)}
.site-sidebar .sidebar-heading{padding:0 2px;gap:8px;min-height:68px}
.site-sidebar .brand{max-width:100%;width:208px;min-width:0}
.site-sidebar .official-logo{width:208px}
.site-sidebar .sidebar-tagline{color:#865b29;font-size:9px;letter-spacing:2px;margin-top:16px;padding-left:4px}
.site-sidebar .sidebar-label{color:#865b29;letter-spacing:1.7px}
.side-link:hover,.side-link[aria-current=page]{background:#eae3d3;color:#062c25}
.site-sidebar .sidebar-footer{border-color:var(--line)}
.sidebar-footer em{color:#865b29}
.topbar,.site-topbar,.utility-bar{background-color:#fbf8f1f5;border-color:var(--line)}
.announcement{background:#062c25;color:#fbf8f1;border-bottom:1px solid #bc8237}
.button,.primary,button.primary{border-radius:7px}
.button:not(.outline):hover,button.primary:hover{background:#16463a}
.button.outline{border-color:#b4803c}
.story-art{background:#fbf8f1;border:1px solid #c6a36b;border-radius:100px 100px 12px 12px;padding:72px 30px;min-height:230px;display:grid;place-items:center;box-shadow:0 12px 40px #062c2508}
.story-art img.official-story-logo{width:100%;height:auto;object-fit:contain}
footer a.brand{background:#fbf8f1;padding:8px 12px;border-radius:8px;max-width:100%}
footer .official-logo{width:185px}
.contact{background:#062c25}.contact .button{background:#d8b37a;border-color:#d8b37a;color:#062c25}
.contact-options>a{transition:background .15s,padding .15s}.contact-options>a:hover{background:#ffffff08;padding-left:8px}
body>header:not(.studio-header) .brand .official-logo{width:220px}
:focus-visible{outline-color:#95642c}
@media(max-width:1050px){.mobile-brand .official-logo{width:170px}.site-sidebar .brand{width:216px}.site-sidebar .official-logo{width:216px}.site-sidebar .sidebar-heading{min-height:72px}}
@media(max-width:700px){.mobile-brand .official-logo{width:145px}.story-art{padding:56px 24px;min-height:200px}.site-sidebar .brand{width:205px}.site-sidebar .official-logo{width:205px}}
@media(prefers-reduced-motion:reduce){.contact-options>a{transition:none}}
