/* Selected homepage: the book is the navigation, the leaf is the explanation. */
.site-nav{gap:1.85cqw}
.primary-tabs{display:flex;align-items:center;gap:1.85cqw}
.site-nav .nav-link{display:inline-flex;align-items:center;justify-content:center;color:#fff8f1;min-width:44px;min-height:44px}
.enter-button,.enter-button:hover{background:linear-gradient(110deg,#a52b3f,#79172a);transition:transform 300ms cubic-bezier(.2,.7,.2,1),border-color 300ms ease,box-shadow 300ms ease}
.enter-button:hover{border-color:#bd5260;box-shadow:0 5px 17px #4a10132a}
.enter-button svg{transition:transform 300ms cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){
  .enter-button:hover{transform:translateY(-2px)}
  .enter-button:hover svg{transform:translateX(4px)}
}
.identity{flex-shrink:0;gap:1cqw}
.prism-frame{position:relative;display:block;flex:0 0 clamp(38px,3.5cqw,56px);width:clamp(38px,3.5cqw,56px);height:clamp(58px,5.3cqw,84px);--logo-size:clamp(58px,5.3cqw,84px)}
.prism-frame .prism{position:absolute;left:50%;top:50%;width:var(--logo-size);height:var(--logo-size);min-width:0;min-height:0;max-width:none;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 1px #fff3d380) drop-shadow(0 0 8px #eed8b633)}
.identity .prism-frame{font-size:initial;letter-spacing:normal}
.identity .wordmark{transition:color 220ms ease}
.identity:hover .wordmark,.identity:focus-visible .wordmark{color:#f4979e}
.leaf .fineprint{color:#65594e}
.universe{transform-origin:50% 96%;transition:transform 420ms cubic-bezier(.2,.75,.2,1),filter 420ms;--glint-position:45%}
.universe.manga{--art-x:-42.7cqw;--art-y:-7.2cqw;--leaf-tint:#96702c}
.universe.anime{--art-x:-55.5cqw;--art-y:-7.733333cqw;--leaf-tint:#315e8c}
.universe.cosplay{--art-x:-64.5cqw;--art-y:-8.4cqw;--leaf-tint:#9b402d}
.universe.gaming{--art-x:-73.2cqw;--art-y:-9.333333cqw;--leaf-tint:#2a7564}
.universe.music{--art-x:-82.5cqw;--art-y:-12.066667cqw;--leaf-tint:#6b347a}
.bookmark-art,.bookmark-sheen{position:absolute;inset:0;pointer-events:none}
.bookmark-art{z-index:-1;background-image:url('assets/book-plate.png');background-size:100cqw auto;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat}
.bookmark-sheen{background:linear-gradient(110deg,transparent 16%,#fff7dc00 33%,#fff3d936 var(--glint-position),#fff5db00 72%);opacity:0;transition:opacity 350ms;mix-blend-mode:screen}
.bookmark-hint{position:absolute;bottom:15.5%;left:14%;right:4%;padding:8px 9px;background:#171014df;color:#fff6e8;text-align:left;font:clamp(10px,.76cqw,15px)/1.3 var(--sans);letter-spacing:.02em;opacity:0;transform:translateY(8px);transition:opacity 260ms,transform 360ms;pointer-events:none}
.manga .bookmark-hint{bottom:20%;left:10%;right:8%}
.anime .bookmark-hint{left:17%}.cosplay .bookmark-hint{left:23%}.gaming .bookmark-hint{left:30%;bottom:16%}.music .bookmark-hint{left:33%;right:8%;bottom:17%}
.universe .card-label::after{background:var(--leaf-tint);height:2px}
.universe:focus-visible,.universe[aria-expanded=true]{filter:brightness(1.045)}
.universe:focus-visible .bookmark-hint,.universe[aria-expanded=true] .bookmark-hint{opacity:1;transform:translateY(0)}
.universe:focus-visible .card-label::after,.universe[aria-expanded=true] .card-label::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine) and (min-width:761px){
  .universe:hover{z-index:2;transform:perspective(1300px) translateY(-7px) rotateY(-1.5deg);filter:brightness(1.035)}
  .universe:hover .bookmark-sheen{opacity:1}
  .universe:hover .bookmark-hint{opacity:1;transform:translateY(0)}
  .universe:active{transform:translateY(-2px);transition-duration:130ms}
}
.site-nav .nav-link[aria-expanded=true]{border-bottom-color:#f9e1c2;color:#fff}
.leaf[open]{animation:none;opacity:1;transform:none}
.leaf::backdrop{background:#110d1218;backdrop-filter:none;-webkit-backdrop-filter:none}
.world-portrait{height:178px;margin:0 -37px 24px -45px;position:relative;overflow:hidden;background-image:url('assets/book-plate.png');background-repeat:no-repeat;background-size:600% auto;box-shadow:inset 0 -1px #21150d22}
.world-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#26151b38,transparent 65%);pointer-events:none}
.portrait-manga{background-position:49% 33%}
.portrait-anime{background-position:64.5% 32.5%}
.portrait-cosplay{background-position:74% 33%}
.portrait-gaming{background-position:84.5% 32%}
.portrait-music{background-position:99% 34%}
.leaf[data-view=world] .experience-item{border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:9px 0 12px;background:none}
.leaf[data-view=world] .experience-list{gap:0;margin:16px 0}
.leaf[data-view=world] .experience-item summary{font-size:23px}
.leaf[data-view=world] .leaf-actions{margin-top:20px}
.leaf[data-view=world] .leaf-copy{margin-bottom:16px}
.feature-spotlight{position:relative;border-block:1px solid #ae8b644d;padding:22px 0;margin:23px 0;background:linear-gradient(110deg,#d5b99618,transparent)}
.feature-kicker{font:10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.15em;color:#8a3440;margin:0 0 7px}
.feature-title{font:normal 30px/1.13 var(--serif);letter-spacing:-.02em;margin:0 0 12px}
.feature-spotlight p:not(.feature-kicker){font:14px/1.65 var(--sans);color:#594c40}
.editorial-links{display:grid;border-top:1px solid var(--rule);margin:22px 0}
.editorial-links button{border:0;border-bottom:1px solid var(--rule);background:none;padding:17px 0;display:flex;gap:14px;align-items:center;text-align:left;min-height:64px}
.editorial-links button:hover{background:#b78a5510}
.editorial-links strong{display:block;font:normal 23px/1.2 var(--serif)}
.editorial-links small{display:block;margin-top:6px;font:12px/1.5 var(--sans);color:#65574b}
.editorial-links button>span:first-child{flex:1}
.editorial-links button>span:last-child{color:#8f2032}
.leaf .navigation-intents{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:18px 0 24px}
.navigation-intents button{min-height:44px;background:none;border:0;border-bottom:1px solid var(--rule);font:20px var(--serif);text-align:left}
.navigation-intents button:hover{color:#901c31}
.editorial-sections{display:grid;gap:18px;margin:22px 0}
.editorial-sections .feature-spotlight{margin:0}
.creation-sequence{list-style:none;counter-reset:creation;margin:24px 0;padding:0}
#leaf-content .creation-sequence li{position:relative;padding:0 0 17px 39px;margin:0 0 17px;border-bottom:1px solid var(--rule);counter-increment:creation}
.creation-sequence li::before{content:'0' counter(creation);position:absolute;left:0;top:4px;font:12px var(--sans);color:#8a3440}
.creation-sequence .feature-title{font-size:25px;margin-bottom:7px}
.creation-sequence .leaf-copy{margin:0}
.signature-event{padding:15px 0;margin:16px 0;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center}
.signature-event .feature-kicker{grid-column:1/-1;margin:0}
.signature-event .feature-title{font-size:25px;margin:0}
.feature-spotlight .development-label{font:11px/1.4 var(--sans);color:#776556;margin:0}
.leaf[data-view=world] .back-link{display:block;margin-bottom:15px}
.leaf[data-view=world] .world-portrait{float:right;width:94px;height:145px;margin:0 0 15px 20px;background-size:768px 512px;border-radius:2px;box-shadow:0 2px 7px #49352120}
.leaf[data-view=world] .portrait-manga{background-position:-332px -75px}
.leaf[data-view=world] .portrait-anime{background-position:-427px -120px}
.leaf[data-view=world] .portrait-cosplay{background-position:-499px -100px}
.leaf[data-view=world] .portrait-gaming{background-position:-576px -119px}
.leaf[data-view=world] .portrait-music{background-position:-652px -127px}
.leaf[data-view=world] .leaf-title{font-size:36px}
.leaf[data-view=world] .experience-list{clear:both}
.experience-heading{display:grid;gap:3px}
.experience-item summary .experience-role{font:10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#796151}
.experience-item summary .development-label{font:11px/1.5 var(--sans);color:#796151}
.leaf[data-view=world] .experience-item{padding:10px 0}
.leaf[data-view=world] .experience-item summary{font-size:22px}
.mobile-portrait-hit{display:none}
@media(min-width:761px) and (max-width:1100px){
  .site-nav .nav-link{display:inline-flex}
  .site-nav .nav-divider{display:block}
  .site-header{top:0;left:0;right:0;padding:4px 4.4%;background:linear-gradient(#140e0bcc,#140e0baa 70%,#140e0b00)}
  .site-nav .sign-in{font-size:16px;padding:7px 25px;background:#100b0959}
}
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){
  body{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#38261d,#140e0b 75%)}
}
@media(max-width:1000px) and (min-width:761px){.site-nav{gap:1.5cqw}.bookmark-hint{font-size:10px;padding:5px}}
@media(max-width:760px){
  .site-nav{display:contents;margin:0}
  .site-header{min-height:94px;padding:10px 16px 8px;gap:4px 10px;flex-wrap:wrap}
  .identity{gap:8px;flex-shrink:1;min-width:0}
  .identity .wordmark{font-size:14px;letter-spacing:.11em}
  .prism-frame{--logo-size:76px;flex-basis:38px;width:38px;height:74px}
  .site-nav .sign-in{order:1;margin-left:auto;margin-right:50px;padding-inline:14px}
  .site-nav .nav-divider{display:none}
  .primary-tabs{order:2;flex:0 0 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-top:1px solid #fff4de22;padding-top:4px}
  .site-nav .primary-tabs .nav-link{display:inline-flex;min-height:44px;min-width:44px;font-size:15px;padding:7px 3px}
  .menu-tab{top:25px}
  .bookmark-art,.bookmark-sheen,.bookmark-hint{display:none}
  .universe{transform:none!important;filter:none;transition:background 160ms}
  .universe[aria-expanded=true]{background:#b9936330}
  .world-portrait{margin-inline:-30px -24px;height:158px}
  .feature-title{font-size:27px}
  .mobile-portrait-hit{display:block;position:absolute;border:0;padding:0;background:none;top:13%;height:69%;width:17%;min-width:44px;transform:skewY(-6deg)}
  .mobile-portrait-hit:nth-of-type(1){left:1.5%;width:21%;top:0;height:95%}
  .mobile-portrait-hit:nth-of-type(2){left:23%;top:6%;height:87%}
  .mobile-portrait-hit:nth-of-type(3){left:40%;top:7%;height:85%}
  .mobile-portrait-hit:nth-of-type(4){left:57%;top:11%;height:79%}
  .mobile-portrait-hit:nth-of-type(5){left:74%;width:23%;top:18%;height:70%}
  .mobile-portrait-hit:active{background:#fff9d714}
  .leaf[data-view=world] .world-portrait{width:72px;height:115px;margin-left:14px;background-size:614.4px 409.6px}
  .leaf[data-view=world] .portrait-manga{background-position:-266px -60px}
  .leaf[data-view=world] .portrait-anime{background-position:-342px -96px}
  .leaf[data-view=world] .portrait-cosplay{background-position:-399px -80px}
  .leaf[data-view=world] .portrait-gaming{background-position:-461px -95px}
  .leaf[data-view=world] .portrait-music{background-position:-522px -102px}
  .leaf[data-view=world] .leaf-title{font-size:32px}
}
@media(max-width:370px){.site-header{padding-inline:12px;gap:4px 8px}.identity .wordmark{font-size:13px;letter-spacing:.05em}.site-nav .sign-in{padding-inline:11px;margin-right:44px}.site-nav .primary-tabs .nav-link{font-size:14px}.menu-tab{right:8px}}
@media(prefers-reduced-motion:reduce){
  .enter-button,.enter-button:hover,.enter-button svg{transform:none!important;transition:none!important}
  .universe,.universe:hover,.universe:active{transform:none!important;transition:none!important}
  .bookmark-sheen{display:none}
  .bookmark-hint{transform:none!important;transition:none!important}
  .leaf[open]{animation:none!important}
}