*{box-sizing:border-box}body{margin:0;background:#d8d7d2;color:#272720;font-family:Manrope,Arial,sans-serif}button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d74429;outline-offset:5px}.toolbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;padding:12px 24px;background:#242823;color:#f5f3eb;box-shadow:0 2px 12px #0002}.toolbar strong{margin-right:25px;font-size:18px}.toolbar button{background:transparent;border:1px solid #788175;color:inherit;padding:10px 18px;border-radius:3px}.toolbar button.active{background:#f5f3eb;color:#252923}.toolbar .note{font-size:11px;line-height:1.6;margin-left:auto;max-width:255px;color:#cbd0c4}.canvas{display:flex;gap:60px;padding:50px;width:max-content;align-items:flex-start}.concept{width:1440px;flex-shrink:0;--paper:#f4f0e8;--ink:#282720;--accent:#a3452e;--soft:#e4e2d5;--serif:'Cormorant Garamond',Georgia,serif;color:var(--ink)}.concept-label{height:65px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.concept-label small{font-size:12px;font-weight:400}.page{background:var(--paper);box-shadow:0 5px 35px #0001;overflow:hidden}.page header{height:100px;margin:0 56px;border-bottom:1px solid;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:40px;letter-spacing:-2px}.page nav{display:flex;gap:28px;font-size:15px}.page section{padding:80px 56px;position:relative}.eyebrow{font:12px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase;margin:0 0 32px}.page h1,.page h2,.page h3,.page p{margin-top:0}.page h1,.page h2,.page h3{font-family:var(--serif);font-weight:400}.page h1{font-size:105px;line-height:.97;letter-spacing:-3.5px;margin-bottom:40px}.page h2{font-size:76px;line-height:1.08;letter-spacing:-2px;margin-bottom:35px}.page h3{font-size:42px;line-height:1.08;margin-bottom:20px}.page p{font-size:21px;line-height:1.55}.page .meta{font:12px 'IBM Plex Mono',monospace;letter-spacing:.6px;line-height:1.6}.outline{border:1px solid;padding:17px 23px;font-size:15px;display:inline-block;background:transparent}.hero{height:900px}.hero .eyebrow{margin-bottom:85px}.hero h1{max-width:850px;position:relative;z-index:2}.hero .portrait{position:absolute;right:56px;top:62px;width:494px;height:650px;object-fit:cover;filter:grayscale(1);object-position:center}.hero p{margin-top:40px;position:relative;z-index:2}.hero .orbit{position:absolute;right:46px;top:98px;width:550px;height:550px;border:1px solid var(--accent);border-radius:50%;z-index:3;pointer-events:none}.hero .bottomline{position:absolute;left:56px;right:56px;bottom:36px;border-top:1px solid #9998;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}.today{background:var(--soft)}.today h2{font-size:65px}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid;padding-top:32px}.today-grid h3{font-size:36px;max-width:350px;margin-top:20px}.read{display:inline-block;font-size:15px;border-bottom:1px solid;padding-bottom:6px}.intro{min-height:790px;display:grid;grid-template-columns:470px 1fr;gap:130px;align-items:center}.intro figure{margin:0}.intro img{width:100%;height:550px;object-fit:cover;filter:grayscale(1)}figcaption{font:11px 'IBM Plex Mono',monospace;margin-top:18px;letter-spacing:1px}.intro .copy{max-width:670px}.intro blockquote{font:italic 31px/1.25 var(--serif);margin:30px 0}.section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid;margin-bottom:44px}.section-title .read{margin-bottom:35px}.articles{display:grid;grid-template-columns:1.7fr 1fr;gap:72px}.articles img{width:100%;height:420px;object-fit:cover;filter:saturate(.5)}.articles .side img{height:270px}.articles .meta{margin-top:25px}.articles h3{font-size:57px}.articles .side h3{font-size:43px}.mini-note{border-top:1px solid;margin-top:30px;padding-top:25px;font:29px/1.2 var(--serif)}.dictionary{background:var(--soft)}.alphabet{padding:20px 0;border-top:1px solid;border-bottom:1px solid;word-spacing:21px;font:20px 'IBM Plex Mono',monospace}.term{display:flex;align-items:center;gap:70px;margin:48px 0}.term .letter{font:190px/.9 var(--serif);color:var(--accent);width:190px}.term p{max-width:800px}.term h3{font-size:62px}.dictionary details{border-top:1px solid;padding:18px 0;font-size:18px}.dictionary summary{cursor:pointer}.dictionary details p{max-width:900px;padding-top:15px;font-size:18px}.signs-heading{display:flex;justify-content:space-between;align-items:center}.signs-heading p{font:30px/1.15 var(--serif)}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:26px;margin-top:50px}.sign{border-top:1px solid;padding:25px 16px;display:grid;grid-template-columns:55px 1fr 30px;align-items:start;gap:20px}.sign h3{font-size:42px;margin:0 0 10px}.sign.selected{background:var(--soft)}.sign .number{font:12px 'IBM Plex Mono',monospace;color:var(--accent);padding-top:10px}.sign .arrow{font-size:26px}.calendar{background:var(--soft)}.calendar-top{display:flex;align-items:center;justify-content:space-between}.calendar-body{display:grid;grid-template-columns:430px 1fr;gap:45px;margin-top:55px}.month{font:125px var(--serif);color:var(--accent)}.events{border-left:1px solid var(--accent);padding-left:50px}.event{border-top:1px solid;padding:26px 0;display:grid;grid-template-columns:145px 1fr;gap:24px}.event strong{font:66px 'IBM Plex Mono',monospace}.event h3{font-size:40px;margin:10px 0 12px}.calendar-source{font-size:11px!important;margin:30px 0 0;opacity:.7}.gallery-title{display:flex;align-items:center;justify-content:space-between}.gallery-title a{font-size:23px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.tile{margin:0}.tile img{width:100%;height:365px;object-fit:cover;filter:saturate(.55)}.type-tile{height:365px;background:var(--accent);color:var(--paper);padding:30px;overflow:hidden}.type-tile h3{font-size:61px;margin-top:40px}.contact{border-top:1px solid;margin:0 56px;padding-left:0!important;padding-right:0!important}.contact h2{font-size:79px}.contact .outline{background:var(--ink);color:var(--paper);margin:15px 24px 0 0}.contact small{font:11px 'IBM Plex Mono',monospace}.footer{padding:30px 56px;background:var(--ink);color:var(--paper)}.footer-logo{font:220px/.95 var(--serif);letter-spacing:-9px;padding-bottom:35px;border-bottom:1px solid #fff6}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:100px;padding:45px 0}.footer p{font:31px var(--serif)}.footer-content ul{list-style:none;margin:0;padding:0;line-height:2.2;font-size:15px}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;padding:20px 0}.b{--paper:#edf0eb;--ink:#263c38;--accent:#c34c30;--soft:#d9e0d8;--serif:'Bodoni Moda',Georgia,serif}.b .hero h1{font-size:89px;max-width:900px}.b .hero .portrait{width:322px;height:406px;right:200px;top:242px;z-index:1}.b .hero .orbit{width:725px;height:660px;top:70px;right:80px;border-color:#81978b;z-index:0}.b .hero .orbit:before{content:'';position:absolute;inset:50px 120px;border:1px solid #81978b;border-radius:50%}.b .hero .orbit:after{content:'';position:absolute;width:100%;height:1px;background:#81978b;top:50%}.b .today,.b .calendar{background:var(--ink);color:var(--paper)}.b .intro{grid-template-columns:1fr 392px;gap:100px}.b .intro figure{order:2}.b .intro h2{font-size:60px}.b .intro .copy{max-width:820px}.b .articles{grid-template-columns:518px 1fr;gap:76px}.b .articles .lead img{height:500px}.b .articles .lead h3{font-size:42px}.b .articles .side img{height:210px}.b .calendar-body{display:block}.b .month{font:18px 'IBM Plex Mono',monospace;color:var(--paper);margin-bottom:50px}.b .events{border-left:0;border-top:1px solid #a3b7ab;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:35px 0 0}.b .event{border:0;display:flex;flex-direction:column;position:relative}.b .event:before{content:'';position:absolute;top:-42px;left:3px;width:13px;height:13px;border-radius:50%;background:#e8795c}.b .event strong{font-size:94px}.b .event h3{font-size:33px}.b .today h3{font-size:30px}.c{--paper:#f1ede4;--ink:#22221f;--accent:#da442e;--soft:#d9d8cc;--serif:'Bodoni Moda',Georgia,serif}.c .brand{font-family:Manrope}.c .hero{height:1040px;padding-top:310px}.c .hero .eyebrow{position:absolute;top:20px;left:38px;font:260px/1 Manrope;letter-spacing:-15px;color:var(--accent)}.c .hero .portrait{width:748px;height:650px;right:56px;top:220px}.c .hero h1{font-size:104px;max-width:none;line-height:1.05;margin-top:35px}.c .hero h1 .first{display:block;width:730px;padding:10px 20px 25px 0;background:var(--paper)}.c .hero h1 .last{display:block;margin-top:115px;font-size:112px;color:var(--accent)}.c .hero .orbit{display:none}.c .hero p{margin-top:60px}.c .hero .outline{position:absolute;right:56px;bottom:75px}.c .hero .bottomline{display:none}.c .today{background:var(--accent)}.c .today h2{font-size:89px}.c .intro{min-height:950px;grid-template-columns:540px 1fr;gap:138px}.c .intro img{height:650px}.c .intro h2{font-size:89px}.c .notes .section-title h2{font-size:105px}.c .articles{display:block;position:relative;padding-top:0}.c .articles .lead{position:relative;padding-bottom:30px}.c .articles .lead img{width:862px;height:530px;margin-left:auto;display:block}.c .articles .lead h3{font-size:89px;background:var(--paper);padding:25px 30px 20px 0;position:relative;margin-top:-95px;width:900px}.c .articles .side{display:flex;gap:55px;border-top:1px solid;padding-top:30px}.c .articles .side img,.c .articles .side>.meta{display:none}.c .articles .side h3,.c .articles .side .mini-note{font-size:31px;border:0;margin:0;padding:0;flex:1}.c .dictionary{background:var(--ink);color:var(--paper)}.c .dictionary h2{font-size:95px}.c .term .letter{font-size:245px;width:390px}.c .term h3{font-size:84px}.c .signs h2{font-size:145px}.c .sign h3{font-size:50px}.c .calendar{background:var(--paper)}.c .calendar h2{font-size:103px}.c .month{font:240px Manrope;letter-spacing:-20px}.c .event{padding:36px 0}.c .event strong{font-size:80px}.c .gallery-title h2{font-size:85px}.c .tiles{grid-template-columns:400px 490px 350px;gap:34px}.c .tile:nth-child(2){margin-top:100px}.c .tile:nth-child(3){margin-top:35px}.c .tile img{height:400px}.c .tile:nth-child(3) img{height:350px}.c .type-tile{height:490px}.c .type-tile h3{font-size:79px}.c .contact{background:var(--accent);margin:0;padding:75px 56px!important;min-height:530px}.c .contact h2{font-size:120px;width:850px}.c .contact .outline{position:absolute;right:70px;top:265px}.c .contact small{position:absolute;right:93px;top:345px}.c .footer-logo{font:240px/1 Manrope;letter-spacing:-14px}.single .canvas{width:100%;justify-content:center;padding:30px}.single .concept{display:none}.single .concept.show{display:block}.compare-fit .canvas{transform-origin:top left}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:18px 25px;background:#242823;color:#fff;z-index:100;max-width:560px;box-shadow:0 5px 30px #0003;font-size:15px}.notice:empty{display:none}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.tile img{transition:filter .4s,transform .5s}.tile:hover img{filter:saturate(1);transform:translateY(-5px)}.outline{transition:background .2s,color .2s}.outline:hover{background:var(--ink);color:var(--paper)}}@media(max-width:800px){.toolbar{flex-wrap:wrap;height:auto}.toolbar strong{font-size:15px}.toolbar button{font-size:12px;padding:8px}.toolbar .note{display:none}}

.final{--soft:#e5e4d8}.final .hero .orbit{width:566px;height:580px;right:30px;top:96px;border-color:#7d8875;opacity:.65}.final .hero .orbit:before{content:'';position:absolute;inset:50px -25px;border:1px solid #7d8875;border-radius:50%;transform:rotate(-24deg)}.final .hero .orbit:after{content:'';position:absolute;top:50%;left:-24px;width:48px;height:1px;background:#7d8875}.final .hero .portrait{width:478px;right:64px;filter:grayscale(1);height:630px}.final .hero h1{max-width:830px;font-size:101px}.final .hero .bottomline{color:#59604f}.final .today{background:#e5e4d8}.final .today-grid{gap:50px}.final .today-grid .meta{color:#616a56}.final .calendar{background:#2e3d34;color:#f4f0e8}.final .calendar-body{display:block}.final .month{font:15px 'IBM Plex Mono',monospace;color:#c9cebd;margin-bottom:55px;letter-spacing:3px}.final .events{border-left:0;border-top:1px solid #9eac98;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:30px 0 0}.final .event{border:0;display:flex;flex-direction:column;position:relative;gap:15px}.final .event:before{content:'';position:absolute;top:-37px;left:2px;width:12px;height:12px;border-radius:50%;background:#dba38c}.final .event strong{font-size:92px;color:#e7e6d6}.final .event h3{font-size:39px}.final .calendar .meta{color:#d4d8c8}.final .dictionary .letter{position:relative}.final .dictionary .letter:after{content:'';position:absolute;inset:-5px -25px;border:1px solid #8a937b;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.final .footer{background:#292d26}.toolbar a{font-size:12px;margin-left:10px}.final .intro .copy{max-width:650px}


html{scroll-padding-top:95px;overflow-x:clip}body{background:#f4f0e8}.canvas{display:block;width:100%;padding:0}.concept{width:100%;max-width:1600px;margin:auto}.page{box-shadow:none;overflow:clip}.page section{padding:clamp(52px,6vw,90px) clamp(22px,4vw,64px)}.page header{margin:0;padding:0 clamp(22px,4vw,64px);height:90px;position:relative;background:var(--paper);z-index:20}.page header:after{content:'';position:absolute;bottom:0;left:4%;right:4%;height:1px;background:var(--ink)}.menu-toggle{display:none}.page nav a{padding:15px 0}.skip{position:fixed;top:-80px;left:15px;background:#282720;color:white;padding:15px;z-index:100}.skip:focus{top:10px}.hero{height:auto;min-height:810px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto auto 1fr auto;column-gap:60px;padding-bottom:100px!important}.hero .eyebrow{grid-column:1;margin-bottom:58px}.final .hero h1{font-size:clamp(66px,7vw,107px);grid-column:1;line-height:1;letter-spacing:-.035em;max-width:100%;margin:0 0 30px}.final .hero .portrait{grid-column:2;grid-row:1/5;position:static;width:100%;height:100%;max-height:630px;min-height:450px;object-fit:cover;align-self:start}.hero p{grid-column:1;margin:0 0 28px;font-size:23px}.hero .outline{grid-column:1;justify-self:start;align-self:start}.final .hero .orbit{width:38%;height:auto;aspect-ratio:1;top:15%;right:2%;pointer-events:none}.hero .bottomline{left:4%;right:4%;bottom:28px}.intro{grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:clamp(40px,8vw,130px);min-height:0}.intro img{height:auto;aspect-ratio:4/5;object-fit:cover}.final .intro .copy{max-width:none}.page h2{font-size:clamp(46px,5.2vw,80px)}.page h3{font-size:clamp(30px,3vw,44px)}.articles{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(30px,5vw,72px)}.articles img{height:auto;aspect-ratio:1.8}.articles .side img{height:auto;aspect-ratio:1.5}.articles h3{font-size:clamp(40px,4vw,58px)}.articles .side h3{font-size:clamp(31px,3vw,44px)}.section-title{gap:20px}.section-title .meta{margin-bottom:35px}.term{gap:clamp(30px,5vw,70px)}.term>div{min-width:0}.term .letter{flex-shrink:0}.alphabet{word-spacing:clamp(8px,1.4vw,21px);line-height:2;overflow-wrap:anywhere}.sign{grid-template-columns:30px minmax(0,1fr) 22px;gap:14px}.sign h3{font-size:clamp(31px,3vw,42px)}.signs-heading{gap:30px}.final .events{gap:40px}.final .event strong{font-size:clamp(62px,6vw,92px)}.final .event h3{font-size:clamp(29px,3vw,39px)}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tile img,.type-tile{height:auto;aspect-ratio:1.13}.type-tile h3{font-size:clamp(40px,4.2vw,61px);margin-top:30px}.gallery-title{gap:25px}.gallery-title a{white-space:nowrap}.contact{margin:0 4%}.contact h2{font-size:clamp(45px,5.5vw,79px)}.footer{padding:40px 4% 25px}.footer-logo{font-size:clamp(90px,16vw,235px);letter-spacing:-.055em}.footer-content{gap:45px;grid-template-columns:1.7fr 1fr .7fr}.footer-content li a{display:inline-block;min-height:44px}.page p{font-size:clamp(18px,1.5vw,22px)}.page .meta{font-size:12px}.read,.outline{min-height:44px;display:inline-flex;align-items:center}.outline{justify-content:center}.today-grid{gap:30px!important}.today h2{font-size:clamp(44px,5vw,68px)}.today-grid h3{font-size:clamp(28px,2.7vw,38px)}.dictionary details summary{min-height:44px;display:list-item}.calendar-source{font-size:12px!important}.calendar-source a{display:inline-block;padding:10px 0}.intro figcaption{color:#666859}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-bottom a{padding:10px 0}.footer-bottom span{padding:10px 0}
@media(min-width:1600px){.page{border-left:1px solid #dedbd1;border-right:1px solid #dedbd1}}
@media(max-width:1100px){.page header{height:80px}.page nav{gap:18px;font-size:13px}.brand{font-size:35px}.hero{min-height:680px;gap:30px;grid-template-columns:1.35fr 1fr}.final .hero h1{font-size:clamp(59px,7.3vw,80px)}.final .hero .portrait{min-height:380px}.hero .eyebrow{margin-bottom:40px;font-size:11px}.intro h2{font-size:52px}.intro blockquote{font-size:27px}.term .letter{width:130px;font-size:150px}.type-tile{padding:22px}.type-tile h3{margin-top:20px;font-size:42px}.type-tile .meta{font-size:10px}.footer-content{gap:30px}}
@media(max-width:850px){.page header{position:sticky;top:0;height:76px;border-bottom:1px solid #dedbd1}.page header:after{display:none}.menu-toggle{display:flex;align-items:center;gap:16px;border:1px solid #9b9d8f;background:transparent;padding:10px 15px;min-height:44px;font-size:14px}.page nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 24px 28px;background:var(--paper);border-bottom:1px solid;box-shadow:0 12px 20px #0001;font-size:18px;gap:0}.page nav.open{display:flex;flex-direction:column}.page nav a{padding:13px 0;border-bottom:1px solid #dedbd1}.hero{min-height:0;grid-template-columns:1.1fr 1fr;padding-bottom:95px!important}.final .hero h1{font-size:clamp(48px,7.3vw,64px)}.hero .eyebrow{grid-column:1/-1;margin-bottom:10px}.final .hero .portrait{grid-row:2/5;min-height:350px}.hero p{font-size:18px}.hero p br{display:none}.hero .bottomline{font-size:11px}.intro{gap:40px}.intro h2{font-size:44px}.today-grid{gap:22px!important}.today-grid h3{font-size:29px}.today-grid .meta{font-size:10px}.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-title h2{font-size:45px}.gallery-title a{font-size:18px}.type-tile h3{font-size:34px}.type-tile .meta{font-size:9px}.footer p{font-size:27px}.footer-content{grid-template-columns:1.3fr 1fr .7fr}}
@media(max-width:600px){.page section{padding:55px 22px}.hero{display:flex;flex-direction:column;gap:0;padding-top:34px!important;padding-bottom:42px!important}.hero .eyebrow{order:0;font-size:10px;letter-spacing:.7px;margin-bottom:30px}.final .hero h1{order:1;font-size:clamp(46px,10.4vw,64px);margin-bottom:24px;letter-spacing:-.035em;position:relative}.hero p{order:2;font-size:18px;margin:0 0 25px;max-width:350px}.hero .outline{order:3;align-self:flex-start;font-size:14px;padding:13px 20px;margin-bottom:35px}.final .hero .portrait{order:4;min-height:0;width:100%;height:auto;max-height:none;aspect-ratio:1.05;object-position:center 39%}.final .hero .orbit{top:auto;bottom:65px;right:3%;width:88%;aspect-ratio:1.12}.final .hero .orbit:before{inset:25px 15px}.hero .bottomline{position:static;order:5;margin-top:22px;padding-top:18px;gap:18px;font-size:10px}.hero .bottomline span:last-child{max-width:150px;text-align:right}.page h2,.today h2{font-size:44px;letter-spacing:-1.4px;margin-bottom:28px}.eyebrow{font-size:11px;margin-bottom:23px;line-height:1.6}.today-grid{display:block;padding-top:0}.today-grid>div{padding:28px 0;border-bottom:1px solid #b4b7a4}.today-grid>div:last-child{border:0;padding-bottom:0}.today-grid h3{font-size:34px;margin:15px 0 18px}.today-grid .meta{font-size:11px}.read{font-size:14px}.intro{display:flex;flex-direction:column;gap:35px}.intro .copy{order:0}.intro figure{order:1;width:100%}.intro h2{font-size:48px}.intro img{aspect-ratio:1.2;object-position:center 40%}.intro blockquote{font-size:27px;margin:25px 0}.section-title{display:block;margin-bottom:30px}.section-title .meta{display:block;margin-bottom:22px}.articles{display:block}.articles img{aspect-ratio:1.35}.articles h3{font-size:43px;margin-bottom:20px}.articles .side{margin-top:45px;border-top:1px solid #b7baaa;padding-top:30px}.articles .side img{aspect-ratio:1.55}.articles .side h3{font-size:37px}.mini-note{font-size:26px}.term{gap:27px;align-items:flex-start;margin:40px 0}.term .letter{width:65px;font-size:93px;margin-top:15px}.final .dictionary .letter:after{inset:0 -8px}.term h3{font-size:46px}.term p{font-size:18px}.alphabet{font-size:16px;word-spacing:12px;line-height:2.3}.dictionary details{font-size:16px}.dictionary details p{font-size:17px}.signs-heading{display:block}.signs-heading p{font-size:26px}.sign-grid{gap:0 16px;margin-top:30px}.sign{padding:20px 5px;grid-template-columns:minmax(0,1fr) 18px;gap:6px}.sign .number{grid-column:1/-1;padding:0 0 6px}.sign h3{font-size:32px}.sign .meta{font-size:10px}.sign .arrow{font-size:20px}.calendar-top{gap:18px;align-items:flex-start}.calendar-top .meta{font-size:11px}.calendar-body{margin-top:30px}.final .month{display:none}.final .events{display:block;border-top:0;padding-top:0;border-left:1px solid #a1ae98;padding-left:25px;margin-left:8px}.final .event{display:grid;grid-template-columns:77px minmax(0,1fr);gap:15px;padding:27px 0;border-top:1px solid #93a184}.final .event:before{top:34px;left:-31px;width:10px;height:10px}.final .event strong{font-size:48px}.final .event h3{font-size:28px;margin:3px 0 10px}.final .event .meta{font-size:10px}.gallery-title{display:block}.gallery-title a{font-size:19px;display:inline-block;padding:12px 0}.tiles{grid-template-columns:1fr 1fr;gap:26px 16px;margin-top:27px}.tiles .tile:first-child{grid-column:1/-1}.tile img{aspect-ratio:1}.tiles .tile:first-child img{aspect-ratio:1.6}.type-tile{padding:17px;aspect-ratio:1}.type-tile h3{font-size:clamp(26px,7.3vw,41px);margin:14px 0 0}.type-tile .meta{font-size:8px;line-height:1.4;letter-spacing:0}.tile figcaption{font-size:9px;line-height:1.6;margin-top:12px;letter-spacing:.6px}.contact{margin:0 22px}.contact h2{font-size:46px}.contact small{display:block;font-size:10px;margin-top:20px}.contact .outline{margin:12px 0 0}.footer{padding:32px 22px 20px}.footer-logo{font-size:clamp(78px,22vw,132px);padding-bottom:25px}.footer-content{grid-template-columns:1fr 1fr;gap:30px 20px;padding:30px 0 20px}.footer-content>div{grid-column:1/-1}.footer p{font-size:29px}.footer-content>div>span{font-size:15px;line-height:1.7}.footer-content ul{font-size:14px}.footer-bottom{font-size:11px;gap:10px}.page p{line-height:1.6}body{overflow-wrap:break-word}.page section[id]{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Managed homepage collections */
.tiles .tile figcaption{display:grid;gap:5px}.tiles .tile figcaption strong{font-weight:600}.tiles .tile figcaption span{font:12px/1.55 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}.tiles .tile figcaption a{font:10px 'IBM Plex Mono',monospace}
.slider-track{display:flex!important;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:5px}.slider-track::-webkit-scrollbar{display:none}.articles.slider-track>article,.tiles.slider-track>.tile,.events.slider-track>.event{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}.slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px;font:11px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.slider-controls button{width:44px;height:44px;border:1px solid currentColor;background:transparent;border-radius:50%}.slider-controls button:hover{background:var(--ink);color:var(--paper)}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:#173b31;color:#fff!important;border-radius:28px;box-shadow:0 8px 30px #0003;font:600 12px Manrope,Arial,sans-serif;text-decoration:none!important}.whatsapp-float span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d8f38a;color:#173b31;font:10px 'IBM Plex Mono',monospace}
@media(max-width:700px){.articles.slider-track>article,.tiles.slider-track>.tile,.events.slider-track>.event{flex-basis:86%}.whatsapp-float{right:14px;bottom:14px;padding-right:13px}.slider-controls{justify-content:space-between}}

/* Shared public layout */
.page header{position:sticky;top:0;z-index:40;background:var(--paper);box-shadow:0 1px 0 #aaa5}.page .reading{min-height:55vh;width:100%;overflow-wrap:anywhere}.page .reading h1{font-family:var(--serif)}.page .reading .body{font:19px/1.8 Manrope,Arial,sans-serif}.reading img{max-width:100%;height:auto}.reading .faq{margin-top:45px}.reading details{border-top:1px solid #aaa;padding:18px 0}.reading summary{cursor:pointer;min-height:44px;font-size:20px}.page .reading nav{display:block;position:static;padding:0;box-shadow:none;border:0;font-size:15px}.cover{width:100%;max-height:520px;object-fit:cover;margin:24px 0}@media(max-width:600px){.page .reading{padding:38px 22px}.page .reading .body{font-size:17px}.page .reading nav{font-size:14px}}

.page>.faq,.page>.sources{padding:50px 4%}.page .faq h2{font-size:42px}.page .faq details{border-top:1px solid #aaa;padding:18px 0}.page .faq summary{cursor:pointer;min-height:44px}.page .faq p{max-width:850px}.sources a{overflow-wrap:anywhere}
.collection-intro{max-width:650px;font-size:22px!important}.reading .entry.has-thumb{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:28px;align-items:start}.entry-thumb{width:100%;aspect-ratio:4/3;object-fit:cover}.page-hero-image{width:100%;max-height:560px;object-fit:cover;margin:0 0 34px}@media(max-width:650px){.reading .entry.has-thumb{grid-template-columns:1fr}.entry-thumb{max-height:260px}}
.entry-pager{margin:70px 0 0!important;padding:28px 0!important;border-top:1px solid #aaa;border-bottom:1px solid #aaa;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:24px!important;align-items:center}.entry-pager a{display:grid;gap:7px}.entry-pager span,.entry-pager .all{font:11px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.entry-pager strong{font:500 22px/1.2 var(--serif)}.entry-pager .all{text-align:center;padding:14px 18px;border:1px solid}.entry-pager .next{text-align:right;grid-column:3}.related-entries{padding:75px 0 20px!important}.related-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.related-heading h2{font-size:48px;margin:0}.related-heading>a{font:12px 'IBM Plex Mono',monospace}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-grid article{border-top:1px solid;padding-top:16px}.related-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:17px}.related-grid h3{font-size:29px;margin:8px 0 12px}.related-grid article>p:last-child{font-size:15px;line-height:1.55}@media(max-width:700px){.entry-pager{grid-template-columns:1fr 1fr!important}.entry-pager .all{grid-column:1/-1;grid-row:2}.entry-pager .next{grid-column:2}.related-heading{display:block}.related-heading>a{display:inline-block;margin-top:12px}.related-grid{grid-template-columns:1fr}.related-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:18px}.related-grid article>a{grid-row:1/5}.related-grid img{margin:0}.related-grid .meta,.related-grid h3,.related-grid article>p{grid-column:2}.related-grid h3{font-size:26px}.related-grid article>p:last-child{display:none}}
@media(max-width:600px){html,body,.canvas,.concept,.page{width:100%;max-width:100%;min-width:0}.page header{width:auto;min-width:0;margin:0;padding-left:22px;padding-right:22px}.brand,.menu-toggle{flex-shrink:0}.final .hero h1{width:100%;max-width:100%;min-width:0;overflow-wrap:break-word}.hero>*{max-width:100%}}

.reading .about-portrait{display:block;width:min(100%,520px);max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:center;margin:0 auto 40px}.intro figure img{object-position:center;filter:none}


/* Editorial reading pages (moved from the inline <style> in _EditorialLayout) */
.reading{max-width:850px;margin:auto;padding:60px 24px}
.reading h1{font:clamp(42px,7vw,76px)/1.1 Georgia,serif}
.reading p{font-size:20px;line-height:1.75}
.reading .body{white-space:pre-wrap}
.reading .entry{border-top:1px solid #bbb;padding:30px 0}
.reading nav{margin-bottom:50px}
.reading a{text-underline-offset:6px}

/* Markdown bodies rendered by MarkdownRenderer */
.reading .body.prose{white-space:normal}
.prose>:first-child{margin-top:0}
.prose p{margin:0 0 1.15em}
.prose h2{font:500 clamp(28px,4vw,38px)/1.2 var(--serif);letter-spacing:-.01em;margin:1.8em 0 .6em}
.prose h3{font:500 clamp(23px,3vw,29px)/1.25 var(--serif);margin:1.6em 0 .5em}
.prose h4,.prose h5,.prose h6{font:600 1em/1.4 Manrope,Arial,sans-serif;margin:1.4em 0 .4em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--accent)}
.prose blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.1em;border-left:2px solid var(--accent);font:italic clamp(22px,3vw,27px)/1.45 var(--serif)}
.prose blockquote p{font:inherit;margin:0}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.prose strong{font-weight:600}
.prose hr{border:0;border-top:1px solid var(--soft);margin:2.4em 0}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.9em;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--soft);padding:.55em .7em;text-align:left}
.prose img{max-width:100%;height:auto}

.error-page{min-height:45vh}

.footer-note{margin:28px 0 0;max-width:640px;font-size:13px;line-height:1.6;opacity:.78}

/* Listing cards: the shared .page h2 size is made for full-width headings and swallowed long entry titles */
.reading .entry-title{font:500 clamp(26px,3.2vw,38px)/1.18 var(--serif);letter-spacing:-.01em;margin:0 0 12px}
.reading .entry-title-long{font-size:clamp(22px,2.6vw,30px)}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Astroloji Sözlüğü: letter index instead of one long stack (reuses .alphabet/.term from the homepage) */
.reading .alphabet{display:flex;flex-wrap:wrap;gap:2px 10px;word-spacing:normal;font:16px 'IBM Plex Mono',monospace;margin:34px 0 0;padding:14px 0}
.reading .alphabet a,.reading .alphabet span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:38px}
.reading .alphabet a{color:var(--accent);border-bottom:1px solid transparent}
.reading .alphabet a:hover,.reading .alphabet a:focus-visible{border-bottom-color:var(--accent);text-decoration:none}
.reading .alphabet span{opacity:.3}
.reading .term{display:grid;grid-template-columns:96px minmax(0,1fr);gap:26px;align-items:start;margin:46px 0 0;padding:0;scroll-margin-top:110px}
.reading .term .letter{font:clamp(58px,9vw,96px)/.9 var(--serif);color:var(--accent);width:auto;margin:0}
.reading .term-list{display:grid;gap:26px;border-top:1px solid #bbb;padding-top:22px}
.reading .term-list h3{font:500 clamp(24px,3vw,32px)/1.2 var(--serif);margin:0 0 8px}
.reading .term-list p{font-size:17px;line-height:1.6;margin:0;max-width:640px}
@media(max-width:600px){.reading .term{grid-template-columns:54px minmax(0,1fr);gap:14px}}

/* Gökyüzü Takvimi: month and year archive */
.calendar-nav{display:grid;gap:10px;margin:34px 0 0;padding:20px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.calendar-nav>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;font:14px 'IBM Plex Mono',monospace}
.reading .calendar-nav .meta{min-width:40px;opacity:.6}
.calendar-nav a,.calendar-nav strong,.calendar-nav>div>span[aria-hidden]{padding:7px 0;min-height:38px;display:inline-flex;align-items:center}
.calendar-nav a{border-bottom:1px solid transparent}
.calendar-nav a:hover,.calendar-nav a:focus-visible{border-bottom-color:var(--accent);text-decoration:none}
.calendar-nav strong{color:var(--accent);font-weight:500}
.calendar-nav>div>span[aria-hidden]{opacity:.3}
.reading .calendar-period{font:12px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;margin:24px 0 0;opacity:.75}
.reading .entry-past{opacity:.6}
.reading .entry-past:hover,.reading .entry-past:focus-within{opacity:1}

/* Contact e-mail (homepage section, iletişim page, footer) */
.contact-mail{margin:16px 0 0}
.contact-mail a{border-bottom:1px solid;padding-bottom:5px}

/* Homepage daily strip (Ay fazı / Ay burcu / Güneş burcu / Merkür) — server rendered, no layout shift */
.sky-strip{background:var(--ink);color:var(--paper);padding:20px clamp(22px,4vw,64px) 16px}
.sky-strip-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px clamp(18px,3vw,44px);max-width:1600px;margin:auto}
.sky-cell{display:grid;gap:7px;min-width:0}
.sky-cell+.sky-cell{border-left:1px solid #ffffff2e;padding-left:clamp(14px,2vw,32px)}
.sky-strip .meta{font:11px 'IBM Plex Mono',monospace!important;letter-spacing:.1em;opacity:.6}
.sky-cell strong{font:500 clamp(20px,2vw,27px)/1.15 var(--serif);display:flex;align-items:baseline;gap:9px;min-width:0}
.sky-symbol{color:#d8a98f;font-size:.85em;font-variant-emoji:text}
.sky-strip-note{max-width:1600px;margin:16px auto 0!important;font:11px/1.6 'IBM Plex Mono',monospace!important;opacity:.55}
@media(max-width:780px){.sky-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.sky-cell+.sky-cell{border-left:0;padding-left:0}.sky-cell:nth-child(even){border-left:1px solid #ffffff2e;padding-left:18px}}

/* Calculated sky pages (/ay-evreleri, /ay-boslukta) */
.sky-now{border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:22px 0;margin:34px 0 0}
.reading .sky-now-state{font:500 clamp(24px,3vw,32px)/1.25 var(--serif);margin:0 0 8px}
.reading .sky-now .meta{margin:0}
.sky-table{width:100%;border-collapse:collapse;margin:22px 0 0;font-size:16px}
.sky-table th{font:11px 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;text-align:left;opacity:.6;padding:0 14px 12px 0;border-bottom:1px solid #bbb;white-space:nowrap}
.sky-table td{padding:15px 14px 15px 0;border-bottom:1px solid #d6d3c7;vertical-align:top;line-height:1.45}
.sky-table td:first-child{font:500 19px/1.3 var(--serif)}
.sky-table-times td:first-child{font:16px/1.45 Manrope,Arial,sans-serif}
.sky-table tr:hover td{background:#00000006}
.reading .sky-method{font-size:14px;line-height:1.7;margin:34px 0 0;padding-top:20px;border-top:1px solid #d6d3c7;opacity:.75;max-width:700px}
@media(max-width:700px){
  .sky-table,.sky-table tbody,.sky-table tr,.sky-table td{display:block;width:100%}
  .sky-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .sky-table tr{border-bottom:1px solid #bbb;padding:16px 0}
  /* The label floats so a cell with an inline symbol stays on one line instead of becoming two grid items. */
  .sky-table td{border:0;padding:4px 0;overflow:hidden}
  .sky-table td:before{content:attr(data-label);float:left;width:96px;padding-top:.4em;font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
  .sky-table td:first-child{font-size:22px;margin-bottom:8px}
  .sky-table-times td:first-child{font-size:17px}
}

/* Scroll choreography (kebud.js adds the classes; nothing moves under prefers-reduced-motion) */
.will-reveal{opacity:0;transform:translateY(26px)}
.is-revealed{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.will-reveal{transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}}

/* Homepage birth-chart invitation */
.chart-cta{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(30px,6vw,80px);align-items:center}
.chart-cta-ring{position:relative;aspect-ratio:1;width:100%;max-width:280px;justify-self:center}
.chart-cta-ring span{position:absolute;inset:0;border:1px solid #d8a98f80;border-radius:50%;transform:rotate(var(--spin,0deg));transition:transform .18s linear}
.chart-cta-ring span:nth-child(2){inset:14%;border-style:dashed;border-color:#d8a98f4d;transform:rotate(calc(var(--spin,0deg) * -1.6))}
.chart-cta-ring:before,.chart-cta-ring:after{content:'';position:absolute;left:50%;top:50%;width:1px;height:100%;background:linear-gradient(transparent,#d8a98f66,transparent);transform:translate(-50%,-50%) rotate(var(--spin,0deg))}
.chart-cta-ring:after{transform:translate(-50%,-50%) rotate(calc(var(--spin,0deg) + 90deg))}
.chart-cta-copy h2{margin-bottom:22px}
.chart-cta .outline{border-color:var(--paper);margin-top:12px}
@media(prefers-reduced-motion:no-preference){.chart-cta .outline:hover{background:var(--paper);color:var(--ink)}}
@media(max-width:780px){.chart-cta{grid-template-columns:1fr}.chart-cta-ring{max-width:190px;order:1}}

/* Prominent menu entry for the calculator */
.nav-cta{border:1px solid var(--accent);color:var(--accent);padding:8px 14px!important;border-radius:2px}
.nav-cta:hover{background:var(--accent);color:var(--paper);text-decoration:none}
@media(max-width:850px){.nav-cta{display:inline-block;margin:10px 0;border-bottom:1px solid var(--accent)!important}}

/* Doğum haritası sayfası */
.chart-form{margin:34px 0 0;padding:26px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.chart-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px 26px}
.chart-field label{display:block;font:11px 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;opacity:.65;margin-bottom:9px}
.chart-field input[type=number],.chart-field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #9b9d8f;background:transparent;font:17px Manrope,Arial,sans-serif;color:inherit;border-radius:2px}
.chart-field input:focus-visible,.chart-field select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.chart-date{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}
.chart-date.chart-time{grid-template-columns:1fr 1fr}
.chart-check{display:flex!important;align-items:center;gap:9px;margin-top:11px;font:14px Manrope,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;opacity:1!important}
.chart-check input{width:18px;height:18px;min-height:0}
.field-error{display:block;color:var(--accent);font-size:14px;margin-top:6px}
.chart-form .outline{margin-top:24px}
.reading .chart-privacy{font-size:13px;line-height:1.6;opacity:.7;margin:16px 0 0;max-width:620px}
/* The result needs more room than the 850px reading column, so it breaks out of it. */
.chart-result{padding-top:10px;width:min(1100px,92vw);margin-left:50%;transform:translateX(-50%)}
.reading .chart-result h2{font:500 clamp(28px,4vw,40px)/1.15 var(--serif);margin:10px 0 26px}
.reading .chart-result h3{font:500 clamp(22px,2.6vw,27px)/1.2 var(--serif);margin:42px 0 0}
.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
@media(max-width:760px){.chart-layout{grid-template-columns:1fr}}

/* Chart wheel */
.chart-wheel{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}
.wheel-ring{fill:none;stroke:#b9b5a6;stroke-width:1}
.wheel-tick{stroke:#b9b5a6;stroke-width:1}
.wheel-cusp{stroke:#cfcbbc;stroke-width:1;stroke-dasharray:3 4}
.wheel-axis{stroke:var(--accent);stroke-width:1.4}
.wheel-sign{fill:var(--accent);font:17px serif;text-anchor:middle;dominant-baseline:central;font-variant-emoji:text}
.wheel-body{fill:var(--ink);font:19px serif;text-anchor:middle;dominant-baseline:central;font-variant-emoji:text}
.wheel-house{fill:#8d8a7c;font:11px 'IBM Plex Mono',monospace;text-anchor:middle;dominant-baseline:central}

/* Chart symbol texts */
.reading .chart-readings-note{font-size:14px;line-height:1.65;opacity:.75;margin:12px 0 0;max-width:680px}
.chart-readings{margin-top:18px}
.chart-readings details{border-top:1px solid #d6d3c7;padding:16px 0}
.chart-readings details:last-child{border-bottom:1px solid #d6d3c7}
.chart-readings summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;font:500 20px/1.3 var(--serif)}
.chart-readings summary::marker{color:var(--accent)}
.reading .chart-readings p{font-size:16px;line-height:1.7;margin:12px 0 0;max-width:720px}
.reading .chart-readings .reading-nature{opacity:.8;font-style:italic}

/* Classical analysis block on the chart page */
.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 26px;margin:18px 0 8px;padding:20px 0;border-top:1px solid #d6d3c7;border-bottom:1px solid #d6d3c7}
.analysis-grid>div{display:grid;gap:4px;min-width:0}
.reading .analysis-grid .meta{margin:0;font-size:10px;letter-spacing:.09em}
.analysis-grid strong{font:500 clamp(17px,2vw,21px)/1.25 var(--serif)}
.analysis-detail{font-size:12px;opacity:.6}
.reading .analysis-list{margin:10px 0 0;padding-left:20px;font-size:16px;line-height:1.7}
.reading .analysis-list li{margin:6px 0}
.reading .chart-result h4{font:500 clamp(19px,2.2vw,23px)/1.2 var(--serif);margin:32px 0 0}
.chart-print{margin:34px 0 0;padding:20px 0 0;border-top:1px solid #d6d3c7;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.reading .chart-print .meta{margin:0;max-width:420px}

/* Chart result motion. Nothing here runs unless kebud.js adds .chart-ready, so a page without JS is static
   but complete, and prefers-reduced-motion skips the whole thing. */
@media(prefers-reduced-motion:no-preference){
  .chart-result .step{opacity:0;transform:translateY(18px)}
  .chart-result .step-in{opacity:1;transform:none;
    transition:opacity .62s cubic-bezier(.22,.61,.36,1) var(--step-delay,0ms),transform .62s cubic-bezier(.22,.61,.36,1) var(--step-delay,0ms)}

  /* The wheel draws itself once, then the glyphs settle in. */
  .chart-wheel circle,.chart-wheel line{stroke-dasharray:var(--draw,0);stroke-dashoffset:var(--draw,0)}
  .chart-ready .chart-wheel circle,.chart-ready .chart-wheel line{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.33,.9,.32,1)}
  .chart-ready .chart-wheel circle:nth-of-type(2){transition-delay:.12s}
  .chart-ready .chart-wheel circle:nth-of-type(3){transition-delay:.22s}
  .chart-ready .chart-wheel .wheel-axis{transition-delay:.42s}
  .chart-wheel text{opacity:0}
  .chart-ready .chart-wheel .wheel-sign{opacity:1;transition:opacity .5s ease .5s}
  .chart-ready .chart-wheel .wheel-house{opacity:1;transition:opacity .5s ease .68s}
  .chart-ready .chart-wheel .wheel-body{opacity:1;transition:opacity .55s cubic-bezier(.22,.61,.36,1) .8s}

  .chart-result .sky-table tbody tr{opacity:0;transform:translateY(8px)}
  .chart-result .step-in tbody tr{opacity:1;transform:none;
    transition:opacity .45s ease var(--row-delay,0ms),transform .45s ease var(--row-delay,0ms)}

  .chart-readings details[open] summary~*{animation:reading-open .42s cubic-bezier(.22,.61,.36,1)}
  @keyframes reading-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .analysis-grid>div{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
  .analysis-grid>div:hover{transform:translateY(-3px)}
}

/* Timing block */
.timing-current td{background:#a3452e14;font-weight:500}
.timing-current td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.reading .timing-note{font-size:15px;line-height:1.7;margin:14px 0 0;padding:14px 16px;background:#00000008;border-left:2px solid var(--accent)}
.reading .chart-result h4 .meta{font-size:11px;opacity:.6;margin-left:8px}