:root{--ink:#14201d;--muted:#64736e;--cream:#f3efe5;--paper:#fbfaf6;--pine:#21483f;--deep:#102b25;--water:#91b7b0;--gold:#c9a96a;--line:#14201d24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit}button,input{font:inherit}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f3efe5e6;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1.25rem,5vw,5.5rem);display:flex;position:sticky;top:0}.identity{align-items:center;gap:.75rem;text-decoration:none;display:flex}.identity>span{width:40px;height:40px;color:var(--cream);background:var(--pine);border-radius:50%;place-items:center;font-family:Playfair Display,serif;display:grid}.identity div{display:grid}.identity strong{font-family:Manrope,sans-serif;line-height:1.1}.identity small{color:var(--muted)}nav{gap:clamp(1rem,3vw,2.5rem);display:flex}nav a{color:var(--muted);font-size:.88rem;font-weight:600;text-decoration:none}main{overflow:hidden}.hero{background:linear-gradient(90deg,#f3efe5fa 0 48%,#f3efe547),radial-gradient(circle at 80% 28%,#91b7b0b3,#0000 42%),linear-gradient(135deg,#f4efe3,#dbe6df);grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:3rem;min-height:calc(100vh - 76px);padding:clamp(4rem,9vw,8rem) clamp(1.25rem,7vw,7.5rem);display:grid;position:relative}.hero:after{content:"";background:var(--line);height:1px;position:absolute;inset:auto 0 0}.eyebrow{color:var(--pine);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .9rem;font:700 .72rem/1.2 Manrope,sans-serif}h1,h2,h3,p{text-wrap:pretty}h1{letter-spacing:-.055em;margin:0;font:600 clamp(4.2rem,8.8vw,9rem)/.89 Playfair Display,serif}h1 em,.resume-title em{color:var(--pine)}.lede{color:#4b5b56;max-width:690px;margin:2rem 0 0;font-size:clamp(1.05rem,1.45vw,1.32rem);line-height:1.65}.hero-actions{gap:.75rem;margin-top:2rem;display:flex}.button{border-radius:999px;padding:.92rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none}.button.primary{background:var(--pine);color:#fff}.button.ghost{border:1px solid var(--line)}.hero-orbit{aspect-ratio:1;place-items:center;display:grid;position:relative}.orbit-ring{border:1px solid #21483f3d;border-radius:50%;position:absolute}.orbit-ring.one{inset:10%}.orbit-ring.two{inset:24%}.hero-number{aspect-ratio:1;text-align:center;color:#fff;background:var(--deep);border-radius:50%;place-content:center;width:46%;display:grid;box-shadow:0 30px 80px #102b253d}.hero-number strong{font:600 clamp(3.5rem,7vw,6.8rem)/.85 Playfair Display,serif}.hero-number span{text-transform:uppercase;letter-spacing:.12em;max-width:120px;margin:.8rem auto 0;font-size:.75rem;line-height:1.3}.orbit-dot{background:var(--gold);border:5px solid var(--cream);border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 5px 16px #00000029}.dot-a{top:13%;right:27%}.dot-b{bottom:15%;left:24%}.dot-c{background:var(--pine);bottom:40%;right:8%}.truth-note{color:#eaf2ef;background:var(--deep);grid-template-columns:.35fr 1fr;gap:3rem;padding:2.2rem clamp(1.25rem,7vw,7.5rem);display:grid}.truth-note strong{text-transform:uppercase;letter-spacing:.1em;font:700 .85rem/1.5 Manrope,sans-serif}.truth-note p{color:#b8c9c4;max-width:940px;margin:0;line-height:1.65}.metrics-section,.brand-section,.top-section,.library-section,.resume-section,.method-section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7.5rem)}.section-intro{max-width:780px;margin-bottom:3rem}.section-intro.split{grid-template-columns:1fr minmax(280px,.52fr);align-items:flex-end;gap:4rem;max-width:none;display:grid}.section-intro h2,.panel-heading h2,.signal-card h2,.resume-title h2,.method-section h2{letter-spacing:-.035em;margin:0;font:600 clamp(2.7rem,5vw,5rem)/.98 Playfair Display,serif}.section-intro>p:last-child,.section-intro.split>p,.method-section>div>p:last-child{color:var(--muted);margin:1rem 0 0;line-height:1.65}.metrics-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.metric-card{background:var(--paper);flex-direction:column;min-height:220px;padding:1.6rem;display:flex}.metric-card.accent{color:#fff;background:var(--pine)}.metric-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.78rem;font-weight:700}.metric-card.accent p,.metric-card.accent span{color:#c7d8d3}.metric-card strong{letter-spacing:-.04em;margin-top:auto;font:600 clamp(2.8rem,4vw,4.7rem)/1 Playfair Display,serif}.metric-card span{color:var(--muted);margin-top:.65rem;font-size:.78rem;line-height:1.45}.brand-section{background:var(--paper)}.brand-grid{border:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.brand-card{border-right:1px solid var(--line);min-width:0;padding:1.5rem}.brand-card:last-child{border:0}.brand-index{color:var(--water);font:600 2rem Playfair Display,serif}.brand-card>p{min-height:34px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:2.2rem 0 .55rem;font-size:.72rem}.brand-card h3{min-height:70px;margin:0;font:700 1.28rem/1.15 Manrope,sans-serif}.brand-platforms{flex-wrap:wrap;align-content:flex-start;gap:.35rem;min-height:56px;margin-top:1.2rem;display:flex}.brand-platforms span{color:var(--pine);background:#e4ece8;border-radius:4px;padding:.35rem .5rem;font-size:.66rem;font-weight:700}.brand-bar{background:#e2e5e1;height:4px;margin:1.4rem 0}.brand-bar i{background:var(--pine);height:100%;display:block}.brand-numbers{color:var(--muted);gap:.55rem;font-size:.74rem;display:grid}.brand-numbers b{color:var(--ink)}.performance-section{background:var(--paper);grid-template-columns:1.6fr .75fr;gap:1.2rem;padding:0 clamp(1.25rem,7vw,7.5rem) clamp(5rem,9vw,9rem);display:grid}.trend-card,.signal-card{border:1px solid var(--line);padding:clamp(1.5rem,3vw,3rem)}.panel-heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.panel-heading h2{font-size:clamp(2rem,3.4vw,3.5rem)}.panel-heading>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.month-chart{gap:1.25rem;margin-top:3rem;display:grid}.month-row{grid-template-columns:80px 1fr 70px 65px;align-items:center;gap:1rem;font-size:.8rem;display:grid}.month-row>div{background:#e2e7e3;height:10px;overflow:hidden}.month-row i{background:linear-gradient(90deg, var(--water), var(--pine));height:100%;display:block}.month-row b{text-align:right}.month-row small{color:var(--muted)}.signal-card{color:#fff;background:var(--deep);flex-direction:column;display:flex}.signal-card .eyebrow{color:var(--water)}.signal-card h2{margin-top:auto}.signal-card>p:not(.eyebrow){color:#b9ccc6;line-height:1.65}.signal-card a{color:#fff;text-underline-offset:4px;font-weight:700}.top-section{background:#e8e5dc}.top-grid,.gallery{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.post-card{background:var(--paper);border:1px solid var(--line);min-width:0;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden}.post-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #102b251f}.post-media{aspect-ratio:1.12;background:#d8dfda;position:relative;overflow:hidden}.post-media img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.post-card:hover img{transform:scale(1.035)}.media-fallback{width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#dce6e2,#eee9dd);place-items:center;display:grid}.rank,.platform-badge{z-index:2;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;padding:.43rem .58rem;font-size:.66rem;font-weight:800;position:absolute;top:.75rem}.rank{color:#fff;background:var(--deep);left:.75rem}.platform-badge{background:var(--paper);right:.75rem}.platform-badge.instagram{color:#8f356d}.platform-badge.facebook{color:#285ca8}.platform-badge.tiktok{color:#111}.post-body{padding:1rem}.post-meta{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.7rem;display:flex}.post-meta span{color:var(--pine);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.post-body>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:62px;margin:.75rem 0 1rem;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.post-stats{border-top:1px solid var(--line);color:var(--muted);gap:1rem;padding-top:.8rem;font-size:.72rem;display:flex}.post-stats b{color:var(--ink)}.resume-section{color:#fff;background:var(--deep);grid-template-columns:.68fr 1.32fr;gap:6rem;display:grid}.resume-title .eyebrow{color:var(--water)}.resume-title h2{position:sticky;top:120px}.resume-title em{color:var(--water)}.resume-label{color:var(--water);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-size:.75rem;font-weight:700}.resume-content ol{margin:0;padding:0;list-style:none}.resume-content li{border-top:1px solid #ffffff24;grid-template-columns:44px 1fr;gap:1.4rem;padding:1.5rem 0;display:grid}.resume-content li:last-child{border-bottom:1px solid #ffffff24}.resume-content li span{color:var(--water);font:600 1.2rem Playfair Display,serif}.resume-content li p{color:#c9d8d4;margin:0;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.55}.resume-content li b{color:#fff}.library-section{background:var(--paper)}.filter-shell{border:1px solid var(--line);background:var(--cream);margin-bottom:2rem;padding:1.25rem}.filter-group>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:block}.pills{flex-wrap:wrap;gap:.45rem;display:flex}.pills button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.6rem .8rem;font-size:.76rem;font-weight:700}.pills button.active{color:#fff;border-color:var(--pine);background:var(--pine)}.filter-row{border-top:1px solid var(--line);grid-template-columns:1fr minmax(220px,.42fr);align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.filter-row input{border:1px solid var(--line);background:var(--paper);border-radius:6px;outline:none;width:100%;padding:.74rem .9rem}.filtered-metrics{color:var(--muted);flex-wrap:wrap;gap:1.25rem;margin-top:1rem;font-size:.75rem;display:flex}.filtered-metrics b{color:var(--ink)}.gallery{grid-template-columns:repeat(4,1fr)}.gallery .post-media{aspect-ratio:1}.load-more{color:#fff;background:var(--pine);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.8rem;margin:2.5rem auto 0;padding:.85rem 1.15rem;font-weight:700;display:flex}.load-more span{color:#c9d8d4;font-size:.72rem;font-weight:500}.method-section{background:#e6e2d8;grid-template-columns:.7fr 1.3fr;gap:6rem;display:grid}.method-list p{border-top:1px solid var(--line);color:#4c5d57;grid-template-columns:40px 1fr;gap:1rem;margin:0;padding:1rem 0;line-height:1.5;display:grid}.method-list p:last-child{border-bottom:1px solid var(--line)}.method-list span{color:var(--pine);font:600 1rem Playfair Display,serif}footer{color:#c9d8d4;background:#0b211c;justify-content:space-between;align-items:flex-end;gap:2rem;padding:2rem clamp(1.25rem,7vw,7.5rem);display:flex}footer div{gap:.2rem;display:grid}footer strong{color:#fff;font:600 1.6rem Playfair Display,serif}footer p{text-align:right;margin:0;font-size:.72rem;line-height:1.5}@media (max-width:1100px){.hero{grid-template-columns:1fr .7fr}.metrics-grid,.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-card{border-bottom:1px solid var(--line)}.brand-card:last-child{grid-column:1/-1}.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.topbar{height:68px}nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:5rem}h1{font-size:clamp(3.8rem,19vw,6rem)}.hero-orbit{width:100%;max-width:440px;margin:0 auto}.truth-note,.section-intro.split,.resume-section,.method-section{grid-template-columns:1fr;gap:2rem}.metrics-grid,.brand-grid,.performance-section,.top-grid,.gallery{grid-template-columns:1fr}.brand-card:last-child{grid-column:auto}.performance-section{padding-top:0}.month-row{grid-template-columns:65px 1fr 56px}.month-row small{display:none}.resume-title h2{position:static}.filter-row{grid-template-columns:1fr}footer{flex-direction:column;align-items:start}footer p{text-align:left}}