/* The summer before Aeryn's first year. */
:root{--world-font:'Vesper Aurelio Ornato',Georgia,serif;--hand-font:'Vesper Aurelio Calligrafico',Georgia,serif}
body{font-size:16px}p{font-size:16px}h1,h2,h3,.page-title{font-family:var(--world-font)}
.studio-journal,.account-page,.privacy-page{padding-top:150px;padding-bottom:90px;min-height:70vh}.studio-journal .page-title,.account-page .page-title,.privacy-page .page-title{font-size:clamp(30px,4vw,54px);max-width:900px;line-height:1.25}.studio-entry{max-width:730px;margin-top:55px;padding-left:30px;border-left:1px solid var(--gold)}.studio-entry p,.privacy-page>p{line-height:1.85;max-width:760px}.studio-entry h2,.privacy-page h2{font-size:26px;margin-top:40px}.account-notice{max-width:650px;padding:22px;border:1px solid var(--line);margin:30px 0}.account-notice p{margin:0}.account-page>p{max-width:650px}.privacy-date,.journal-language-note{font-size:13px!important;color:var(--muted)}.journal-language-note{margin:0 0 24px}.consent-label{display:flex;gap:12px;align-items:center;margin:25px 0}.consent-label input{width:18px;height:18px;accent-color:var(--gold)}#clear-preferences{border:1px solid var(--line);padding:12px 18px;background:transparent;color:var(--ink);font-size:15px}.cookie-notice{position:fixed;z-index:90;bottom:20px;left:20px;right:20px;margin:auto;max-width:1080px;display:flex;gap:25px;align-items:center;background:#1b1e29;border:1px solid var(--gold);box-shadow:0 5px 50px #0008;padding:20px 25px}.cookie-notice[hidden]{display:none}.cookie-notice strong{font-size:16px}.cookie-notice p{font-size:14px;line-height:1.5;margin:6px 0 0}.cookie-notice a{font-size:14px;color:var(--gold);white-space:nowrap}.cookie-notice button{white-space:nowrap;padding:12px 18px;border:1px solid var(--gold);background:var(--gold);color:var(--bg);font-size:14px}.community-status input{display:block;width:100%;max-width:720px;padding:12px;font:inherit;color:var(--ink);background:#1b1e29;border:1px solid var(--line);margin-top:12px}footer{flex-wrap:wrap;gap:20px}nav{gap:17px}nav a{font-size:12px}.post-kind{font-size:11px;max-width:90px;text-align:right;line-height:1.5}.hero h1{font-family:var(--world-font);font-weight:400}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.summer-home-card:hover{border-color:var(--gold)}
@media(max-width:900px){.cookie-notice{flex-wrap:wrap;gap:12px 25px}.cookie-notice>div{flex-basis:100%}.cookie-notice button{margin-left:auto}}
@media(max-width:600px){.studio-journal,.account-page,.privacy-page{padding-top:110px}.studio-entry{padding-left:18px}.cookie-notice{bottom:10px;left:10px;right:10px;padding:18px}.cookie-notice p{font-size:13px}.privacy-page h2{font-size:23px}.summer-timeline li{font-size:13px}.post-kind{font-size:10px}}

@font-face{font-family:'Vesper Aurelio Ornato';src:url('fonts/VesperAurelioOrnato.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Vesper Aurelio Calligrafico';src:url('fonts/VesperAurelioCalligrafico.ttf') format('truetype');font-display:swap;font-weight:400}
.handwritten{font-family:var(--hand-font);font-size:36px!important;line-height:1.3;color:var(--gold)}
.summer-home{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line)}.summer-home h2{font-size:clamp(30px,3.7vw,48px)}.summer-home-card{position:relative;display:block;overflow:hidden;border:1px solid var(--line);background:#191b27}.summer-home-card>img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block}.summer-home-card>div{padding:24px}.summer-home-card .handwritten{margin:12px 0 22px}.summer-intro{display:grid;grid-template-columns:1fr 230px;gap:50px;align-items:center}.summer-intro .page-title{font-size:clamp(30px,4.8vw,62px);margin:20px 0}.summer-intro p{max-width:660px}.summer-date{border:1px solid var(--gold);padding:25px;display:grid;gap:12px;background:#d4bc9208}.summer-date strong{font-family:var(--world-font);font-size:23px;font-weight:400}.summer-date>span:last-child{font-size:14px;color:var(--muted)}.summer-timeline{padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:45px 0 60px}.summer-timeline li{position:relative;border-top:1px solid var(--line);padding-top:19px;font-size:14px;color:var(--muted)}.timeline-mark{position:absolute;left:0;top:-5px;width:9px;height:9px;border:1px solid var(--muted);background:var(--bg);transform:rotate(45deg)}.summer-timeline [aria-current]{color:var(--gold);border-color:var(--gold)}.summer-timeline [aria-current] .timeline-mark{border-color:var(--gold);background:var(--gold)}.journal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:55px;align-items:start}.character-profile{border:1px solid var(--line);padding:25px;background:#141722;position:sticky;top:110px}.character-profile>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:20px}.character-profile h2{font-size:30px;margin:12px 0}.character-profile .handwritten{font-size:30px!important}.character-profile p{font-size:14px}.feed-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.feed-heading h2{font-size:23px;margin:0}.feed-heading>span{font-size:12px;color:var(--muted)}.journal-post{background:#171a25;border:1px solid var(--line);margin-bottom:28px;overflow:hidden;scroll-margin-top:110px}.journal-post header{position:static;height:auto;width:auto;padding:24px;background:none;border-bottom:1px solid var(--line);display:flex;justify-content:flex-start;gap:15px}.post-header>img{width:48px;height:48px;object-fit:cover;border-radius:50%}.post-header>div{display:grid;gap:2px}.post-header a{font-weight:bold;font-size:16px}.post-header div>span{font-size:13px;color:var(--muted)}.post-kind{margin-left:auto;font-size:10px;letter-spacing:.1em;color:var(--gold)}.post-body{padding:12px 25px}.post-body p{font-size:17px;line-height:1.8;color:var(--ink)}.journal-post figure{margin:0}.journal-post figure>img{width:100%;height:auto;display:block}.journal-post figure>img.portrait-post{max-height:540px;object-fit:cover}.journal-post figcaption{margin:0;padding:14px 25px;font-size:12px}.post-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:20px 25px;border-top:1px solid var(--line);font-size:14px;color:var(--gold)}.post-actions button{background:transparent;border:1px solid var(--line);padding:9px 14px;font-size:14px}.community-status{color:var(--gold)}
@media(max-width:850px){.summer-home{gap:30px}.summer-intro{grid-template-columns:1fr}.summer-date{max-width:330px}.journal-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.character-profile{padding:18px}.feed-heading{display:block}.feed-heading>span{display:block;margin-top:12px}}
@media(max-width:600px){.summer-home,.journal-layout{grid-template-columns:1fr}.character-profile{position:static;display:grid;grid-template-columns:70px 1fr;gap:0 20px}.character-profile>img{width:70px;grid-row:1/4;margin:0}.character-profile h2{font-size:24px}.character-profile .handwritten,.character-profile p:not(.eyebrow){grid-column:1/-1}.character-profile .text-link{grid-column:1/-1;justify-self:start;margin-top:12px}.summer-timeline{margin-bottom:35px}.summer-timeline li{font-size:12px;padding-right:12px}.post-header{padding:18px!important}.post-kind{font-size:9px}.post-body,.post-actions{padding-inline:18px}.summer-journal .page-title{font-size:32px}.summer-date{max-width:none}.summer-home{padding-top:50px;padding-bottom:50px}}