:root{--ink:#2a1552;--purple:#482583;--mint:#9bebe0;--mint2:#70e2d2;--pink:#ffb8ed;--pink2:#ffecfa;--yellow:#fff24f;--yellow2:#fff795;--blue:#1032cf;--paper:#fffdf8;--r:22px;--sh:6px 6px 0 var(--purple);--f:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--blue)}h1,h2,h3,.logo,.btn,.pill,.tile b{font-family:var(--f);font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:0}h1{font-size:clamp(2.3rem,6vw,4.6rem);text-wrap:balance}h2{font-size:clamp(1.7rem,3.6vw,2.7rem);text-wrap:balance}h3{font-size:1.25rem}p{margin:.6em 0;text-wrap:pretty}.w{width:min(1240px,100% - 32px);margin-inline:auto}.sr{position:absolute;left:-9999px}/* header */.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:3px solid var(--purple)}.top .w{display:flex;align-items:center;gap:14px;min-height:64px}.logo{font-size:1.65rem;color:var(--purple);text-decoration:none;white-space:nowrap}.logo i{font-style:normal;display:inline-block;background:var(--pink);border:3px solid var(--purple);border-radius:12px;padding:2px 9px 4px;margin-left:3px;transform:rotate(-4deg);box-shadow:3px 3px 0 var(--purple)}.nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{font-family:var(--f);font-weight:800;color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:99px;white-space:nowrap;font-size:.98rem}.nav a:hover,.nav a[aria-current]{background:var(--yellow)}.nav a.hot{background:var(--purple);color:#fff}.lang{display:flex;border:3px solid var(--purple);border-radius:99px;overflow:hidden;flex:none}.lang a{font:800 .8rem var(--f);padding:6px 10px;text-decoration:none;color:var(--purple)}.lang a[aria-current]{background:var(--purple);color:#fff}/* buttons, pills */.btn{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;padding:15px 26px;border-radius:99px;border:3px solid var(--purple);background:var(--yellow);color:var(--purple);text-decoration:none;box-shadow:var(--sh);cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--purple)}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--purple)}.btn.alt{background:#fff}.btn.pk{background:var(--pink)}.btn.big{font-size:1.35rem;padding:19px 34px}.pill{display:inline-block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px;border:2px solid var(--purple);background:#fff;color:var(--purple);text-decoration:none}.pill.y{background:var(--yellow)}.pill.p{background:var(--pink)}.pill.m{background:var(--mint)}.pill.d{background:var(--purple);color:#fff}a.pill:hover{background:var(--yellow)}/* parallax */.px{position:relative;overflow:hidden;isolation:isolate}.sh{position:absolute;z-index:-1;will-change:transform;pointer-events:none}.sh.c{border-radius:50%}.sh.ring{border-radius:50%;border:14px solid;background:none!important}.sh.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sh.blob{border-radius:62% 38% 55% 45%/48% 60% 40% 52%}.sh.sq{border-radius:26%}.sh.zig{height:26px;background:none!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 26'%3E%3Cpath d='M0 20Q15-8 30 13T60 6' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/60px 26px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 26'%3E%3Cpath d='M0 20Q15-8 30 13T60 6' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/60px 26px repeat-x}.sh.zig::after{content:"";position:absolute;inset:0;background:var(--c,var(--purple))}/* hero */.hero{background:var(--mint);border-bottom:3px solid var(--purple)}.hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:64px 0 96px}.hero h1 em{font-style:normal;background:linear-gradient(transparent 58%,var(--yellow) 58% 92%,transparent 92%);padding:0 .08em}.hero p{font-size:1.25rem;max-width:34ch;margin:22px 0 30px}.hero .cta{display:flex;flex-wrap:wrap;gap:16px}.stack{position:relative;height:520px}.sheet{position:absolute;background:#fff;border:3px solid var(--purple);border-radius:18px;padding:8px;box-shadow:10px 10px 0 var(--purple);will-change:transform;display:block}.sheet img{border-radius:10px;width:100%}.sheet.s1{width:56%;left:22%;top:20px;z-index:3;--rot:-4deg}.sheet.s2{width:44%;left:0;top:150px;z-index:2;--rot:-13deg}.sheet.s3{width:44%;right:0;top:120px;z-index:1;--rot:11deg}.sheet{transform:rotate(var(--rot))}.facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:34px;font:800 1rem var(--f)}.facts span{display:flex;align-items:center;gap:8px}.facts span::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--pink);border:3px solid var(--purple)}/* sections */.sec{padding:72px 0}.sec>.w>header,.band>.w>header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px 24px;margin-bottom:28px}.sec header p{margin:8px 0 0;max-width:60ch}.more{font:800 1rem var(--f);color:inherit;white-space:nowrap}.band{padding:80px 0;border-block:3px solid var(--purple)}.trend{background:var(--purple);color:#fff}.trend h2{color:var(--yellow);font-size:clamp(2.2rem,5vw,3.8rem)}.trend h3{color:var(--mint);font-size:1.45rem;margin:38px 0 14px;display:flex;align-items:center;gap:12px}.trend h3::before{content:"";width:22px;height:22px;background:var(--pink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.trend .more{color:var(--yellow)}.season{background:var(--pink)}.how{background:var(--yellow2)}/* rails + grids */.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(160px,20vw,214px);gap:18px;overflow-x:auto;padding:6px 10px 20px 4px;margin:0 -4px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.rail>*{scroll-snap-align:start}.rail.wide{grid-auto-columns:clamp(250px,30vw,330px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px}.grid.t{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}/* card */.card{position:relative;background:#fff;border:3px solid var(--purple);border-radius:18px;box-shadow:5px 5px 0 var(--purple);transition:transform .15s,box-shadow .15s;color:var(--ink);content-visibility:auto;contain-intrinsic-size:auto 290px}.trend .card{box-shadow:5px 5px 0 var(--mint2)}.card:hover{transform:translate(-2px,-3px) rotate(-.6deg);box-shadow:8px 9px 0 var(--purple)}.trend .card:hover{box-shadow:8px 9px 0 var(--pink)}.card>a{display:block;text-decoration:none;color:inherit;padding:8px 8px 10px}.card img{border-radius:11px;aspect-ratio:4/5;width:100%;background:#fff}.card b{display:block;font:800 .95rem/1.2 var(--f);padding:8px 34px 0 4px}.card .bd{position:absolute;top:14px;left:14px;display:flex;gap:4px;transform:rotate(-4deg);pointer-events:none;z-index:1}.card .pr{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;border:2px solid var(--purple);background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23482583' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6M7 17H4v-7h16v7h-3M7 14h10v7H7z'/%3E%3C/svg%3E") center/19px no-repeat}.card .pr:hover{background-color:var(--pink)}/* tiles (categories, trends) */.tile{position:relative;display:grid;grid-template-columns:1fr 42%;align-items:center;gap:10px;min-height:170px;padding:20px 8px 20px 22px;border:3px solid var(--purple);border-radius:var(--r);box-shadow:var(--sh);text-decoration:none;color:var(--ink);background:var(--mint);overflow:hidden;transition:transform .15s,box-shadow .15s}.tile:hover{transform:translate(-2px,-3px);box-shadow:9px 9px 0 var(--purple)}.trend .tile{box-shadow:6px 6px 0 var(--mint2)}.tile:nth-child(3n+2){background:var(--pink)}.tile:nth-child(3n+3){background:var(--yellow)}.tile b{display:block;font-size:1.4rem;margin:8px 0 6px}.tile small{display:block;font-size:.88rem;line-height:1.35;opacity:.85}.tile img{border:3px solid var(--purple);border-radius:12px;transform:rotate(6deg) translateY(8px);background:#fff;aspect-ratio:4/5}.tile .pills{display:flex;flex-wrap:wrap;gap:4px}/* steps */.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;counter-reset:s}.steps div{background:#fff;border:3px solid var(--purple);border-radius:var(--r);padding:26px;box-shadow:var(--sh);counter-increment:s}.steps div::before{content:counter(s);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--pink);border:3px solid var(--purple);font:900 1.5rem var(--f);margin-bottom:14px}/* page heads */.head{background:var(--mint);border-bottom:3px solid var(--purple);padding:38px 0 46px}.head.pk{background:var(--pink)}.head.yl{background:var(--yellow)}.head.pu{background:var(--purple);color:#fff}.head.pu h1{color:var(--yellow)}.head.pu a{color:var(--mint)}.head.pu a.pill{color:var(--purple)}.head h1{font-size:clamp(2rem,5vw,3.6rem)}.head p{max-width:64ch;font-size:1.1rem}.crumbs{font:700 .9rem var(--f);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}.crumbs a{color:inherit}.crumbs span::before{content:"›";margin-right:6px;opacity:.6}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chips .pill{font-size:.82rem;padding:7px 13px}/* coloring page */.cp{display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:44px;align-items:start;padding:40px 0 20px}.paper{background:#fff;border:3px solid var(--purple);border-radius:20px;padding:12px;box-shadow:10px 10px 0 var(--purple);transform:rotate(-1deg)}.paper img{width:100%;aspect-ratio:4/5;border-radius:10px}.side{position:sticky;top:90px}.side h1{font-size:clamp(1.9rem,4vw,3rem)}.acts{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.note{background:var(--pink2);border:3px dashed var(--purple);border-radius:16px;padding:14px 18px;font-size:.95rem}.facts2{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:18px 0;font-size:.98rem}.facts2 dt{font:800 .95rem var(--f)}.facts2 dd{margin:0}/* search */.search{display:flex;gap:10px;margin-top:20px;max-width:560px}.search input{flex:1;font:inherit;font-size:1.15rem;padding:14px 20px;border:3px solid var(--purple);border-radius:99px;min-width:0}.search input:focus{outline:4px solid var(--yellow)}/* footer */.foot{background:var(--ink);color:#e9e1fb;padding:56px 0 30px;font-size:.93rem}.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}.foot h3{color:var(--yellow);margin-bottom:10px;font-size:1.05rem}.foot a{color:#e9e1fb;text-decoration:none;display:inline-block;padding:2px 0}.foot a:hover{color:var(--mint);text-decoration:underline}.foot ul{list-style:none;margin:0;padding:0;columns:2;column-gap:14px}.foot ul.one{columns:1}.foot .legal{margin-top:36px;padding-top:20px;border-top:1px solid #5a4590;opacity:.8;font-size:.85rem}.foot .logo{color:#fff}@media(max-width:860px){.hero .w{grid-template-columns:1fr;padding:40px 0 60px}.stack{height:400px;max-width:460px;margin:40px auto 0;width:100%}.cp{grid-template-columns:1fr;gap:26px}.side{position:static}.sec{padding:52px 0}.band{padding:56px 0}.top .w{flex-wrap:wrap;gap:4px 10px;padding:8px 0}.nav{order:3;flex-basis:100%}.logo{flex:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:auto;margin:8mm}body{background:#fff}body>*:not(main),main>*:not(.cp),.side,.crumbs{display:none!important}.cp{display:block;padding:0;width:100%}.paper{border:0;box-shadow:none;transform:none;padding:0;border-radius:0}.paper img{width:auto;max-width:100%;height:auto;max-height:250mm;margin:0 auto;aspect-ratio:auto;border-radius:0}}