[hidden]:not([hidden=until-found i]){display:none!important}html{scroll-padding-top:env(safe-area-inset-top,0px)}img{max-width:100%}:root{--bg:#f7f7f5;--surface:#fff;--fg:#1b1a18;--muted:#6d6a64;--line:#e3e1dc;--accent:#e0791a;--tile:#ecebe7;--hatch:#e2e0da;--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow","Helvetica Neue",Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141413;--surface:#1c1c1a;--fg:#efede8;--muted:#9b978f;--line:#2c2b28;--accent:#f0913a;--tile:#1f1f1d;--hatch:#272624;color-scheme:dark}}:root[data-theme=dark]{--bg:#141413;--surface:#1c1c1a;--fg:#efede8;--muted:#9b978f;--line:#2c2b28;--accent:#f0913a;--tile:#1f1f1d;--hatch:#272624;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{background:var(--bg);color:var(--fg);font-family:var(--body);margin:0;font-size:16px;line-height:1.6}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}.label{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:500}nav{top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}nav .wrap{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.mark{font-family:var(--display);letter-spacing:.04em;font-size:1.15rem;font-weight:600;text-decoration:none}.mark span{color:var(--accent)}nav ul{gap:clamp(14px,3vw,32px);margin:0;padding:0;list-style:none;display:flex}nav ul a{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.95rem;text-decoration:none}nav ul a:hover,nav ul a:focus-visible{color:var(--fg)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero{grid-template-columns:1fr;align-items:end;gap:clamp(24px,5vw,72px);padding-block:clamp(48px,9vw,110px) clamp(40px,6vw,72px);display:grid}.hero>div{min-width:0}.hero h1{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:14px 0 0;font-size:clamp(1.92rem,6vw,4.44rem);font-weight:500;line-height:.9}.hero .role{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:18px 0 0;font-size:clamp(1rem,2vw,1.3rem);font-weight:600}.hero p.lede{max-width:56ch;color:var(--muted);margin:22px 0 0;font-size:1.08rem}.hero img{aspect-ratio:3/4;object-fit:cover;object-position:center 20%;filter:grayscale();width:100%;max-width:100%;display:block}.stats{flex-wrap:wrap;gap:12px 36px;margin-top:34px;display:flex}.stats div{font-family:var(--display);font-size:2rem;font-weight:500;line-height:1}.stats small{font-family:var(--body);color:var(--muted);letter-spacing:.02em;margin-top:6px;font-size:.8rem;display:block}section{border-top:1px solid var(--line);padding-block:clamp(48px,7vw,88px)}.head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px;display:flex}h2{font-family:var(--display);letter-spacing:.005em;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:500;line-height:1}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{font:inherit;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:6px 14px;font-size:.9rem;transition:all .2s}.filters button:hover{color:var(--fg);border-color:var(--muted)}.filters button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{grid-column:span 4;min-width:0}.card.wide{grid-column:span 8}.card.half{grid-column:span 6}.card.full{grid-column:span 12}.frame{aspect-ratio:4/3;background:var(--tile);background-image:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 14px);place-items:center;display:grid;position:relative;overflow:hidden}.card.wide .frame{aspect-ratio:16/9}.card.tall .frame{aspect-ratio:8/9}.card.full .frame{aspect-ratio:21/9}.frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slot{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--muted);background:var(--tile);padding:6px 12px;font-size:.78rem}.meta{justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;display:flex}.meta h3{font-family:var(--display);letter-spacing:.03em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.meta p{color:var(--muted);margin:2px 0 0;font-size:.92rem}.meta .tag{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap;font-size:.75rem}.card[hidden]{display:none!important}.clients{flex-wrap:wrap;align-items:baseline;gap:10px 28px;margin-top:40px;display:flex}.clients strong{font-family:var(--display);letter-spacing:.04em;font-size:clamp(1.4rem,3vw,2rem);font-weight:500}.sk-intro{color:var(--muted);max-width:44ch;margin:0}.sketches{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.sketches .sk{background:var(--tile);cursor:zoom-in;break-inside:avoid;border:0;width:100%;margin:0;padding:0;display:block;position:relative}.sketches .th{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.sketches .sk span{text-align:left;color:#fff;opacity:0;background:linear-gradient(#0000,#000000a6);padding:18px 10px 8px;font-size:.8rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.sketches .sk:hover span,.sketches .sk:focus-visible span{opacity:1}@media (width<=440px){nav .wrap{justify-content:center}.mark{display:none}nav ul{gap:16px}nav ul a{letter-spacing:.08em;font-size:.85rem}}button.frame{cursor:pointer;width:100%;font:inherit;color:inherit;border:0;padding:0;display:grid}button.frame img{transition:transform .5s}button.frame:hover img{transform:scale(1.03)}.card.portrait .frame{aspect-ratio:4/5}.card.portrait .frame img{object-position:50% 20%}.count{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#f3f1ec;background:#0f0f0ec7;padding:4px 10px;font-size:.78rem;position:absolute;bottom:10px;right:10px}.proj{z-index:40;background:var(--bg);overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.proj[hidden],.lb[hidden]{display:none}.proj-bar{z-index:2;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.proj-bar .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding-block:12px;display:flex}.proj-bar h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}.proj-bar p{color:var(--muted);margin:2px 0 0;font-size:.92rem}.pbtn{font:inherit;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;padding:7px 14px;font-size:.9rem}.pbtn:hover{border-color:var(--accent);color:var(--accent)}a.pbtn{text-decoration:none}.proj-actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.proj-actions [hidden]{display:none}.proj-bar .wrap>div{min-width:0}@media (width<=620px){.proj-bar .wrap{flex-direction:column;align-items:flex-start;gap:10px;padding-block:10px}.proj-actions{flex-wrap:wrap;justify-content:flex-start}.proj-actions .pbtn{white-space:normal;font-size:.8rem}}.meta h3 .alt{color:var(--muted);font-size:.85em;font-weight:400}.meta a.ext{color:var(--accent);white-space:nowrap;text-decoration:none}.meta a.ext:hover{text-decoration:underline}.proj-grid{padding-block:28px 64px}.proj-cols{columns:4 240px;column-gap:14px}.proj-sec{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line);margin:28px 0 14px;padding-bottom:8px;font-size:1.05rem;font-weight:600}.proj-sec:first-child{margin-top:0}.proj-sec span{color:var(--muted);margin-left:6px;font-weight:400}.proj-grid button{background:var(--tile);cursor:zoom-in;break-inside:avoid;border:0;width:100%;margin:0 0 14px;padding:0;display:block;position:relative}.proj-grid .th{background-color:var(--tile);width:100%;height:auto;display:block}.proj-grid span{text-align:left;color:#fff;opacity:0;background:linear-gradient(#0000,#000000a6);padding:18px 10px 8px;font-size:.8rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.proj-grid button:hover span,.proj-grid button:focus-visible span{opacity:1}.lb{z-index:60;color:#efede8;padding:calc(env(safe-area-inset-top,0px) + 12px) clamp(12px,3vw,32px) calc(env(safe-area-inset-bottom,0px) + 12px);background:#0f0f0e;flex-direction:column;display:flex;position:fixed;inset:0}.lb-top{justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.lb-top .t{color:#c9c5bd;min-width:0;font-size:.95rem}.lb-top .t b{color:#efede8;margin-right:10px;font-weight:600}.lb-tools{gap:8px;display:flex}.lb-btn{color:#efede8;font:inherit;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #3a3935;padding:6px 12px;font-size:.88rem}.lb-btn:hover,.lb-btn[aria-pressed=true]{color:#f0913a;border-color:#f0913a}.lb-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.lb-view{cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.lb-view video{background:#000;max-width:100%;max-height:100%;display:block}.lb-view img{object-fit:contain;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;display:block}.lb.zoomed .lb-view{cursor:zoom-out;display:block;overflow:auto}.lb.zoomed .lb-view img{max-width:none;max-height:none;margin:0 auto}.lb-nav{letter-spacing:0;background:#0f0f0eb3;width:44px;height:44px;padding:0;font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.lb-prev{left:0}.lb-next{right:0}.lb.zoomed .lb-nav{display:none}@media (width<=620px){.lb-nav{display:none}.lb-top .t b{display:block}}.about{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);display:grid}.about p{max-width:60ch;margin:0 0 16px}.skills{flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none;display:flex}.skills li{border:1px solid var(--line);padding:4px 12px;font-size:.9rem}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:16px;padding:16px 0;display:grid}.timeline li:first-child{padding-top:0}.timeline .yrs{font-family:var(--display);color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums}.timeline li:first-child .yrs{color:var(--accent);font-weight:600}.timeline b{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:1.15rem;font-weight:600;line-height:1.25;display:block}.timeline span.co{color:var(--muted)}.edu{color:var(--muted);margin-top:28px;font-size:.95rem}.edu b{color:var(--fg);font-weight:600}.contact h2{max-width:14ch;font-size:clamp(2.4rem,7vw,5rem)}.contact .grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:20px;display:grid}.contact .grid2>div{min-width:0}.contact .v{word-break:break-word;border-bottom:1px solid var(--line);margin-top:6px;font-size:1.1rem;font-weight:500;text-decoration:none;display:inline-block}.contact a.v:hover{border-color:var(--accent);color:var(--accent)}.copy{font:inherit;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;margin-left:8px;padding:2px 8px;font-size:.8rem}footer{border-top:1px solid var(--line);color:var(--muted);padding-block:24px;font-size:.85rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@media (width<=860px){.card,.card.wide,.card.half{grid-column:span 6}.about{grid-template-columns:1fr}}@media (width<=620px){.hero{grid-template-columns:1fr}.hero img{max-width:240px}.card,.card.wide,.card.half{grid-column:span 12}nav ul{gap:14px}.timeline li{grid-template-columns:1fr;gap:2px}}#grid .card{grid-column:span 4!important}#grid .frame{aspect-ratio:1!important}@media (width<=860px){#grid .card{grid-column:span 6!important}}@media (width<=620px){#grid .card{grid-column:span 12!important}}nav .wrap>ul{margin-left:auto}.theme-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;margin-left:18px;display:inline-grid}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-btn .i-sun{display:none}.is-dark .theme-btn .i-sun{display:block}.is-dark .theme-btn .i-moon{display:none}@media (width<=440px){.theme-btn{width:30px;height:30px;margin-left:8px}nav ul{gap:12px!important}nav ul a{letter-spacing:.06em!important;font-size:.78rem!important}}@media (width<=360px){nav ul{gap:8px!important}nav ul a{letter-spacing:.03em!important;font-size:.72rem!important}}.bunny{font:inherit;aspect-ratio:265/360;vertical-align:-.42em;cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2212%22/%3E%3Cpath%20d%3D%22M20%202v9M20%2029v9M2%2020h9M29%2020h9%22/%3E%3C/g%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e0791a%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2212%22/%3E%3Cpath%20d%3D%22M20%202v9M20%2029v9M2%2020h9M29%2020h9%22/%3E%3C/g%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%222.5%22%20fill%3D%22%23e0791a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22/%3E%3C/svg%3E) 20 20,crosshair;transform-origin:50% 90%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;height:2.25em;margin-left:.2em;padding:0;display:inline-block;position:relative}.bunny:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.bunny img{object-fit:contain;pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.bunny .b-dead{opacity:0}.bunny.giggle{animation:.9s ease-in-out bunnyGiggle}@keyframes bunnyGiggle{0%{transform:rotate(0)}12%{transform:rotate(-9deg)translateY(-4%)}24%{transform:rotate(8deg)}36%{transform:rotate(-7deg)translateY(-3%)}48%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}74%{transform:rotate(3deg)}to{transform:rotate(0)}}.bunny.hit .b-alive,.bunny.pop .b-alive{opacity:0}.bunny.hit .b-dead,.bunny.pop .b-dead{opacity:1}.bunny.hit{pointer-events:none;animation:.45s ease-out forwards bunnyHit}@keyframes bunnyHit{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.18)rotate(-14deg)}55%{transform:scale(1.05)rotate(10deg)}to{transform:scale(1.12)rotate(-6deg)}}.bunny.pop{pointer-events:none;animation:.35s ease-in forwards bunnyPop}@keyframes bunnyPop{0%{opacity:1;transform:scale(1.12)rotate(-6deg)}60%{opacity:.6;transform:scale(1.5)rotate(4deg)}to{opacity:0;transform:scale(.1)}}.bunny.gone{visibility:hidden;pointer-events:none}.bunny.back{animation:.6s cubic-bezier(.3,1.6,.5,1) bunnyBack}@keyframes bunnyBack{0%{transform:scale(0)translateY(40%)}to{transform:scale(1)translateY(0)}}.b-bit{z-index:30;pointer-events:none;background:var(--fg);border-radius:50%;width:10px;height:10px;animation:.7s cubic-bezier(.2,.7,.3,1) forwards bitFly;position:fixed}.b-bit.o{background:var(--accent)}@keyframes bitFly{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.b-ring{z-index:30;border:3px solid var(--accent);pointer-events:none;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.45s ease-out forwards ringOut;position:fixed}@keyframes ringOut{to{opacity:0;transform:scale(5)}}.b-pop{z-index:30;pointer-events:none;font-family:var(--display);letter-spacing:.06em;color:var(--accent);font-size:1.6rem;font-weight:600;animation:.8s ease-out forwards popTxt;position:fixed;transform:translate(-50%,-50%)}@keyframes popTxt{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-90%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}@media (prefers-reduced-motion:reduce){.bunny.giggle,.bunny.hit,.bunny.back{animation:none}.b-bit{display:none}}:root{--img-r:8px}.frame,.sk,.proj-cols>*,.proj-cols .th{border-radius:var(--img-r);overflow:hidden}.sk .th{border-radius:0}.lb-view img,.lb-view video{border-radius:var(--img-r)}.wip{z-index:2;color:#fff;font-family:var(--display);letter-spacing:.14em;backdrop-filter:blur(4px);background:#0f0f0ec7;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 9px;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.wip svg{color:var(--accent);flex:none}.frame,.sk,.proj-cols>*{box-shadow:0 0 0 .5px var(--accent);transition:box-shadow .2s}.frame:hover,.frame:focus-visible,.sk:hover,.sk:focus-visible,.proj-cols>:hover,.proj-cols>:focus-visible{box-shadow:0 0 0 .75px #1fd3e6}.demo-ov[hidden]{display:none}.demo-ov{z-index:80;background:#05080f;flex-direction:column;display:flex;position:fixed;inset:0}.demo-bar{padding:calc(env(safe-area-inset-top,0px) + 8px) 14px 8px;color:#efede8;background:#0f0f0e;border-bottom:1px solid #2c2b28;justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-bar b{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:600}.demo-ov iframe{background:#05080f;border:0;flex:1;width:100%}.frame,.sk,.proj-cols>*{isolation:isolate;position:relative}.frame:after,.sk:after,.proj-cols>:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffff1a 40%,#ffffff8c 47%,#ffffff2e 53%,#0000 64%) 130% 0/250% 100% no-repeat;transition:opacity .2s;position:absolute;inset:0}.frame:hover:after,.sk:hover:after,.proj-cols>:hover:after,.frame:focus-visible:after,.sk:focus-visible:after{opacity:1;animation:1.1s cubic-bezier(.25,.5,.35,1) forwards glassShine}@keyframes glassShine{0%{background-position:130% 0}to{background-position:-30% 0}}@media (prefers-reduced-motion:reduce){.frame:hover:after,.sk:hover:after,.proj-cols>:hover:after{opacity:0;animation:none}}.cb[hidden]{display:none}.cb{z-index:75;color:#efede8;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 40%,#2a2723 0%,#121110 70%);flex-direction:column;display:flex;position:fixed;inset:0}.cb-top{padding:calc(env(safe-area-inset-top,0px) + 12px) clamp(12px,3vw,28px) 6px;justify-content:space-between;align-items:center;gap:12px;display:flex}.cb-title{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.cb-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.cb-book{perspective:2600px;cursor:pointer;transition:transform .6s cubic-bezier(.45,.05,.3,1);position:relative}.cb-pg,.cb-face{background-color:#e9e6df;background-repeat:no-repeat;position:absolute;top:0}.cb-pg{height:100%}.cb-pg.l{left:0;box-shadow:-6px 10px 28px #00000073}.cb-pg.r{box-shadow:6px 10px 28px #00000073}.cb-pg.empty{box-shadow:none;background:0 0!important}.cb-pg.l:after,.cb-face.b:after{content:"";pointer-events:none;background:linear-gradient(270deg,#00000047,#0000 7%);position:absolute;inset:0}.cb-pg.r:after,.cb-face.f:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000047,#0000 7%);position:absolute;inset:0}.cb-pg.cover:after,.cb-face.cover:after{background:linear-gradient(90deg,#0000002e,#0000 3%)}.cb-pg.empty:after{display:none}.cb-leaf{height:100%;transform-style:preserve-3d;z-index:5;transition:transform .75s cubic-bezier(.45,.05,.3,1);position:absolute;top:0}.cb-leaf .cb-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;inset:0}.cb-leaf .cb-face.b{transform:rotateY(180deg)}.cb-leaf .cb-face:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#00000040);transition:opacity .375s;position:absolute;inset:0}.cb-leaf.turning .cb-face:before{opacity:1}.cb-nav{color:#efede8;cursor:pointer;z-index:10;background:#0f0f0ebf;border:1px solid #3a3935;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.3rem;transition:border-color .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cb-nav:hover{color:#1fd3e6;border-color:#1fd3e6}.cb-nav:disabled{opacity:.25;cursor:default;color:#efede8;border-color:#3a3935}.cb-prev{left:clamp(8px,2vw,24px)}.cb-next{right:clamp(8px,2vw,24px)}.cb-foot{padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 14px);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#9b978f;justify-content:center;align-items:center;gap:16px;font-size:.85rem;display:flex}.cb-foot input{width:min(320px,50vw);accent-color:var(--accent)}.cb-hint{opacity:.7;font-size:.72rem}@media (width<=600px){.cb-hint{display:none}.cb-nav{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.cb-leaf,.cb-book{transition-duration:10ms}}.cb-chap{color:#efede8;font:inherit;letter-spacing:.1em;background:#1c1c1a;border:1px solid #3a3935;border-radius:6px;padding:4px 8px;font-size:.8rem}.hero h1{flex-wrap:nowrap;align-items:center;display:flex}.hero h1 .h1-name{min-width:0}.hero h1 .bunny{vertical-align:middle;flex:none;margin:-.55em 0 -.55em .25em}@media (width<=620px){.hero h1{margin-top:26px}}