/* Category cards: the approved October 22 composition. The image keeps its
   own proportions; only decorative vector curves adapt to the card width. */
body[data-page=home] .approved-worlds{
 width:min(1440px,calc(100% - 60px));
 padding-block:24px 46px;
 scroll-margin-top:95px;
}
body[data-page=home] .approved-worlds .approved-heading{
 text-align:center;
 margin:0 0 32px;
}
body[data-page=home] .approved-worlds .eyebrow{
 font-size:12px;
 line-height:1.4;
 margin-bottom:10px;
 color:#2041e5;
}
body[data-page=home] .approved-worlds h2{
 font-size:clamp(30px,3.1vw,45px);
 line-height:1.12;
 letter-spacing:-.055em;
 color:#080b1d;
}
body[data-page=home] .approved-worlds .approved-heading>p:last-child{
 font-size:18px;
 line-height:1.4;
 margin-top:9px;
 color:#626b83;
}
body[data-page=home] .approved-world-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 align-items:stretch;
 gap:14px;
}
body[data-page=home] .approved-world-card{
 --world-light:#e9efff;
 --world-base:#dce6ff;
 --world-fold:#c3d2fc;
 --world-icon:#fff;
 --world-badge:#2444ff;
 --world-accent:#f9e368;
 --accent-left:30%;
 position:relative;
 display:flex;
 flex-direction:column;
 min-width:0;
 border:0;
 border-radius:20px;
 overflow:hidden;
 isolation:isolate;
 container-type:inline-size;
 background:var(--world-base);
}
body[data-page=home] .approved-world-card.pink{
 --world-light:#fff0e9;--world-base:#ffe9e1;--world-fold:#ffe0d5;
 --world-icon:#fff;--world-badge:#ff6034;--world-accent:#f6a9cb;--accent-left:45%;
}
body[data-page=home] .approved-world-card.yellow{
 --world-light:#f1ebff;--world-base:#eee6ff;--world-fold:#e3d8fd;
 --world-icon:#fff;--world-badge:#7855da;--world-accent:#3d6aeb;--accent-left:40%;
}
body[data-page=home] .approved-world-card.green{
 --world-light:#e9f8f2;--world-base:#e0f5ec;--world-fold:#d2f0e2;
 --world-icon:#fff;--world-badge:#139577;--world-accent:#367b42;--accent-left:3%;
}
body[data-page=home] .approved-world-card>.photo-frame{
 position:relative;
 flex:none;
 width:100%;
 aspect-ratio:3/4;
 background:transparent;
}
body[data-page=home] .approved-world-card>.photo-frame>img{
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center;
}
body[data-page=home] .world-photo-accent{
 position:absolute;
 z-index:1;
 top:12px;
 left:var(--accent-left);
 width:70px;
 height:72px;
 fill:none;
 stroke:var(--world-accent);
 stroke-width:6;
 stroke-linecap:round;
 pointer-events:none;
}
body[data-page=home] .pink .world-photo-accent{transform:rotate(-24deg);width:54px;height:61px;top:17px}
body[data-page=home] .green .world-photo-accent{transform:rotate(-38deg);width:47px;height:62px;top:9px}
body[data-page=home] .approved-world-card .world-card-copy{
 position:relative;
 z-index:2;
 isolation:isolate;
 display:flex;
 flex-direction:column;
 flex:1;
 min-width:0;
 min-height:230px;
 margin-top:-60px;
 padding:8px 43px 19px;
 background:transparent;
}
body[data-page=home] .world-card-copy::before{content:none}
body[data-page=home] .world-panel-art{
 position:absolute;
 z-index:-1;
 top:-28px;
 left:0;
 width:100%;
 height:calc(100% + 28px);
 overflow:visible;
 fill:none;
 stroke:none;
 pointer-events:none;
}
body[data-page=home] .world-card-copy>.round-icon{
 display:grid;
 place-items:center;
 flex:none;
 width:60px;
 height:60px;
 margin:0 0 9px;
 border:0;
 border-radius:50%;
 background:var(--world-badge);
 color:var(--world-icon);
}
body[data-page=home] .world-card-copy>.round-icon svg{
 width:32px;
 height:32px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.7;
}
body[data-page=home] .world-card-copy h3{
 font-size:24px;
 line-height:1.15;
 letter-spacing:-.035em;
 color:#080b1d;
 margin:0 0 5px;
}
body[data-page=home] .world-card-copy p{
 font-size:18px;
 line-height:22px;
 min-height:44px;
 color:#505b70;
 margin:0 0 13px;
}
body[data-page=home] .world-cta{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:13px;
 flex:none;
 width:180px;
 max-width:100%;
 min-height:44px;
 padding:9px 15px;
 margin:auto auto 0;
 border:0;
 border-radius:999px;
 background:#fff;
 color:#1740df;
 font-size:16px;
 line-height:1.25;
 font-weight:700;
 text-decoration:none;
}
body[data-page=home] .world-cta svg{width:22px;height:22px;stroke-width:1.7}
body[data-page=home] .world-cta:hover{background:#f6f8ff;color:#102ca4}
body[data-page=home] .world-cta:focus-visible{outline:3px solid #2041e5;outline-offset:4px}
@media(min-width:901px) and (max-width:1200px){
 body[data-page=home] .approved-world-card .world-card-copy{padding-inline:25px}
 body[data-page=home] .world-card-copy h3{font-size:22px}
 body[data-page=home] .world-card-copy p{font-size:16px}
}
@media(max-width:900px){
 body[data-page=home] .approved-worlds{width:calc(100% - 48px)}
 body[data-page=home] .approved-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 body[data-page=home] .approved-worlds h2{max-width:650px;margin-inline:auto}
}
@media(max-width:600px){
 body[data-page=home] .approved-worlds{width:calc(100% - 32px);padding-block:14px 32px}
 body[data-page=home] .approved-worlds .approved-heading{margin-bottom:24px}
 body[data-page=home] .approved-worlds .eyebrow{font-size:10px;margin-bottom:10px}
 body[data-page=home] .approved-worlds h2{font-size:30px;line-height:1.1}
 body[data-page=home] .approved-worlds .approved-heading>p:last-child{font-size:15px;line-height:1.4;margin-top:12px}
 body[data-page=home] .approved-world-grid{gap:16px 12px}
 body[data-page=home] .approved-world-card{border-radius:18px}
 body[data-page=home] .approved-world-card .world-card-copy{min-height:205px;margin-top:-34px;padding:5px 15px 15px}
 body[data-page=home] .world-panel-art{top:-17px;height:calc(100% + 17px)}
 body[data-page=home] .world-card-copy>.round-icon{width:44px;height:44px;margin-bottom:9px}
 body[data-page=home] .world-card-copy>.round-icon svg{width:25px;height:25px}
 body[data-page=home] .world-card-copy h3{font-size:18px;line-height:1.2;margin-bottom:7px}
 body[data-page=home] .world-card-copy p{font-size:13px;line-height:1.4;min-height:3em;margin-bottom:13px}
 body[data-page=home] .world-card-copy p br{display:none}
 body[data-page=home] .world-cta{font-size:13px;gap:8px;min-height:44px;padding-inline:10px}
 body[data-page=home] .world-cta svg{width:19px;height:19px}
 body[data-page=home] .world-photo-accent{width:42px;height:43px;top:7px;stroke-width:5}
 body[data-page=home] .pink .world-photo-accent{width:35px;height:39px;top:9px}
 body[data-page=home] .green .world-photo-accent{width:31px;height:39px;top:5px}
}
@media(max-width:380px){
 body[data-page=home] .approved-world-card .world-card-copy{padding-inline:12px}
 body[data-page=home] .world-card-copy h3{font-size:17px}
}
/* Match the reference's photo scale, wave overlap and card proportions. */
@media(min-width:601px){
 body[data-page=home] .approved-world-card{border-radius:26px}
 body[data-page=home] .approved-world-card .world-card-copy{min-height:89cqw;margin-top:-29cqw;padding:0 15cqw 7cqw}
 body[data-page=home] .world-panel-art{top:-11cqw;height:calc(100% + 11cqw)}
 body[data-page=home] .world-card-copy>.round-icon{width:21cqw;height:21cqw;margin-bottom:3cqw}
 body[data-page=home] .world-card-copy>.round-icon svg{width:12cqw;height:12cqw}
 body[data-page=home] .world-card-copy h3{font-size:9cqw;line-height:1.1;margin-bottom:3cqw;white-space:nowrap}
 body[data-page=home] .world-card-copy p{font-size:6.5cqw;line-height:1.25;min-height:2.5em;margin-bottom:5cqw}
 body[data-page=home] .world-cta{width:65cqw;min-height:16cqw;font-size:6cqw;gap:5cqw;padding:2cqw 4cqw}
 body[data-page=home] .world-cta svg{width:7cqw;height:7cqw}
}