/*
Theme Name: Juvilo Games
Description: An independent studio block theme, made for small moments and satisfying games.
Version: 2.0.0
Text Domain: juvilo-games
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:.22em}a:focus-visible,button:focus-visible{outline:3px solid #966c22;outline-offset:5px}img{max-width:100%;height:auto}.wp-site-blocks{padding:0}.site-header,.site-footer,.page-shell{padding-inline:clamp(22px,6vw,100px)}.site-header{padding-block:28px;border-bottom:1px solid #dce1d5}.site-header .wp-block-site-title{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px}.site-header a{text-decoration:none}.site-header .wp-block-navigation{font-size:15px}.site-footer{padding-block:38px;border-top:1px solid #dce1d5;margin-top:0!important;font-size:14px}.page-shell{max-width:1440px;margin-inline:auto;padding-block:60px 90px}.hero{gap:clamp(30px,6vw,90px)!important;min-height:640px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#50624c}.hero h1{font-size:clamp(48px,5.7vw,82px);line-height:1.04;letter-spacing:-.055em;max-width:680px}.hero p:not(.eyebrow){max-width:450px}.hero-art{background:#f1ead9;border-radius:180px 180px 28px 28px;padding:20px;box-shadow:0 24px 60px #193b2812}.hero-art img{border-radius:150px 150px 18px 18px;width:100%;max-height:610px;object-fit:contain}.wp-block-button__link{box-shadow:0 4px 0 #102e24,0 9px 20px #163c2415;transition:transform .2s,box-shadow .2s;font-weight:600}.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 6px 0 #102e24,0 12px 24px #163c2420}.section{margin-top:100px!important}.section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}.game-card{background:#f0eadc url('assets/game/background-botanical.png.png') center/cover;border:1px solid #e4dfce;border-radius:28px;padding:clamp(24px,5vw,64px);overflow:hidden}.game-card .wp-block-image img{border-radius:20px;max-width:360px}.badge{display:inline-block;padding:7px 14px;background:#e1e8d7;border:1px solid #c8d1ba;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-note{background:#e9eee3;border-radius:24px;padding:clamp(28px,5vw,64px)}.studio-note p{max-width:670px}.game-logo img{width:280px!important}.intro{max-width:760px}.intro h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.04em}.feature-grid{gap:28px}.feature-grid>.wp-block-column{padding:28px;background:#fffdf6;border:1px solid #e2e4d8;border-radius:20px}.feature-grid h3{font-size:24px}.notice{border-left:4px solid #966c22;padding:18px 24px;background:#f1eadb;border-radius:0 12px 12px 0}.help-section{max-width:760px;margin-top:48px}.help-section h2{font-size:28px}.wp-block-image figcaption{font-size:13px;color:#50624c}.wp-block-post-content{margin-top:0}.wp-block-spacer{margin:0}@media(max-width:781px){.page-shell{padding-block:36px 60px}.hero{min-height:0}.hero-art{max-width:420px;margin-inline:auto}.hero-art img{max-height:480px}.section{margin-top:64px!important}.site-header{padding-block:20px}.site-header .wp-block-group{gap:16px}.site-footer .wp-block-group{gap:18px}.game-card .wp-block-image img{max-width:280px}.hero h1{font-size:clamp(45px,10vw,64px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Existing homepage hero only; page blocks and all other sections stay editable. */
.home .hero {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 0;
    padding-block: 0;
    gap: clamp(28px, 4vw, 56px) !important;
    align-items: flex-start !important;
}
.home .page-shell { padding-top: 32px; }
.home .hero > .wp-block-column:first-child { flex-basis: 56% !important; }
.home .hero > .wp-block-column:last-child { flex-basis: 44% !important; }
.home .hero > .wp-block-column { align-self: flex-start; min-width: 0; }
.home .hero h1 {
    font-size: clamp(56px, 4.7vw, 64px);
    line-height: 1.08;
    letter-spacing: -.045em;
    margin-block: 16px 20px;
}
.home .hero p:not(.eyebrow) { max-width: 460px; margin-block: 0 24px; }
.home .hero .eyebrow { margin-top: 0; margin-bottom: 16px; }
.home .hero .wp-block-buttons { margin-top: 0; }
.home .hero-art {
    background: linear-gradient(145deg, #f5f2e7, #e9eee3);
    border-radius: 20px;
    padding: 12px;
    box-shadow: 0 10px 28px #193b280d;
    margin: 0;
    width: 100%;
}
.home .hero-art .wp-block-image { margin: 0; text-align: center; line-height: 0; }
.home .hero-art img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
    object-fit: contain;
    border-radius: 10px;
    margin-inline: auto;
}
@media (max-width: 781px) {
    .home .page-shell { padding-top: 24px; }
    .home .hero { gap: 28px !important; }
    .home .hero > .wp-block-column { flex-basis: 100% !important; width: 100%; }
    .home .hero h1 { font-size: clamp(36px, 5.4vw, 42px); margin-block: 12px 16px; }
    .home .hero p:not(.eyebrow) { margin-bottom: 20px; }
    .home .hero-art { max-width: 420px; margin-inline: auto; padding: 10px; }
    .home .hero-art img { max-height: 320px; }
}