@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --ink:#11100e; --paper:#eee9dd; --gold:#c7a15a; --gold-light:#e3c887; --bronze:#80623a; --line:rgba(229,210,171,.2); --muted:#ada79a; color-scheme:dark; font-family:"Cormorant Garamond",Georgia,serif; background:var(--ink); color:var(--paper); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;overflow-x:hidden;background:radial-gradient(ellipse 65% 30% at 50% 0,#262018 0%,var(--ink) 62%);line-height:1.45} a{color:inherit} .site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5.5rem);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;line-height:.82}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-light);font-family:"Playfair Display",serif;font-size:.65rem;letter-spacing:-.08em}.brand strong{font-family:"Playfair Display",serif;font-size:1.15rem;font-weight:600;display:block}.brand small{font-family:"DM Sans",sans-serif;display:block;color:var(--gold);font-size:.49rem;letter-spacing:.3em;text-transform:uppercase;margin:.28rem 0 0 .08rem}.site-header nav{display:flex;gap:clamp(1rem,2.6vw,2.5rem);align-items:center;font-family:"DM Sans",sans-serif;font-size:.76rem}.site-header nav a{text-decoration:none;color:#d5cfc2;transition:color .2s}.site-header nav a:hover{color:var(--gold-light)}.site-header .nav-facebook{border:1px solid rgba(199,161,90,.55);padding:.58rem .8rem;color:var(--gold-light)}
main{max-width:1440px;margin:auto;padding:0 clamp(1.25rem,5vw,5.5rem)}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;border-bottom:1px solid var(--line);padding:5rem 0 4rem}.hero-copy{position:relative;z-index:1;max-width:690px}.eyebrow{font-family:"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.65rem;font-weight:600;margin:0 0 1.3rem;display:flex;align-items:center;gap:.7rem}.eyebrow span{display:inline-block;width:30px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:600}h1{font-size:clamp(3.55rem,7.3vw,7rem);letter-spacing:-.055em;line-height:.91;margin:0 0 1.7rem}h1 em{color:var(--gold-light);font-weight:600}.lede{font-size:clamp(1.25rem,2vw,1.58rem);line-height:1.37;max-width:510px;color:#d2ccc0}.hero-actions{display:flex;gap:1.7rem;align-items:center;margin-top:2.5rem}.button{font-family:"DM Sans",sans-serif;font-size:.73rem;font-weight:600;letter-spacing:.04em;text-decoration:none}.button-primary{display:inline-flex;align-items:center;gap:1rem;background:var(--gold);color:#1b160e;padding:.9rem 1.15rem;transition:background .2s,transform .2s}.button-primary:hover{background:var(--gold-light);transform:translateY(-2px)}.text-link{font-family:"DM Sans",sans-serif;font-size:.74rem;color:var(--gold-light);text-decoration:none;border-bottom:1px solid rgba(227,200,135,.5);padding-bottom:.18rem}.text-link span{padding-left:.55rem}.hero-art{height:min(50vw,590px);width:min(50vw,590px);justify-self:end;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 44% 39%,#6b593c 0 1%,#31291e 1.4%,#1b1814 35%,transparent 66%);mask-image:radial-gradient(circle,#000 43%,transparent 70%)}.sun{width:35%;height:35%;border-radius:50%;background:radial-gradient(circle at 37% 34%,#d7c49d,#826c43 45%,#2c251b 73%);box-shadow:0 0 100px #b18843a6}.orbit{position:absolute;border:1px solid rgba(211,181,117,.4);border-radius:50%;transform:rotate(-25deg)}.orbit-one{inset:7% 3%}.orbit-two{inset:20% -4%;transform:rotate(48deg)}.hero-art p{position:absolute;color:#c7a15a99;font-family:"DM Sans",sans-serif;font-size:.49rem;letter-spacing:.22em;line-height:2;text-align:center;transform:rotate(-12deg);top:13%}.hero-art p i{font-style:normal;color:var(--gold-light)}.year{position:absolute;font-family:"Playfair Display",serif;font-size:1.4rem;letter-spacing:-.12em;color:#eee1c0;opacity:.85}.scroll-note{position:absolute;bottom:1.7rem;left:0;font-family:"DM Sans",sans-serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#938b7e;display:flex;align-items:center;gap:.65rem}.scroll-note span{width:24px;height:1px;background:#938b7e}
.wheel-section,.explore,.manifesto{padding:clamp(4.8rem,9vw,8.5rem) 0}.section-heading{display:flex;justify-content:space-between;gap:3rem;align-items:flex-end;margin-bottom:3.5rem}.section-heading h2,.manifesto h2{font-size:clamp(2.5rem,4.7vw,4.5rem);letter-spacing:-.045em;line-height:.98;margin:0}.section-intro{max-width:320px;font-size:1.13rem;line-height:1.3;color:#bcb5a8;margin:0}.wheel-frame{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0 1.35rem;background:linear-gradient(90deg,transparent,rgba(199,161,90,.05),transparent)}.wheel-topline,.wheel-footer{display:flex;justify-content:space-between;align-items:center;font-family:"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;color:#968a76;padding:0 3.4rem}.wheel-topline #wheel-date{color:var(--gold-light)}.time-wheel{display:flex;align-items:center;gap:1rem;margin:1.4rem 0 .4rem}.wheel-control{flex:0 0 auto;width:2.65rem;height:2.65rem;border:1px solid var(--gold);border-radius:50%;background:transparent;color:var(--gold-light);font-size:1.25rem;cursor:pointer;z-index:2;transition:background .2s,color .2s}.wheel-control:hover{background:var(--gold);color:#1b160e}.wheel-window{flex:1;overflow:hidden;padding:2.8rem 0 2rem;perspective:1000px}.wheel-track{height:240px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;position:relative}.wheel-card{position:absolute;width:clamp(175px,18vw,250px);height:220px;padding:1.25rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(213,186,125,.4);background:linear-gradient(160deg,#4d402c,#201b15 65%);box-shadow:0 14px 25px #0007;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s}.wheel-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(238,233,221,.17);pointer-events:none}.wheel-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 22%,rgba(229,201,139,.3),transparent 30%),linear-gradient(0deg,#130f0ada,transparent 65%)}.wheel-card>*{position:relative;z-index:1}.wheel-card .card-date{font-family:"DM Sans",sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold-light);margin:0 0 auto}.wheel-card h3{font-size:1.45rem;line-height:1.02;letter-spacing:-.035em;margin:0}.wheel-card .card-kind{font-family:"DM Sans",sans-serif;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:#e5ded0;margin:.7rem 0 0}.wheel-card[data-position="0"]{opacity:.18;transform:translateX(-370%) rotateY(59deg) scale(.52);filter:brightness(.5)}.wheel-card[data-position="1"]{opacity:.5;transform:translateX(-155%) rotateY(36deg) scale(.74);filter:brightness(.7)}.wheel-card[data-position="2"]{opacity:1;transform:translateX(-58%) rotateY(15deg) scale(.9);filter:brightness(.9)}.wheel-card[data-position="3"]{z-index:2;transform:translateZ(45px) scale(1.1);border-color:var(--gold-light);box-shadow:0 22px 42px #000b}.wheel-card[data-position="4"]{opacity:1;transform:translateX(58%) rotateY(-15deg) scale(.9);filter:brightness(.9)}.wheel-card[data-position="5"]{opacity:.5;transform:translateX(155%) rotateY(-36deg) scale(.74);filter:brightness(.7)}.wheel-card[data-position="6"]{opacity:.18;transform:translateX(370%) rotateY(-59deg) scale(.52);filter:brightness(.5)}.wheel-footer{justify-content:center;gap:.8rem}.wheel-footer .line{height:1px;width:45px;background:var(--bronze)}.wheel-footer p{margin:0;color:#b9ad98}.editor-note{font-size:1rem;color:#918a7d;text-align:center;margin:1.5rem 0 0}
.explore{border-top:1px solid var(--line)}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.era-card{height:250px;text-decoration:none;padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:#1d1a16;transition:background .25s}.era-card:before{content:"";position:absolute;inset:-30%;opacity:.45;transition:transform .5s;background:repeating-radial-gradient(ellipse at 50% 95%,transparent 0 18px,rgba(211,178,107,.25) 19px 20px,transparent 21px 37px)}.era-card:hover:before{transform:rotate(18deg) scale(1.15)}.era-card:hover{background:#302719}.era-card>*{position:relative;z-index:1}.era-card span{font-family:"DM Sans",sans-serif;color:var(--gold);font-size:.66rem;letter-spacing:.12em;margin-bottom:auto}.era-card h3{font-size:1.85rem;margin:0}.era-card p{font-size:1rem;color:#c8c0b1;margin:.25rem 0 0}.era-middle:before{background:linear-gradient(135deg,transparent 45%,rgba(199,161,90,.22)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(199,161,90,.12) 19px 20px)}.era-modern:before{background:radial-gradient(circle at 70% 40%,rgba(199,161,90,.35),transparent 5%,transparent 25%,rgba(199,161,90,.13) 25.5%,transparent 26%)}.era-twentieth:before{background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(199,161,90,.14) 21px 22px,transparent 23px 42px)}.topic-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1.4rem;margin-top:1.4rem;font-family:"DM Sans",sans-serif;font-size:.69rem}.topic-row>span{color:var(--gold);font-size:.59rem;text-transform:uppercase;letter-spacing:.16em;margin-right:.4rem}.topic-row a{color:#d8d0c0;text-decoration:none;border-bottom:1px solid #79633e;padding-bottom:.22rem}.topic-row a:hover{color:var(--gold-light)}
.manifesto{display:grid;grid-template-columns:.43fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:center;border-top:1px solid var(--line)}.manifesto-mark{width:min(25vw,265px);aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-family:"Playfair Display",serif;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.13em;color:var(--gold-light);position:relative}.manifesto-mark:after{content:"";position:absolute;inset:12px;border:1px solid rgba(227,200,135,.45);border-radius:50%}.manifesto p:not(.eyebrow){font-size:1.25rem;line-height:1.4;color:#c7c0b3;max-width:650px;margin:1.4rem 0 1.7rem}footer{border-top:1px solid var(--line);min-height:100px;padding:1.8rem clamp(1.25rem,5vw,5.5rem);display:flex;align-items:center;gap:2rem;font-family:"DM Sans",sans-serif;font-size:.65rem;color:#958d80}footer p{margin:0;flex:1}footer>a:last-child{text-decoration:none;border-bottom:1px solid #6c5735;padding-bottom:.15rem}
@media(max-width:760px){.site-header{height:76px}.site-header nav a:not(.nav-facebook){display:none}.site-header .nav-facebook{font-size:.62rem}.hero{min-height:auto;grid-template-columns:1fr;padding:5.5rem 0 5rem}.hero-art{position:absolute;width:105vw;height:105vw;right:-31vw;top:2rem;opacity:.42}.hero-copy{max-width:430px}.hero .lede{max-width:360px}.scroll-note{bottom:1.3rem}.section-heading{display:block;margin-bottom:2.25rem}.section-intro{margin-top:1.25rem}.wheel-topline{padding:0}.time-wheel{gap:.2rem}.wheel-control{width:2.25rem;height:2.25rem}.wheel-window{padding:1.7rem 0}.wheel-track{height:205px}.wheel-card{width:180px;height:185px;padding:1rem}.wheel-card h3{font-size:1.2rem}.wheel-card[data-position="0"],.wheel-card[data-position="1"],.wheel-card[data-position="5"],.wheel-card[data-position="6"]{opacity:0;pointer-events:none}.wheel-card[data-position="2"]{transform:translateX(-39%) rotateY(22deg) scale(.76)}.wheel-card[data-position="3"]{transform:translateZ(35px) scale(.95)}.wheel-card[data-position="4"]{transform:translateX(39%) rotateY(-22deg) scale(.76)}.wheel-footer{padding:0}.explore-grid{grid-template-columns:1fr 1fr}.era-card{height:185px}.manifesto{grid-template-columns:1fr;gap:2rem}.manifesto-mark{width:100px}.topic-row{line-height:2}.brand strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
