:root{--bg:#F5F5F2;--tx:#242522;--mu:#77766F;--ln:#E9E7E1;--ac:#3A2E26;--r:16px;--gap:14px}
[data-corners=round]{--r:16px;--gap:8px}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);font:14px/20px Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.serif{font-family:Newsreader,Georgia,serif;font-weight:400}
nav{position:fixed;left:16px;top:16px;bottom:16px;width:64px;background:#FBFAF7;border:1px solid var(--ln);border-radius:16px;box-shadow:0 1px 2px rgba(36,37,34,.04),0 8px 24px rgba(36,37,34,.06);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;z-index:5}
nav .lg{width:28px;margin-bottom:16px}nav a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--mu)}nav a.on{background:#E8EAEE;color:var(--ac)}
nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}nav .sp{flex:1}
nav .me{width:36px;height:36px;border-radius:50%;background:#C9BFA8;color:#2E2B25;display:grid;place-items:center;font:600 12px Inter}
main{margin-left:96px;padding:16px 24px 64px 0}
.search{height:56px;border-radius:28px;background:#FBFAF7;border:1px solid #E4DFD3;display:flex;align-items:center;gap:12px;padding:0 20px;color:var(--mu);font-size:15px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .36 0 0 0 0 .3 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.search svg{width:20px;height:20px;stroke:var(--tx);fill:none;stroke-width:1.6}.search .sp{flex:1}.search kbd{font:500 11px Inter;border:1px solid #DCD6C8;border-radius:6px;padding:2px 6px;color:var(--mu)}
.chips{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap}.chip{font:500 13px Inter;padding:8px 14px;border-radius:999px;background:#FBFAF7;border:1px solid #E2DFD8;color:var(--tx)}.chip.on{background:var(--ac);color:#fff}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);align-items:start}.col{display:flex;flex-direction:column;gap:var(--gap)}
.c{position:relative;border-radius:var(--r);overflow:hidden;isolation:isolate}
.c .im{position:relative;overflow:hidden;background:#E4E0D6}.c .im img{width:100%;height:100%;object-fit:cover;display:block}
.who{position:absolute;top:12px;left:12px;z-index:3;display:flex;align-items:center;gap:6px;background:rgba(30,30,28,.6);color:#FAF9F6;border-radius:999px;padding:3px 10px 3px 3px;font:500 12px/18px Inter;backdrop-filter:blur(6px)}
.av{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;font:600 9px Inter;color:#242522;overflow:hidden;flex:none}.av img{width:100%;height:100%;object-fit:contain;padding:2px}
.inl{position:static;background:none;padding:0;color:inherit;backdrop-filter:none}.inl .av{box-shadow:0 0 0 1px currentColor}
.smp{position:absolute;top:14px;right:12px;z-index:3;font:500 10px/16px Inter;letter-spacing:.04em;padding:0 6px;border-radius:4px;border:1px dashed currentColor;color:#FAF9F6;background:rgba(30,30,28,.35)}
.tx .smp,.lt .smp.on-t{background:none;color:inherit}
.kick{font:500 10.5px/16px Inter;letter-spacing:.1em;text-transform:uppercase;opacity:.72}
.pn{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.pn h3{font:400 21px/25px Newsreader,serif}.pn p{font-size:13px;line-height:18px;opacity:.82}
.lt{background:#FCFBF8;border:1px solid #E2DFD8}.lt .pn p,.lt .meta{color:var(--mu);opacity:1}
.ov .shade{position:absolute;inset:0;background:rgba(22,22,20,.38);z-index:1}.ov .ct{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#FAF9F6;padding:24px}.ov h3{font:400 30px/34px Newsreader,serif;margin-top:6px}
.tx{padding:16px 18px 20px;display:flex;flex-direction:column;gap:18px}.tx h3{font:400 26px/30px Newsreader,serif}.tx p{font-size:13.5px;line-height:19px;opacity:.85}
.tx ul{list-style:none;border-top:1px solid currentColor}.tx ul{border-color:rgba(127,127,127,.35)}.tx li{padding:7px 0;border-bottom:1px solid rgba(127,127,127,.35);font-size:13.5px;line-height:18px}
.q{font:400 italic 27px/33px Newsreader,serif}.qm{font:400 64px/.6 Newsreader,serif;opacity:.5;height:22px}
.cs{display:grid;gap:10px}.cs dt{font:500 10px Inter;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.cs dd{font-size:13px;line-height:18px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{font-size:11.5px;border:1px solid currentColor;border-radius:999px;padding:1px 9px;opacity:.85}
.sp2{display:flex;align-items:center;gap:12px;padding:14px 16px}.sp2 .big{width:44px;height:44px;border-radius:50%;border:1px solid #E2DFD8;background:#fff;display:grid;place-items:center;font:600 14px Inter;overflow:hidden;flex:none}.sp2 .big img{width:100%;height:100%;object-fit:contain;padding:4px}
.sp2 h3{font:400 20px/24px Newsreader,serif}.meta{font-size:12px}.sp2 .gr{flex:1;min-width:0}
.follow{border:0;background:var(--ac);color:#fff;border-radius:999px;font:500 12.5px Inter;padding:8px 14px}
.lbl{display:block;font:500 11px Inter;color:var(--mu);margin:0 0 6px 2px;letter-spacing:.06em;text-transform:uppercase}
.p0{background:#6E4630;color:#F2F5FB}.p1{background:#14694F;color:#EEF7F2}.p2{background:#A8382A;color:#FCEFEC}.p3{background:#D9A521;color:#221B07}.p4{background:#16707A;color:#EDF7F8}.p5{background:#6A2E5C;color:#F8EEF5}.p6{background:#3A2E26;color:#EDEFF5}
[data-fx=on] .c .im img{filter:contrast(1.08) saturate(1.05)}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.c{aspect-ratio:1}.c.tall{aspect-ratio:4/5}.cols{align-items:start}.col{display:flex;flex-direction:column;gap:var(--gap)}.c .im{position:absolute;inset:0;aspect-ratio:auto!important}
.ins{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;background:#FFFFFF;color:var(--tx);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:10px}
.ins .gr{flex:1;min-width:0}.ins h3{font:400 19px/23px Newsreader,serif}.ins .meta{font-size:12px;line-height:16px;color:var(--mu);margin-top:2px}
.ins .ab{font-size:12.5px;line-height:17px;color:var(--mu);margin-top:4px}
.ins{border:1px solid #E6E6E1}.ins.p0{background:#6E4630;color:#F2F5FB}.ins.p1{background:#14694F;color:#EEF7F2}.ins.p2{background:#A8382A;color:#FCEFEC}.ins.p3{background:#D9A521;color:#221B07}.ins.p4{background:#16707A;color:#EDF7F8}.ins.p5{background:#6A2E5C;color:#F8EEF5}.ins.p6{background:#3A2E26;color:#EDEFF5}.ins.colr{border:0}
.tx h3{font-size:23px;line-height:27px}.tx{gap:12px}.cs{gap:6px}.cs dd{font-size:12.5px;line-height:16px}
.ins.colr .meta,.ins.colr .ab{color:inherit;opacity:.82}
.ins .kick{display:block;margin-bottom:2px;color:var(--mu)}.ins.colr .kick{color:inherit}
.ins .big{width:38px;height:38px;border-radius:50%;border:1px solid #E6E6E1;background:#fff;display:grid;place-items:center;font:600 13px Inter;overflow:hidden;flex:none}.ins .big img{width:100%;height:100%;object-fit:contain;padding:4px}
.tx{justify-content:space-between}.tx ul{font-size:13px}.tx li{padding:6px 0}
.ov .shade{background:rgba(10,12,18,.12)}.ov .ct{inset:auto 0 auto 0;top:50%;transform:translateY(-50%);background:rgba(14,16,22,.56);padding:16px 20px}
.c[data-k=p] .im::after,.c[data-type=rnd] .im::after{content:"";position:absolute;inset:0;background:#EEEEEB;mix-blend-mode:multiply;pointer-events:none}.ins{background:#FFFFFF}
.tx.big h3{font:400 34px/38px Newsreader,serif;margin-top:8px}.tx.big .kick{display:block}
.ins .meta,.ins .ab,.tx .meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-pal=m1] .p0{--pc:117,140,170;--pt:#1C2430}[data-pal=m1] .p1{--pc:143,163,148;--pt:#1C2430}[data-pal=m1] .p2{--pc:91,103,115;--pt:#FFFFFF}[data-pal=m1] .p3{--pc:127,163,163;--pt:#1C2430}[data-pal=m1] .p4{--pc:46,58,72;--pt:#FFFFFF}[data-pal=m1] .p5{--pc:169,180,194;--pt:#1C2430}[data-pal=m1] .p6{--pc:80,102,143;--pt:#FFFFFF}[data-pal=m2] .p0{--pc:117,140,170;--pt:#1C2430}[data-pal=m2] .p1{--pc:154,138,158;--pt:#1C2430}[data-pal=m2] .p2{--pc:143,163,148;--pt:#1C2430}[data-pal=m2] .p3{--pc:201,163,166;--pt:#1C2430}[data-pal=m2] .p4{--pc:46,58,72;--pt:#FFFFFF}[data-pal=m2] .p5{--pc:91,103,115;--pt:#FFFFFF}[data-pal=m2] .p6{--pc:169,180,194;--pt:#1C2430}
[data-pal] .p0,[data-pal] .p1,[data-pal] .p2,[data-pal] .p3,[data-pal] .p4,[data-pal] .p5,[data-pal] .p6{background:rgb(var(--pc));color:var(--pt)}
[data-pal] .ins.p0,[data-pal] .ins.p1,[data-pal] .ins.p2,[data-pal] .ins.p3,[data-pal] .ins.p4,[data-pal] .ins.p5,[data-pal] .ins.p6{background:rgb(var(--pc));color:var(--pt)}
[data-pal] .tint,[data-pal] .ins.tint{background:rgba(var(--pc),.86)!important;color:var(--pt);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px);border:0}
.tint .kick,.tint .meta,.tint .ab{color:inherit!important;opacity:.85}
.ins.fr,.fr{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.55)}
.fr .meta,.fr .ab,.fr .kick{color:#3A3F47!important}
.who.lt{background:rgba(255,255,255,.62);color:#1C2430;backdrop-filter:blur(12px)}
.side{position:absolute;top:10px;bottom:10px;left:10px;width:48%;z-index:2;border-radius:12px;padding:52px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#1C2430}
.side h3{font:400 26px/30px Newsreader,serif}.side .meta{font-size:12px;color:#3A3F47}.side .follow{align-self:flex-start;margin-top:8px}
.side .big{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;font:600 14px Inter;margin-bottom:6px}.side .big img{width:100%;height:100%;object-fit:contain;padding:5px}
.split{position:absolute;left:0;right:0;bottom:0;min-height:40%;z-index:2;padding:14px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.split h3{font:400 23px/27px Newsreader,serif}.split .ab{font-size:12.5px;line-height:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.strip{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px 18px;color:#1C2430}.strip h3{font:400 30px/34px Newsreader,serif;margin-top:2px}.strip .kick{color:#3A3F47;opacity:1}
.fchips{position:absolute;top:46px;left:12px;right:12px;z-index:3;display:flex;flex-wrap:wrap;gap:6px}.fchip{font:500 11.5px/18px Inter;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(12px);color:#1C2430;border:1px solid rgba(255,255,255,.5)}
.lbl2{display:block;font:500 11px Inter;color:#77766F;margin:0 0 6px 2px;letter-spacing:.06em;text-transform:uppercase}
[data-pal] .p0{--pc:80,102,143;--pt:#FFFFFF}[data-pal] .p1{--pc:43,58,85;--pt:#FFFFFF}[data-pal] .p2{--pc:88,108,99;--pt:#FFFFFF}[data-pal] .p3{--pc:180,194,208;--pt:#1A2230}[data-pal] .p4{--pc:94,110,130;--pt:#FFFFFF}[data-pal] .p5{--pc:207,214,220;--pt:#1A2230}[data-pal] .p6{--pc:58,84,104;--pt:#FFFFFF}
.dk,.ins.dk{background:rgba(16,20,28,.64)!important;color:#F4F6F9;backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08)}
.dk .kick,.dk .meta,.dk .ab{color:#D3D8E0!important;opacity:1}
.split.dk{border:0;border-top:1px solid rgba(255,255,255,.08);min-height:0}
.c.tall{aspect-ratio:1}
.hz{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.hz .big{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;font:600 13px Inter;flex:none}.hz .big img{width:100%;height:100%;object-fit:contain;padding:4px}
.hz .gr{flex:1;min-width:0}
/* sober type */
.pn h3,.ins h3,.sp2 h3,.side h3,.hz h3,.split h3{font:500 16.5px/22px Inter,sans-serif!important;letter-spacing:-.01em}
.ov h3,.strip h3{font:500 24px/29px Inter,sans-serif!important;letter-spacing:-.015em}
.tx h3,.tx.big h3{font:500 28px/33px Inter,sans-serif!important;letter-spacing:-.02em}
.q{font:500 22px/29px Inter,sans-serif;letter-spacing:-.012em;font-style:normal}
.kick{font:600 10.5px/16px Inter;letter-spacing:.12em;opacity:.8}
.ov .ct{background:rgba(16,20,28,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.follow{background:#3A2E26}.dk .follow{background:#fff;color:#1A2230}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,system-ui,sans-serif;font-optical-sizing:auto;font-feature-settings:'cv11','ss01','ss03';color:#1D1D1F;letter-spacing:-.006em}
h3,.q,.kick,.meta,.ab,.who,.chip,.follow,.fchip,.lbl2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif!important}
.kick{font-weight:600!important;font-size:12px!important;line-height:16px!important;letter-spacing:-.005em!important;text-transform:none!important;opacity:1!important}
/* materials */
.dk,.ins.dk,.split.dk,.ov .ct{background:rgba(36,36,40,.72)!important;color:#fff;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.dk .kick,.dk .meta,.dk .ab,.ov .ct .kick{color:rgba(235,235,245,.72)!important}
.ins,.fr,.ins.fr{border-radius:14px}
.fr,.ins.fr{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.ins:not(.dk) .meta,.ins:not(.dk) .ab,.fr .meta,.fr .ab,.fr .kick{color:#6E6E73!important}
.ins:not(.dk) .kick{color:#6E6E73}
/* floating article panels, no edge bands */
.split.dk{left:10px;right:10px;bottom:10px;min-height:0;border-radius:14px;padding:13px 15px 14px}
.strip.fr{left:10px;right:10px;bottom:10px;border-radius:14px}
.ov .shade{display:none}.ov .ct{inset:auto 10px 10px 10px!important;top:auto!important;transform:none!important;border-radius:14px;align-items:flex-start;text-align:left;padding:13px 15px 14px!important;justify-content:flex-end}
.hz{border-radius:14px}
/* type */
.ins h3,.split h3,.hz h3,.pn h3{font-weight:600!important;font-size:17px!important;line-height:22px!important;letter-spacing:-.022em!important;color:inherit}
.ov h3,.strip h3{font-weight:700!important;font-size:22px!important;line-height:26px!important;letter-spacing:-.026em!important;margin-top:2px}
.tx h3,.tx.big h3{font-weight:700!important;font-size:32px!important;line-height:35px!important;letter-spacing:-.03em!important}
.q{font-weight:600!important;font-size:25px!important;line-height:30px!important;letter-spacing:-.025em!important}
.tx .kick{opacity:.78!important}
.follow{font-weight:600;border-radius:999px}
/* apple-muted text tile palette */
[data-pal] .p0{--pc:80,102,143;--pt:#fff}[data-pal] .p1{--pc:44,48,56;--pt:#fff}[data-pal] .p2{--pc:30,42,62;--pt:#fff}[data-pal] .p3{--pc:168,184,204;--pt:#1D1D1F}[data-pal] .p4{--pc:84,104,92;--pt:#fff}[data-pal] .p5{--pc:214,218,224;--pt:#1D1D1F}[data-pal] .p6{--pc:62,78,110;--pt:#fff}
[data-layout=stagger] .col:nth-child(2){padding-top:28px}[data-layout=stagger] .col:nth-child(3){padding-top:12px}[data-layout=stagger] .col:nth-child(4){padding-top:36px}
/* v10 type */
.tx h3,.tx.big h3{font-weight:600!important;font-size:32px!important;line-height:36px!important;letter-spacing:-.025em!important}
.q{font-weight:590!important;font-size:25px!important;line-height:31px!important;letter-spacing:-.02em!important}
.ins h3,.split h3,.hz h3,.pn h3{font-weight:590!important;font-size:18px!important;line-height:23px!important;letter-spacing:-.02em!important}
.ov h3,.strip h3{font-weight:600!important;font-size:23px!important;line-height:27px!important;letter-spacing:-.022em!important}
.ins .meta,.ins .ab,.split .ab,.hz .meta,.tx .meta,.meta{font-size:14px!important;line-height:19px!important}
.kick{font-size:12.5px!important;line-height:17px!important}
.who{font-size:12.5px}
/* centred text tiles */
.tx{align-items:center;text-align:center;justify-content:space-between}.tx>div{width:100%}
.tx .who.inl{justify-content:center}
/* verified badge */
.vf{width:14px;height:14px;flex:none;margin-left:-2px}.vf .s{fill:#3F4A35;stroke:#fff;stroke-width:1.6}.vf .k{fill:#fff}
h3 .vf{width:17px;height:17px;margin-left:5px;vertical-align:-2px}
.ins .big,.hz .big{color:#1D1D1F}
/* Apple finish palette (gradient, white text) */
[data-pal] .tx{color:#fff}
.tx.p0{background:linear-gradient(160deg,#50668F,#42567A)!important}
.tx.p1{background:linear-gradient(160deg,#2A3241,#1E2430)!important}
.tx.p2{background:linear-gradient(160deg,#3F5A4C,#31473B)!important}
.tx.p3{background:linear-gradient(160deg,#4B4458,#3B3546)!important}
.tx.p4{background:linear-gradient(160deg,#2F5468,#244252)!important}
.tx.p5{background:linear-gradient(160deg,#3C3D41,#2B2C2F)!important}
.tx.p6{background:linear-gradient(160deg,#4C5966,#3D4853)!important}
.tx.p7{background:linear-gradient(160deg,#4A6283,#3B506E)!important}
.tx .kick,.tx .meta{color:rgba(255,255,255,.86)!important;opacity:1!important}
.src{position:absolute;top:12px;right:12px;z-index:3;font:500 11.5px/18px Inter,sans-serif;padding:3px 9px;border-radius:999px;color:#fff;text-decoration:none;background:rgba(36,36,40,.6);backdrop-filter:blur(12px)}
.tx .src{position:static;background:none;padding:0;color:rgba(255,255,255,.86);text-decoration:underline;text-underline-offset:3px}
.tx .sub{font-size:14.5px;line-height:20px;color:rgba(255,255,255,.86);margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tx .foot{display:flex;justify-content:center;gap:10px;font-size:12.5px;color:rgba(255,255,255,.86)}
.c[data-k=p] .im::after{content:"";position:absolute;inset:0;background:#EEEEEB;mix-blend-mode:multiply;pointer-events:none}
/* v11 */
.ins.lf,.lf{background:rgba(250,250,252,.58)!important;color:#1D1D1F;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.ins{border-radius:14px;padding:12px 15px 14px}
.ins .kick,.tx .kick{font:600 11.5px/15px -apple-system,BlinkMacSystemFont,Inter,sans-serif!important;letter-spacing:.01em!important;display:inline-flex;align-items:center;gap:6px;margin-bottom:4px}
.ins .kick::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}
.lf .kick{color:#45454A!important}.dk .kick{color:rgba(235,235,245,.78)!important}
.ins h3{font-weight:600!important;font-size:19px!important;line-height:24px!important;letter-spacing:-.022em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tx .kick{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff!important;margin-bottom:14px}
.tx{justify-content:flex-start;gap:0}.tx>div{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.tx h3,.tx.big h3{font-size:31px!important;line-height:36px!important;font-weight:600!important;margin:0!important}
.c[data-w="1"] .im::after{content:"";position:absolute;inset:0;background:#EEEEEB;mix-blend-mode:multiply;pointer-events:none}
.c .im{background:#ECEBE8}
.tx.f0{background:linear-gradient(160deg,#5A3E2B,#493223)!important}
.tx.f1{background:linear-gradient(160deg,#7A5734,#64472A)!important}
.tx.f2{background:linear-gradient(160deg,#6B4529,#573821)!important}
.tx.f3{background:linear-gradient(160deg,#8A4526,#71381F)!important}
.tx.f4{background:linear-gradient(160deg,#545834,#44482A)!important}
.tx.f5{background:linear-gradient(160deg,#6B6158,#574F48)!important}
.tx.f6{background:linear-gradient(160deg,#6A6157,#564F47)!important}
.tx.f7{background:linear-gradient(160deg,#4A342A,#3C2A22)!important}
.tx.i0{background:linear-gradient(160deg,#4F5B66,#404A53)!important}
.tx.i1{background:linear-gradient(160deg,#3A3D42,#2F3236)!important}
.tx.i2{background:linear-gradient(160deg,#2C3539,#242B2E)!important}
.tx.i3{background:linear-gradient(160deg,#626B76,#505760)!important}
.tx.i4{background:linear-gradient(160deg,#7A5A44,#264C71)!important}
.tx.i5{background:linear-gradient(160deg,#2C6A60,#24564E)!important}
.tx.i6{background:linear-gradient(160deg,#2E3A46,#252F39)!important}
.tx.i7{background:linear-gradient(160deg,#45556A,#384556)!important}
.tx.r0{background:linear-gradient(160deg,#26292E,#1F2125)!important}
.tx.r1{background:linear-gradient(160deg,#5B5F66,#4A4D53)!important}
.tx.r2{background:linear-gradient(160deg,#1C2333,#161C29)!important}
.tx.r3{background:linear-gradient(160deg,#636D79,#515963)!important}
.tx.r4{background:linear-gradient(160deg,#7A4E33,#5E3D2A)!important}
.tx.r5{background:linear-gradient(160deg,#1F6870,#19555B)!important}
.tx.r6{background:linear-gradient(160deg,#2A3140,#222834)!important}
.tx.r7{background:linear-gradient(160deg,#5E5246,#303C4B)!important}
/* v12 brand: Muted System Blue (opt3) */
:root{--bg:#F5F5F7;--tx:#1D1D1F;--mu:#6E6E73;--ac:#8A5A3B;--ln:#E3E3E8}
body{background:#F5F5F7!important;color:#1D1D1F!important}
nav a.on{background:rgba(138,90,59,.12)!important;color:#8A5A3B!important}
.chip{background:#fff!important;border-color:#E3E3E8!important;color:#1D1D1F!important}
.chip.on{background:#8A5A3B!important;border-color:#8A5A3B!important;color:#fff!important}
.search{background:#fff!important;border-color:#E3E3E8!important}.search svg{stroke:#1D1D1F!important}
a{color:#8A5A3B}nav a{color:#6E6E73}
.follow,.dk .follow{background:#8A5A3B!important;color:#fff!important}
:focus-visible,.chip:focus-visible,nav a:focus-visible,.follow:focus-visible{outline:2px solid #8A5A3B!important;outline-offset:2px}
.search:focus-within{border-color:#8A5A3B!important;box-shadow:0 0 0 3px rgba(138,90,59,.25)}
nav{background:#fff!important;border-color:#E3E3E8!important}nav .me{background:#E3E3E8!important;color:#1D1D1F!important}
.vf .s{fill:#1F7A37!important;stroke:#fff}.vf .k{fill:#fff!important}
.tx.f0{background:linear-gradient(160deg,#5A3E2B,#493223)!important}
.tx.f1{background:linear-gradient(160deg,#56705F,#465B4D)!important}
.tx.f2{background:linear-gradient(160deg,#7D6450,#65503F)!important}
.tx.f3{background:linear-gradient(160deg,#5A3D55,#493245)!important}
.tx.f4{background:linear-gradient(160deg,#7A5734,#64472A)!important}
.tx.f5{background:linear-gradient(160deg,#4A3A2E,#3A2E24)!important}
.tx.f6{background:linear-gradient(160deg,#9A4E3A,#7E3F2F)!important}
.tx.f7{background:linear-gradient(160deg,#4A5563,#3C4551)!important}
/* v13: card-relative type via container queries */
.c{container-type:inline-size}
.who{font-size:clamp(10.5px,3.9cqi,13.5px)!important;line-height:1.3!important;gap:1.8cqi!important;padding:.9cqi 3cqi .9cqi .9cqi!important;top:3.6cqi!important;left:3.6cqi!important}
.who .av{width:clamp(18px,6.6cqi,24px)!important;height:clamp(18px,6.6cqi,24px)!important;font-size:clamp(7.5px,2.7cqi,9.5px)!important}
.who .vf{width:clamp(11px,4.2cqi,14px)!important;height:clamp(11px,4.2cqi,14px)!important}
.ins{left:3.2cqi!important;right:3.2cqi!important;bottom:3.2cqi!important;padding:3.4cqi 4.4cqi 3.8cqi!important;border-radius:clamp(10px,4cqi,14px)!important}
.ins h3{font-size:clamp(13px,4.85cqi,17px)!important;line-height:1.28!important}
.ins .kick,.tx .kick{font-size:clamp(9.5px,3.45cqi,12px)!important;line-height:1.3!important}
.tx .kick{padding:.9em 2.4em;padding:.35em .9em!important;margin-bottom:4.2cqi!important}
.tx h3,.tx.big h3{font-size:clamp(17px,7.5cqi,28px)!important;line-height:1.14!important;letter-spacing:-.022em!important;margin-top:0!important;max-width:88%}
.tx{position:relative;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.tx>div:not(.who){flex:none!important;width:100%;padding:0 7cqi;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tx .who.inl{position:absolute!important;top:5cqi!important;left:5cqi!important;right:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;white-space:nowrap;padding:0!important;width:auto!important;color:rgba(255,255,255,.92)}
.tx .who.inl .av{box-shadow:none!important}
.kick{display:inline-flex!important;align-items:center;gap:5px}.kick::before{content:""!important;display:block!important;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75;flex:none;margin:0!important}
#hfeed,#feed{display:grid;gap:var(--gap);grid-auto-flow:row dense;align-items:stretch}
#hfeed>.c,#feed>.c{aspect-ratio:1}
.c.wd{grid-column:span 2;aspect-ratio:auto!important;background:linear-gradient(135deg,#8A5A3B,#5A3A26);color:#fff;text-decoration:none;}.wd .in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:5cqi 5.5cqi}
.wd::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 85% 10%,rgba(255,255,255,.22),transparent 60%);z-index:-1}
.fz{background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.6);color:#1D1D1F}
.tag{position:absolute;top:4cqi;left:5.5cqi;font:600 clamp(10px,1.9cqi,12px) Inter;padding:.5em 1em;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);color:#fff}
.wd h3{font:700 clamp(18px,4.4cqi,34px)/1.12 -apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif;letter-spacing:-.025em;max-width:80%;text-wrap:balance}
.wd p{margin-top:1.4cqi;font:400 clamp(12px,1.9cqi,15px)/1.35 Inter;opacity:.88}
.wd .cta{margin-top:3cqi;align-self:flex-start;display:inline-flex;gap:.6em;align-items:center;height:clamp(30px,5.4cqi,40px);padding:0 1.4em;border-radius:999px;font:600 clamp(12px,1.8cqi,14px) Inter;color:#1D1D1F}
.fb{border:0;border-radius:999px;background:#8A5A3B;color:#fff;font:600 clamp(11px,3.6cqi,13.5px) Inter;height:clamp(28px,9cqi,34px);padding:0 1.2em;cursor:pointer;flex:none}
.fb.on{background:rgba(138,90,59,.10);color:#8A5A3B}
.vfg{display:inline-flex;vertical-align:-2px}
.sg .pn{position:absolute;left:3.2cqi;right:3.2cqi;bottom:3.2cqi;border-radius:clamp(10px,4cqi,14px);padding:4cqi;display:flex;flex-direction:column;gap:2.6cqi}
.sg .hd{display:flex;align-items:center;gap:3cqi}.sg .hd .av{width:clamp(30px,11cqi,40px)!important;height:clamp(30px,11cqi,40px)!important}
.sg .nm{flex:1;min-width:0;font:600 clamp(12px,4.6cqi,16px)/1.2 -apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:-.01em}
.sg .ln{font:400 clamp(11px,3.8cqi,13.5px)/1.35 Inter;color:#515154}
.sg .ey{font:500 clamp(10px,3.4cqi,12px) Inter;color:#6E6E73}
.pr{display:block;color:inherit;text-decoration:none}
.pr .pl{position:absolute;top:3.6cqi;right:3.6cqi;z-index:3;font:500 clamp(10px,3.4cqi,12px) Inter;padding:.35em .8em;border-radius:999px}
.pr .ins{flex-direction:column;align-items:flex-start!important;gap:1.2cqi!important}
.pr .dm{display:flex;align-items:center;gap:.4em;font:500 clamp(10.5px,3.6cqi,12.5px) Inter;color:#8A5A3B}
.ls{background:#F2F2F5}.ls .in{position:absolute;inset:0;padding:5.5cqi 5.5cqi 3cqi;display:flex;flex-direction:column}
.ls .lsh{font:600 clamp(13px,5cqi,18px)/1.2 -apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:-.015em;color:#1D1D1F;margin-bottom:1cqi}
.ls .row{flex:1;display:flex;align-items:center;gap:3.4cqi;border-top:1px solid rgba(0,0,0,.07)}.ls .row:first-of-type{border-top:0}
.ls .row .av{width:clamp(30px,11cqi,42px)!important;height:clamp(30px,11cqi,42px)!important}
.ls .tx2{flex:1;min-width:0}.ls small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ls b{display:block;font:600 clamp(12px,4.3cqi,15px)/1.25 Inter;color:#1D1D1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls small{font:400 clamp(10.5px,3.6cqi,12.5px) Inter;color:#6E6E73}
.wrap{max-width:1360px}
.sec{margin-top:34px}.sec:first-of-type{margin-top:22px}
.ph{display:flex;align-items:baseline;gap:12px;margin:0 2px 4px}
.ph{margin:0 2px 14px}.ph h2{font:700 28px/34px -apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif;letter-spacing:-.025em;color:#1D1D1F}
.ph .d{font:500 13px Inter,sans-serif;color:#6E6E73}
.ph-t{font:400 14px/20px Inter,sans-serif;color:#6E6E73;margin:0 2px 14px;max-width:780px}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tile{position:relative;aspect-ratio:2/1;border-radius:16px;overflow:hidden;cursor:pointer;container-type:inline-size;border:0;padding:0;color:#fff;text-align:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.tile:focus-visible{outline:2px solid #8A5A3B;outline-offset:3px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile.im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.52))}
.tile .nm{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8cqi;gap:1.6cqi}
.tile b{font:700 clamp(13px,7.2cqi,19px)/1.18 -apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif;letter-spacing:-.018em;text-wrap:balance;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.tile small{font:500 clamp(10px,4.4cqi,12px)/1.2 Inter,sans-serif;color:rgba(255,255,255,.86)}
.tile .dbg{display:none;position:absolute;right:3cqi;top:3cqi;z-index:3;font:600 10px Inter;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;border:1px dashed rgba(255,255,255,.5)}
body.debug .tile.tx0 .dbg{display:block}
.tile.tx0::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 0%,rgba(255,255,255,.10),transparent 60%)}
/* feed view */
#fv{display:none}body.feed #fv{display:block}body.feed #cv{display:none}
.top{display:flex;align-items:center;gap:10px;margin:16px 0 6px;flex-wrap:wrap}
.back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid #E3E3E8;background:#fff;font:500 13px Inter;color:#1D1D1F;cursor:pointer}
.back:hover{background:#EDEDF0}.back svg{width:16px;height:16px;stroke:#1D1D1F;fill:none;stroke-width:1.8}
.catchip{height:36px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:#1D1D1F;color:#fff;font:600 13.5px Inter;letter-spacing:-.01em}
.top .ct{font:500 13px Inter;color:#6E6E73;margin-left:4px}
.clr{margin-left:auto;height:36px;padding:0 14px;border-radius:999px;border:0;background:none;color:#8A5A3B;font:600 13px Inter;cursor:pointer}
.clr:disabled{color:#AEAEB2;cursor:default}
.grp{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0}
.grp .gl{flex:none;width:118px;padding-top:8px;font:600 11.5px Inter;color:#6E6E73;letter-spacing:.01em}
.grp .gc{display:flex;flex-wrap:wrap;gap:8px}
.fc{font:500 13px Inter;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid #E3E3E8;color:#1D1D1F;cursor:pointer;transition:background .15s}
.fc:hover{background:#EDEDF0}.fc.on{background:#8A5A3B;border-color:#8A5A3B;color:#fff}
.fc:focus-visible{outline:2px solid #8A5A3B;outline-offset:2px}
.note{margin:12px 0 0;font:400 12.5px/18px Inter;color:#6E6E73}
.cols{margin-top:18px}
.empty{margin:28px auto 0;max-width:520px;text-align:center;padding:48px 32px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid #E3E3E8;backdrop-filter:blur(20px)}
.empty .ic{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:rgba(138,90,59,.10);display:grid;place-items:center}
.empty .ic svg{width:24px;height:24px;stroke:#8A5A3B;fill:none;stroke-width:1.7}
.empty h3{font:600 19px/24px -apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:-.015em;color:#1D1D1F}
.empty p{margin-top:6px;font:400 14px/20px Inter;color:#6E6E73}
.empty button{margin-top:18px;height:38px;padding:0 18px;border-radius:999px;border:0;background:#8A5A3B;color:#fff;font:600 13.5px Inter;cursor:pointer}
@media (max-width:1180px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.grp{flex-direction:column;gap:6px}.grp .gl{padding-top:0}}
@media (max-width:620px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bar{display:flex;align-items:center;gap:14px}.bar .search{flex:1}
.tabs{display:flex;gap:4px;padding:4px;border-radius:28px;background:#fff;border:1px solid #E3E3E8;height:56px;align-items:center}
.tab{height:46px;padding:0 20px;border-radius:23px;border:0;background:none;font:600 14px -apple-system,BlinkMacSystemFont,Inter,sans-serif;color:#6E6E73;cursor:pointer}
.tab.on{background:#8A5A3B;color:#fff}.tab:not(.on):hover{background:#EDEDF0;color:#1D1D1F}
.view{display:none}body[data-view=home] #home,body[data-view=disc] #disc,body[data-view=cat] #cat,body[data-view=srch] #srch,body[data-view=fac] #fac{display:block}
body:not([data-view=home]) #tabs{display:none!important}
.fD{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:start;margin-top:20px}
.fD .lD{position:sticky;top:76px;display:flex;flex-direction:column;gap:12px}
.fD .lD .lg24{width:96px;height:96px;border-radius:24px;border:0}
.fD .lD .lg24.in{background:var(--lt,#ECE3D6);color:#3A3A3C;font:700 32px Inter}
.fD .lD h1{font:700 24px/1.2 Inter;letter-spacing:-.02em;margin:4px 0 0;display:flex;align-items:center}
.fD .lD .ip{font:400 14.5px/1.5 Inter;color:#3A3A3C;margin:0}
.fD .lD ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font:400 13.5px Inter;color:#6E6E73}
.fD .lD ul b{font-weight:500;color:#1D1D1F}.fD .lD ul a{color:#8A5A3B;text-decoration:none}.fD .lD ul a:hover{text-decoration:underline}
.fD .lD .acts{display:flex;gap:8px;margin-top:6px}
.fD .lD .acts button{flex:1;min-width:0!important;height:36px;border-radius:99px;font:600 13.5px Inter;cursor:pointer;background:#fff;color:#1D1D1F;border:1px solid #D2D2D7;box-shadow:none}
.fD .lD .acts button.on{background:#F2F2F4}
.fD .rD h2{font:650 18px Inter;margin:0 0 12px;display:flex;gap:8px;align-items:baseline}.fD .rD h2 i{font:400 14px Inter;color:#8E8E93;font-style:normal}
.fD .mk{position:absolute;left:12px;top:12px;z-index:2;font:600 10.5px Inter;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.9);color:#6E6E73;border-radius:99px;padding:3px 8px}
.fD .c2 .srcw{display:none}
@media(max-width:820px){.fD{grid-template-columns:1fr;gap:22px}.fD .lD{position:static}}
body[data-view=more] #more,body[data-view=saved] #saved{display:block}
#tabs.tB{display:flex;align-items:center;gap:18px;margin:14px 0 0}
#tabs .hl1{display:flex;gap:8px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;padding:2px 0}#tabs .hl1::-webkit-scrollbar{display:none}
#tabs .hl1 .fc{flex:none}#tabs .hl1 .fc.on{background:#1D1D1F;color:#fff}
#tabs .sep{width:1px;height:22px;background:#D2D2D7;flex:none}
.hl2{display:none}body.l2on .hl2{display:flex}
.cols.mz,#hfeed.mz,#feed.mz{display:grid!important;grid-auto-rows:1px;grid-auto-flow:row dense;column-gap:5px!important;row-gap:0!important;align-items:start!important}#hfeed>.c.c2,.cols.mz>.c{aspect-ratio:auto!important;height:auto!important}
.c.c2{aspect-ratio:auto!important;height:auto!important;display:block;position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05);margin-bottom:16px;transition:transform .25s,box-shadow .25s}
.c.c2:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 34px rgba(0,0,0,.10)}
.c2 .pic{position:relative;overflow:hidden;background:#F2F2F4}
.c2 .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.c2:hover .pic img{transform:scale(1.035)}
.c2.wh .pic{background:#F7F7F8}.c2.wh .pic img{object-fit:contain;padding:7%;box-sizing:border-box}
.c2 .sn{display:flex;align-items:center;gap:7px;font:500 12px Inter;color:#6E6E73}
.c2 .sn .av{width:20px;height:20px;font-size:9px}
.c2 h3{font:650 16px/1.28 Inter;letter-spacing:-.012em;color:#1D1D1F;margin:0}
.c2 .hl{font:400 13.5px/1.45 Inter;color:#55555B;margin:6px 0 0}
.c2 .cap{padding:13px 15px 15px}
.c2 .cap .sn{margin-bottom:8px}
/* scene: landscape, text on a light tinted glass panel */
.c2.k-scene .pic{aspect-ratio:4/3}.c2.k-scene.bg .pic{aspect-ratio:16/9}
.c2.k-scene .ov{position:absolute;left:12px;right:12px;bottom:12px;padding:13px 15px;border-radius:16px;background:var(--tb,rgba(29,29,31,.45));-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.25);color:#fff}
.c2.k-scene .ov h3,.c2.k-scene .ov .hl{color:#fff}.c2.k-scene .ov .hl{opacity:.92}
.c2.k-scene.bg .ov{left:20px;bottom:20px;right:auto;max-width:52%;padding:18px 20px}.c2.k-scene.bg h3{font-size:24px}
.c2 .srcw{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:99px;background:rgba(255,255,255,.88);font:500 12px Inter;color:#1D1D1F}
.c2 .srcw .av{width:20px;height:20px;font-size:9px}
/* product: square photo, caption below */
.c2.k-product .pic{aspect-ratio:1}
/* craft: wide image + process tag */
.c2.k-craft .pic{aspect-ratio:3/2}.c2.k-craft.bg .pic{aspect-ratio:21/9}
.c2 .ptag{display:inline-block;font:600 11px Inter;letter-spacing:.04em;text-transform:uppercase;color:#6B5B45;background:#F3EEE6;border-radius:99px;padding:4px 9px;margin-bottom:8px}
.c2.k-craft.bg{display:grid;grid-template-columns:1.6fr 1fr}.c2.k-craft.bg .pic{aspect-ratio:auto;min-height:100%}.c2.k-craft.bg .cap{padding:22px;align-self:center}.c2.k-craft.bg h3{font-size:21px}
/* series (format) + collection: collage */
.c2 .clg{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:3/2;background:#fff}
.c2 .clg div{position:relative;overflow:hidden;background:#F2F2F4}.c2 .clg div:first-child{grid-row:span 2}
.c2 .clg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c2 .cnt{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.92);border-radius:99px;padding:4px 10px;font:600 12px Inter;color:#1D1D1F}
.c2 .clgw{position:relative}
.c2.k-col .cap{background:linear-gradient(180deg,#fff,#FAF8F5)}
.c2 .kl{font:600 11px Inter;letter-spacing:.05em;text-transform:uppercase;color:#8E8E93;margin-bottom:6px;display:block}
/* hover actions */
.c2 .act{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:.2s;z-index:3;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 20px)}
.c2:hover .act,.c2:focus-within .act{opacity:1;transform:none}
.c2 .act button{border:0;border-radius:99px;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(0,0,0,.12);font:600 12px Inter;color:#1D1D1F;padding:7px 11px;cursor:pointer;white-space:nowrap}
.c2 .act button:hover{background:#fff}.c2 .act button.on{background:#1D1D1F;color:#fff}
.c2 .xr{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;opacity:0;transition:.2s;z-index:3;flex-wrap:wrap}
.c2:hover .xr{opacity:1}
.c2 .xr button{border:0;border-radius:99px;background:rgba(29,29,31,.72);color:#fff;font:500 11.5px Inter;padding:6px 10px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.c2.k-scene .xr{bottom:auto;top:46px;left:12px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#1D1D1F;color:#fff;border-radius:14px;padding:12px 16px;font:500 14px Inter;display:flex;gap:16px;align-items:center;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.toast button{background:none;border:0;color:#E9C9A3;font:600 14px Inter;cursor:pointer}
.vh{display:flex;align-items:flex-end;gap:16px;margin:18px 0 6px}.vh h1{font:700 28px Inter;letter-spacing:-.02em;margin:0}.vh small{font:400 14px Inter;color:#6E6E73}
.vh .seed{width:64px;height:64px;border-radius:14px;object-fit:cover;background:#F2F2F4}
.vp{font:400 14px Inter;color:#6E6E73;margin:0 0 6px}
.search input.sp{flex:1;border:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;background:transparent;outline:0;font:400 15px Inter;color:#1D1D1F;min-width:0}
.search input.sp::-webkit-search-cancel-button{display:none}
.tabs.tB{margin:14px 0 0}
.fc i{font-style:normal;opacity:.55;margin-left:6px;font-size:.9em}
.hint{font:400 14px Inter;color:#6E6E73;margin:4px 0 14px}
.frow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.frow .fc.on{background:#1D1D1F;color:#fff}
.frc{display:flex;gap:10px;overflow-x:auto;margin:6px 0 22px}
.frc .fr2{background:#fff;border-radius:16px;padding:10px 14px;flex:none}
.srh{font:700 26px Inter;letter-spacing:-.02em;margin:18px 0 6px}.srh small{font:400 15px Inter;color:#6E6E73;margin-left:10px}
.h3s{font:600 17px Inter;margin:18px 0 10px}
.thm{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 26px}
.pb{font:400 15px/1.55 Inter;color:#3A3A3E;margin:14px 0 0}
.srcl{display:inline-block;margin-top:12px;font:500 13px Inter;color:#6E6E73;text-decoration:none}.srcl:hover{color:#1D1D1F}
.ncL{position:absolute;inset:0;display:grid;place-items:center end;padding-right:14%}.ncL .lgN{width:132px;height:132px;border-radius:28px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;font:700 44px Inter;overflow:hidden}.ncL .lgN img{width:100%;height:100%;object-fit:contain}
.ttC{margin-top:22px}.ttC table{width:100%;border-collapse:collapse;font:400 13px/1.4 Inter}.ttC th{text-align:left;font-weight:600;color:#6E6E73;padding:6px 8px 6px 0;border-bottom:1px solid #E5E5EA}.ttC td{padding:7px 8px 7px 0;border-bottom:1px solid #F0F0F3;vertical-align:top}.ttC .nt{font:400 12px Inter;color:#8E8E93;margin-top:8px}
.d24 dd a{color:inherit;text-decoration:none;border-bottom:1px solid #D2D2D7}
.ins.tn{--tc:#fff}.ins.tn .kick,.ins.tn h3{color:#fff!important}
#hfeed,#feed{margin-top:18px}
.ttl{font:700 28px/34px -apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif;letter-spacing:-.025em;color:#1D1D1F}
.top{margin:20px 0 4px}.sub{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.clr{margin-left:0}
.c.sg{background:#fff;border:1px solid #E6E6EA;display:block}
.sg .cv{position:absolute;left:0;right:0;top:0;height:42%;overflow:hidden}.sg .cv img{width:100%;height:100%;object-fit:cover}
.sg .bd{position:absolute;left:0;right:0;top:42%;bottom:0;padding:0 5.5cqi 5cqi;display:flex;flex-direction:column}
.sg .ava{width:15cqi;height:15cqi;margin-top:-7.5cqi;border-radius:4cqi;background:#fff;box-shadow:0 0 0 3px #fff,0 2px 10px rgba(0,0,0,.12);overflow:hidden;display:grid;place-items:center;font:600 4cqi Inter}.sg .ava img{width:100%;height:100%;object-fit:contain}
.sg .sk{position:absolute;top:3.6cqi;left:3.6cqi;font:600 clamp(10px,3.4cqi,12px) Inter;padding:.4em .9em;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);color:#1D1D1F}
.sg .nm2{margin-top:2.6cqi;font:600 clamp(13px,5.2cqi,18px)/1.2 -apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:-.015em;color:#1D1D1F}
.sg .lc{font:500 clamp(10.5px,3.6cqi,12.5px) Inter;color:#6E6E73;margin-top:.6cqi}
.sg .ab{margin-top:2.4cqi;font:400 clamp(11px,3.8cqi,13.5px)/1.4 Inter;color:#3A3A3E;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sg .fb{margin-top:auto;width:100%}
.c.ls{background:#fff;border:1px solid #E6E6EA}
.ls .lsh{font:600 clamp(13px,5cqi,18px)/1.2 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important}.ls .lsub{font:400 clamp(10.5px,3.5cqi,12.5px) Inter;color:#6E6E73;margin:.6cqi 0 1cqi}
.ls .row{flex:1;border:0!important;background:#F5F5F7;border-radius:3.6cqi;padding:0 3.4cqi;margin-top:2cqi}
.ls .row .av{border-radius:2.6cqi!important;background:#fff}
.c .ins.tn[style*="--tb"]{background:var(--tb)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;backdrop-filter:blur(18px) saturate(160%)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 14px rgba(0,0,0,.08)!important;color:var(--tc)!important}
.c .ins.tn[style*="--tb"] .kick,.c .ins.tn[style*="--tb"] h3,.c .ins.tn[style*="--tb"] .gr{color:var(--tc)!important;text-shadow:none!important}
.c.sg .bd{line-height:1.5!important}.c.sg .nm2{margin-bottom:4px!important}.c.sg .lc{color:#6E6E73!important;line-height:1.5!important;margin-bottom:8px!important}.c.sg .ab{color:#6E6E73!important;line-height:1.5!important;-webkit-line-clamp:2!important;line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:14px!important}
.c.tx h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;text-align:center!important}
.tabs.tA{display:inline-flex!important;margin:2px 0 14px!important;width:auto!important}
.bar:has(.tB){flex-wrap:wrap!important;row-gap:8px!important}
.tabs.tB{flex-basis:100%!important;order:2;display:flex!important;justify-content:flex-start!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;gap:4px}
.tabs.tB .tab{height:34px!important;padding:0 16px!important;border-radius:17px!important;font-size:13.5px!important}
body.mo{overflow:hidden}
body[data-view=fac] #fac{display:block}
.mov{position:fixed;inset:0;z-index:999;background:rgba(20,20,24,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,sans-serif;color:#1D1D1F;-webkit-font-smoothing:antialiased;overflow:auto}
.mov .gl{background:rgba(255,255,255,.9);backdrop-filter:blur(30px) saturate(1.7);-webkit-backdrop-filter:blur(30px) saturate(1.7);border:1px solid rgba(255,255,255,.6);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.mov .x{position:absolute;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:400 20px/1 Inter;cursor:pointer;border:0;color:#1D1D1F;background:rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.12);padding:0;z-index:3}
.ey{display:inline-flex;align-items:center;gap:5px;font:600 12.5px Inter;color:#6E6E73;letter-spacing:.01em}.ey::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}
.mov h1{font:700 30px/1.15 -apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif;letter-spacing:-.025em;margin:10px 0 0}
.vfg{display:inline-flex;vertical-align:-2px}
/* premium buttons */
.bp,.bs{height:46px;padding:0 22px;border-radius:14px;font:600 14.5px Inter;letter-spacing:-.005em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:transform .12s,box-shadow .12s,filter .12s;text-decoration:none}
.bp{color:#fff;border:1px solid #0E0F12;background:linear-gradient(180deg,#3A3C42 0%,#1F2024 55%,#16171A 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.18),0 8px 20px rgba(20,20,24,.22)}
.bp:hover{filter:brightness(1.12)}.bp:active{transform:translateY(1px)}
.bs{color:#1D1D1F;border:1px solid rgba(29,29,31,.16);background:linear-gradient(180deg,#FFFFFF 0%,#F3F3F5 100%);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.06)}
.bs:hover{border-color:rgba(29,29,31,.3)}
.bsm{height:36px;padding:0 16px;border-radius:11px;font-size:13.5px}
.fr2{display:inline-flex;align-items:center;gap:8px;font:600 13.5px Inter;color:inherit}
.fr2 a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;cursor:pointer}.fr2 a:hover b{text-decoration:underline}
.a2{width:24px;height:24px;border-radius:7px;background:#fff;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(0,0,0,.08);font:700 10px Inter;color:#1D1D1F;flex:none}
.a2 img{width:100%;height:100%;object-fit:contain}
.fr2 .dt{opacity:.45}
.fl{font:600 12.5px Inter;color:#1D1D1F;padding:4px 11px;border-radius:999px;background:rgba(0,0,0,.06);border:0;cursor:pointer}
.fl.on{color:#6E6E73;background:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
/* contact */
.ctm label{display:block;font:600 12.5px Inter;color:#3A3A3E;margin:0 0 6px}
.ctm .opt{font-weight:400;color:#8E8E93}
.ctm input,.ctm textarea{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:#fff;font:400 14.5px/1.5 Inter;color:#1D1D1F;padding:10px 12px;outline:none}
.ctm input:focus,.ctm textarea:focus{border-color:#1D1D1F;box-shadow:0 0 0 3px rgba(29,29,31,.08)}
.ctm textarea{height:150px;resize:vertical}
.ctm .g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}
.ctm .att{display:flex;align-items:center;justify-content:center;height:43px;border:1px dashed rgba(0,0,0,.22);border-radius:12px;font:500 13.5px Inter;color:#3A3A3E;cursor:pointer;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}
.ctm .att input{display:none}
.ctm .err{color:#B3261E;font:500 12.5px Inter;margin-top:6px;display:none}
.ctm .ref{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:rgba(0,0,0,.04);margin-top:14px}
.ctm .ref img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;background:#eee}
.ctm .note{font:400 12.5px/1.45 Inter;color:#6E6E73;display:flex;gap:6px;align-items:flex-start}
.ok{width:64px;height:64px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:linear-gradient(180deg,#3A3C42,#16171A);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px rgba(0,0,0,.2)}
/* supplier page */
#fac{padding-bottom:60px}
.fp .cov{height:240px;border-radius:24px;overflow:hidden;position:relative;background:#DADADF}
.fp .cov img{width:100%;height:100%;object-fit:cover;display:block}
.fp .cov::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.25))}
.fp .hd{display:flex;align-items:flex-end;gap:20px;padding:0 28px;margin-top:-52px;position:relative;z-index:2}
.fp .lg2{width:104px;height:104px;border-radius:22px;background:#fff;box-shadow:0 0 0 4px #fff,0 6px 18px rgba(0,0,0,.12);display:grid;place-items:center;overflow:hidden;font:700 30px Inter;color:#1D1D1F;flex:none}
.fp .lg2 img{width:84%;height:84%;object-fit:contain}
.fp .fnm{flex:1;min-width:0;padding-bottom:4px}
.fp h1{font:700 30px/1.15 -apple-system,'SF Pro Display',Inter;letter-spacing:-.025em;margin:0;display:flex;align-items:center;gap:8px}
.fp .fmeta{font:400 14.5px Inter;color:#6E6E73;margin-top:6px}
.fp .acts{display:flex;gap:10px;padding-bottom:6px}
.fp .ftabs{display:flex;gap:28px;border-bottom:1px solid #E3E3E8;margin:26px 0 22px;padding:0 28px}
.fp .ftabs button{border:0;background:none;padding:12px 0;font:600 14.5px Inter;color:#6E6E73;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.fp .ftabs button.on{color:#1D1D1F;border-bottom-color:#1D1D1F}
.fp .fpn{background:#fff;border:1px solid #E8E8ED;border-radius:20px;padding:24px 26px;margin-bottom:18px}
.fp .fpn h2{font:700 18px Inter;letter-spacing:-.01em;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}
.fp .fpn h2 a{font:600 13.5px Inter;color:#3A3A3E;cursor:pointer;text-decoration:none}
.fp .fpn p{font:400 15px/1.6 Inter;color:#3A3A3E;margin:0}
.fp .ov2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.fp .chips span{display:inline-block;font:500 13px Inter;padding:7px 12px;border-radius:999px;background:#F2F2F5;margin:0 6px 8px 0;color:#2C2C30}
.fp dl{display:grid;grid-template-columns:180px 1fr;gap:14px 18px;margin:0;font:400 14.5px/1.5 Inter}
.fp dt{color:#6E6E73}.fp dd{margin:0;color:#1D1D1F}.fp dd.np{color:#AEAEB2}
.fp .emp{padding:40px;text-align:center;color:#6E6E73;font:400 14.5px Inter}
.fp .ex{font:500 11.5px Inter;color:#8E8E93;margin-left:6px}
/* messages drawer */
nav a.msg{position:relative;cursor:pointer}
nav a.msg .ud{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:#E0453A;box-shadow:0 0 0 2px #fff}
.dw{position:fixed;inset:0;z-index:998;pointer-events:none}
.dw .sc{position:absolute;inset:0;background:rgba(10,7,5,.45);opacity:0;transition:opacity .25s}
.dw .pnl{position:absolute;top:12px;right:12px;bottom:12px;width:420px;background:#34281F;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.22);transform:translateX(calc(100% + 24px));transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;color:#F1E6D2;color:#F1E6D2}
.dw.op{pointer-events:auto}.dw.op .sc{opacity:1}.dw.op .pnl{transform:none}
.dw .dh{padding:22px 22px 12px;display:flex;align-items:flex-start;justify-content:space-between}
.dw .dh h2{font:700 22px Inter;letter-spacing:-.02em;margin:0}
.dw .dh small{display:block;font:400 13px/1.4 Inter;color:#BFAE94;margin-top:4px}
.dw .cl{width:34px;height:34px;border-radius:50%;border:0;background:#3D2F25;color:#E8D9BF;font:400 18px Inter;cursor:pointer;flex:none}
.dw .ls2{flex:1;overflow:auto;padding:4px 10px 16px}
.dw .it{display:flex;gap:12px;padding:12px;border-radius:16px;cursor:pointer;position:relative}
.dw .it:hover{background:#3D2F25}
.dw .it.new::after{content:"";position:absolute;right:14px;top:18px;width:8px;height:8px;border-radius:50%;background:#D9734F}
.dw .it .a2{width:40px;height:40px;border-radius:11px;font-size:13px}
.dw .it .bd2{flex:1;min-width:0}
.dw .it b{font:600 14px Inter;display:block;padding-right:18px}
.dw .it .pr2{font:500 12.5px Inter;color:#E8D9BF;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dw .it .fl1{font:400 13px/1.4 Inter;color:#BFAE94;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dw .it .mt{display:flex;align-items:center;gap:8px;margin-top:8px;font:400 12px Inter;color:#A8977F}
.st{font:600 11.5px Inter;padding:3px 9px;border-radius:999px}
.st.aw{background:rgba(201,164,106,.18);color:#E3C48E}.st.rp{background:rgba(150,180,130,.18);color:#B9D3A4}
.dw .sys .a2{background:#3D2F25;box-shadow:none}
.dw .xp{display:none;margin-top:10px;padding:12px;border-radius:12px;background:#3D2F25;font:400 13px/1.55 Inter;color:#E8D9BF;white-space:pre-wrap}
.dw .it.o .xp{display:block}.dw .it.o .fl1{display:none}
.dw .sec2{font:600 12px Inter;color:#A8977F;padding:12px 12px 4px;letter-spacing:.02em}
.dw .em{padding:60px 30px;text-align:center;color:#BFAE94;font:400 14px/1.5 Inter}
.dw .em .ic{width:56px;height:56px;border-radius:16px;background:#3D2F25;display:grid;place-items:center;margin:0 auto 14px}
.dw .ft{padding:12px 22px 18px;border-top:1px solid rgba(232,217,191,.13);font:400 12px Inter;color:#A8977F;display:flex;justify-content:space-between}
.dw .ft a{color:#E8D9BF;cursor:pointer}
.cols .c:not(.wd):not(.pr):not(.ls){cursor:pointer}
.fp24{padding:4px 0 80px;color:#1D1D1F;font-family:Inter,-apple-system,sans-serif}
.fp24 h1{font:700 34px/1.1 Inter;letter-spacing:-.025em;display:flex;align-items:center;margin:0}
.fp24 .acts{display:flex;gap:10px}
.fp24 .mt24{font:400 14px Inter;color:#6E6E73;margin-top:6px}
.fp24 .lg24{width:88px;height:88px;border-radius:22px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.10);display:grid;place-items:center;overflow:hidden;font:700 30px Inter;color:#1D1D1F;flex:none}
.fp24 .lg24 img{width:78%;height:78%;object-fit:contain}
.fp24 .ab24{font:400 15px/1.65 Inter;color:#3A3A3E;margin:0}
.fp24 .chA{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.fp24 .chA.l{justify-content:flex-start;margin-top:14px}
.fp24 .chA span{padding:7px 13px;border-radius:999px;background:#F2F2F5;font:500 13px Inter;color:#2C2C2E}
.fp24 .d24{display:grid;grid-template-columns:120px 1fr;gap:12px 16px;margin:0;font:400 14px/1.45 Inter}
.fp24 .d24 dt{color:#8E8E93}.fp24 .d24 dd{margin:0;color:#1D1D1F}
.fp24 h2{font:700 20px Inter;letter-spacing:-.015em;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.fp24 h2 i{font:500 14px Inter;font-style:normal;color:#8E8E93}
.fp24 h3{font:600 14px Inter;margin:22px 0 0;color:#1D1D1F}
.g24{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;columns:auto!important}
.g24.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.t24{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;cursor:pointer;background:#E5E5EA}
.t24 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.t24:hover img{transform:scale(1.04)}
.t24 .tt{position:absolute;left:10px;right:10px;bottom:10px;padding:11px 13px;border-radius:13px;background:rgba(28,26,24,.42);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);color:#fff}
.t24 .tt span{display:block;font:500 11px Inter;opacity:.85;margin-bottom:3px}
.t24 .tt span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;margin:0 6px 2px 0;vertical-align:middle}
.t24 .tt b{font:600 14px/1.3 Inter;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* A */
.fA .mos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:210px 210px;gap:8px;border-radius:28px;overflow:hidden}
.fA .mos div{overflow:hidden;background:#DDD}.fA .mos img{width:100%;height:100%;object-fit:cover;display:block}
.fA .mos div:first-child{grid-row:span 2}
.fA .mos.n1{grid-template-columns:1fr}.fA .mos.n3{grid-template-columns:2fr 1fr}.fA .mos.n2{grid-template-columns:1fr 1fr}.fA .mos.n2 div:first-child{grid-row:span 2}
.fA .idA{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-48px;position:relative}
.fA .idA .lg24{border:4px solid #fff;width:96px;height:96px}
.fA .idA h1{margin-top:14px;font-size:40px}
.fA .idA p{max-width:640px;font:400 15px/1.6 Inter;color:#3A3A3E;margin:14px 0 0}
.fA .idA .acts{margin-top:20px}
.fA .ptA{display:flex;justify-content:center;gap:6px;margin:36px 0 22px}
.fA .ptA button{border:0;background:none;padding:10px 18px;border-radius:999px;font:600 14px Inter;color:#3A3A3E;cursor:pointer}
.fA .ptA button i{font-style:normal;color:#8E8E93;font-weight:500}
.fA .ptA button.on{background:#1D1D1F;color:#fff}.fA .ptA button.on i{color:rgba(255,255,255,.6)}
.fA .abA{max-width:760px;margin:0 auto;background:#fff;border-radius:24px;padding:30px}
.fA .abA .d24{margin-top:22px}
/* B */
.fB .pcB{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.fB .cvB{height:220px;background:#D8D8DC}.fB .cvB img{width:100%;height:100%;object-fit:cover;display:block}
.fB .hdB{display:flex;justify-content:space-between;align-items:flex-end;padding:0 28px;margin-top:-52px}
.fB .hdB .lg24{width:120px;height:120px;border:4px solid #fff;border-radius:26px}
.fB .inB{padding:14px 28px 24px}
.fB .lgl{font:400 15px Inter;color:#3A3A3E;margin-top:4px}
.fB .stB{display:flex;gap:18px;margin-top:14px;font:400 14px Inter;color:#6E6E73}.fB .stB b{color:#1D1D1F;font-weight:600}
.fB .cB{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;align-items:start}
.fB .bxB{background:#fff;border-radius:22px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:18px}
.fB .sdB{position:sticky;top:18px}
.fB .sdB .d24{grid-template-columns:104px 1fr}
.fB .ceB{margin:0;padding-left:18px;font:400 14px/1.6 Inter}
.fB .ctB{background:linear-gradient(160deg,#2E3036,#141518);color:#fff}
.fB .ctB p{font:400 14px/1.5 Inter;color:rgba(255,255,255,.75);margin:-6px 0 18px}
.fB .ctB .bp{width:100%;background:linear-gradient(#fff,#ECECEF);color:#1D1D1F}
/* C */
.fC .heC{position:relative;height:600px;border-radius:30px;overflow:hidden;background:#333}
.fC .heC img{width:100%;height:100%;object-fit:cover;display:block}
.fC .heC::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.35))}
.fC .tpC{position:absolute;z-index:2;left:32px;bottom:32px;max-width:640px;display:flex;gap:20px;align-items:flex-start;padding:26px 28px;border-radius:24px;background:rgba(24,22,20,.38);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.18);color:#fff}
.fC .tpC .lg24{width:72px;height:72px;border-radius:18px}
.fC .eyC{font:500 13px Inter;opacity:.85}
.fC .tpC h1{font-size:44px;color:#fff;margin-top:6px}
.fC .tpC p{font:400 15px/1.55 Inter;color:rgba(255,255,255,.88);margin:12px 0 0}
.fC .tpC .acts{margin-top:20px}
.fC .sbC{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;margin:18px 0 0;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.fC .sbC a{padding:9px 16px;border-radius:12px;font:600 14px Inter;color:#3A3A3E;text-decoration:none}
.fC .sbC a.on{background:#F0F0F3;color:#1D1D1F}
.fC .bp.sm{padding:9px 16px;font-size:13px}
.fC .cpC{display:flex;margin-top:18px;background:#fff;border-radius:22px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.fC .cpC div{flex:1;padding:22px 24px;border-left:1px solid #EFEFF2}.fC .cpC div:first-child{border:0}
.fC .cpC small{display:block;font:500 12px Inter;color:#8E8E93;text-transform:uppercase;letter-spacing:.06em}
.fC .cpC b{display:block;font:600 17px/1.3 Inter;margin-top:6px}
.fC section{margin-top:40px}
.fC .h2C{display:flex;justify-content:space-between;align-items:center}
.fC .ar{width:38px;height:38px;border-radius:50%;border:1px solid #DADADF;background:linear-gradient(#fff,#F3F3F5);font:500 20px Inter;cursor:pointer;margin-left:8px}
.g24.car{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.g24.car::-webkit-scrollbar{display:none}
.g24.car .t24{flex:0 0 calc((100% - 28px)/3.2);aspect-ratio:4/5;scroll-snap-align:start}
.fC .abC{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;background:#fff;border-radius:26px;padding:36px}
/* ===== v27 card types ===== */
:root{--grain:url("data:image/svg+xml;utf8,")}
.c3{aspect-ratio:auto!important;text-align:left;position:relative;border-radius:18px;overflow:hidden;background:#1d1b19;cursor:pointer;box-shadow:0 1px 2px rgba(20,16,12,.06),0 8px 24px -14px rgba(20,16,12,.35);color:#fff}
.c3 .pv{position:relative;overflow:hidden}.c3 img{display:block;width:100%;height:100%;object-fit:cover}
.c3 h3{margin:0;font-size:16px;line-height:1.28;font-weight:600;letter-spacing:-.005em;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c3 .hl{margin:5px 0 0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.86);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c3 .sl2{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:12px;color:rgba(255,255,255,.72)}
.c3 .sl2 .av{width:18px;height:18px;border-radius:50%;overflow:hidden;background:#fff;color:#333;font-size:9px;display:grid;place-items:center;flex:none}
.c3 .sl2 .av img{object-fit:contain}
.c3 .ptag{display:inline-block;margin-bottom:8px;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);font-size:11px;font-weight:600;letter-spacing:.02em}
.c3 .kl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.c3 .act{position:absolute;right:10px;top:10px;display:flex;gap:6px;opacity:0;transition:opacity .18s;z-index:4}
.c3:hover .act,.c3 .act button.on{opacity:1}.c3 .act:has(.on){opacity:1}
.c3 .act button{width:32px;height:32px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(20,18,16,.42);backdrop-filter:blur(8px);color:#fff;cursor:pointer;padding:0}
.c3 .act button.on{color:#ff5a6e}.c3 .act button.on svg{fill:currentColor}
@media (hover:none){.c3 .act{opacity:1}}
/* t1 glass panel */
.t1 .pv{aspect-ratio:4/3}.t1 .gp1{position:absolute;left:10px;right:10px;bottom:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(rgba(18,15,12,.34),rgba(18,15,12,.34)),color-mix(in srgb,var(--sol) 70%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.16);background-image:var(--grain)}
/* t2 hero / t7 pano */
.t2 .pv{aspect-ratio:16/9}.t7 .pv{aspect-ratio:21/9}
.t2 .gm{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.72))}
.t7 .gm{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.78) 0,rgba(10,8,6,.35) 45%,rgba(0,0,0,0) 70%)}
.t2 .tx3,.t7 .tx3{position:absolute;left:24px;bottom:22px;right:30%}.t7 .tx3{right:52%;bottom:auto;top:50%;transform:translateY(-50%)}
.t2 h3,.t7 h3{font-size:24px;line-height:1.18}.t2 .hl,.t7 .hl{font-size:14px}
/* t3 black bar */
.t3 .pv{aspect-ratio:3/2}.t3 .tb3{background:#141312;padding:13px 15px 14px}
/* t4 image + colour block */
.t4 .pv{aspect-ratio:16/10}.t4 .blk{background:var(--sol);background-image:var(--grain),linear-gradient(160deg,rgba(255,255,255,.10),rgba(0,0,0,.18));padding:14px 16px 16px;min-height:92px}
/* t5 series / t6 collection carousel */
.car{position:relative;aspect-ratio:3/2;overflow:hidden;background:#222}
.car .trk{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.car .trk::-webkit-scrollbar{display:none}
.car .sd{flex:0 0 100%;height:100%;scroll-snap-align:start}.car img{pointer-events:none;-webkit-user-drag:none;user-select:none}
.car .ca{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.82);color:#222;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .18s;z-index:3;padding:0 0 3px}
.car .ca.l{left:8px}.car .ca.r{right:8px}
.car .dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:2px;opacity:0;transition:opacity .18s;z-index:3}
.car .dots button{width:20px;height:20px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.car .dots button::after{content:'';width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 3px rgba(0,0,0,.4)}
.car .dots button.on::after{background:#fff;width:8px;height:8px}
.c3:hover .car .ca,.c3:hover .car .dots{opacity:1}
@media (hover:none){.car .dots{opacity:1}.car .ca{display:none}}
.t5 .car{aspect-ratio:4/3}
.t5 .cnt{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:99px;background:rgba(20,18,16,.5);backdrop-filter:blur(8px);font-size:11.5px;font-weight:600;z-index:3}
.t5 .sbar{background:var(--sol);background-image:var(--grain);padding:12px 15px 14px}
.t5 .car .dots{bottom:6px}
.t6{background:#efe7dc}.t6 .car{aspect-ratio:16/9}
.t6 .ppr{background:linear-gradient(160deg,#f4ede3,#e6dacb);background-image:var(--grain),linear-gradient(160deg,#5c4a3a,#3e3128);padding:14px 16px 16px}
.t6 .nn{margin-top:9px;font-size:12px;color:rgba(255,255,255,.72)}
/* t8 masked tile (low-quality image) */
/* t9 editorial */
.t9 .ed{aspect-ratio:4/3;box-sizing:border-box;padding:20px 20px 16px;display:flex;flex-direction:column;background:var(--sol);background-image:var(--grain),radial-gradient(120% 90% at 0 0,rgba(255,255,255,.16),rgba(0,0,0,.22))}
.t9 h3{font-size:20px;line-height:1.22;margin-top:10px;-webkit-line-clamp:3;font-family:Georgia,'Times New Roman',serif;font-weight:500}
.t9 .q9{margin:10px 0 0;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t9 .ft{margin-top:auto;display:flex;align-items:center;gap:10px}.t9 .ft .sl2{margin:0}
.t9 .th{width:40px;height:40px;border-radius:9px;overflow:hidden;background:#fff;flex:none}.t9 .th img{object-fit:contain}
/* t10 supplier suggestion */
.t10 .pv{aspect-ratio:4/3;background:#3a332c}.t10 .gm{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.78))}
.t10 .sk{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);font-size:11.5px;font-weight:600}
.t10 .sw{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px}
.t10 .ava{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;color:#333;display:grid;place-items:center;flex:none;font-weight:700}.t10 .ava img{object-fit:contain}
.t10 .sw>div:nth-child(2){flex:1;min-width:0}.t10 .nm2{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t10 .lc{font-size:12px;opacity:.78}
.t10 .fb{flex:none}
/* ===== popup v27 ===== */
.pp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1000px;height:640px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);border-radius:28px;display:flex;overflow:hidden}
.pp .pim{flex:0 0 56%;background:#F4F2EF;display:grid;place-items:center}.pp .pim img{width:100%;height:100%}
.pp .prt{flex:1;min-width:0;padding:38px 32px 26px;display:flex;flex-direction:column;overflow:auto}
.pp .tt{display:flex;align-items:flex-start;gap:12px}.pp .tt h1{flex:1}
.hrt{flex:none;margin-top:4px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;color:#555;display:grid;place-items:center;cursor:pointer}
.hrt svg{width:20px;height:20px}.hrt.on{color:#e8445a;border-color:rgba(232,68,90,.3);background:#fff2f4}.hrt.on svg{fill:currentColor}
.pp .srcl{display:block;margin-top:12px;font-size:12.5px;color:#8a8580}
.pbt{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pb1,.pb2{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:16px;font-size:14.5px;font-weight:600;text-decoration:none;cursor:pointer;border:0;font-family:inherit}
.pb1{color:#2b2622;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.55)),var(--pt,#8a7a68);background-blend-mode:normal;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 0 #fff}
.pb2{color:#fff;background-color:var(--pt,#5b4c3f);background-image:var(--grain),linear-gradient(160deg,rgba(255,255,255,.18),rgba(0,0,0,.22));box-shadow:0 8px 20px -10px var(--pt,#5b4c3f),inset 0 1px 0 rgba(255,255,255,.22)}
.pb1:hover,.pb2:hover{filter:brightness(1.04)}
.mlt{margin-top:24px;padding-top:18px;border-top:1px solid rgba(0,0,0,.07)}
.mlt h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#3a3530}
.mg7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mg7 button{border:0;padding:0;background:none;cursor:pointer;text-align:left;font-family:inherit}
.mg7 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#f1efec;transition:transform .15s}
.mg7 button:hover img{transform:scale(1.03)}
.mg7 span{display:block;margin-top:4px;font-size:11.5px;line-height:1.3;color:#5d5852;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.pp{flex-direction:column;width:calc(100vw - 24px);height:calc(100vh - 24px)}.pp .pim{flex:0 0 38%}.pp .prt{padding:22px 18px}}
/* ===== factory left card v27 ===== */
.fD .lD .lcard{position:relative;border-radius:24px;padding:24px 22px 20px;color:#2a2521;overflow:hidden;
background:linear-gradient(165deg,#fffdf9 0%,#f6efe5 55%,#efe5d6 100%);border:1px solid rgba(120,96,70,.14);
box-shadow:0 1px 0 #fff inset,0 18px 40px -24px rgba(80,60,40,.45),0 2px 6px -2px rgba(80,60,40,.12)}
.fD .lD .lcard::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,");pointer-events:none;border-radius:inherit}
.fD .lD .lcard::after{content:'';position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--lt2) 0,transparent 70%);opacity:.16;pointer-events:none}
.fD .lD .lcard>*{position:relative;z-index:1}
.lcard .nmr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.lcard .nmr h1{margin:0}
.fsm{height:28px;padding:0 12px;border-radius:99px;border:1px solid rgba(60,45,30,.22);background:rgba(255,255,255,.7);font-size:12.5px;font-weight:600;color:#3a3028;cursor:pointer;font-family:inherit}
.fsm.on{background:#3a3028;color:#fff;border-color:#3a3028}
.lcard .ip{margin:12px 0 0;font-size:14px;line-height:1.55;color:#4a423b}
.lcard ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6a6058}
.lcard li{display:flex;align-items:center;gap:6px}
.bt2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.bt2.one{grid-template-columns:1fr}
.lb1,.lb2{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:14px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;white-space:nowrap}
.lb1{border:0;color:#fff;background:#3d3229;background-image:var(--grain),linear-gradient(160deg,#5a4a3c,#2f261f);box-shadow:0 8px 18px -10px rgba(40,28,18,.7),inset 0 1px 0 rgba(255,255,255,.15)}
.lb2{color:#3a3028;background:rgba(255,255,255,.75);border:1px solid rgba(60,45,30,.18)}
.claim{display:inline-block;margin-top:14px;font-size:12.5px;color:#7a6e63;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(120,100,80,.35)}
@media (max-width:760px){.lcard .ip{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}
.fD .c3 .mk{display:none}
@media (min-width:761px){.fD{grid-template-columns:336px minmax(0,1fr)!important}}
.lb1,.lb2{font-size:13px!important;padding:0 8px}
.sv27{padding:80px 20px;text-align:center;color:#6a6560}.sv27 h3{font-size:20px;color:#2a2622;margin:0 0 8px}
/* ===== v28: light overrides ===== */
/* popup */
.pbt.one{grid-template-columns:1fr}
.mg7 button{border-radius:10px;overflow:hidden}.mg7 img{margin:0}
/* factory left card v28 */
.fD .lD .lcard{padding:30px 28px 26px;background:linear-gradient(170deg,#fffefb 0%,#faf6f0 60%,#f5eee4 100%);box-shadow:0 1px 0 #fff inset,0 14px 34px -26px rgba(80,60,40,.38),0 1px 3px rgba(80,60,40,.06)}
.fD .lD .lcard::after{opacity:.10}
.lcard .lg24{width:72px;height:72px}
.lcard .nmr{margin-top:18px;gap:10px;align-items:center}.lcard .nmr h1{font-size:22px;line-height:1.25;letter-spacing:-.01em}
.fsm{height:26px;padding:0 11px;font-size:12px}
.fmeta{margin-top:8px;font-size:12.5px;color:#8b8178;letter-spacing:.005em}
.iwrap{margin-top:16px}
.lcard .ip{margin:0;font-size:14px;line-height:1.65;color:#4d453e}
.lcard .ip.clp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.smore{margin-top:6px;padding:0;border:0;background:none;font:600 12.5px/1.4 inherit;color:#7a5f45;cursor:pointer}
.smore[hidden]{display:none}
.bt2{margin-top:22px;gap:10px}.lb1,.lb2{height:44px;font-size:14px!important}
.claim{display:block;margin-top:18px;font-weight:700;font-size:13px;color:#4a3d31;text-decoration:none}
.claim:hover{text-decoration:underline}
@media (min-width:761px){.fD{grid-template-columns:340px minmax(0,1fr)!important}}
@media (max-width:760px){.fD .lD .lcard{padding:22px 20px 20px}}
/* ===== v28 rev2: no white caption panels; tinted translucent masks; compact black bars ===== */
.t1 .gp1{background:linear-gradient(rgba(16,13,10,.22),rgba(16,13,10,.22)),color-mix(in srgb,var(--sol) 62%,transparent);background-blend-mode:normal;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);color:#fff;border:1px solid rgba(255,255,255,.14)}
.t1 .gp1 h3,.t4 .blk h3,.t5 .sbar h3,.t6 .ppr h3,.t9 h3{color:#fff}
.t1 .gp1 .hl,.t4 .blk .hl,.t6 .ppr .hl,.t9 .q9{color:rgba(255,255,255,.86)}
.t1 .sl2,.t4 .sl2,.t5 .sl2,.t9 .sl2{color:rgba(255,255,255,.82)}
.t3 .tb3{background:#111;padding:9px 13px 10px}.t3 .tb3 h3{font-size:14px;-webkit-line-clamp:1;line-clamp:1}.t3 .tb3 .hl{display:none}.t3 .tb3 .sl2{margin-top:4px}
.t4{position:relative}.t4 .pv{aspect-ratio:4/3}
.t4 .blk{position:absolute;left:0;right:0;bottom:0;min-height:0;padding:44px 16px 14px;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--sol) 55%,transparent) 38%,color-mix(in srgb,var(--sol) 82%,transparent) 100%);background-image:none}
.t4 .blk::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.22;pointer-events:none;-webkit-mask:linear-gradient(transparent,#000 40%);mask:linear-gradient(transparent,#000 40%)}
.t4 .blk>*{position:relative}
.t5{position:relative}.t5 .car{aspect-ratio:4/3}
.t5 .sbar{position:absolute;left:10px;right:10px;bottom:10px;border-radius:14px;padding:11px 14px 12px;background:color-mix(in srgb,var(--sol) 66%,transparent);background-image:var(--grain);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.14);z-index:2}
.t5 .car .dots{bottom:auto;top:12px;justify-content:flex-end;padding-right:10px;left:auto}
.t6{position:relative}.t6 .car{aspect-ratio:4/3}
.t6 .ppr{position:absolute;left:10px;right:10px;bottom:10px;border-radius:14px;padding:11px 14px 12px;background:color-mix(in srgb,var(--sol) 66%,transparent);background-image:var(--grain);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.14);color:#fff;z-index:2}
.t6 .ppr .kl{color:rgba(255,255,255,.78)}.t6 .nn{color:rgba(255,255,255,.75)}
.t6 .car .dots{bottom:auto;top:12px;justify-content:flex-end;padding-right:10px;left:auto}
.t9 .ed{background:var(--sol);background-image:var(--grain),radial-gradient(120% 90% at 0 0,rgba(255,255,255,.14),rgba(0,0,0,.20));color:#fff}.t9 .kl{color:rgba(255,255,255,.75)}
/* series popup carousel */
.pim .car{aspect-ratio:auto;height:100%;width:100%;background:#1a1816}.pim .car .sd img{width:100%;height:100%;object-fit:cover}
.pim .car .ca,.pim .car .dots{opacity:1}.pim .car .ca{width:40px;height:40px}
/* ONFAIR rev3: warm furniture palette, grain, tight square mosaic */
:root{--bgW:#F5F0E8;--ink:#2B241E;--acc:#8A5A3B;--acc2:#6E4630;--line:#E4DACB;--paper:url("data:image/svg+xml;utf8,")}
html,body{background-color:var(--bgW)!important;background-image:var(--paper)!important;color:var(--ink)}
nav{background:#FBF8F3!important;background-image:var(--paper)!important;border-color:var(--line)!important}nav .me{background:#E9DFD0!important;color:#4A3A2C!important}
nav a.on{color:var(--acc)!important;background:#EFE5D7!important}
.bar{background:rgba(245,240,232,.92)!important;background-image:var(--paper)!important}
.search{background:#FFFDF9!important;border-color:var(--line)!important}
.wm{font:800 19px/1 ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial;letter-spacing:.14em;color:#2B241E;text-decoration:none;margin-right:18px;white-space:nowrap;align-self:center}.wm b{font-weight:800;color:var(--acc)}
@media(max-width:700px){.wm{font-size:15px;margin-right:10px}}
.tabs button.on,.tabs .on,.tB .on,.chip.on,.fc.on{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}
.follow,.t10 .follow,button.fol,.fl{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}
.follow.on,.t10 .follow.on{background:#EFE5D7!important;color:var(--acc2)!important}
.fp .fpn,.fB .bxB{background:#FFFDF9!important;background-image:var(--paper)!important;border-color:var(--line)!important}
.toast button,#toast button{color:#E9C9A3!important}
#hfeed.mz,#feed.mz,.cols.mz{column-gap:5px!important}
.cols.mz>.c,#hfeed>.c,#feed>.c,.c.c2,.c3{border-radius:3px!important;margin-bottom:0!important}
.cols.mz>.c .ins,.c3 .sbar{border-radius:2px!important}
/* t4 legibility on light photos */
.t4 .blk{padding-top:52px!important;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--sol) 74%,transparent) 34%,color-mix(in srgb,var(--sol) 93%,transparent) 100%)!important}
.t4 .blk h3{text-shadow:0 1px 2px rgba(0,0,0,.25)}
/* factory: quiet empty state + products incl. feed-dropped (tinted full tiles, mask text) */
.rD .emD{margin:0 0 8px;padding:22px 20px;border-radius:4px;background:#EEE6DA;background-image:var(--paper);color:#8A7B6A;font-size:14px}
.rD .prH{margin-top:26px!important}
.prD{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:5px}
.prD .pt{position:relative;aspect-ratio:1;border:0;padding:0;margin:0;border-radius:3px;overflow:hidden;cursor:pointer;background:color-mix(in srgb,var(--sol) 14%,#E8DFD2);background-image:var(--paper)}
.prD .pt img{position:absolute;inset:9% 9% 22%;width:82%;height:69%;object-fit:contain;mix-blend-mode:multiply}
.prD .pt .pm{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;text-align:left;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--sol) 80%,transparent) 45%,color-mix(in srgb,var(--sol) 94%,transparent))}
.prD .pt .pm b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:13.5px;line-height:1.3;font-weight:600}
.prD .pt:hover img{transform:scale(1.03);transition:transform .25s}
/* ===== v29 black-walnut theme ===== */
:root{--w0:#2B211B;--w1:#34281F;--w2:#3D2F25;--w3:#4A392C;--brass:#C9A46A;--cream:#E8D9BF;--tx:#F1E6D2;--mu:#BFAE94;--ln29:rgba(232,217,191,.13);
--bgW:#2B211B;--ink:#F1E6D2;--acc:#C9A46A;--acc2:#E8D9BF;--line:rgba(232,217,191,.13);--ln:rgba(232,217,191,.13);
--grain29:url("emb/8f7eaf0d44018f1c.png");
--paper:var(--grain29);--r29:16px}
html{background:var(--w0)!important}body{background-color:var(--w0)!important;background-image:var(--grain29)!important;background-size:512px 256px!important;color:var(--tx)!important}
body,main{color:var(--tx)}
h1,h2,h3,.vh h1,.ttl{color:var(--tx)}
small,.vh small,.mt24,.fmeta{color:var(--mu)!important}
nav{background:rgba(52,40,31,.92)!important;background-image:var(--grain29)!important;border:1px solid rgba(201,164,106,.28)!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
nav a{color:#BFAE94!important}nav a:hover{color:var(--cream)!important;background:rgba(232,217,191,.07)!important}
nav a.on{color:var(--w0)!important;background:var(--cream)!important}
nav .me{background:var(--w3)!important;color:var(--cream)!important;border:1px solid rgba(201,164,106,.4)}
nav .lg{width:36px!important;border-radius:9px}
/* top bar: sticky, shrinks to floating pill */
.bar{position:sticky!important;top:0;z-index:30;background:rgba(43,33,27,.0)!important;background-image:none!important;padding:12px 0 10px;transition:padding .22s,margin .22s,border-radius .22s,background .22s,box-shadow .22s}
body.cmp .bar{top:10px;margin:0 6px;padding:7px 12px!important;border-radius:20px;background:rgba(52,40,31,.72)!important;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);box-shadow:0 10px 30px rgba(0,0,0,.38),inset 0 0 0 1px rgba(232,217,191,.12);row-gap:6px!important}
body.cmp .bar .search{height:40px!important}
body.cmp .bar #tabs .fc,body.cmp .bar #tabs .tab{padding-top:4px!important;padding-bottom:4px!important}
body.cmp .bar .tab{height:32px!important}
body.cmp .wm svg{height:14px}
.wm{color:var(--cream)!important;display:flex;align-items:center;margin-right:16px}.wm svg{display:block;transition:height .2s}
.search{background:rgba(232,217,191,.07)!important;border:1px solid rgba(232,217,191,.16)!important;border-radius:999px!important;min-width:0;transition:height .2s}
.search svg{stroke:var(--mu)!important}
.search input,.search input.sp{color:var(--tx)!important;min-width:0;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.search input::placeholder{color:#A8977F;opacity:1;text-overflow:ellipsis}
.search kbd{background:rgba(232,217,191,.08)!important;color:var(--mu)!important;border-color:rgba(232,217,191,.15)!important}
.search:focus-within{border-color:var(--brass)!important;box-shadow:0 0 0 3px rgba(201,164,106,.18)}
#tabs{min-width:0;max-width:100%}
.tab{color:var(--mu)!important;background:none!important}.tab.on{color:var(--w0)!important;background:var(--cream)!important}
.fc{background:rgba(232,217,191,.06)!important;border:1px solid rgba(232,217,191,.14)!important;color:#E4D6BE!important}
.fc:hover{background:rgba(232,217,191,.12)!important}
.fc.on,#tabs .hl1 .fc.on,.tabs .on{background:var(--cream)!important;color:var(--w0)!important;border-color:var(--cream)!important}
.fc i{color:inherit;opacity:.65}
#tabs .sep{background:rgba(232,217,191,.2)!important}
/* supplier chip */
.supc{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:10px;font:500 12.5px Inter,system-ui,sans-serif;letter-spacing:.04em;color:var(--cream);background:linear-gradient(180deg,rgba(201,164,106,.20),rgba(201,164,106,.08)),var(--grain29);background-size:auto,300px 150px;border:1px solid rgba(201,164,106,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);white-space:nowrap;cursor:default;user-select:none}
.supc b{font-weight:700;color:#F3E6CC}
@media(max-width:860px){.supc{display:none}}
/* cards: 16px radius, 8px gap */
#hfeed.mz,#feed.mz,.cols.mz,#gD{column-gap:8px!important;gap:0 8px}
.cols.mz>.c,#hfeed>.c,#feed>.c,.c.c2,.c3,.c{border-radius:var(--r29)!important;overflow:hidden}
.cols.mz>.c .ins{border-radius:12px!important}
.t5 .sbar,.t6 .ppr,.c3 .sbar{border-radius:12px!important}
.t1 .gp1{left:10px!important;right:auto!important;bottom:10px!important;max-width:calc(100% - 20px);width:auto!important;padding:9px 12px 10px!important;border-radius:12px!important}
.t1 .gp1 h3{font-size:14.5px!important;line-height:1.28!important;-webkit-line-clamp:3!important;line-clamp:3!important;margin:0 0 6px!important}
.t1 .gp1 .sl2{margin-top:0!important;font-size:12px!important}.t1 .gp1 .sl2 .av{width:18px!important;height:18px!important}
.t3 .tb3{background:#1E1712!important}
.c .acts button,.c [data-act]{border-radius:999px}
/* supplier avatars: logo plates baked in; monogram tile */
.av,.a2,.lg24,.fsl{background:var(--w3);background-image:var(--grain29);background-size:300px 150px;color:var(--cream);font-weight:700;letter-spacing:.04em;border:1px solid rgba(201,164,106,.35);overflow:hidden}
.av img,.a2 img,.lg24 img,.fsl img{width:100%;height:100%;object-fit:cover;display:block}
/* feed-hidden cards on factory page: full-bleed warm tile */
.pt29{position:relative;cursor:pointer;background:color-mix(in srgb,var(--sol) 30%,#E9DCC7)}
.pt29 .pv{aspect-ratio:1}.pt29 .pv img{width:100%;height:100%;object-fit:contain;padding:9% 9% 20%;mix-blend-mode:multiply;box-sizing:border-box}
.pt29 .pm{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--sol) 82%,transparent) 42%,color-mix(in srgb,var(--sol) 96%,transparent))}
.pt29 .pm h3{color:#fff!important;font-size:14px;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* factory page */
.fD .lD .lcard{background:var(--w1)!important;background-image:var(--grain29)!important;border:1px solid rgba(201,164,106,.22)!important;color:var(--tx)!important;border-radius:var(--r29)!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important}
.fD .lD .lcard::before,.fD .lD .lcard::after{opacity:.35}
.lcard h1,.lcard .nmr h1{color:var(--tx)!important}.lcard .ip,.lcard p{color:#D9CBB2!important}
.lcard .lb1{background:var(--cream)!important;color:var(--w0)!important;border:0!important}
.lcard .lb2{background:transparent!important;color:var(--cream)!important;border:1px solid rgba(232,217,191,.35)!important}
.lcard .claim{color:var(--brass)!important}.lcard .smore{color:var(--brass)!important;background:none!important}
.fsm{background:transparent!important;color:var(--cream)!important;border:1px solid rgba(232,217,191,.4)!important}.fsm.on{background:var(--cream)!important;color:var(--w0)!important}
.fD .rD h2,.fD .rD h2 i{color:var(--tx)!important}.fD .rD h2 i{opacity:.6}
.fD .mk{background:rgba(30,23,18,.72)!important;color:var(--cream)!important;backdrop-filter:blur(6px)}
.rD .emD,.empty{background:var(--w1)!important;background-image:var(--grain29)!important;color:var(--mu)!important;border:1px dashed rgba(201,164,106,.3);border-radius:var(--r29)!important}
.empty h3{color:var(--tx)!important}.empty button{background:var(--cream)!important;color:var(--w0)!important}
/* popups / modals / drawers */
.mov{background:rgba(18,13,10,.66)!important}
.mov .md,.mov .mdl,.mov .box,.mov>div:not(.bk),.dw .pnl,.cmod,.pop{background-color:var(--w1)!important;background-image:var(--grain29)!important;color:var(--tx)!important;border-radius:var(--r29)!important}
.mov h1,.mov h2,.mov h3,.mov b,.mov dt{color:var(--tx)!important}.mov p,.mov dd,.mov li,.mov small,.mov .nt{color:#D6C7AE!important}
.mov input,.mov textarea,.mov select,input[type=email],textarea{background:rgba(232,217,191,.06)!important;color:var(--tx)!important;border:1px solid rgba(232,217,191,.2)!important;border-radius:10px}
.mov .bp,.bp{background:var(--cream)!important;color:var(--w0)!important;border:0!important}
.mov .bs,.bs{background:transparent!important;color:var(--cream)!important;border:1px solid rgba(232,217,191,.35)!important}
.mov .pim,.pim .car{background:#1E1712!important}
.mov .x{background:rgba(232,217,191,.1)!important;color:var(--cream)!important}
/* saved / view heads / toasts */
.vh h1{color:var(--tx)!important}
.toast{background:rgba(52,40,31,.95)!important;color:var(--tx)!important;border:1px solid rgba(201,164,106,.35);border-radius:14px!important;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.toast button,#toast button{color:var(--brass)!important}
.srh,.h3s,.hint{color:var(--tx)!important}.fr2 b{color:var(--tx)!important}
.t10,.c.t10{background:var(--w1)!important;background-image:var(--grain29)!important;color:var(--tx)!important;border:1px solid rgba(201,164,106,.2)}
.t10 *{color:inherit}.t10 p,.t10 small{color:#D6C7AE!important}
.follow,.t10 .follow,button.fol,.fl{background:var(--cream)!important;color:var(--w0)!important;border-color:var(--cream)!important}
.follow.on,.t10 .follow.on,.fl.on{background:transparent!important;color:var(--cream)!important;border:1px solid rgba(232,217,191,.4)!important}
.lst,.c.list,.t11{background:var(--w1)!important;color:var(--tx)!important}
/* Following strip */
#fstrip[hidden]{display:none}
#fstrip{margin:6px 0 14px}
.fsh{font:600 12px Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin:0 0 8px 4px}.fsh i{font-style:normal;margin-left:8px;color:var(--brass)}
.rail{position:relative;border-radius:18px;padding:12px 0;background:linear-gradient(180deg,rgba(201,164,106,.10),rgba(201,164,106,.03)),var(--w1);background-image:linear-gradient(180deg,rgba(201,164,106,.10),rgba(201,164,106,.03)),var(--grain29);box-shadow:inset 0 0 0 1px rgba(201,164,106,.30),inset 0 0 0 5px rgba(43,33,27,.6),inset 0 0 0 6px rgba(201,164,106,.18)}
.fsr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 18px;cursor:grab;-webkit-mask:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.fsr::-webkit-scrollbar{display:none}.fsr.drag{cursor:grabbing;scroll-snap-type:none}.fsr.drag a{pointer-events:none}
.fst{flex:none;scroll-snap-align:start;width:92px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--tx)}
.fsl{width:76px;height:76px;border-radius:14px;display:grid;place-items:center;font-size:22px;box-shadow:0 0 0 3px rgba(43,33,27,.9),0 0 0 4px rgba(201,164,106,.45),0 6px 14px rgba(0,0,0,.35);transition:transform .15s}
.fst:hover .fsl{transform:translateY(-2px)}
.fsn{font:500 11.5px Inter,system-ui,sans-serif;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#D9CBB2}
/* mobile */
@media(max-width:700px){
nav{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:58px;flex-direction:row!important;justify-content:space-around;padding:0 10px!important;border-radius:16px 16px 0 0!important;gap:0!important;border-width:1px 0 0!important}
nav .lg{margin:0!important;width:28px!important}nav .sp{display:none}nav .me{width:30px;height:30px}
main{margin-left:0!important;padding:8px 10px 76px!important}
.bar{flex-wrap:wrap!important}.bar .search{flex:1 1 0;min-width:0}
.search kbd{display:none}
#tabs{width:100%;overflow:hidden}
#tabs .hl1{overflow-x:auto}
body.cmp .bar{margin:0;top:6px}
.fsl{width:62px;height:62px}.fst{width:76px}
.toast{bottom:72px!important}
}
.c .sk{background:rgba(30,22,17,.72)!important;color:#F1E6D2!important;backdrop-filter:blur(6px)}
.mlt h4,.mlt h3{color:var(--mu)!important}
.lg24{background:transparent!important;padding:0!important;overflow:hidden}.lg24 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit}
/* ===== v30 functional additions (dark) ===== */
.bar,body.cmp .bar,.bar.cmp{background:rgba(43,33,27,.84)!important;background-image:none!important;backdrop-filter:blur(16px) saturate(1.3)!important;-webkit-backdrop-filter:blur(16px) saturate(1.3)!important;transition:padding .25s ease,margin .25s ease,border-radius .25s ease,box-shadow .25s ease!important;will-change:padding}
input::placeholder,.sb input::placeholder{color:rgba(241,230,210,.56)!important;opacity:1}
input{color:#F1E6D2}
.supc{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0 4px!important;color:#BFAE94!important;font-weight:500!important;cursor:default!important;pointer-events:none}
.supc b{color:#E8D9BF!important;font-weight:700}
.supc:hover{background:none!important}
.wm,nav .lg{cursor:pointer!important}
.wm svg{height:17px}
@media(max-width:700px){nav a[title="Profile"]{display:none!important}}
body:has(.mov) nav,body:has(.dw.op) nav{z-index:1000!important}
body{min-height:100vh}
/* v31 */
.rail .fst.fol .fsl{box-shadow:0 0 0 2px #C9A46A,0 4px 12px rgba(0,0,0,.35)}
.rail .fsn{display:none!important}
.wm svg{height:23px!important}.wm{margin-right:16px}
nav .lg{width:50px!important;height:50px!important;border-radius:12px}
@media(max-width:700px){.wm svg{height:19px!important}}