/* Bearly theme styles. Global tokens and buttons live in bearly-global.css. */

/* ---- page header (block 03) ---- */
.bc-ph-head{background:var(--bc-deep);color:var(--bc-on-deep);overflow:hidden;border-radius:0 0 clamp(28px,5vw,56px) clamp(28px,5vw,56px);padding-block:calc(env(safe-area-inset-top,0px) + 140px) clamp(56px,8vw,96px)}
.bc-ph-head::before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64l28 16v32M28 64L0 80v32' fill='none' stroke='%23F5A524' stroke-opacity='.16' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px;mask-image:radial-gradient(ellipse at 90% 0%,#000,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at 90% 0%,#000,transparent 60%)}
.bc-ph-head .glow{position:absolute;width:560px;height:560px;right:-160px;top:-260px;border-radius:50%;background:rgba(245,165,36,.4);filter:blur(90px);animation:bc-phg 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes bc-phg{to{transform:translate(-200px,120px) scale(1.2)}}
.bc-ph-head .bc-wrap{position:relative;display:grid;gap:22px}
.bc-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;font-weight:500;color:var(--bc-on-deep-2)}
.bc-crumbs a{text-decoration:none}.bc-crumbs a:hover{color:var(--bc-honey)}
.bc-crumbs span{opacity:.5}
.bc-ph-head h1{font-size:clamp(2.8rem,1.6rem + 5vw,5.6rem);max-width:14ch;animation:bc-phr .9s var(--bc-ease) both}
.bc-ph-head p{color:var(--bc-on-deep-2);font-size:1.12rem;max-width:52ch;animation:bc-phr .9s var(--bc-ease) .12s both}
.bc-ph-head .bc-chips{color:var(--bc-on-deep-2);animation:bc-phr .9s var(--bc-ease) .2s both}
@keyframes bc-phr{from{transform:translateY(22px)}to{transform:none}}

/* ---- say hello (block 23) ---- */
.bc-hello{background:var(--bc-honey);color:var(--bc-ink);border-radius:var(--bc-r);padding:clamp(32px,6vw,72px);display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:end;position:relative;overflow:hidden;isolation:isolate}
.bc-hello::before{content:"";position:absolute;inset:-40%;z-index:-1;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 35%),radial-gradient(circle at 75% 70%,rgba(217,122,16,.45),transparent 40%);animation:bc-swirl 16s ease-in-out infinite alternate}
@keyframes bc-swirl{to{transform:rotate(25deg) scale(1.1)}}
.bc-hello h2{font-size:clamp(3.4rem,2rem + 8vw,9rem);letter-spacing:-.06em;line-height:.85}
.bc-hello p{font-size:1.1rem;font-weight:500;max-width:36ch;opacity:.85}
.bc-hello .side{display:grid;gap:18px;justify-items:start}
.bc-mailbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bc-mailbox code{font:500 clamp(1.05rem,.9rem + .8vw,1.45rem)/1.2 var(--bc-font);user-select:all;border-bottom:3px solid var(--bc-ink)}
.bc-copy{font:500 .8rem/1 var(--bc-font);padding:.7em 1em;border-radius:999px;border:2px solid var(--bc-ink);background:transparent;color:var(--bc-ink);cursor:pointer}
.bc-copy:hover{background:var(--bc-ink);color:var(--bc-honey)}
.bc-paw{position:absolute;right:-30px;top:-40px;width:220px;opacity:.14;rotate:20deg;pointer-events:none;z-index:-1}
.bc-trail{position:absolute;left:0;right:0;bottom:18px;height:60px;pointer-events:none;z-index:-1}
.bc-trail svg{position:absolute;width:26px;opacity:0;rotate:90deg;animation:bc-step 6s linear infinite}
.bc-trail svg:nth-child(odd){top:0}.bc-trail svg:nth-child(even){top:26px}
@keyframes bc-step{0%{opacity:0}6%,40%{opacity:.18}60%,100%{opacity:0}}
@supports (animation-timeline:view()){.bc-hello h2{animation:bc-grow linear both;animation-timeline:view();animation-range:entry 0% cover 45%;transform-origin:left bottom}@keyframes bc-grow{from{transform:scale(.7) rotate(-6deg)}to{transform:none}}}
@media (max-width:860px){.bc-hello{grid-template-columns:1fr}}

