@font-face{font-family:DM Sans;src:url('/assets/brand-1.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:DM Serif Display;src:url('/assets/brand-3.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#fcf9f0;--ink:#241e16;--gold:#906424;--muted:#716655;--line:#d9ceb9}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:280px;min-height:100svh;position:relative;isolation:isolate;color:var(--ink);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 25%,#fffdf7 10%,#fcf9f0 65%,#efe6d580);display:grid;place-items:center;padding:40px 20px;padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
.botanical{position:absolute;pointer-events:none;z-index:-1;width:min(32vw,370px);height:550px;background:url('/assets/botanical-accent.webp') center/contain no-repeat;opacity:.13;top:12%;}.botanical-left{left:0;transform:rotate(12deg)}.botanical-right{right:0;transform:rotate(192deg);top:auto;bottom:8%}
.hub{width:100%;max-width:480px;text-align:center}.identity{animation:arrive .7s ease-out both}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;color:#7a603a;margin:0 0 25px}.eyebrow span{width:28px;height:1px;background:#cbb995}.seal{width:144px;height:144px;border:1px solid #c7b38c;border-radius:50%;padding:7px;margin:0 auto 22px;position:relative;background:#f1e7d5;box-shadow:0 8px 28px #5c432211}.seal:after{content:'';position:absolute;inset:-7px;border:1px solid #d5c5a66b;border-radius:50%;pointer-events:none}.seal img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}h1{font-family:DM Serif Display,Georgia,serif;font-weight:400;font-size:58px;line-height:.99;letter-spacing:-1.8px;margin:0}h1 span{color:var(--gold)}.intro{font-size:14px;line-height:1.7;color:var(--muted);margin:20px 0 0}
.links{display:grid;gap:14px;margin-top:30px}.link-card{text-decoration:none;display:flex;align-items:center;gap:15px;min-height:92px;width:100%;padding:18px 20px;border-radius:17px;text-align:left;border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;animation:arrive .7s ease-out .1s both;-webkit-tap-highlight-color:#b6935433;touch-action:manipulation}.primary{background:#282219;color:#fffaf0;border-color:#282219;box-shadow:0 7px 20px #38281113}.secondary{background:#fffdf8;color:var(--ink);animation-delay:.18s;box-shadow:0 4px 14px #38281106}.icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:#ffffff0e;border:1px solid #ffffff20;color:#e1c291}.icon svg{width:23px;height:23px}.secondary .icon{background:#f3ecde;border-color:#e8dcc6;color:#84612c}.link-copy{flex:1;min-width:0}.link-copy strong{display:block;font-weight:600;font-size:15px;line-height:1.4}.link-copy>span{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:#d5cbbb}.secondary .link-copy>span{color:var(--muted)}.arrow{width:19px;height:19px;flex-shrink:0;transition:transform .2s ease;color:#c9ac7c}.secondary .arrow{color:#8c754f}.link-card:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.link-card:active{transform:scale(.98)}
footer{margin-top:27px;animation:arrive .7s ease-out .25s both}.signature{display:flex;align-items:center;justify-content:center;gap:12px;color:#a88a56}.signature span{width:32px;height:1px;background:#d9ceb9}.signature svg{width:14px;height:14px}footer p{font-size:11px;line-height:1.5;color:var(--muted);margin:13px 0 16px}footer small{font-size:10px;color:#7a6b56}footer b{font-weight:500}
@media(hover:hover){.link-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #38281115}.primary:hover{background:#3b3021}.secondary:hover{background:#f7efdf}.link-card:hover .arrow{transform:translateX(3px)}}
@media(min-width:700px){body{padding:54px 24px}.hub{max-width:500px}.links{margin-top:34px}.link-card{min-height:94px}.link-copy strong{font-size:16px}.link-copy>span{font-size:12px}.seal{width:152px;height:152px}h1{font-size:64px}}
@media(max-width:360px){body{padding-left:16px;padding-right:16px}.eyebrow{font-size:9px;letter-spacing:2px}.seal{width:122px;height:122px}h1{font-size:50px}.link-card{padding:16px 13px;gap:11px}.link-copy strong{font-size:14px}.icon{width:36px;height:36px}.arrow{width:16px}}
@media(max-height:720px) and (max-width:699px){body{padding-top:max(24px,env(safe-area-inset-top))}.eyebrow{margin-bottom:20px}.seal{width:118px;height:118px;margin-bottom:17px}h1{font-size:50px}.intro{margin-top:14px}.links{margin-top:23px}.link-card{min-height:84px}footer{margin-top:20px}}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}

/* Keep the hub inside the visible browser viewport, including mobile chrome. */
html{height:100%;overflow:hidden;overscroll-behavior:none}
body{height:100svh;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;padding: max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.botanical{height:min(65%,450px);max-height:100%;overflow:hidden}
.hub{max-height:100%;display:flex;flex-direction:column;justify-content:center}
.eyebrow{margin-bottom:clamp(10px,2dvh,20px)}
.seal{width:clamp(70px,15dvh,144px);height:clamp(70px,15dvh,144px);margin-bottom:clamp(10px,2dvh,20px);flex-shrink:0}
h1{font-size:clamp(36px,7dvh,60px)}
.intro{margin-top:clamp(8px,1.7dvh,18px);font-size:13px;line-height:1.55}
.links{margin-top:clamp(12px,2.5dvh,28px);gap:clamp(9px,1.6dvh,14px)}
.link-card{min-height:74px;padding:14px 16px}
footer{margin-top:clamp(12px,2.2dvh,24px)}
footer p{margin:9px 0 10px}
@media(max-height:600px){
 .seal{width:64px;height:64px;padding:4px;margin-bottom:10px}
 .eyebrow{margin-bottom:12px}
 h1{font-size:36px}
 .intro{font-size:12px;margin-top:8px}
 .link-card{min-height:68px;padding:10px 13px;gap:10px}
 .link-copy strong{font-size:14px}
 .icon{width:36px;height:36px}
 footer .signature,footer p{display:none}
 footer{margin-top:10px}
}
@media(max-height:440px){
 .seal,.intro{display:none}
 .eyebrow{margin-bottom:6px}
 h1{font-size:30px;line-height:1.05}
 h1 br{display:none}
 .links{margin-top:10px;gap:8px}
 .link-card{min-height:58px;padding:8px 12px}
 .link-copy>span{margin-top:2px}
}