/* Parakinz Our World — v1.105 */
.world-page{background:var(--cream)}
.world-page .site-header{position:relative}

.world-hero{padding-top:52px;padding-bottom:76px;text-align:center}
.world-hero-copy{max-width:800px;margin:0 auto 30px}
.world-hero-copy .eyebrow{font-size:10px;letter-spacing:.32em;margin-bottom:13px}
.world-hero-copy h1{font-size:clamp(58px,6.5vw,96px);line-height:.89;letter-spacing:-.075em;margin:0;font-weight:950}
.world-hero-copy>p:not(.eyebrow){max-width:680px;margin:20px auto 0;font-size:16px;line-height:1.58;color:var(--sub)}
.world-hero-art{height:560px;border-radius:30px;overflow:hidden;background:#f1dfc8;border:1px solid #ead8c2}
.world-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}

.world-definition{display:grid;grid-template-columns:390px minmax(0,1fr);gap:34px;align-items:center;padding-bottom:78px}
.world-definition-copy{padding:8px 14px 8px 6px}
.world-definition-copy h2{font-size:clamp(43px,4.5vw,67px);line-height:.94;letter-spacing:-.065em;margin:0 0 18px;font-weight:950}
.world-definition-copy>p:not(.eyebrow){font-size:15px;line-height:1.62;color:var(--sub);margin:0}
.world-traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.world-traits span{border:1px solid #dfd0bd;background:#fff8ee;border-radius:999px;padding:8px 11px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:850;color:#6e6458}
.world-definition-art{height:390px;border-radius:28px;overflow:hidden;background:#f3e2cd}
.world-definition-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}

.world-night{display:grid;grid-template-columns:minmax(0,1.45fr) 360px;gap:34px;align-items:center;padding-bottom:78px}
.world-night-art{height:380px;border-radius:28px;overflow:hidden;background:#15171b}
.world-night-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.world-night-copy{padding:10px 4px 10px 10px}
.world-night-copy h2{font-size:clamp(43px,4.3vw,64px);line-height:.94;letter-spacing:-.065em;margin:0 0 18px;font-weight:950}
.world-night-copy>p:not(.eyebrow){font-size:15px;line-height:1.62;color:var(--sub);margin:0}

.world-crew{padding-bottom:78px}
.world-crew-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d9cfc3;padding-bottom:18px;margin-bottom:22px}
.world-crew-heading .eyebrow{font-size:10px;letter-spacing:.3em;margin:0 0 8px}
.world-crew-heading h2{font-size:clamp(42px,4.3vw,66px);line-height:.94;letter-spacing:-.06em;margin:0;font-weight:950}
.world-crew-heading .catalog-count{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7a7065;padding-bottom:5px}
.world-crew-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.world-character{display:block;background:#fffaf2;border:1px solid #e7ddd1;border-radius:22px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.world-character:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(81,58,22,.08)}
.world-character img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .3s ease}
.world-character:hover img{transform:scale(1.015)}
.world-character>div{padding:15px 16px 17px;position:relative}
.world-character-index{display:block;font-size:8px;letter-spacing:.2em;font-weight:850;color:#817769;margin-bottom:7px}
.world-character strong{display:block;font-size:28px;line-height:1;letter-spacing:-.045em;font-weight:950}
.world-character small{display:block;font-size:11px;line-height:1.45;color:var(--sub);margin-top:7px}

.world-coming{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;background:#f4e4d1;border:1px solid #ead8c2;border-radius:30px;padding:46px 50px;margin-bottom:62px}
.world-coming-copy h2{font-size:clamp(44px,4.6vw,70px);line-height:.91;letter-spacing:-.065em;margin:0 0 16px;font-weight:950}
.world-coming-copy>p:not(.eyebrow){max-width:650px;margin:0;color:var(--sub);font-size:15px;line-height:1.58}
.world-coming-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px;min-width:195px}
.world-coming-actions .button{width:100%}
.world-text-link{font-size:10px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.world-page .footer{padding-top:8px}

@media(max-width:1050px){
  .world-hero-art{height:500px}
  .world-definition{grid-template-columns:330px minmax(0,1fr)}
  .world-definition-art{height:350px}
  .world-night{grid-template-columns:minmax(0,1.3fr) 320px}
  .world-night-art{height:340px}
  .world-character img{height:255px}
}

@media(max-width:780px){
  .world-hero{padding-top:36px;padding-bottom:52px;text-align:left}
  .world-hero-copy{margin:0 4px 22px;max-width:none}
  .world-hero-copy h1{font-size:55px}
  .world-hero-copy>p:not(.eyebrow){margin:15px 0 0;font-size:13px;max-width:520px}
  .world-hero-art{height:360px;border-radius:24px}
  .world-definition{grid-template-columns:1fr;gap:20px;padding-bottom:54px}
  .world-definition-copy{padding:0 4px}
  .world-definition-copy h2{font-size:44px}
  .world-definition-copy>p:not(.eyebrow){font-size:13px}
  .world-definition-art{height:285px;border-radius:24px;grid-row:1}
  .world-night{grid-template-columns:1fr;gap:20px;padding-bottom:54px}
  .world-night-art{height:300px;border-radius:24px}
  .world-night-copy{padding:0 4px}
  .world-night-copy h2{font-size:44px}
  .world-night-copy>p:not(.eyebrow){font-size:13px}
  .world-crew{padding-bottom:54px}
  .world-crew-heading{margin-bottom:14px}
  .world-crew-heading h2{font-size:40px}
  .world-crew-heading .catalog-count{font-size:8px}
  .world-crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .world-character{border-radius:18px}
  .world-character img{height:220px}
  .world-character>div{padding:12px 12px 14px}
  .world-character strong{font-size:23px}
  .world-character small{font-size:10px}
  .world-coming{grid-template-columns:1fr;gap:25px;padding:31px 28px;margin-bottom:48px;border-radius:24px}
  .world-coming-copy h2{font-size:44px}
  .world-coming-copy>p:not(.eyebrow){font-size:13px}
  .world-coming-actions{align-items:stretch;min-width:0}
  .world-text-link{text-align:center}
}

@media(max-width:450px){
  .world-hero{padding-top:30px}
  .world-hero-copy h1{font-size:47px}
  .world-hero-art{height:300px}
  .world-definition-copy h2,.world-night-copy h2{font-size:39px}
  .world-definition-art{height:235px}
  .world-night-art{height:250px}
  .world-crew-heading h2{font-size:35px}
  .world-character img{height:165px}
  .world-character strong{font-size:20px}
  .world-character small{font-size:9px}
  .world-coming{padding:27px 22px}
  .world-coming-copy h2{font-size:38px}
}