/* ---- journal cards (block 26) ---- */
.bc-jtop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.bc-jtop>div{display:grid;gap:14px}
.bc-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bc-post{text-decoration:none;display:grid;gap:14px;align-content:start}
.bc-post .frame{aspect-ratio:4/3;border-radius:22px}
.bc-post .frame>*{transition:transform .8s var(--bc-ease)}
.bc-post:hover .frame>*{transform:scale(1.06)}
.bc-post .cat{position:absolute;left:12px;top:12px;font-size:.72rem;font-weight:500;padding:.4em .75em;border-radius:999px;background:var(--bc-honey);color:var(--bc-ink);z-index:1}
.bc-post .meta{font-size:.85rem;color:var(--bc-ink-2);font-weight:500;font-variant-numeric:tabular-nums}
.bc-post h3{font-size:1.35rem;letter-spacing:-.02em;line-height:1.15;background:linear-gradient(var(--bc-honey),var(--bc-honey)) 0 100%/0 3px no-repeat;transition:background-size .5s var(--bc-ease);width:fit-content;padding-bottom:2px}
.bc-post:hover h3{background-size:100% 3px}
@media (max-width:860px){.bc-posts{grid-template-columns:1fr 1fr}.bc-posts>:last-child{display:none}}
@media (max-width:560px){.bc-posts{grid-template-columns:1fr}.bc-posts>:last-child{display:grid}}

/* ---- footer (block 27) ---- */

/* ---- article text ---- */
/* story */
.bc-pf-story{padding-bottom:0}
.bc .bc-prose{max-width:720px;font-size:1.1rem;line-height:1.7;color:var(--bc-ink)}
.bc .bc-prose>*+*{margin-top:1.1em}
.bc .bc-prose h2{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem);margin-top:1.6em}
.bc .bc-prose h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);margin-top:1.4em}
.bc .bc-prose p{color:var(--bc-ink-2)}
.bc .bc-prose a{color:var(--bc-ink);text-decoration-color:var(--bc-honey);text-decoration-thickness:2px;text-underline-offset:3px}
.bc .bc-prose ul,.bc-prose ol{padding-left:1.2em;color:var(--bc-ink-2)}
.bc .bc-prose ul{list-style:disc}.bc-prose ol{list-style:decimal}
.bc .bc-prose li+li{margin-top:.4em}
.bc .bc-prose li::marker{color:var(--bc-honey-deep)}
.bc .bc-prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--bc-honey);font-size:1.25rem;font-weight:500;color:var(--bc-ink)}
.bc .bc-prose img,.bc-prose figure img{border-radius:20px;height:auto}
.bc .bc-prose figure{margin:1.6em 0}
.bc .bc-prose figcaption{font-size:.85rem;color:var(--bc-ink-2);margin-top:8px}
.bc .bc-prose .alignwide,.bc-prose .alignfull{max-width:none;width:min(1120px,calc(100vw - 32px))}


/* ================= THEME ================= */
html{scroll-padding-top:90px}
body{margin:0;font-family:var(--bc-font);color:var(--bc-ink);-webkit-font-smoothing:antialiased}
.bearly-main{display:block;min-height:40vh}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bearly-skip{position:fixed;left:16px;top:-60px;z-index:10001;background:var(--bc-honey);color:var(--bc-ink);font:500 .95rem var(--bc-font);padding:.8em 1.2em;border-radius:999px;text-decoration:none;transition:top .2s}
.bearly-skip:focus{top:16px}
.admin-bar .bc-nav{top:32px}
@media (max-width:782px){.admin-bar .bc-nav{top:46px}}

