:root{color-scheme:light;font-synthesis:none;--ink:#283030;--muted:#c9cec6;--charcoal:#283030;--gold:#c89850;--gold-light:#e0b66c;--sage:#9ca897;--cream:#fffaf2;font-family:Avenir Next,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}img{max-width:100%;display:block}html{background:#eee7d8;min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 14% 10%,#e1b86f8c,#0000 32%),radial-gradient(circle at 88% 82%,#869a8294,#0000 35%),linear-gradient(135deg,#fff7e8 0%,#eee8dc 49%,#dce3d9 100%);margin:0;position:relative;overflow:hidden auto}body:before{pointer-events:none;content:"";opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:1;place-items:center;min-height:calc(100svh - 64px);padding:clamp(24px,5vw,64px) 20px 12px;display:grid;position:relative}.card{width:min(100%,760px);color:var(--cream);background:linear-gradient(145deg,#ffffff09,#0000 38%),linear-gradient(135deg,#303837 0%,#242b2a 68%,#202625 100%);border:1px solid #ffffff1f;border-radius:clamp(28px,5vw,42px);padding:clamp(30px,6vw,62px);animation:.8s cubic-bezier(.22,1,.36,1) both card-in;position:relative;overflow:hidden;box-shadow:0 34px 90px #222a2845,0 6px 22px #222a2824,inset 0 1px #ffffff17}.card:before{content:"";filter:blur(2px);background:#c898501f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-290px;right:-240px}.card:after{content:"";border:1px solid #e0b66c38;border-radius:50%;width:300px;height:300px;position:absolute;top:-190px;right:-136px;box-shadow:0 0 0 32px #e0b66c0b,0 0 0 68px #e0b66c06}.brand{z-index:1;align-items:center;gap:17px;display:flex;position:relative}.mark{background:linear-gradient(145deg,#e0b66c3d,#ffffff0a);border:1px solid #e0b66c7a;border-radius:23px;flex:0 0 76px;width:76px;height:77px;padding:3px;animation:5s ease-in-out 1s infinite float;position:relative;overflow:hidden;box-shadow:0 14px 26px #0d11104d,inset 0 1px #ffffff1f}.mark img{block-size:100%;inline-size:100%;object-fit:contain;width:100%;height:100%}.brand-copy{gap:3px;display:grid}.brand-name{color:var(--cream);letter-spacing:-.025em;margin:0;font-size:1.13rem;font-weight:750}.brand-note{color:#fffaf285;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600}.copy{z-index:1;max-width:590px;margin-top:clamp(44px,7vw,68px);position:relative}.eyebrow{color:var(--gold-light);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;font-size:.73rem;font-weight:750;display:flex}.eyebrow span{background:var(--gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c898501f}h1{max-width:610px;color:var(--cream);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(2.65rem,8vw,5.25rem);font-weight:730;line-height:.94}h1 em{color:var(--gold-light);font-style:normal}.intro{max-width:510px;color:var(--muted);margin:clamp(24px,4vw,32px) 0 0;font-size:clamp(1rem,2.5vw,1.18rem);line-height:1.7}.sign-off{z-index:1;color:var(--cream);align-items:center;gap:13px;margin-top:clamp(36px,6vw,56px);display:flex;position:relative}.sign-off__line{background:#e0b66c94;width:28px;height:1px}.sign-off p{margin:0;font-size:.93rem;font-weight:650}.sign-off svg{width:16px;height:16px;fill:var(--gold-light)}footer{z-index:1;color:#283030a8;letter-spacing:.04em;place-items:center;height:64px;font-size:.74rem;display:grid;position:relative}footer p{margin:0}.ambient{pointer-events:none;filter:blur(1px);opacity:.62;border-radius:50%;animation:15s ease-in-out infinite alternate drift;position:fixed}.ambient--one{background:#c8985042;width:clamp(100px,18vw,240px);height:clamp(100px,18vw,240px);top:-4vw;right:9vw}.ambient--two{background:#586f5633;width:clamp(130px,23vw,320px);height:clamp(130px,23vw,320px);animation-delay:-5s;bottom:-9vw;left:3vw}.ambient--three{background:0 0;border:3px solid #71532b33;width:14px;height:14px;animation-delay:-8s;top:16%;left:12%}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes drift{0%{transform:translate(-6px,-4px)}to{transform:translate(12px,10px)}}@media (width<=520px){main{min-height:calc(100svh - 52px);padding:16px 14px 8px}.card{border-radius:28px;padding:28px 24px 30px}.mark{border-radius:19px;flex-basis:62px;width:62px;height:63px}.brand{gap:13px}.brand-name{font-size:1rem}.brand-note{font-size:.6rem}.copy{margin-top:40px}h1{font-size:clamp(2.3rem,11.8vw,3.65rem)}.intro{line-height:1.62}footer{height:52px}}@media (height<=700px) and (width>=521px){main{padding-top:24px}.card{padding-top:34px;padding-bottom:34px}.copy{margin-top:32px}.sign-off{margin-top:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
