@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Space+Mono&display=swap');
:root{--navy:#172944;--blue:#526b96;--mist:#b9c6ef;--cream:#f5f2e9;--red:#dc725f;--green:#a8ad87;--ink:#20251f;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.masthead{height:80px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17294426;background:var(--cream)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.15em}.seal{display:grid;place-items:center;border:1px solid var(--navy);width:34px;height:34px;border-radius:50%;font:10px var(--serif);letter-spacing:0}.masthead nav{display:flex;gap:30px}.masthead nav a,.top-ticker,.section-tag,.cover-meta,.kicker,.vertical-note,.ticker-strip,.story-foot,.image-number,.text-link,.token-label,.token-info button,.token-tail,footer{font:9px var(--mono);letter-spacing:.08em}.masthead nav a{color:#596372}.masthead nav a:hover,.text-link:hover{color:var(--red)}.top-ticker{border:1px solid #17294450;border-radius:24px;padding:10px 16px}.top-ticker span{color:var(--red);margin-left:8px}.cover{position:relative;min-height:700px;padding:54px 7% 72px;overflow:hidden}.cover-image{height:380px;position:relative;overflow:hidden;background:#344257}.cover-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121d2c96 0%,transparent 53%),linear-gradient(0deg,#111b2d4d,transparent 30%)}.cover-image img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block}.cover-meta{position:absolute;z-index:1;bottom:16px;left:19px;right:19px;display:flex;justify-content:space-between;color:#f4f2ed}.cover-title{position:absolute;z-index:2;top:134px;left:12%;color:white}.kicker{display:flex;align-items:center;gap:9px}.kicker i{display:block;width:7px;height:7px;border-radius:50%;background:var(--red)}.cover h1{font:600 105px/.82 var(--serif);letter-spacing:-.065em;margin:22px 0 30px}.cover h1 em{color:var(--mist);font-weight:500}.cover h1 sup{font:12px var(--sans);vertical-align:top;letter-spacing:0;margin-left:6px}.cover-bottom{display:flex;align-items:center;gap:28px}.cover-bottom p{font-size:13px;line-height:1.6;color:#e3e6eb;margin:0}.circle-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff9c;border-radius:50%;font-size:22px;transition:.2s}.circle-arrow:hover{background:var(--mist);color:var(--navy)}.vertical-note{position:absolute;right:3.4%;top:225px;writing-mode:vertical-rl;color:#717a7a}.ticker-strip{height:47px;background:var(--mist);display:flex;justify-content:space-around;align-items:center;color:var(--navy);font-size:8px}.flower{color:var(--red);font-size:15px}.story{padding:74px 12% 43px}.story-heading,.token-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #17294432;padding-bottom:15px}.section-tag{color:#72776e}.little-flower{font-size:24px;color:var(--red)}.story-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;padding:48px 0 53px;align-items:center}.story h2,.portrait-note h2,.community h2{font:500 54px/.99 var(--serif);letter-spacing:-.045em;margin:0}.story h2 span{color:var(--blue)}.story-copy{max-width:435px}.story-copy p{font-size:14px;line-height:1.8;color:#555951;margin:0 0 17px}.text-link{display:inline-flex;gap:18px;border-bottom:1px solid var(--red);padding:8px 0;color:var(--navy);margin-top:8px}.text-link span{color:var(--red)}.story-foot{display:flex;justify-content:space-between;border-top:1px solid #17294432;padding-top:15px;color:#77796f;font-size:8px}.portrait{background:#e8e6dd;padding:70px 12%;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.portrait-img{height:465px;position:relative;overflow:hidden;background:#343f42}.portrait-img:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#17294445)}.portrait-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.image-number{position:absolute;z-index:1;left:17px;bottom:16px;color:white}.portrait-note h2{font-size:48px;margin:28px 0 17px}.portrait-note h2 em,.community h2 em{font-weight:500;color:var(--red)}.portrait-note p{font-size:13px;color:#666a60}.handwritten{display:block;font:italic 20px var(--serif);color:var(--blue);margin-top:43px;transform:rotate(-5deg)}.community{padding:78px 12%;background:var(--navy);color:var(--cream);display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.community .section-tag{color:var(--mist)}.community h2{font-size:57px;margin:29px 0 20px}.community h2 em{color:var(--mist)}.community-left p{font-size:13px;color:#c3c9d0}.community-links a{display:grid;grid-template-columns:40px 1fr 25px;align-items:center;gap:14px;padding:21px 0;border-bottom:1px solid #ffffff3c}.community-links a:first-child{border-top:1px solid #ffffff3c}.community-links a span,.community-links a strong{font-family:var(--mono);font-size:9px;letter-spacing:.07em}.community-links a span{color:var(--mist)}.community-links a strong{font-weight:400}.community-links a b{font-size:18px;font-weight:400;color:var(--red);transition:transform .2s}.community-links a:hover b{transform:translate(3px,-3px)}.token{padding:34px 12% 0;background:#dfe3e6;color:var(--navy)}.token-title{border-color:#17294435}.token-flower{color:var(--red);font-size:21px}.token-body{display:flex;justify-content:space-between;align-items:center;padding:42px 0 45px}.token-label{font-size:8px;color:#697583}.token-body h2{font:600 74px/.95 var(--serif);letter-spacing:-.06em;margin:10px 0 0}.token-info{max-width:300px}.token-info p{font:16px/1.5 var(--serif);color:#48576b}.token-info button{border:1px solid #17294466;background:transparent;color:var(--navy);padding:12px 14px;font-size:8px}.token-info button:disabled{opacity:.7}.token-info button span{color:var(--red);padding-left:15px}.token-tail{border-top:1px solid #17294435;display:flex;justify-content:space-between;padding:16px 0;font-size:8px;color:#5d6a7a}footer{height:76px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;color:#69716f;font-size:8px}footer .wordmark{font:700 10px var(--sans);color:var(--navy)}footer .seal{height:27px;width:27px;font-size:8px}footer>a:last-child{color:var(--navy)}
@media(max-width:800px){.masthead{padding:0 5%}.masthead nav{gap:15px}.cover{min-height:620px;padding:40px 5% 62px}.cover-image{height:350px}.cover-title{left:9%;top:118px}.cover h1{font-size:88px}.vertical-note{right:2%;font-size:8px}.story,.portrait,.community,.token{padding-left:7%;padding-right:7%}.story-grid{gap:35px}.story h2{font-size:44px}.portrait{gap:6%}.portrait-img{height:400px}.portrait-note h2{font-size:41px}.community h2{font-size:47px}}
@media(max-width:560px){.masthead{height:67px}.masthead nav{display:none}.wordmark{font-size:10px}.seal{height:30px;width:30px}.cover{min-height:530px;padding-top:25px}.cover-image{height:320px}.cover-title{top:91px;left:9%}.cover h1{font-size:72px;margin:18px 0 23px}.cover-bottom p{font-size:11px}.circle-arrow{height:41px;width:41px}.vertical-note{display:none}.cover-meta{font-size:7px}.ticker-strip{gap:15px;justify-content:center;font-size:7px}.ticker-strip span:nth-last-child(-n+2){display:none}.story{padding-top:49px;padding-bottom:34px}.story-grid{grid-template-columns:1fr;padding:34px 0;gap:22px}.story h2{font-size:43px}.story-copy p{font-size:13px}.story-foot{font-size:7px;gap:15px}.portrait{grid-template-columns:1fr;padding-top:44px;padding-bottom:47px;gap:28px}.portrait-img{height:400px}.portrait-note h2{font-size:43px;margin-top:21px}.handwritten{margin-top:28px}.community{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:30px}.community h2{font-size:48px;margin:21px 0 14px}.community-links a{padding:17px 0}.token{padding-top:26px}.token-body{display:block;padding:32px 0}.token-body h2{font-size:61px}.token-info{margin-top:18px}.token-info p{font-size:14px}.token-tail{font-size:7px}footer{padding:0 5%;gap:12px;flex-wrap:wrap;height:auto;min-height:78px}footer>span{font-size:7px}footer .wordmark{font-size:9px}}