/* ---- navigation ---- */
.bc-nav{position:fixed;top:0;left:0;right:0;z-index:999;padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bc-page) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--bc-line);transition:background .35s,box-shadow .35s}
.bc-nav .bc-nav-row{display:flex;align-items:center;justify-content:space-between;height:76px;gap:12px}
.bearly-home{display:block;text-decoration:none;position:relative;z-index:2}
.bc-nav .bc-logo{height:38px;color:var(--bc-ink);transition:color .35s}
.bearly-wordmark{font-weight:500;font-size:1.25rem;letter-spacing:-.03em;color:var(--bc-ink);transition:color .35s}
.bearly-nav-right{display:flex;align-items:center;gap:8px}
.bearly-links{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.bearly-links a{display:block;text-decoration:none;font-weight:500;font-size:.93rem;padding:.6em 1em;border-radius:999px;color:var(--bc-ink);transition:background .25s,color .35s}
.bearly-links a:hover,.bearly-links .current-menu-item>a,.bearly-links .current-menu-ancestor>a,.bearly-links .current_page_parent>a{background:var(--bc-honey);color:var(--bc-ink)}
.bearly-over-dark .bc-nav:not(.is-scrolled){background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.bearly-over-dark .bc-nav:not(.is-scrolled) .bc-logo,.bearly-over-dark .bc-nav:not(.is-scrolled) .bearly-wordmark,.bearly-over-dark .bc-nav:not(.is-scrolled) .bearly-links a{color:var(--bc-on-deep)}
.bearly-over-dark .bc-nav:not(.is-scrolled) .bearly-links a:hover,.bearly-over-dark .bc-nav:not(.is-scrolled) .bearly-links .current-menu-item>a{color:var(--bc-ink)}
.bc-burger{display:none;width:48px;height:48px;border-radius:14px;border:0;background:var(--bc-honey);color:var(--bc-ink);cursor:pointer;place-items:center;position:relative;z-index:2;padding:0}
.bc-burger span,.bc-burger span::before,.bc-burger span::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .3s var(--bc-ease),background .3s}
.bc-burger span::before,.bc-burger span::after{content:"";position:absolute;left:0}
.bc-burger span::before{top:-6px}.bc-burger span::after{top:6px}
.bc-burger[aria-expanded="true"]{background:var(--bc-ink);color:var(--bc-honey)}
.bc-burger[aria-expanded="true"] span{background:transparent}
.bc-burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.bc-burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.bc-sheet{position:fixed;inset:0;z-index:1;background:var(--bc-honey);color:var(--bc-ink);padding:calc(env(safe-area-inset-top,0px) + 100px) 24px 32px;display:grid;align-content:start;gap:20px;overflow:auto}
.bc-sheet[hidden]{display:none}
.bearly-sheet-links{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bearly-sheet-links a{font-size:2.5rem;font-weight:500;letter-spacing:-.04em;text-decoration:none;line-height:1.2;color:var(--bc-ink);display:inline-block;animation:bc-slide .5s var(--bc-ease) both}
.bearly-sheet-links li:nth-child(2) a{animation-delay:.05s}.bearly-sheet-links li:nth-child(3) a{animation-delay:.1s}.bearly-sheet-links li:nth-child(4) a{animation-delay:.15s}.bearly-sheet-links li:nth-child(5) a{animation-delay:.2s}.bearly-sheet-links li:nth-child(6) a{animation-delay:.25s}
.bearly-sheet-links .current-menu-item>a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.bc-sheet .bc-btn{justify-self:start}
.bc-sheet small{font-size:1rem;font-weight:500}
@keyframes bc-slide{from{transform:translateX(-24px)}to{transform:none}}
.bc-nav.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.bc-nav.is-open .bc-logo,.bc-nav.is-open .bearly-wordmark{color:var(--bc-ink)!important}
@media (max-width:860px){.bearly-nav-right{display:none}.bc-burger{display:grid}}

/* ---- headers on light pages ---- */
.bearly-plain-head,.bearly-post-head{padding-block:calc(env(safe-area-inset-top,0px) + 140px) 40px}
.bearly-plain-head h1{font-size:clamp(2.6rem,1.6rem + 4vw,4.8rem);max-width:720px;margin-inline:auto}
.bearly-post-head .bc-wrap{display:grid;gap:18px;justify-items:start}
.bearly-post-head .back{font-weight:500;font-size:.9rem;text-decoration:none;color:var(--bc-ink-2)}
.bearly-post-head .back:hover{color:var(--bc-ink)}
.bearly-post-head .bc-tag{text-decoration:none}
.bearly-post-head h1{font-size:clamp(2.4rem,1.4rem + 4vw,4.6rem);max-width:18ch}
.bearly-post-head .meta{color:var(--bc-ink-2);font-weight:500;font-variant-numeric:tabular-nums}
.bearly-post-cover{width:100%;aspect-ratio:16/8;margin-top:14px}
.bearly-post-cover img{position:absolute;inset:0}
@media (max-width:700px){.bearly-post-cover{aspect-ratio:4/3}}
.bearly-post-body{padding-top:clamp(24px,4vw,48px)}
.bc .bc-prose{margin-inline:auto}

/* ---- journal ---- */
.bc-ph-head h1 .bc-hl{color:var(--bc-honey)}
.bearly-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.bearly-cats a{font:500 .9rem/1 var(--bc-font);padding:.8em 1.2em;border-radius:999px;border:1.5px solid var(--bc-line);text-decoration:none;color:var(--bc-ink);transition:all .25s}
.bearly-cats a:hover{border-color:var(--bc-ink)}
.bearly-cats a[aria-current]{background:var(--bc-ink);color:var(--bc-page);border-color:var(--bc-ink)}
.bearly-post-grid{row-gap:clamp(28px,4vw,44px)}
.bearly-post-grid>:last-child{display:grid!important}
.bc-post .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--bc-ease)}
.bc-post:hover .frame img{transform:scale(1.06)}
.bearly-pages{display:flex;gap:8px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.bearly-pages .page-numbers{min-width:46px;height:46px;padding:0 12px;border-radius:999px;display:grid;place-items:center;border:1.5px solid var(--bc-line);text-decoration:none;font-weight:500;color:var(--bc-ink)}
.bearly-pages .page-numbers.current{background:var(--bc-ink);color:var(--bc-page);border-color:var(--bc-ink)}
.bearly-pages a.page-numbers:hover{border-color:var(--bc-ink)}
.bearly-empty{display:grid;gap:18px;justify-items:start;color:var(--bc-ink-2)}
.bearly-search{display:flex;gap:8px;flex-wrap:wrap;width:100%;max-width:520px}
.bearly-search input{flex:1;min-width:200px;font:400 1rem var(--bc-font);padding:.9em 1.1em;border-radius:999px;border:1.5px solid var(--bc-line);background:var(--bc-card);color:var(--bc-ink)}
.bearly-search input:focus{outline:none;border-color:var(--bc-honey)}

/* ---- 404 ---- */
.bearly-404{min-height:70vh;display:grid;align-items:center}
.bearly-404 h1{max-width:16ch}
.bearly-404-links{display:flex;flex-wrap:wrap;gap:12px}
.bearly-zzz{position:absolute;right:clamp(16px,8vw,120px);top:30%;display:flex;gap:4px;font-size:clamp(2rem,1rem + 4vw,4.5rem);font-weight:500;color:var(--bc-honey)}
.bearly-zzz i{font-style:normal;animation:bearly-z 3s ease-in-out infinite;opacity:0}
.bearly-zzz i:nth-child(2){animation-delay:.5s;font-size:.8em}.bearly-zzz i:nth-child(3){animation-delay:1s;font-size:.6em}
@keyframes bearly-z{0%{opacity:0;transform:translate(0,10px)}30%{opacity:1}100%{opacity:0;transform:translate(14px,-40px)}}

/* ---- footer extras ---- */
.bearly-hello-sec{padding-bottom:0}

/* ---- WordPress content bits ---- */
.bc-prose .wp-block-image figcaption,.bc-prose .wp-caption-text{font-size:.85rem;color:var(--bc-ink-2);text-align:left}
.bc-prose .wp-block-button__link{background:var(--bc-honey);color:var(--bc-ink);border-radius:999px;font-weight:500;padding:.9em 1.4em;text-decoration:none}
.bc-prose .wp-block-separator{border:0;border-top:1px solid var(--bc-line);margin:2em 0}
.bc-prose pre,.bc-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bc-cream);border-radius:8px;padding:.15em .4em}
.bc-prose pre{padding:16px;overflow-x:auto}
.bc-prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.bc-prose th,.bc-prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bc-line)}
.bc-prose .alignleft{float:left;margin:0 1.5em 1em 0}.bc-prose .alignright{float:right;margin:0 0 1em 1.5em}
.bc-prose .aligncenter{margin-inline:auto}
/* Custom HTML blocks sit edge to edge inside the main area */
.bearly-main>.bc{width:100%}

