@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{color-scheme:dark;--ink:#100c1a;--ink2:#1b1329;--purple:#3b225a;--gold:#e4bf6c;--cream:#f5f0e8;--muted:#c2b9c8;--stroke:rgba(229,203,151,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}a:hover,a:focus-visible{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip-link{position:absolute;top:-70px;left:20px;z-index:100;padding:10px 16px;background:var(--gold);color:var(--ink)}.skip-link:focus{top:10px}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(24px,6vw,90px);border-bottom:1px solid rgba(255,255,255,.09)}.wordmark{text-decoration:none;font-family:'Playfair Display',Georgia,serif;font-size:22px;white-space:nowrap}.mark{display:inline-block;color:var(--gold);font-size:27px;margin-right:8px}.site-header nav{display:flex;flex-wrap:wrap;gap:clamp(15px,2.5vw,38px)}.site-header nav a,.footer-links a{text-decoration:none;color:#ddd5e2;font-size:13px;letter-spacing:.02em}.site-header nav a:hover,.footer-links a:hover{color:var(--gold)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3.4rem,6.7vw,7.7rem)}h2{font-size:clamp(2.6rem,4.5vw,5rem)}h3{font-size:clamp(2rem,3vw,3.6rem)}em{font-weight:400;color:var(--gold)}p{color:var(--muted)}.eyebrow,.mini-label,.section-label{font-family:'DM Sans',system-ui,sans-serif;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--gold)}.line{display:inline-block;vertical-align:middle;width:38px;height:1px;background:var(--gold);margin-right:12px}.section-pad{padding:clamp(82px,10vw,155px) clamp(24px,6vw,90px)}
.hero{position:relative;min-height:690px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:center;padding:85px clamp(24px,6vw,90px) 105px;background:radial-gradient(circle at 82% 55%,#4a2b65 0,#281733 28%,transparent 55%),linear-gradient(145deg,#100c1a 10%,#1b1329 75%,#171023)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}.hero-content{position:relative;z-index:2;max-width:850px}.hero h1{margin:25px 0 30px}.hero-lede{font-size:clamp(1rem,1.5vw,1.22rem);max-width:620px;line-height:1.85}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:55px;padding:12px 25px;border-radius:100px;text-decoration:none;font-weight:700;font-size:14px}.button.primary{background:var(--gold);color:#211526;box-shadow:0 12px 45px rgba(228,191,108,.14)}.button.primary:hover{background:#f0d38f;color:#211526}.text-link,.arrow-link{text-decoration:none;color:var(--gold);font-size:14px;font-weight:700;border-bottom:1px solid rgba(228,191,108,.55);padding-bottom:6px}.text-link span,.arrow-link span{margin-left:15px}.hero-art{position:relative;min-height:480px;display:flex;justify-content:center;align-items:center}.hero-art:before{content:"";position:absolute;width:min(390px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(247,211,134,.26),rgba(89,43,115,.27) 35%,transparent 70%);filter:blur(20px)}.orbit{position:absolute;border:1px solid rgba(228,191,108,.22);border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:300px;height:425px}.orbit-two{width:405px;height:320px;transform:rotate(25deg);border-color:rgba(184,134,209,.2)}.path-stroke{position:absolute;width:1px;height:440px;background:linear-gradient(transparent,var(--gold),transparent);transform:rotate(34deg);opacity:.7}.star{position:absolute;top:20%;left:48%;font-size:75px;color:#ffdb8a;text-shadow:0 0 45px #e5ac49,0 0 120px #d89038}.hero-art p{position:relative;z-index:1;color:var(--cream);text-align:center;font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,3vw,3.3rem);line-height:1.3;text-shadow:0 5px 25px #120d1a}.hero-art i{color:var(--gold)}
.intro,.writing{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:50px;background:#15101f}.section-label{padding-top:10px;color:#8f769e}.section-body{max-width:850px}.section-body p:not(.eyebrow){max-width:690px;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.95}.section-body h2{margin:14px 0 35px}.work{background:linear-gradient(160deg,#1b1329,#110d1b)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-heading h2{margin:0}.section-heading>p{max-width:350px}.feature-card{display:grid;grid-template-columns:42% 58%;border:1px solid var(--stroke);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:0 28px 80px rgba(0,0,0,.19)}.card-art{min-height:390px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 53%,rgba(249,188,73,.52) 0,rgba(89,44,92,.35) 24%,transparent 55%),linear-gradient(140deg,#3c2558,#14101f 70%)}.card-art:before,.card-art:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(228,191,108,.28);border-radius:50%}.card-art:after{width:220px;height:220px;opacity:.7}.card-mark{position:relative;z-index:1;color:#ffd681;font-size:140px;line-height:1;text-shadow:0 0 80px #e1a249}.card-copy{padding:clamp(35px,5vw,75px);display:flex;flex-direction:column;align-items:start;justify-content:center}.card-copy h3{margin:10px 0 20px}.card-copy p:not(.mini-label){line-height:1.85;max-width:540px}.card-copy .arrow-link{margin-top:20px}.writing{background:#15101f}.small-rule{width:80px;height:1px;background:var(--gold);margin:32px 0;opacity:.5}.muted{opacity:.78}.letter-tease{background:linear-gradient(135deg,#271735,#3b2254 55%,#22162d)}.letter-panel{max-width:850px;margin:auto;text-align:center}.letter-panel p:not(.eyebrow){font-size:clamp(1rem,1.5vw,1.2rem);max-width:630px;margin:0 auto 34px}.letter-panel h2{margin:10px 0 27px}.site-footer{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:32px;padding:60px clamp(24px,6vw,90px);background:#0d0a15;border-top:1px solid var(--stroke)}.site-footer p{font-size:13px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;padding-top:5px}.copyright{width:100%;margin:10px 0 0;opacity:.55}
.letter-main{max-width:920px;margin:0 auto;padding:clamp(80px,12vw,150px) 24px 130px}.letter-main h1{margin:22px 0 48px}.letter-card{border:1px solid var(--stroke);border-left:3px solid var(--gold);background:linear-gradient(125deg,rgba(83,48,105,.23),rgba(255,255,255,.025));border-radius:4px 24px 24px 4px;padding:clamp(30px,5vw,70px);margin-bottom:40px}.letter-card p{color:var(--cream);font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.7}.letter-card .signature{color:var(--gold);font-style:italic;margin:35px 0 0}.letter-page{min-height:100vh;background:radial-gradient(circle at 80% 20%,#342044,#100c1a 55%)}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{min-height:300px;margin-top:30px}.orbit-one{height:270px;width:200px}.orbit-two{height:210px;width:290px}.path-stroke{height:290px}.star{font-size:50px;top:12%}.intro,.writing{grid-template-columns:1fr;gap:20px}.section-heading{display:block}.section-heading>p{margin-top:30px}.feature-card{grid-template-columns:1fr}.card-art{min-height:260px}.card-copy{padding:36px}.site-header{align-items:start;flex-direction:column;gap:14px}.site-header nav{gap:20px}}
@media(max-width:480px){.site-header{padding-top:19px;padding-bottom:19px}.site-header nav a{font-size:12px}.hero{min-height:0;padding-top:75px;padding-bottom:50px}.hero h1{font-size:clamp(3.1rem,13vw,4.2rem)}.hero-art{min-height:250px}.hero-art p{font-size:2rem}.actions{align-items:flex-start;gap:23px;flex-direction:column}.section-pad{padding-top:75px;padding-bottom:75px}.section-label{padding:0}.letter-main{padding-top:70px}.footer-links{gap:18px}}
.hero-glow{position:absolute;inset:0;pointer-events:none}
.letter-main>.eyebrow:not(:first-child){margin-top:48px}.contact-card p{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.85;margin:0}.contact-card a{color:var(--gold);overflow-wrap:anywhere}