@font-face{font-family:Newsreader;src:url(/assets/fonts/Newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url(/assets/fonts/Newsreader-Italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:Figtree;src:url(/assets/fonts/Figtree.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
:root{--o:#EC7D3C;--o6:#A8521E;--o7:#74320B;--o1:#F8D1B9;--o2:#F5B892;--tint:#FDF1E9;--dark:#1F2937;--body:#374151;--sub:#4B5563;--muted:#6B7280;--line:#E5E7EB;--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:Figtree,"Helvetica Neue",Helvetica,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-padding-top:16px}
body{margin:0;background:#fff;color:var(--dark);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}
a{color:var(--dark)}a:hover{color:var(--o6)}
:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px 14px;z-index:20}.skip:focus{left:8px}
.wrap{max-width:1360px;margin:0 auto;padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right))}
.narrow{max-width:1120px}.article{max-width:800px}
.serif{font-family:var(--serif)}.it{font-style:italic}.o6{color:var(--o6)}
.display{margin:0;font-family:var(--serif);font-weight:300;letter-spacing:-.03em;line-height:.98;font-size:clamp(46px,5.8vw,92px)}
.h1{margin:0;font-family:var(--serif);font-weight:300;letter-spacing:-.03em;line-height:1;font-size:clamp(42px,5.4vw,80px)}
.h2{margin:0;font-family:var(--serif);font-weight:300;letter-spacing:-.025em;line-height:1.04;font-size:clamp(34px,4.2vw,58px)}
.h3s{margin:0;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15}
.lede{margin:0;font-size:19px;line-height:1.55;color:var(--body)}
.big-serif{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(23px,2.4vw,31px);line-height:1.32}
.label{font-size:15px;font-weight:600;color:var(--o6)}
.sub{color:var(--sub)}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:13px}
.sec{padding-top:112px;padding-bottom:112px}.sec-sm{padding-top:72px;padding-bottom:72px}
.tint{background:var(--tint)}.darkbg{background:var(--dark);color:#fff}.orange{background:var(--o);color:var(--dark)}
.darkbg .sub,.darkbg .muted{color:#D1D5DB}.darkbg a{color:#fff}
.headrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;margin-bottom:40px}
.headrow p{margin:0;max-width:460px;color:var(--sub)}
.grid{display:grid;gap:40px 28px}.g3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.g4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.g5{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.split{display:flex;flex-wrap:wrap;gap:48px 88px;align-items:center}.split>*{flex:1 1 420px;min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;font:inherit;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.btn-o{background:var(--o);color:var(--dark)}.btn-o:hover{color:var(--dark);background:#F08D52}
.btn-d{background:var(--dark);color:#fff}.btn-d:hover{color:#fff;background:#374151}
.btn-line{border-color:var(--dark);color:var(--dark);background:transparent}
.darkbg .btn-line{border-color:#fff;color:#fff}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.chip{font:inherit;font-size:14px;font-weight:500;padding:0 14px;min-height:40px;border-radius:999px;cursor:pointer;border:1px solid #D1D5DB;background:#fff;color:var(--dark)}
.chip[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.field{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600}
.field input,.field select{font:inherit;font-weight:400;font-size:16px;padding:10px 14px;border:1px solid #9CA3AF;border-radius:4px;background:#fff;color:var(--dark);min-height:46px}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.alert{margin:0;color:#B91C1C;font-weight:600}
.rule{border-top:1px solid var(--dark)}
.card{text-decoration:none;color:var(--dark);display:flex;flex-direction:column;gap:14px}
.card img{width:100%;height:auto;object-fit:cover;border-radius:4px}.card:hover img{opacity:.92}
.card .t{font-family:var(--serif);font-size:28px;line-height:1.15}
.r43{aspect-ratio:4/3}.r32{aspect-ratio:3/2}.r45{aspect-ratio:4/5}
/* header */
.site-head{border-bottom:1px solid #F5E3D6}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:20px;padding-bottom:20px}
.logo img{height:35px;width:auto}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px 24px;font-size:15px;font-weight:500}
.nav a{text-decoration:none;padding:10px 0}.nav a[aria-current=page]{color:var(--o6)}
.nav .btn{padding:0 20px;min-height:44px;font-size:15px}
/* footer */
.site-foot{background:var(--dark);color:#D1D5DB}
.site-foot .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px;padding-top:80px;padding-bottom:48px}
.site-foot .cols{display:flex;flex-wrap:wrap;gap:40px 72px;font-size:15px}
.site-foot nav{display:flex;flex-direction:column;gap:2px}.site-foot nav b{color:#fff;margin-bottom:6px}
.site-foot nav a{color:#D1D5DB;text-decoration:none;padding:6px 0}.site-foot nav a:hover{color:#fff}
.site-foot .base{border-top:1px solid #374151;padding-top:20px;padding-bottom:40px;font-size:13px;color:#9CA3AF;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
/* hero rotation */
.rot{position:relative;overflow:hidden;container-type:inline-size;border-radius:4px;background:#F7EEE6;height:clamp(380px,42vw,600px)}
.rot img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;will-change:transform,opacity}
@keyframes pan2{0%{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(.45,0,.55,1)}50%{transform:translate3d(calc(-100% + 100cqw),0,0);animation-timing-function:linear}54%{transform:translate3d(calc(-100% + 100cqw),0,0)}55%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes fade2{0%{opacity:1}47%{opacity:1}53%{opacity:0}95%{opacity:0}100%{opacity:1}}
.rot .a{z-index:2;animation:pan2 52s linear 0s infinite,fade2 52s ease-in-out 0s infinite}
.rot .b{z-index:1;animation:pan2 52s linear -26s infinite,fade2 52s ease-in-out -26s infinite}
@media (prefers-reduced-motion:reduce){.rot .a,.rot .b{animation:none}.rot .b{display:none}.rot .a{width:100%;object-fit:cover;object-position:40% 50%}}
/* lists & tables */
.cols-rule{display:grid;gap:0 32px;border-top:1px solid var(--dark)}
.cols-rule>*{padding:24px 0;border-bottom:1px solid var(--line)}
.scrollx{overflow-x:auto}
.dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--dark)}
.dl>div{padding:16px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 24px}
.dl dt{flex:0 0 190px;color:var(--muted)}.dl dd{margin:0;flex:1 1 240px}
.facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 32px;border-top:1px solid var(--dark)}
.facts>div{padding:20px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:14px;color:var(--muted)}.facts dd{margin:4px 0 0;font-size:19px;font-weight:600}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px}
.sw{width:14px;height:14px;border-radius:3px;display:inline-block;vertical-align:-2px;margin-right:6px}
/* chart */
.chart{min-width:720px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:end}
.chart .m{display:flex;flex-direction:column;align-items:center;gap:6px}
.chart .bar-wrap{width:100%;height:200px;display:flex;align-items:flex-end}
.chart .bar{width:100%;border-radius:4px 4px 0 0}
.chart .lab{font-size:14px;border-top:1px solid var(--dark);width:100%;text-align:center;padding-top:6px}
.best{background:var(--o)}.ok{background:var(--o2)}.caution{background:#D1D5DB}
/* heatmap */
.heat{min-width:940px}.heat .row{display:grid;grid-template-columns:160px repeat(12,minmax(0,1fr));gap:4px;margin-bottom:4px}
.heat .cell{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:4px;font-size:13px;font-weight:600}
.heat .cell.sel{outline:2px solid var(--dark);outline-offset:-2px}
.heat .hd{text-align:center;font-size:14px;color:var(--muted);padding:6px 0}.heat .hd.sel{color:var(--dark);font-weight:700}
/* leg cards */
.leg{border:1px solid var(--line);border-top:4px solid var(--o);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:8px;background:#fff;color:var(--dark)}
.leg h3{margin:0;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2}
.leg .price{font-family:var(--serif);font-size:24px}
.leg .foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.empty{margin:0;padding:20px;background:var(--tint);border-radius:4px}
/* sensory */
.senses h3{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:34px;line-height:1;color:var(--o6);border-bottom:1px solid var(--o1);padding-bottom:12px}
.senses .item{display:flex;flex-direction:column;gap:4px}.senses .item b{line-height:1.35}.senses .item span{font-size:15px;color:var(--sub)}
/* results */
.result{display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid var(--line);padding-bottom:28px}
.result>img{flex:0 0 280px;width:280px;height:240px;object-fit:cover;border-radius:4px}
.result .body{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:12px}
.score{font-family:var(--serif);font-size:40px;line-height:1}.score small{font-size:16px;color:var(--muted)}
.meter{display:block;width:120px;height:6px;background:#F5E3D6;border-radius:3px;overflow:hidden}.meter i{display:block;height:6px;background:var(--o)}
.mini{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 20px;font-size:14px}.mini dt{color:var(--muted)}.mini dd{margin:0;font-weight:600}
.wt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.wt .seg{display:flex;gap:4px}.wt .seg button{font:inherit;font-size:13px;font-weight:600;width:40px;min-height:36px;border-radius:4px;cursor:pointer;border:1px solid #D1D5DB;background:#fff;color:var(--dark)}
.wt .seg button[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}
.cmp{border:1px solid var(--dark);border-radius:4px;overflow-x:auto}.cmp table{border-collapse:collapse;min-width:640px;width:100%}
.cmp th,.cmp td{text-align:left;padding:12px 16px;border-top:1px solid var(--line);vertical-align:top;font-size:15px}.cmp thead th{background:var(--dark);color:#fff;font-family:var(--serif);font-weight:400;font-size:20px;border-top:0}
.cmp tbody th{font-size:14px;color:var(--sub);width:170px}
/* legal */
.legal h2{margin:24px 0 0;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;border-top:1px solid var(--line);padding-top:28px}
.legal h3{margin:8px 0 0;font-size:18px;font-weight:600}.legal p{margin:0;color:var(--body)}.legal ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;color:var(--body)}
.legal{display:flex;flex-direction:column;gap:18px;line-height:1.65}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:700px){
  .wrap{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  .sec{padding-top:72px;padding-bottom:72px}
  .logo img{height:32px}.nav{gap:0 16px;font-size:14px}
  .result>img{flex-basis:100%;width:100%;height:200px}
  .dl dt{flex-basis:100%}
}
[hidden]{display:none!important}
.darkbg .headrow p{color:#D1D5DB}
.darkbg .empty{color:var(--dark)}.darkbg .empty a{color:var(--dark)}