.bearly-offset .bearly-main{padding-top:calc(env(safe-area-inset-top,0px) + 76px)}
@media (max-width:700px){.bearly-zzz{top:118px;right:24px}}
/* ===== Footer ===== */
.bc-foot{background:var(--bc-deep);color:var(--bc-on-deep);border-radius:clamp(28px,5vw,56px) clamp(28px,5vw,56px) 0 0;margin-top:clamp(40px,6vw,80px);padding-block:clamp(56px,8vw,96px) 28px;overflow:hidden;isolation:isolate}
.bc-foot .glow{position:absolute;z-index:-1;width:min(620px,90vw);aspect-ratio:1;right:-12%;top:-45%;border-radius:50%;background:radial-gradient(circle,rgba(245,165,36,.22),transparent 65%);animation:bc-fglow 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes bc-fglow{to{transform:translate(-18%,22%) scale(1.15)}}
.bc-foot .top-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:clamp(36px,5vw,56px);border-bottom:1px solid var(--bc-deep-line)}
.bc-foot .brand{display:grid;gap:16px;justify-items:start;max-width:440px}
.bc-foot .mark{display:block;text-decoration:none;color:var(--bc-on-deep)}
.bc-foot .mark .bc-logo{width:clamp(130px,16vw,180px);height:auto;color:var(--bc-on-deep);transition:color .35s}
.bc-foot .mark:hover .bc-logo{color:var(--bc-honey)}
.bc-foot .mark .bearly-wordmark{font-size:1.6rem;font-weight:500;letter-spacing:-.04em}
.bc-foot .lead{font-size:clamp(1.3rem,1rem + 1vw,1.75rem);font-weight:500;letter-spacing:-.025em;line-height:1.2;color:var(--bc-on-deep)}
.bc-foot .where{color:var(--bc-on-deep-2);max-width:34ch}
.bc-foot .act{display:grid;gap:18px;justify-items:end}
.bc-foot .mail{font-size:clamp(1.2rem,.9rem + 1.2vw,1.9rem);font-weight:500;letter-spacing:-.03em;text-decoration:none;background:linear-gradient(var(--bc-honey),var(--bc-honey)) 0 100%/0 2px no-repeat;transition:background-size .45s var(--bc-ease),color .3s}
.bc-foot .mail:hover{background-size:100% 2px;color:var(--bc-honey)}
.bc-foot .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-block:clamp(36px,5vw,56px)}
.bc-foot h4{font-size:.74rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bc-on-deep-2);margin-bottom:16px}
.bc-foot .cols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;justify-items:start}
.bc-foot .cols ul a,.bc-foot .cols ul span{color:var(--bc-on-deep);text-decoration:none;font-weight:500}
.bc-foot .cols ul span{color:var(--bc-on-deep-2)}
.bc-foot .cols ul a{background:linear-gradient(var(--bc-honey),var(--bc-honey)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--bc-ease)}
.bc-foot .cols ul a:hover{background-size:100% 2px}
.bc-foot .pills{grid-auto-flow:row}
.bc-foot .pills a{display:inline-flex;gap:.4em;padding:.55em 1em;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--bc-deep-line);background:none!important;transition:background-color .3s,color .3s,box-shadow .3s}
.bc-foot .pills a:hover{background-color:var(--bc-honey)!important;color:var(--bc-ink);box-shadow:none}
.bc-foot .legal{padding-top:22px;border-top:1px solid var(--bc-deep-line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;color:var(--bc-on-deep-2);font-size:.88rem}
.bc-foot .legal a{text-decoration:none;color:inherit}
.bc-foot .legal a:hover,.bc-foot .top:hover{color:var(--bc-honey)}
.bc-foot .top{margin-left:auto;font:500 .88rem var(--bc-font);background:none;border:0;color:var(--bc-on-deep-2);cursor:pointer;padding:0;display:inline-flex;gap:.4em}
.bc-foot .top span{transition:transform .35s var(--bc-ease)}
.bc-foot .top:hover span{transform:translateY(-3px)}
@media (max-width:860px){.bc-foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-foot .act{justify-items:start}}
@media (max-width:480px){.bc-foot .cols{gap:32px 20px}.bc-foot .top{margin-left:0}}
@media (prefers-reduced-motion:reduce){.bc-foot .glow{animation:none}}