/* SOCIUS / PREFERRED LANDING DIRECTION */
.preview-hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 77% 23%,rgba(255,255,255,.96),rgba(255,255,255,.22) 30%,transparent 58%),linear-gradient(135deg,#f4f1ec,#e5ded4);padding:calc(var(--header) + 52px) 4.5vw 42px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:4vw;isolation:isolate}.preview-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.96%,rgba(20,18,16,.045) 50%,transparent 50.04%),linear-gradient(rgba(20,18,16,.025) 1px,transparent 1px);background-size:100% 100%,100% 92px;z-index:-2}.preview-hero-copy{z-index:3;max-width:760px;min-width:0}.preview-hero-copy h1{font-size:clamp(70px,9vw,148px);line-height:.86;letter-spacing:-.078em;margin:16px 0 0;max-width:8ch;font-weight:800}.preview-hero-copy p{max-width:420px;font-size:18px;line-height:1.56;color:#4c4842;margin:30px 0 23px}.preview-stage{height:min(70vh,710px);display:grid;grid-template-columns:1.12fr .9fr .9fr;gap:clamp(18px,2.4vw,42px);align-items:end;position:relative;z-index:4;min-width:0}.preview-bottle{border:0;background:transparent;padding:0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;transition:transform .35s ease}.preview-bottle:hover{transform:translateY(-7px)}.preview-bottle img{display:block;width:100%;height:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 28px rgba(0,0,0,.14));image-rendering:auto;backface-visibility:hidden}.preview-bottle:nth-child(1) img{max-height:83%;width:auto;max-width:96%;filter:contrast(1.025) drop-shadow(0 24px 28px rgba(0,0,0,.14))}.preview-bottle:nth-child(2) img,.preview-bottle:nth-child(3) img{max-height:73%}.preview-bottle span{margin-top:11px;font-size:9px;letter-spacing:.14em;color:#6c665f;white-space:nowrap}.preview-ghost{position:absolute;right:-1vw;bottom:-6vw;font-size:min(26vw,430px);font-weight:800;letter-spacing:-.1em;line-height:.7;color:rgba(0,0,0,.03);pointer-events:none;z-index:1}

.preview-system{padding:94px 5vw 104px;background:#f7f4ef}.preview-system-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin-bottom:44px}.preview-system-head h2{font-size:clamp(48px,6.1vw,98px);line-height:.93;letter-spacing:-.062em;margin:14px 0 0;max-width:12ch}.preview-system-head p{font-size:17px;line-height:1.6;color:var(--muted);max-width:430px;margin:0 0 6px}.preview-rows{border-top:1px solid var(--line)}.preview-rows button{width:100%;display:grid;grid-template-columns:54px .8fr 1fr 28px;gap:18px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:22px 0;transition:padding .22s ease}.preview-rows button:hover{padding-left:9px}.preview-rows small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.preview-rows strong{font-size:clamp(28px,3.2vw,50px);letter-spacing:-.045em}.preview-rows span{font-size:14px;color:var(--muted)}.preview-rows em{font-style:normal;text-align:right;font-size:18px}

.preview-editorial{padding:98px 5vw 110px;background:#e9e2d8}.preview-editorial-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin-bottom:42px}.preview-editorial-head h2{font-size:clamp(50px,6.2vw,100px);line-height:.92;letter-spacing:-.064em;margin:14px 0 0;max-width:11ch}.preview-editorial-head p{font-size:17px;line-height:1.6;color:#69625a;max-width:390px;margin:0 0 7px}.preview-mosaic{display:grid;grid-template-columns:1.24fr .82fr .82fr;gap:12px;min-height:590px}.preview-shot{border:0;padding:0;text-align:left;position:relative;overflow:hidden;background:#d8d0c5;min-width:0}.preview-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);image-rendering:auto}.preview-shot:hover img{transform:scale(1.012)}.preview-shot-main img{filter:contrast(1.018) saturate(.985)}.preview-shot span{position:absolute;left:13px;bottom:12px;background:rgba(247,244,239,.84);backdrop-filter:blur(9px);padding:8px 10px;font-size:8px;letter-spacing:.14em;color:#34312e;z-index:4}.preview-shot-object{display:flex;align-items:flex-end;justify-content:center;isolation:isolate;background:#f0ebe2}.preview-shot-object img{width:auto;height:82%;max-width:82%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 24px 27px rgba(0,0,0,.15))}.preview-shot-object:hover img{transform:translateY(-6px)}.preview-disc{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;left:7%;top:8%;z-index:0}.preview-disc-am{background:radial-gradient(circle at 38% 34%,#fff 0,#f7ecd7 47%,#e8cc9d 75%,transparent 76%)}.preview-shot-dark{background:linear-gradient(145deg,#18130f,#2a211b);color:#fff}.preview-disc-pm{background:radial-gradient(circle at 38% 34%,#87644b 0,#49362a 48%,#2a211b 74%,transparent 75%)}.preview-shot-dark span{background:rgba(22,18,15,.72);color:#eee6dc}

.preview-statement{padding:118px 5vw 128px;background:#12110f;color:#f1ece4}.preview-statement .eyebrow{color:#8f877d}.preview-statement h2{font-size:clamp(52px,7.2vw,116px);line-height:.94;letter-spacing:-.067em;margin:21px 0 0;max-width:15ch}.preview-statement h2 span{color:#8c8479}

.preview-routine{padding-top:92px;padding-bottom:94px;background:#f7f4ef}.preview-proof{padding:44px 5vw 80px;background:#f7f4ef;border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:end}.preview-proof strong{display:block;font-size:54px;letter-spacing:-.055em;margin-top:8px}.preview-proof small{display:block;color:var(--muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase}.preview-proof p{font-size:23px;line-height:1.42;letter-spacing:-.025em;margin:0;max-width:760px}

.preview-community{background:#11100f;color:#f1ece4;padding-top:96px;padding-bottom:96px}.preview-community .eyebrow{color:#938b81}.preview-community-head{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.preview-community-head .body{color:#aaa297;max-width:430px}.preview-community .pill{color:#f1ece4;border-color:rgba(255,255,255,.34)}.preview-community .cloud{margin-top:34px;height:470px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.11),transparent 26%),linear-gradient(180deg,#1d1b19,#0c0b0a);border:1px solid rgba(255,255,255,.13)}.preview-community .bubble{color:#eee7de;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.24),rgba(255,255,255,.08) 34%,rgba(255,255,255,.025) 60%);border-color:rgba(255,255,255,.24);box-shadow:inset 0 0 40px rgba(255,255,255,.05),0 18px 38px rgba(0,0,0,.34)}.preview-community .bubble b{color:#f5eee5}.preview-community .bubble small,.preview-community .bubble .status{color:#aaa297}.preview-community .community-cta{margin-top:19px}

/* account + site basics */
.account-modal{max-width:520px}.account-modal h2{font-size:42px;letter-spacing:-.05em;margin:6px 0 0}.account-note{color:var(--muted);line-height:1.55;margin:18px 0 26px}.prototype-note{display:block;color:var(--muted);margin-top:18px;line-height:1.45}.account-page{min-height:80vh}.account-page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:58px}.account-page-head h1{font-size:clamp(56px,8vw,118px);letter-spacing:-.065em;line-height:.9;margin:10px 0}.account-page-head p{color:var(--muted);margin:0}.influence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:68px}.influence-stat{background:#ebe5dc;padding:30px;border-radius:22px}.influence-stat strong{display:block;font-size:62px;letter-spacing:-.06em}.influence-stat span{color:var(--muted);font-size:13px}.account-section{margin-top:42px}.account-list{margin-top:14px;border-top:1px solid var(--line)}.account-list button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:20px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:20px}.account-list button:hover{padding-left:8px}.account-list span{display:flex;flex-direction:column;gap:4px}.account-list small,.account-list em,.account-empty{color:var(--muted);font-style:normal;font-size:12px}.account-list strong{font-size:22px;letter-spacing:-.03em}

.newsletter-overlay{background:rgba(10,9,8,.48);backdrop-filter:blur(10px)}.newsletter-card{width:min(92vw,620px);background:#f3efe8;padding:42px;border-radius:28px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.2)}.newsletter-card h2{font-size:clamp(46px,7vw,78px);letter-spacing:-.06em;line-height:.94;margin:14px 0}.newsletter-card p{color:var(--muted);font-size:17px;line-height:1.5;max-width:430px}.newsletter-close{position:absolute;right:20px;top:18px}.newsletter-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:28px}.newsletter-form input{border:1px solid var(--line);background:rgba(255,255,255,.45);border-radius:999px;padding:14px 18px;font:inherit;min-width:0}.text-button{border:0;background:transparent;padding:10px 0;color:var(--muted);font:inherit;font-size:12px}.newsletter-card>.text-button{margin-top:10px}
.cookie-bar{position:fixed;left:18px;right:18px;bottom:18px;z-index:1200;background:rgba(20,18,16,.96);color:#f4efe7;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px 18px;display:none;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 60px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.cookie-bar.show{display:flex}.cookie-bar>div:first-child{display:flex;gap:12px;align-items:baseline}.cookie-bar span{color:#aaa39a;font-size:12px}.cookie-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}.cookie-bar .text-button{color:#c4bdb3}.cookie-bar .pill-dark{background:#f3eee7;color:#111}

/* make the idea bubbles feel alive around the cursor */
.bubble{transform:translate3d(var(--x,0),var(--y,0),0) scale(var(--s,1));transition:box-shadow .3s ease,border-color .3s ease,transform .14s ease-out}

@media(max-width:980px){.preview-hero{grid-template-columns:1fr;min-height:auto;padding-top:calc(var(--header) + 48px)}.preview-hero-copy{max-width:800px}.preview-hero-copy h1{font-size:clamp(66px,12vw,116px);max-width:9ch}.preview-stage{height:500px;max-width:780px;width:100%;margin:38px auto 0}.preview-system-head,.preview-editorial-head,.preview-community-head{grid-template-columns:1fr;gap:20px}.preview-mosaic{grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;min-height:650px}.preview-shot-main{grid-row:1/3}.preview-shot-dark{grid-column:2}.preview-proof{grid-template-columns:1fr;gap:24px}}
@media(max-width:650px){.preview-hero,.preview-system,.preview-editorial,.preview-statement,.preview-proof,.preview-community{padding-left:18px;padding-right:18px}.preview-hero{padding-bottom:34px}.preview-hero-copy h1{font-size:58px;line-height:.91;letter-spacing:-.06em}.preview-hero-copy p{font-size:16px;margin-top:22px}.preview-stage{height:330px;grid-template-columns:1.08fr .92fr .92fr;gap:8px;margin-top:28px}.preview-bottle:nth-child(1) img{max-height:84%;max-width:98%}.preview-bottle:nth-child(2) img,.preview-bottle:nth-child(3) img{max-height:76%}.preview-bottle span{font-size:7px;letter-spacing:.1em}.preview-ghost{display:none}.preview-system{padding-top:72px;padding-bottom:76px}.preview-system-head h2{font-size:49px}.preview-rows button{grid-template-columns:34px 1fr 22px}.preview-rows span{display:none}.preview-rows strong{font-size:31px}.preview-editorial{padding-top:74px;padding-bottom:78px}.preview-editorial-head h2{font-size:50px}.preview-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr;min-height:470px;gap:6px}.preview-shot-main{grid-column:1/3;grid-row:1}.preview-shot-object img{height:78%;max-width:88%}.preview-shot span{font-size:7px;left:8px;bottom:8px;padding:6px 7px}.preview-statement{padding-top:90px;padding-bottom:96px}.preview-statement h2{font-size:47px}.preview-routine{padding-top:74px;padding-bottom:76px}.preview-proof{padding-top:34px;padding-bottom:64px}.preview-proof p{font-size:20px}.preview-community{padding-top:78px;padding-bottom:78px}.preview-community .cloud{height:370px}.newsletter-card{padding:32px 22px}.newsletter-form{grid-template-columns:1fr}.cookie-bar{align-items:flex-start;flex-direction:column}.cookie-bar>div:first-child{flex-direction:column;gap:4px}.cookie-actions{width:100%;justify-content:space-between}.account-page-head{align-items:flex-start;flex-direction:column}.influence-grid{grid-template-columns:1fr 1fr}.account-list button{align-items:flex-start;flex-direction:column}}