.pf-main .lvl{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid transparent;background:linear-gradient(#0b0b0d,#0b0b0d) padding-box,linear-gradient(135deg,var(--ul),rgba(255,255,255,.08)) border-box;font:600 13.5px/1.35 var(--body);color:var(--ink);white-space:nowrap}
.pf-main .lvl i{flex:none;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--ul) 45%,var(--ud) 100%);box-shadow:0 0 0 2px #2c2c33,0 0 9px var(--ul)}
.pf-main .lvl.calm{--ul:#34D378;--ud:#0F7A42}
.pf-main .lvl.warm{--ul:#FFB23A;--ud:#9A5A00}
.pf-main .lvl.hot{--ul:#FF5A4E;--ud:#B8241C}
.pf-main .hero .lvl{margin:24px 0 0}
.pf-main .hero .lvl+.lede{margin-top:16px}
.pf-main .hero.mosaic .hero-img{display:none}
.pf-main .mos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:3px;opacity:.92}
.pf-main .mos img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.pf-main .hero.mosaic::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 30%,rgba(0,0,0,.35) 62%,rgba(0,0,0,.15) 85%),linear-gradient(0deg,#000 0%,transparent 30%)}
@media (max-width:760px){
.pf-main .mos{position:relative;inset:auto;aspect-ratio:5/3;grid-template-columns:repeat(5,1fr)}
.pf-main .hero.mosaic::after{aspect-ratio:5/3;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 45%)}
}
.pf-main .finder figcaption a{color:var(--dim);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hair-lit)}
.pf-main .finder figcaption a:hover{color:var(--ink)}
.pf-main .finder .read,.pf-main .finder .find{will-change:opacity,transform}
.pf-main .rows{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:900px){
.pf-main .rows.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
.pf-main .rows a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 18px 18px 16px;border-radius:20px;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--hair-lit);transition:border-color .2s,transform .2s,background .2s;height:100%}
.pf-main .rows a:hover{border-color:rgba(var(--g-rgb),.45);background:linear-gradient(180deg,rgba(var(--g-rgb),.06),rgba(255,255,255,.012))}
.pf-main .rows a::after{content:"›";font-size:22px;line-height:1;color:var(--faint);margin-top:10px}
.pf-main .rows a:hover::after{color:var(--g)}
.pf-main .ri{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#ECECEF;background:radial-gradient(120% 120% at 30% 20%,#26262c,#111114 60%,#0b0b0d);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.pf-main .rows b{display:block;font:500 19px/1.3 var(--display);letter-spacing:-.2px}
.pf-main .rows span.t{display:block;margin-top:6px;color:var(--dim);font-size:15px;line-height:1.6}
.pf-main .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:34px 0 0}
@media (min-width:700px){
.pf-main .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1040px){
.pf-main .tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.pf-main .tile{position:relative;display:block;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);background:#0b0b0d;border:1px solid var(--hair-lit);transition:border-color .2s,transform .25s}
.pf-main .tile:hover{border-color:rgba(var(--g-rgb),.5);transform:translateY(-2px)}
.pf-main .tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.pf-main .tile .tl{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 13px;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.55) 60%,transparent);font:500 16px/1.25 var(--display);letter-spacing:-.1px}
.pf-main .tile .tl::after{content:" ›";color:var(--g)}
.pf-main .tile.all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:auto;min-height:100%;padding:18px;text-align:center;background:radial-gradient(80% 70% at 50% 30%,rgba(var(--g-rgb),.08),transparent 70%),linear-gradient(180deg,var(--panel-2),var(--panel))}
.pf-main .tile.all .tl{position:static;padding:0;background:none}
.pf-main .tile.all img{width:64px;aspect-ratio:auto;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}
.pf-main .tiles.big{gap:16px}
@media (min-width:700px){
.pf-main .tiles.big{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1040px){
.pf-main .tiles.big{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.pf-main .tiles.big .tile img{aspect-ratio:16/10}
.pf-main .tiles.big .tile .tl{position:relative;padding:16px 18px 4px;background:none;font-size:20px}
.pf-main .tiles.big .tile .td{display:block;padding:0 18px 20px;color:var(--dim);font-size:14.5px;line-height:1.6}
.pf-main .pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.pf-main .pills a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--hair-lit);background:rgba(255,255,255,.02);color:var(--ink-2);text-decoration:none;font:500 14.5px var(--body);white-space:nowrap}
.pf-main .pills a:hover{border-color:rgba(var(--g-rgb),.5);color:var(--ink)}
.pf-main .pills a span{color:var(--faint);font-size:12.5px}
.pf-main .pills.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){
.pf-main .pills.cols{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.pf-main .pills.cols a{justify-content:flex-start;white-space:normal;line-height:1.3;padding:8px 14px}
.pf-main .more summary .st{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.pf-main .more summary .lvl{font-size:12.5px;padding:4px 12px 4px 7px;white-space:normal;letter-spacing:0}
.pf-main .more summary .lvl i{width:10px;height:10px}
.pf-main .more .d .pills{margin-top:16px}
.pf-main .more .d h3:first-child{margin-top:4px}
.pf-main .rel{padding-block:96px;border-top:1px solid var(--hair)}
.pf-main .rel h2{margin:0;font:500 36px/1.08 var(--display);letter-spacing:-1px}
@media (min-width:960px){
.pf-main .rel h2{font-size:48px;letter-spacing:-1.4px}
}
.pf-main .rel h3{margin:46px 0 0;font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.pf-main .rel h3:first-of-type{margin-top:34px}
.pf-main .mgr{display:grid;gap:18px;align-items:center;margin-top:46px;padding:26px 24px;border-radius:24px;background:radial-gradient(70% 90% at 0% 0%,rgba(var(--g-rgb),.06),transparent 70%),linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--hair-lit)}
@media (min-width:860px){
.pf-main .mgr{grid-template-columns:auto minmax(0,1fr) auto;padding:28px 30px}
}
.pf-main .mgr img{width:58px;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}
.pf-main .mgr h3{margin:0!important;font:500 24px/1.2 var(--display)!important;letter-spacing:-.3px!important;text-transform:none!important;color:var(--ink)!important}
.pf-main .mgr p{margin:8px 0 0;color:var(--dim);font-size:15.5px;line-height:1.6;max-width:60ch}
.pf-main .sec-h{margin:0;font:500 36px/1.08 var(--display);letter-spacing:-1px}
@media (min-width:960px){
.pf-main .sec-h{font-size:48px;letter-spacing:-1.4px}
}
.pf-main .band{padding-block:96px;border-top:1px solid var(--hair)}
@media (max-width:699px){
.pf-main .tiles.big{grid-template-columns:1fr;gap:12px}
.pf-main .tiles.big .tile{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start}
.pf-main .tiles.big .tile img{grid-row:1 / span 2;width:104px;height:100%;min-height:104px;aspect-ratio:auto}
.pf-main .tiles.big .tile .tl{padding:14px 14px 0 0;font-size:18px}
.pf-main .tiles.big .tile .td{padding:4px 14px 14px 0;font-size:14px}
}
.pf-main .now .answer{margin:26px 0 0;max-width:62ch;font:400 21px/1.6 var(--body);color:var(--ink)}
@media (min-width:960px){.pf-main .now .answer{font-size:23px}}