*{box-sizing:border-box}body{margin:0;background:#f8f5f0;color:#443634;font:15px Arial,sans-serif}.announcement{background:#ad7777;color:#fffaf8;text-align:center;padding:10px 12px;font-size:9px;letter-spacing:2px;font-weight:600}.announcement span{padding:0 12px;color:#fae5df}header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fdfbf7;padding:20px max(5%,calc((100% - 920px)/2));border-bottom:1px solid #e9ded8}.logo{font:italic 29px Georgia;color:#825f59}small{font-size:9px;letter-spacing:2px;color:#b58f87}button{border:0;border-radius:24px;padding:12px 17px;background:#a56e6d;color:white;cursor:pointer;font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ba8b83;outline-offset:3px}header button{font-size:12px;font-weight:600}main{max-width:760px;margin:auto;padding:28px 20px 50px}nav{display:flex;gap:28px;border-bottom:1px solid #eaded8;margin:0 0 32px}nav button{border-radius:0;background:none;color:#8c7772;padding:12px 3px;font-size:13px}nav button.selected{color:#865d59;border-bottom:2px solid #b9827f;font-weight:bold}h2{font:28px Georgia;color:#4d3b38;margin:0 0 10px}.muted,.foot{color:#8e7b75;font-size:13px;line-height:1.6}.card{background:#fffdf9;border:1px solid #eee4dd;border-radius:16px;padding:22px;margin:14px 0;box-shadow:0 5px 22px #563d3b08}.meta{color:#a18179;font-size:12px}.card p{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.card .text{padding:8px 14px 8px 0;color:#9b706b;font-size:13px}dialog{border:1px solid #eaded8;border-radius:20px;padding:26px;width:min(90%,460px);max-height:90vh;box-shadow:0 24px 80px #3e293c35;background:#fffdf9;color:#443634}dialog::backdrop{background:#34262ba0}dialog p{color:#817773;line-height:1.5;font-size:13px}label{display:block;margin:14px 0;color:#6d5d5c;font-size:13px}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #e5d8d4;border-radius:10px;font:inherit;background:white;color:#443634}textarea{height:110px;resize:vertical}.buttons,.header-actions{display:flex;gap:8px;flex-wrap:wrap}.outline{background:#f3e5df;color:#865d59}.text{background:transparent;color:#8d706c}.status{min-height:18px}.foot{text-align:center;padding:25px}#stories{background:repeating-linear-gradient(90deg,#f2e5e0 0 20px,#faf2ec 20px 40px);border:1px solid #ead8d2;border-radius:18px;padding:28px}#stories p{line-height:1.6;color:#856e67}[hidden]{display:none!important}@media(max-width:480px){.announcement{font-size:8px;letter-spacing:1.3px}header{padding:15px 17px}.logo{font-size:23px}header button{max-width:160px;font-size:11px}main{padding:18px 16px 60px}nav{margin-bottom:26px}h2{font-size:25px}.card{padding:19px}.header-actions{justify-content:flex-end}} .topic-filters{display:flex;gap:8px;overflow-x:auto;margin:22px 0;padding:10px;border-radius:12px;background:repeating-linear-gradient(90deg,#f2e8e3 0 18px,#faf5ef 18px 36px)}.topic-filters .filter{white-space:nowrap;background:#fffdf9;border:1px solid #e8dbd6;color:#856e67;font-size:12px;padding:9px 14px}.topic-filters .filter.active{background:#a36e6b;border-color:#a36e6b;color:#fff} /* From One Sister — editorial social club refresh */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap'); :root{--ink:#352d34;--rose:#d8879b;--pink:#f7dce5;--blush:#fff2f5;--paper:#fffdfb;--muted:#8e7d86;--line:#efdfe4} body{background:#fffaf9;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px} .announcement{background:#eeb8c7;color:#5c3d4d;font-size:10px;font-weight:700;letter-spacing:2.1px;padding:11px} .announcement span{color:#fff} header{background:rgba(255,253,251,.96);border-bottom:1px solid var(--line);padding:19px max(5%,calc((100% - 1160px)/2));position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)} .logo{font-family:'DM Serif Display',Georgia,serif;font-size:33px;font-style:italic;letter-spacing:-1.6px;color:#44313c} header small{display:block;font-size:9px;letter-spacing:2.4px;color:#bc899b;margin-top:2px} button{transition:transform .2s ease,background .2s ease,box-shadow .2s ease;background:#44313c;border-radius:999px;font-weight:600} button:hover{transform:translateY(-2px)} button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d98ca7} header #share{background:#44313c;color:#fff;padding:13px 20px} header #loginButton{border:1px solid #e6b8c7;background:#fff5f7;color:#784c61;padding:12px 18px} header #profileButton,header #logout,header #deleteAccount{color:#784c61} main{max-width:1100px;padding:38px 24px 80px} .hero{min-height:390px;display:grid;grid-template-columns:1.16fr .84fr;overflow:hidden;background:#fbe5eb;border-radius:30px;position:relative;isolation:isolate;margin-bottom:22px} .hero-copy{padding:58px 0 52px 62px;position:relative;z-index:2} .hero-kicker,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a75f7c} .hero-kicker .sparkle{font-size:17px;margin-right:7px} .hero h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(42px,5.2vw,70px);font-weight:400;line-height:1.04;letter-spacing:-2.4px;margin:25px 0 20px;color:#473240} .hero h1 em{color:#d47c9a;font-weight:400} .hero-copy>p{max-width:480px;color:#755e6b;font-size:15px;line-height:1.8} .hero-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:25px} .hero-actions button{padding:15px 24px;background:#44313c} .hero-actions button span{margin-left:12px} .hero-actions>span{font-size:9px;letter-spacing:1.5px;color:#aa7b8e;font-weight:700} .hero-art{position:relative;min-height:390px;background:radial-gradient(circle at 48% 53%,#ffdce8 0 22%,transparent 23%),radial-gradient(circle at 70% 26%,#f4c5d5 0 14%,transparent 15%)} .orbit{position:absolute;border:1px solid rgba(177,99,132,.25);border-radius:50%;transform:rotate(-28deg)} .orbit-one{width:440px;height:270px;top:54px;left:-20px}.orbit-two{width:300px;height:400px;top:-5px;left:45px} .hero-heart{font-family:Georgia,serif;font-size:280px;color:#d982a2;position:absolute;top:40px;left:75px;line-height:1;text-shadow:12px 12px 0 #f6bdd0;transform:rotate(-12deg)} .hero-sticker{position:absolute;z-index:2;background:#fffdfc;border:1px solid #f0cbd7;box-shadow:0 12px 35px #af698530;padding:20px 26px;border-radius:17px;font-family:'DM Serif Display',Georgia,serif;font-size:23px;line-height:1.05;color:#704759} .sticker-top{top:45px;right:24px;transform:rotate(10deg)}.sticker-top b{color:#d17e9c} .sticker-bottom{bottom:37px;left:20px;transform:rotate(-9deg);font-size:19px;background:#fff5e9} .hero-star{position:absolute;right:42px;bottom:38px;font-size:70px;color:#fff} .section-intro{display:flex;justify-content:space-between;gap:16px;color:#a67e8d;font-size:10px;font-weight:700;letter-spacing:2px;margin:31px 4px 13px} nav{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px;gap:8px;margin:0 0 34px;box-shadow:0 4px 20px #9e67700a} nav button{padding:13px 23px;border-radius:14px;color:#866a79;font-size:13px} nav button.selected{background:#f8e2e9;border:0;color:#704359;font-weight:700} .section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px} .section-heading h2,h2{font-family:'DM Serif Display',Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.7px;color:#44313c} .section-heading h2{margin:9px 0 5px}.pink-dot{color:#d987a5} .section-decoration{font-size:68px;color:#edb5c7;line-height:1} .muted{color:#907d85;font-size:14px} .topic-filters{background:transparent;border-radius:0;padding:0;margin:23px 0;gap:10px} .topic-filters .filter{background:#fff;border:1px solid #eedce2;color:#866c78;padding:11px 18px;border-radius:999px;font-size:12px} .topic-filters .filter.active{background:#44313c;border-color:#44313c;color:#fff} .card{background:#fff;border:1px solid #f0e4e7;border-radius:22px;padding:27px 30px;margin:15px 0;box-shadow:0 7px 26px #aa778010} .card:hover{border-color:#e8c4d1;box-shadow:0 12px 32px #aa77801c} .card .meta{color:#b07790;font-size:11px;letter-spacing:.3px;font-weight:700} .card p{font-size:15px;line-height:1.75;color:#56434e} .card .text{color:#a46380;font-weight:700} #stories{background:linear-gradient(135deg,#fff0f5,#fffaf8 65%);border:1px solid #f2dce4;border-radius:28px;padding:42px} #stories h2{margin:13px 0} #stories>p{font-size:15px;max-width:630px;color:#806975} #shareStory{background:#44313c;margin:10px 0 25px} dialog{background:#fffdfc;border:1px solid #efdce3;border-radius:26px;box-shadow:0 30px 90px #442f4040;padding:33px} dialog::backdrop{background:#33202b99;backdrop-filter:blur(5px)} dialog h2{font-size:32px} label{color:#685461;font-weight:600} input,textarea,select{border:1px solid #e9d7df;border-radius:13px;padding:13px;background:#fffafd} input:focus,textarea:focus,select:focus{border-color:#ce8ca5} .outline{background:#f9e5ed;color:#74465b} .text{background:transparent;color:#805c6e} .foot{border-top:1px solid #f0e0e5;max-width:1100px;margin:auto;color:#9c8390} @media(max-width:760px){header{padding:13px 17px}.logo{font-size:25px}header #share{padding:11px 13px;font-size:11px}.header-actions{gap:5px}header #loginButton{padding:10px 11px;font-size:11px}main{padding:20px 15px 60px}.hero{grid-template-columns:1fr;min-height:auto;border-radius:23px}.hero-copy{padding:35px 26px 25px}.hero h1{font-size:clamp(42px,9vw,60px)}.hero-art{min-height:190px}.hero-heart{font-size:165px;left:38%;top:0}.orbit-one{top:-60px;left:20%}.orbit-two{top:-110px;left:40%}.sticker-top{top:5px;right:8%;font-size:17px;padding:14px}.sticker-bottom{bottom:15px;left:10%;font-size:16px;padding:13px}.hero-star{font-size:45px}.section-intro{font-size:8px;letter-spacing:1px}.section-heading h2,h2{font-size:30px}.section-decoration{font-size:46px}.card{padding:21px}#stories{padding:25px}.hero-actions>span{font-size:8px}} @media(max-width:430px){header{flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between}.hero-copy{padding:29px 22px 22px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero-art{min-height:160px}.hero-heart{font-size:145px}.section-intro span:last-child{display:none}} @media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}} /* Refined, adult editorial direction */ :root{--ink:#302a2e;--rose:#ad7f8b;--pink:#eee1e2;--blush:#f8f3f2;--paper:#fffefa;--muted:#847b7e;--line:#e9e1df} body{background:#fcfaf8;color:#302a2e} .announcement{background:#e9e0de;color:#65555c;letter-spacing:2px} header{background:rgba(252,250,248,.97);border-bottom-color:#e9e1df} .logo{color:#342c30;font-style:normal;font-size:30px;letter-spacing:-1.3px} header small{color:#97868c} header #share,.hero-actions button,#shareStory{background:#352d32} header #loginButton{background:transparent;border:1px solid #b9a7ac;color:#473b41} .hero{background:#f2eae8;border-radius:7px;min-height:400px;grid-template-columns:1.2fr .8fr} .hero-copy{padding:72px 24px 65px 65px} .hero-kicker,.eyebrow{color:#91757f;letter-spacing:2.2px;font-size:10px} .hero-kicker .sparkle{display:none} .hero h1{font-size:clamp(46px,5.5vw,76px);letter-spacing:-2.8px;line-height:1.08;margin-top:30px} .hero h1 em{color:#9b727e} .hero-copy>p{color:#6f6268;max-width:455px;font-size:15px} .hero-actions>span{color:#8b7b81} .hero-art{background:#e8ddda;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-height:400px} .hero-art::before{content:'';position:absolute;width:290px;height:290px;border:1px solid #c6b6b4;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)} .hero-art::after{content:'';position:absolute;width:210px;height:210px;border:1px solid #c6b6b4;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)} .editorial-mark{position:relative;z-index:2;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(42px,5vw,67px);line-height:1.02;letter-spacing:-2px;color:#6b555e;text-align:center} .editorial-mark i{font-weight:400;color:#a47b87} .editorial-rule{width:56px;height:1px;background:#a68d94;margin:27px auto 15px} .editorial-caption{font-size:9px;letter-spacing:1.7px;color:#806e75;text-align:center} .orbit,.hero-heart,.hero-sticker,.hero-star{display:none} .section-intro{color:#8d7d81} nav{border-radius:7px;box-shadow:none;background:transparent;border:0;border-bottom:1px solid #e1d8d8;padding:0;gap:22px} nav button{border-radius:0;padding:14px 5px} nav button.selected{background:transparent;border-bottom:2px solid #6f535f;color:#47363e} .section-heading h2,h2{color:#332b30} .section-decoration{font-size:10px;color:#9a858c;letter-spacing:2px;font-family:'DM Sans',Arial,sans-serif} .pink-dot{color:#a47b87} .topic-filters .filter{border-color:#e3d8d9;border-radius:5px;color:#75686d} .topic-filters .filter.active{background:#514249;border-color:#514249} .card{border-radius:8px;box-shadow:none;border-color:#e9e2e0} .card:hover{box-shadow:0 7px 25px #5440440c;border-color:#cdbcc1} .card .meta{color:#8f7a81} .card .text{color:#7c5b68} #stories{background:#f5efed;border:1px solid #e7dddb;border-radius:8px} button{border-radius:6px} dialog{border-radius:12px} input,textarea,select{border-radius:6px} @media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{padding:42px 28px 30px}.hero-art{min-height:215px}.hero-art::before{width:220px;height:220px}.hero-art::after{width:160px;height:160px}.editorial-mark{font-size:48px}.editorial-rule{margin:13px auto}.hero h1{font-size:clamp(44px,9vw,65px)}} @media(max-width:430px){.hero-copy{padding:34px 23px 25px}.hero-art{min-height:185px}.editorial-mark{font-size:43px}.hero h1{font-size:46px}} /* Trend-forward editorial collage: sophisticated pattern mixing */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap'); body{background-color:#faf8f5;background-image:radial-gradient(#bba9a0 0.45px,transparent .45px);background-size:13px 13px} .announcement{background:#6b555a;color:#fff9f5;font-size:9px;letter-spacing:2.6px} header{box-shadow:0 4px 20px #44313708} .hero{background:#f1e7e2;border:1px solid #e5d9d4;min-height:450px;grid-template-columns:1.08fr .92fr;position:relative} .hero::before{content:'FROM ONE SISTER / THE COMMUNITY EDIT / 2026';position:absolute;left:25px;bottom:16px;color:#ac9995;letter-spacing:1.8px;font-size:8px;z-index:3} .hero-copy{padding:72px 28px 78px 58px} .hero h1{font-family:'Playfair Display','DM Serif Display',Georgia,serif;font-weight:500;font-size:clamp(42px,4.9vw,68px);line-height:1.13;letter-spacing:-2.2px} .hero h1 em{font-weight:500} .hero-art{background-color:#e3d2cf;background-image:repeating-linear-gradient(90deg,transparent 0 24px,#b88c931c 24px 25px),repeating-linear-gradient(0deg,transparent 0 24px,#b88c931c 24px 25px);min-height:450px;overflow:hidden} .hero-art::before,.hero-art::after{display:none} .editorial-collage{position:relative;width:100%;height:100%;min-height:450px} .collage-paper{position:absolute;box-shadow:5px 12px 26px #59444b30} .paper-back{background:#9b6f78;color:#fff7f0;width:57%;height:64%;left:13%;top:12%;transform:rotate(-12deg);padding:20px;font-size:10px;letter-spacing:3px;line-height:1.6} .paper-back::after{content:'';position:absolute;bottom:17px;left:16px;width:72%;height:35%;background:repeating-linear-gradient(45deg,#f0d5c9 0 6px,#8e6871 6px 12px);opacity:.75} .paper-front{width:63%;height:71%;top:17%;left:29%;transform:rotate(7deg);background:#f9f4eb;color:#473a3d;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border:1px solid #e9ddd3} .paper-front::before{content:'';position:absolute;inset:11px;border:1px solid #cbb7b2;pointer-events:none} .collage-label,.collage-bottom{font-size:8px;letter-spacing:1.8px;line-height:1.6} .paper-front strong{font-family:'Playfair Display',Georgia,serif;font-size:clamp(25px,3.1vw,43px);font-weight:500;line-height:1.15;letter-spacing:-1.5px} .paper-front em{color:#a06d7b;font-weight:500} .collage-tape{position:absolute;width:88px;height:27px;background:#e5c7aaab;top:13%;left:55%;z-index:3;transform:rotate(7deg);backdrop-filter:blur(1px)} .collage-stamp{position:absolute;bottom:7%;left:8%;z-index:4;width:103px;height:103px;display:grid;place-items:center;text-align:center;border:1px solid #6e555d;border-radius:50%;color:#6e555d;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.7;transform:rotate(-14deg);background:#f8e8e4e6} .section-intro{border-top:1px solid #e1d6d2;padding-top:21px} .section-heading h2,h2{font-family:'Playfair Display','DM Serif Display',Georgia,serif} .section-heading h2{font-size:39px} #feed{position:relative} #feed::before{content:'';display:block;width:100%;height:5px;background:repeating-linear-gradient(90deg,#a07883 0 26px,#e9d6d6 26px 52px,#e6d0b8 52px 78px);margin-bottom:33px;opacity:.7} .topic-filters .filter{background:#fefcfa;border-radius:20px} .topic-filters .filter.active{background:#6b535e;border-color:#6b535e} .card{background:#fffefa;border:1px solid #e9e0dc;box-shadow:2px 4px 0 #f0e8e4;border-radius:3px} .card:hover{box-shadow:3px 6px 0 #e9dcda} #stories{background-color:#f6efeb;background-image:repeating-linear-gradient(45deg,#b88e9110 0 2px,transparent 2px 14px);border-radius:4px} nav button.selected{color:#7c5966;border-bottom-color:#a57b89} @media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{padding:45px 28px 52px}.hero-art,.editorial-collage{min-height:315px}.paper-back{height:67%;width:50%;left:20%;top:11%}.paper-front{height:76%;width:54%;left:36%;top:11%}.paper-front strong{font-size:32px}.collage-stamp{left:11%;bottom:5%;width:78px;height:78px;font-size:9px}.hero::before{bottom:10px}} @media(max-width:430px){.hero-copy{padding:33px 22px 43px}.hero h1{font-size:43px}.hero-art,.editorial-collage{min-height:270px}.paper-front{padding:19px 12px}.paper-front strong{font-size:27px}.collage-label,.collage-bottom{font-size:7px}.collage-stamp{width:69px;height:69px;font-size:8px}.section-heading h2{font-size:30px}} /* 2026 editorial art direction: photographic magazine, not a forum */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Anton&display=swap'); body{background:#f6f3eb;background-image:none;color:#281e1d} .announcement{background:#33211f;color:#f8f0e5} header{background:#f6f3eb;border-bottom:1px solid #c8bdb1;position:relative;box-shadow:none} .logo{font-family:'Playfair Display',Georgia,serif;letter-spacing:-1.6px;font-size:29px;font-weight:600} header small{color:#6c625c} main{max-width:1280px;padding:28px 28px 80px} .magazine-hero{background:#f6f3eb;border:0;position:relative} .magazine-topline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #4c3b36;padding:13px 0 5px;font-size:10px;letter-spacing:1.5px;font-weight:700} .magazine-title{font-family:'Anton',Impact,sans-serif;font-size:clamp(86px,15.4vw,230px);letter-spacing:-.055em;line-height:.84;color:#32191c;margin:18px 0 20px;white-space:nowrap} .magazine-title i{font-family:'Playfair Display',Georgia,serif;font-size:.72em;letter-spacing:-.09em;font-weight:500} .magazine-visuals{display:grid;grid-template-columns:1.06fr .8fr 1.06fr;gap:8px;min-height:340px} .visual-panel{min-height:340px;position:relative;overflow:hidden;background-size:cover;background-position:center} .visual-one{background-image:linear-gradient(0deg,#2d252b78,transparent 35%),none;background-color:#938c70} .visual-two{background:#b9b8a2;background-image:repeating-radial-gradient(ellipse at 30% 20%,#4f5a4630 0 1px,transparent 1px 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center} .visual-three{background-image:linear-gradient(0deg,#28242177,transparent 35%),none;background-color:#a17c6b} .photo-caption{position:absolute;bottom:16px;left:16px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.4px} .visual-quote{font-family:'Playfair Display',Georgia,serif;font-size:clamp(29px,3.5vw,52px);line-height:1.05;color:#342923;letter-spacing:-1.5px} .visual-quote em{color:#6b3c3b} .visual-two>span{font-size:9px;letter-spacing:1.6px;margin-top:26px;color:#524a42} .magazine-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #4c3b36;padding:20px 0 24px} .magazine-bottom p{max-width:540px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(19px,2.4vw,30px);line-height:1.3;margin:0} .magazine-bottom button{background:#33211f;color:#f7f2e9;border-radius:0;white-space:nowrap;font-size:10px;letter-spacing:1.4px;padding:17px 24px} .magazine-bottom button span{margin-left:15px;font-size:16px} .editorial-strip{margin:30px 0 30px;background:#8e4c3f;color:#fff7ec;display:flex;justify-content:space-around;align-items:center;gap:15px;padding:14px 20px;font-size:11px;letter-spacing:2px;font-weight:700} .editorial-strip span:nth-child(even){font-size:19px} .section-intro{margin:24px 0 15px;padding-top:0;border:0} nav{border-bottom:1px solid #aaa095} nav button.selected{border-bottom-color:#6b3d37;color:#482c29} .section-heading h2,h2{font-family:'Playfair Display',Georgia,serif} .section-heading h2{font-size:clamp(31px,4vw,50px)} .section-decoration{font-size:11px} #feed::before{display:none} .topic-filters .filter{background:transparent;border:1px solid #c7bbb0;color:#4c3c36;border-radius:0} .topic-filters .filter.active{background:#34221f;color:white;border-color:#34221f} .card{background:#fffdf8;border:1px solid #cfc6bb;border-radius:0;box-shadow:none;padding:30px} .card:hover{box-shadow:5px 5px 0 #e2d6ca} .card .meta{color:#775e58} .card .text{color:#804b43} #stories{background:#e7e2d6;border-radius:0;background-image:repeating-linear-gradient(45deg,#78665a0a 0 1px,transparent 1px 13px)} #shareStory{background:#33211f;border-radius:0} button{border-radius:0} header button{border-radius:0} input,textarea,select{border-radius:0} @media(max-width:760px){main{padding:20px 16px 60px}.magazine-title{font-size:clamp(70px,15vw,130px);margin:19px 0 16px}.magazine-topline{font-size:8px;letter-spacing:.8px}.magazine-visuals{grid-template-columns:1fr 1fr;min-height:250px}.visual-panel{min-height:260px}.visual-three{display:none}.visual-quote{font-size:clamp(25px,5vw,38px)}.visual-two{padding:13px}.visual-two>span{font-size:7px}.magazine-bottom{align-items:flex-start;flex-direction:column}.magazine-bottom p{font-size:24px}.editorial-strip{font-size:8px;letter-spacing:1px;padding:11px 7px}.editorial-strip span:nth-last-child(1){display:none}} @media(max-width:430px){.magazine-title{font-size:clamp(57px,15.3vw,75px)}.magazine-topline span:last-child{display:none}.magazine-visuals{gap:5px}.visual-panel{min-height:215px}.visual-quote{font-size:25px}.photo-caption{font-size:8px}.magazine-bottom p{font-size:21px}.editorial-strip span:nth-child(4){display:none}} /* Nature-inspired editorial collage: reference-led art direction */ .magazine-title{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(68px,12vw,162px);letter-spacing:-.085em;line-height:.86} .magazine-title i{font-size:.88em;font-weight:500} .moodboard{display:grid;grid-template-columns:1fr .78fr 1.1fr;grid-template-rows:240px 225px;gap:11px;position:relative;background:#eae5db;padding:12px;overflow:hidden} .moodboard-image{position:relative;background-size:cover;background-position:center;min-height:0;filter:saturate(.74) contrast(.93)} .moodboard-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#30272065,transparent 36%)} .moodboard-image>span{position:absolute;bottom:14px;left:14px;z-index:2;color:#fff8ec;font-size:9px;font-weight:700;letter-spacing:1.7px} .moodboard-floral{grid-column:1;grid-row:1 / 3;background-image:none;background-position:50% 50%} .moodboard-landscape{grid-column:2;grid-row:1;background-image:none} .moodboard-flowers{grid-column:3;grid-row:2;background-image:none} .moodboard-sun{grid-column:2;grid-row:2;background-image:none} .moodboard-note{grid-column:3;grid-row:1;background:#c5c5b1;background-image:repeating-linear-gradient(0deg,#585e4810 0 1px,transparent 1px 19px);padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between;color:#353c2e;text-align:left} .moodboard-note>span,.moodboard-note small{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.4px;font-weight:600} .moodboard-note p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.6vw,52px);letter-spacing:-1.7px;line-height:1.05;margin:15px 0} .moodboard-note em{color:#795a51} .moodboard-signature{position:absolute;z-index:3;bottom:27px;left:21%;transform:rotate(-6deg);font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:24px;color:#fff8f1;text-shadow:0 2px 8px #3a292b80;pointer-events:none} .magazine-bottom{padding:26px 0 31px} .magazine-bottom p{max-width:660px} @media(max-width:760px){.magazine-title{font-size:clamp(65px,12vw,105px)}.moodboard{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 170px;gap:7px;padding:7px}.moodboard-floral{grid-column:1;grid-row:1 / 3}.moodboard-note{grid-column:2;grid-row:1;padding:16px}.moodboard-note p{font-size:clamp(24px,5vw,36px)}.moodboard-landscape{grid-column:2;grid-row:2}.moodboard-sun{grid-column:1;grid-row:3}.moodboard-flowers{grid-column:2;grid-row:3}.moodboard-signature{font-size:16px;bottom:13px;left:7%}.moodboard-image>span{font-size:7px;letter-spacing:.9px}} @media(max-width:430px){.magazine-title{font-size:clamp(57px,12.7vw,77px)}.moodboard{grid-template-rows:180px 140px 135px}.moodboard-note{padding:12px}.moodboard-note p{font-size:25px}.moodboard-note>span,.moodboard-note small{font-size:7px}.moodboard-signature{font-size:13px}} /* Community-first editorial layout — concise, usable and responsive */ body{background:#faf8f4;color:#332a2a} header{position:sticky;top:0;z-index:10;background:#faf8f4} main{max-width:1050px;padding-top:24px} .community-intro{display:grid;grid-template-columns:1.35fr .65fr;background:#eee8e1;min-height:270px;border:1px solid #ded5cc;margin-bottom:22px} .intro-content{padding:33px 40px 30px} .intro-eyebrow{font-size:10px;letter-spacing:1.9px;color:#7c6563;font-weight:700} .community-intro h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-1.9px;font-size:clamp(37px,4.4vw,57px);line-height:1.13;margin:15px 0 13px} .community-intro h1 em{color:#9b696f} .intro-content>p{font-size:14px;line-height:1.65;max-width:440px;color:#665b58;margin:0} .intro-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:22px} .intro-actions button,.section-new-post{background:#422b30;color:#fff9f3;border:1px solid #422b30;padding:13px 18px;font-size:12px;font-weight:700} .intro-actions span{color:#8c7c75;font-size:11px} .intro-art{position:relative;overflow:hidden;background:#b4aa96} .intro-photo{position:absolute;inset:0;background-image:linear-gradient(0deg,#3d393345,transparent 65%),none;background-position:center;background-size:cover;filter:saturate(.65)} .intro-note{position:absolute;left:13%;right:10%;top:26%;padding:21px 16px;background:#f8f3e9e8;font-family:'Playfair Display',Georgia,serif;font-size:clamp(18px,2.4vw,29px);line-height:1.3;text-align:center;color:#5d4643;transform:rotate(-3deg);box-shadow:4px 7px 0 #4c403126} .intro-note em{color:#a06d73} .intro-index{position:absolute;bottom:14px;left:15px;color:#fff;font-size:8px;letter-spacing:1.5px;font-weight:700} nav{margin:0 0 23px;gap:26px;border-bottom:1px solid #d3c7bd} nav button{font-size:14px;padding:13px 4px} .section-heading{margin:0 0 10px;align-items:end} .section-heading h2{font-size:34px;margin:7px 0} .section-heading .muted{margin:0} .section-new-post{white-space:nowrap;margin-bottom:5px} .topic-filters{margin:19px 0 20px} .topic-filters .filter{padding:9px 13px;font-size:12px;border-radius:2px} .card{padding:23px 25px;margin:11px 0} .card p{margin:13px 0} #stories{padding:27px} #stories h2{font-size:34px} @media(max-width:760px){main{padding:14px 14px 60px}.community-intro{grid-template-columns:1fr;min-height:0}.intro-content{padding:26px 23px 27px}.community-intro h1{font-size:clamp(36px,8vw,48px)}.intro-art{display:none}.section-heading h2{font-size:30px}.section-new-post{padding:11px 12px;font-size:11px}.section-heading{gap:8px}.section-heading .muted{font-size:12px}.topic-filters{margin:15px 0}.card{padding:20px}} @media(max-width:430px){.intro-content{padding:24px 20px}.community-intro h1{font-size:37px}.intro-actions{margin-top:17px}.section-heading h2{font-size:28px}nav{gap:20px}} /* Editorial photo collage as a quiet page backdrop, never behind readable posts */ body{position:relative;background:#e8e3d9;isolation:isolate} body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:#e4dfd3;background-image: linear-gradient(#f2eee57a,#f2eee57a), none, none, none, none; background-size:100% 100%,38% 46%,37% 49%,38% 46%,37% 49%; background-position:center,0 0,100% 0,0 100%,100% 100%; background-repeat:no-repeat;filter:saturate(.65)} body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f3efe77a,transparent 22%,transparent 78%,#f3efe77a)} main{position:relative;background:#faf8f4f5;box-shadow:0 0 0 1px #ded5c9,0 10px 60px #40362c16;padding:24px 35px 70px;margin:25px auto 35px} header{background:#faf8f4f7} .foot{background:#faf8f4eb;border:1px solid #e3dad1;max-width:1050px} .community-intro{background:#eee8e1} #feed,#stories{background:#faf8f4} @media(max-width:1150px){main{max-width:calc(100% - 80px)}} @media(max-width:760px){body::before{background-image:linear-gradient(#f5f1e9df,#f5f1e9df),none,none;background-size:100% 100%,65% 100%,65% 100%;background-position:center,left center,right center}body::after{background:#faf8f46b}main{max-width:calc(100% - 20px);margin:10px auto 20px;padding:15px 13px 50px;box-shadow:0 0 0 1px #ded5c9}.foot{margin:0 10px}} @media(prefers-reduced-data:reduce){body::before{background-image:none;background-color:#e8e3d9}} /* Visible photographic collage above content — avoids hidden body backdrop */ .collage-banner{position:relative;display:grid;grid-template-columns:1.1fr .9fr 1fr .95fr;gap:6px;height:168px;padding:6px;background:#d8cec1;overflow:hidden} .collage-tile{background-size:cover;background-position:center;filter:saturate(.7) sepia(.08)} .tile-botanical{background-image:none} .tile-sky{background-image:none} .tile-flowers{background-image:none} .tile-lake{background-image:none} .collage-banner-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#f8f2eae8;color:#493d38;padding:10px 22px;font-size:10px;font-weight:700;letter-spacing:2px;text-align:center} main{margin-top:0} @media(max-width:760px){.collage-banner{height:102px;gap:4px;padding:4px}.collage-banner-label{font-size:7px;letter-spacing:.7px;padding:6px 9px;bottom:8px;max-width:95%;white-space:normal;width:max-content}main{margin-top:0}} @media(max-width:430px){.collage-banner{height:84px;grid-template-columns:1fr 1fr 1fr}.tile-lake{display:none}} /* Scrapbook/editorial collage: intentionally layered, never a row of stock photos */ .collage-banner{height:228px;display:block;position:relative;overflow:hidden;background:#ded8c9;background-image:repeating-linear-gradient(0deg,#72645209 0 1px,transparent 1px 4px);padding:0;border-top:1px solid #cfc4b8;border-bottom:1px solid #cfc4b8} .collage-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,#a7ac8b55,transparent 45%),linear-gradient(105deg,#f1eadc,#ddd5c4 60%,#d7d0bc)} .collage-tile{position:absolute;display:block;filter:saturate(.65) contrast(.9);box-shadow:2px 4px 12px #463b2e30;border:5px solid #f4f0e6} .tile-botanical{width:18%;height:180px;left:35%;top:25px;transform:rotate(-8deg);background-image:none} .tile-sky{width:19%;height:154px;left:51%;top:-9px;transform:rotate(5deg);background-image:none} .tile-flowers{width:18%;height:176px;left:72%;top:40px;transform:rotate(-4deg);background-image:none} .tile-lake{width:15%;height:128px;left:87%;top:-15px;transform:rotate(9deg);background-image:none} .collage-paper{position:absolute;z-index:2;left:7%;top:28px;width:31%;min-height:163px;padding:25px 22px;background:#f7f1e5;box-shadow:5px 7px 0 #9a8b7a22;transform:rotate(-2deg);display:flex;flex-direction:column;justify-content:space-between} .collage-paper span{font-family:'Playfair Display',Georgia,serif;font-size:clamp(21px,2.9vw,39px);line-height:1.04;letter-spacing:-1px;color:#51433e} .collage-paper small{font-size:9px;letter-spacing:1.2px;line-height:1.5;color:#89756b} .collage-stamp{position:absolute;z-index:3;left:59%;top:105px;transform:rotate(7deg);padding:14px 19px;background:#e4b9b4e8;color:#553d3d;font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.05;box-shadow:2px 3px 0 #6b544c20} .collage-stamp em{font-size:25px} .collage-scribble{position:absolute;z-index:4;right:2%;bottom:16px;transform:rotate(-8deg);font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:19px;line-height:1.05;color:#463f34;text-shadow:0 1px #f8f4e0} .collage-banner-label{display:none} @media(max-width:760px){.collage-banner{height:170px}.collage-paper{left:4%;top:18px;width:47%;min-height:127px;padding:17px 12px}.collage-paper span{font-size:clamp(20px,5vw,29px)}.collage-paper small{font-size:7px}.tile-botanical{left:49%;width:30%;height:141px;top:12px}.tile-sky{left:73%;width:27%;height:117px;top:-10px}.tile-flowers{left:79%;width:25%;height:115px;top:65px}.tile-lake{display:none}.collage-stamp{left:51%;top:105px;padding:8px 10px;font-size:13px}.collage-stamp em{font-size:16px}.collage-scribble{display:none}} @media(max-width:430px){.collage-banner{height:155px}.collage-paper{width:51%;top:16px;min-height:116px}.collage-paper span{font-size:21px}.collage-stamp{left:55%;top:98px;font-size:12px}.collage-stamp em{font-size:14px}} /* Curated analogue editorial imagery — free Unsplash photography */ .tile-botanical{background-image:none;background-position:50% 40%} .tile-sky{background-image:none;background-position:50% 50%} .tile-flowers{background-image:none;background-position:50% 45%} .tile-lake{background-image:none;background-position:50% 50%} .intro-photo{background-image:linear-gradient(0deg,#3d39332b,transparent 65%),none} body::before{background-image:linear-gradient(#f2eee5a8,#f2eee5a8),none,none,none,none} @media(max-width:760px){body::before{background-image:linear-gradient(#f5f1e9df,#f5f1e9df),none,none}} /* Community-first redesign: calm independent journal rather than scrapbook landing page */ body{background:#eeeae2;color:#302c2a} body::before,body::after{display:none!important} .announcement{background:#555b4a;color:#f4f0e5;letter-spacing:1.5px;font-size:9px;padding:8px} header{position:relative;top:auto;background:#f7f4ec;border-bottom:1px solid #d8d1c6;padding:16px max(4%,calc((100% - 1080px)/2));backdrop-filter:none} .logo{color:#302c2a;font-size:clamp(27px,4vw,36px);letter-spacing:-1.5px} header small{color:#766b62;letter-spacing:1.8px} header #share{background:#4f5647;color:#fff} header #loginButton{background:transparent;border:1px solid #82796d;color:#4b443f} main{max-width:1080px;margin:0 auto!important;padding:0 22px 70px!important;background:#f7f4ec!important;box-shadow:none!important;border-left:1px solid #d8d1c6;border-right:1px solid #d8d1c6} .community-intro{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:24px!important;align-items:center;padding:34px 0 28px!important;margin:0 0 10px!important;background:transparent!important;border:0!important;border-bottom:1px solid #d9d0c4!important;border-radius:0!important;box-shadow:none!important} .intro-content{padding:0!important} .intro-eyebrow,.eyebrow{font-size:10px!important;color:#786f62!important;letter-spacing:1.5px!important} .community-intro h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(38px,5vw,63px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;color:#312e2a!important;margin:12px 0!important;font-weight:400!important} .community-intro h1 em{color:#a87578!important} .community-intro p{font-size:14px!important;line-height:1.55!important;max-width:510px!important;margin:10px 0!important;color:#635b54!important} .intro-actions{display:flex!important;align-items:center;gap:15px!important;margin-top:15px!important;flex-wrap:wrap} .intro-actions button,.section-new-post,#shareStory{background:#4f5647!important;color:white!important;border-radius:3px!important;padding:11px 17px!important;font-size:13px!important} .intro-actions>span{color:#84786d!important;font-size:11px!important} .intro-art{display:block!important;min-height:190px!important;height:190px!important;position:relative!important;overflow:hidden!important;background:#a9a794!important;border:0!important;border-radius:0!important} .intro-photo{position:absolute!important;inset:0!important;background-image:linear-gradient(#393c3010,#393c3030),none!important;background-size:cover!important;background-position:center!important} .intro-note{position:absolute!important;bottom:12px!important;left:12px!important;right:auto!important;top:auto!important;transform:none!important;background:#f4eee2e8!important;color:#4b493f!important;font-family:Georgia,serif!important;font-size:15px!important;padding:9px 13px!important;border-radius:0!important} .intro-index{display:none!important} nav{margin:14px 0 20px!important;padding:0!important;border:0!important;border-bottom:1px solid #cfc6bb!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;gap:25px!important} nav button{border-radius:0!important;padding:12px 2px!important;color:#766f65!important;background:transparent!important} nav button.selected{background:transparent!important;color:#30392f!important;border-bottom:2px solid #4f5647!important} .section-heading{margin-bottom:10px!important} .section-heading h2,#stories h2{font-size:29px!important;color:#302c2a!important} .section-heading .muted{font-size:12px!important} .topic-filters{margin:12px 0!important;gap:6px!important} .topic-filters .filter{border:1px solid #d6cec2!important;border-radius:3px!important;padding:8px 12px!important;background:transparent!important;color:#635c54!important} .topic-filters .filter.active{background:#555b4a!important;border-color:#555b4a!important;color:#fff!important} .card{background:#fffdf8!important;border:1px solid #ded8cc!important;border-radius:3px!important;box-shadow:none!important;padding:18px 21px!important;margin:9px 0!important} .card p{color:#3c3935!important;font-size:14px!important;line-height:1.55!important} #stories{background:#fffdf8!important;border:1px solid #ded8cc!important;border-radius:3px!important;padding:24px!important} @media(max-width:760px){header{padding:15px 16px!important;gap:10px}.logo{font-size:29px!important}header #share{display:none!important}header #loginButton{font-size:11px!important;padding:9px 10px!important}main{max-width:100%!important;padding:0 15px 55px!important}.community-intro{display:block!important;padding:22px 0 19px!important}.community-intro h1{font-size:clamp(38px,9vw,52px)!important}.community-intro p{font-size:13px!important}.intro-art{display:none!important}.intro-actions button{padding:10px 14px!important}.intro-actions>span{font-size:10px!important}nav{margin:8px 0 17px!important}.section-heading h2{font-size:26px!important}.section-heading{align-items:flex-end!important;gap:10px}.section-new-post{font-size:11px!important;padding:9px 11px!important}.topic-filters{margin:9px 0!important}.card{padding:16px!important}} /* FROM ONE SISTER — youthful vintage print / art-school editorial system */ :root{--ink:#302b2a;--forest:#414d3b;--tomato:#ad5049;--rose:#bd8b90;--cream:#fffaf0} body{background-color:#e6dfd2;background-image:linear-gradient(90deg,#e9e2d7b8,#e9e2d7b8),repeating-conic-gradient(from 0deg at 12px 12px,#b85e56 0 25%,#e6b3ac 0 50%,#7d938e 0 75%,#f1d6a3 0 100%);background-size:auto,48px 48px} header{border-top:4px solid #a64d45} .announcement{background:#4b5843} main{background:#fffaf1!important} .community-intro{grid-template-columns:minmax(0,1fr) 265px!important;position:relative} .community-intro:before{content:'01 / ASK & BE HEARD';position:absolute;top:12px;right:0;color:#91887b;font-size:9px;letter-spacing:2px} .community-intro h1{font-family:'DM Serif Display',Georgia,serif!important;letter-spacing:-2.2px!important} .community-intro h1 em{color:#a84d48!important} .intro-art{background:#ddd6c8!important;box-shadow:8px 8px 0 #c7b7a1} .intro-photo{background-image:linear-gradient(#b0a69b1c,#473a3121),none!important;filter:saturate(.62)} .intro-note{background:#f4e6d7e8!important;transform:rotate(-3deg)!important;bottom:9px!important;left:-6px!important} nav{border-bottom:2px solid #47483e!important} nav button.selected{border-bottom:3px solid #a64d45!important;color:#a64d45!important} .topic-filters .filter.active,.intro-actions button,.section-new-post,#shareStory{background:#a64d45!important;border-color:#a64d45!important} .card{position:relative} .card:before{content:'';display:block;width:26px;height:4px;background:#7c8d78;margin-bottom:10px} .card .meta{color:#88766d!important;font-size:11px!important;letter-spacing:.2px} #stories{background:#f8f0e7!important;border-top:5px solid #75856c!important} #stories:before{content:'THE INTERVIEW ARCHIVE / REAL WOMEN, REAL EXPERIENCES';display:block;font-size:9px;letter-spacing:2px;color:#7c796b;margin-bottom:18px} #stories h2{font-size:clamp(31px,4vw,48px)!important} .memo-heading{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#865a55;margin:18px 0 10px} #voiceMemoOptions{background:#f3ede2;padding:15px;margin:15px 0;border-left:3px solid #b46b61} #voiceMemoOptions button{border-radius:3px} #memoPreview{width:100%;margin-top:12px} @media(min-width:1100px){main{box-shadow:0 0 0 1px #d8cabc!important}} @media(max-width:760px){body{background-size:auto,32px 32px}.community-intro:before{display:none}.community-intro{padding-top:19px!important}.intro-art{display:none!important}main{margin:0 9px!important;padding:0 14px 50px!important}.community-intro h1{font-size:clamp(39px,10vw,54px)!important}.card{margin:10px 0!important}} /* 2026 editorial identity: patterns as frame, quiet reading surface */ body{background-color:#eee7db!important;background-image:linear-gradient(#fff9f0b8,#fff9f0b8),url('/pattern-checks.svg')!important;background-repeat:repeat!important;background-size:auto,350px auto!important} body::before,body::after{display:none!important} main{background:#fffaf1!important} .community-intro{grid-template-columns:minmax(0,1fr) 270px!important;gap:35px!important;padding:31px 0 26px!important} .community-intro h1{font-size:clamp(43px,5.4vw,70px)!important;max-width:640px!important} .intro-art{height:220px!important;min-height:220px!important;box-shadow:10px 10px 0 #d8b7ae!important} .intro-photo{background-image:linear-gradient(#3430260d,#3430262b),none!important;background-position:center 25%!important} .intro-note{background:#fff6e9e8!important;color:#4e4b40!important} .editorial-divider{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#59664d;color:#fff7e8;font-size:9px;letter-spacing:1.9px;font-weight:700;padding:11px 15px;margin:0 0 7px} .editorial-divider span:last-child{opacity:.72} .interview-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:0;max-height:190px;overflow:hidden;margin-bottom:22px;background:#637250} .interview-photo{background:none center 35%/cover;filter:saturate(.55);min-height:190px} .interview-pattern{background:url('/pattern-daisies.svg') center/cover;display:flex;align-items:center;justify-content:center} .interview-pattern span{background:#fff9e6ed;color:#4a4d3c;font-family:Georgia,serif;font-size:24px;line-height:1.1;text-align:center;letter-spacing:1px;padding:17px 21px;transform:rotate(-3deg)} #stories{padding:23px!important} #stories h2{font-family:Georgia,serif!important} #voiceMemoOptions{border-left:4px solid #68795c!important} @media(max-width:760px){body{background-size:auto,190px auto!important}main{margin:0 8px!important}.community-intro{display:block!important;padding:22px 0!important}.intro-art{display:none!important}.community-intro h1{font-size:clamp(40px,10vw,55px)!important}.editorial-divider{padding:9px 10px;font-size:8px;letter-spacing:.8px}.editorial-divider span:last-child{display:none}.interview-feature{max-height:140px}.interview-photo{min-height:140px}.interview-pattern span{font-size:14px;padding:10px}} /* Keep editorial photography visible on mobile, not hidden by older rules */ .photo-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;position:relative;margin:0 0 15px;height:142px;overflow:hidden} .photo-note{background-color:#c9bfb2;background-size:cover;background-position:center;filter:saturate(.7)} .photo-note-one{background-image:none;background-position:center 30%} .photo-note-two{background-image:none;background-position:center 35%} .photo-note-three{background-image:none;background-position:center 40%} .photo-notes-caption{position:absolute;bottom:8px;left:10px;padding:7px 10px;background:#fffaf0ed;color:#514b40;font-size:9px;letter-spacing:1.4px;font-weight:700} @media(max-width:760px){.intro-art{display:block!important;width:100%!important;height:145px!important;min-height:145px!important;margin:17px 0 8px!important;box-shadow:5px 5px 0 #d8b7ae!important}.intro-note{font-size:12px!important;padding:7px 10px!important}.photo-notes{height:98px;gap:5px;margin:5px 0 12px}.photo-notes-caption{font-size:7px;letter-spacing:.7px;padding:5px 7px}} /* No unrelated stock photography: curated asset slots for supplied references */ .photo-note-one,.photo-note-two,.photo-note-three,.intro-art,.interview-photo{background-image:none!important} .photo-notes{background:linear-gradient(115deg,#e5c8bd,#f0e6d8 42%,#a9ae91 75%,#d5a8b3);border:1px solid #b8a69d} .photo-note-one{background:repeating-linear-gradient(45deg,#b85c58 0 16px,#e9bb9b 16px 32px,#6e8194 32px 48px,#f3d7d3 48px 64px)!important;opacity:.72} .photo-note-two{background:radial-gradient(circle at 24% 25%,#f5e4b8 0 7px,transparent 8px),radial-gradient(circle at 65% 70%,#f5e4b8 0 7px,transparent 8px),#667650!important} .photo-note-three{background:radial-gradient(circle,#ab5a4e 0 6px,transparent 7px) 0 0/35px 35px,#f1e7d6!important} /* User-uploaded editorial imagery only — October 27 */ body{background-image:url('/images/IMG_0765.jpeg')!important;background-size:320px auto!important;background-attachment:fixed} body::before,body::after{background-image:none!important;opacity:0!important;pointer-events:none!important} main{background:#fbf8f2f2!important} .community-intro{background:#fbf7ef!important;gap:24px!important} .intro-art{display:block!important;background:#eee9df url('/images/IMG_0762.jpeg') center 35%/cover no-repeat!important;min-height:250px!important;position:relative} .intro-photo{background-image:url('/images/IMG_0762.jpeg')!important;background-size:cover!important;background-position:center 35%!important} .photo-notes{display:grid!important;grid-template-columns:1fr 1.15fr .85fr!important;gap:9px!important;background:#f7f0e6!important;border:0!important;height:225px!important;margin:12px 0 24px!important} .photo-note{background-size:cover!important;background-repeat:no-repeat!important;filter:none!important;opacity:1!important} .photo-note-one{background:url('/images/IMG_0764.jpeg') center 40%/cover!important} .photo-note-two{background:url('/images/IMG_0768.jpeg') center 48%/cover!important} .photo-note-three{background:url('/images/IMG_0770.jpeg') center/cover!important} .interview-photo{background:url('/images/IMG_0772.jpeg') center/cover!important} .interview-pattern{background:url('/images/IMG_0767.jpeg') center/cover!important} #feed{background:#fffdf8!important} #stories{background:#fffdf8!important} #stories::after{content:"";display:block;height:160px;margin:25px 0;background:url('/images/IMG_0773.jpeg') center/cover} @media(max-width:760px){body{background-size:170px auto!important}main{margin:0 8px!important}.intro-art{height:190px!important;min-height:190px!important}.photo-notes{height:140px!important;gap:5px!important;margin:9px 0 15px!important}.photo-notes-caption{font-size:8px!important}.community-intro{padding:20px 14px!important}} /* Editorial image composition: uploaded imagery, legible community-first layout */ body{background:#eee7db url('/images/IMG_0774.jpeg') center top/420px auto repeat!important} main{background:#fcfaf5f5!important} .community-intro{background:#fcfaf5!important} .intro-art{background:#ddd9d3 url('/images/IMG_0777.jpeg') center 46%/cover no-repeat!important} .intro-photo{background:transparent!important} .intro-note{z-index:2!important} .photo-notes{grid-template-columns:1.05fr 1fr .9fr!important;background:#fffaf1!important;gap:8px!important} .photo-note-one{background:#f5efe9 url('/images/IMG_0776.jpeg') center 42%/cover no-repeat!important} .photo-note-two{background:#f5efe9 url('/images/IMG_0775.jpeg') center 35%/cover no-repeat!important} .photo-note-three{background:#f5efe9 url('/images/IMG_0773.jpeg') center/cover no-repeat!important} .interview-photo{background:#ede8de url('/images/IMG_0772.jpeg') center/cover no-repeat!important} .interview-pattern{background:#f6e6d6 url('/images/IMG_0762.jpeg') center/cover no-repeat!important} #stories::after{background:#f6efe5 url('/images/IMG_0774.jpeg') center/cover no-repeat!important;height:100px!important} @media(max-width:760px){main{padding:0 14px 40px!important}.community-intro{padding:18px 12px!important}.intro-art{height:195px!important;min-height:195px!important}.photo-notes{height:175px!important;grid-template-columns:1fr 1fr 1fr!important}.photo-note-one{background-position:center!important}.photo-note-two{background-position:center 30%!important}.photo-note-three{background-position:center!important}} /* Fictional starter discussions: understated and clearly disclosed */ .sample-heading{padding:19px 3px 9px;border-top:1px solid #d8cfc2;margin-top:18px} .sample-label{font-size:10px;letter-spacing:1.4px;font-weight:750;color:#9b584d} .sample-heading p{margin:8px 0 6px;color:#6d6a61;font-size:13px} .sample-card{background:#fffdf9!important;border:1px solid #e4dcd0!important;margin:10px 0!important} .sample-card .meta{color:#8a6d66!important;font-size:11px!important} .sample-card>p{line-height:1.6} .sample-replies{margin-top:12px;padding:8px 15px;background:#f8f3ec;border-left:2px solid #b47c72} .sample-replies[hidden]{display:none!important} .sample-replies p{font-size:13px;line-height:1.5;margin:9px 0} .sample-replies strong{font-weight:650;color:#8a584d} .starter-reply-form{margin-top:14px;padding-top:12px;border-top:1px solid #ded2c5;display:flex;flex-direction:column;gap:9px} .starter-reply-form textarea{width:100%;box-sizing:border-box;min-height:76px;padding:11px;border:1px solid #d5c9bd;background:#fffdfa;border-radius:3px;font:inherit;font-size:14px} .starter-reply-form button{align-self:flex-start;padding:9px 16px} .starter-reply-form p{font-size:12px;margin:0} .real-starter-replies:not(:empty){border-top:1px solid #e4dcd1;margin-top:10px;padding-top:7px} /* Quiet, single-line transparency note; no promotional sample block */ .sample-heading{padding:3px 2px 5px!important;margin:4px 0 6px!important;border:0!important} .sample-heading .sample-label{font-size:10px!important;letter-spacing:0!important;font-weight:400!important;text-transform:none!important;color:#968d84!important} .career-sort{display:flex;align-items:center;gap:12px;margin:12px 0 18px;font-size:13px;color:#655b55}.career-sort select{border:1px solid #d7ccc3;background:#fffdfa;color:#403832;padding:9px 12px;border-radius:3px;font:inherit;max-width:100%}.career-sort[hidden]{display:none!important}@media(max-width:520px){.career-sort{align-items:flex-start;flex-direction:column;gap:6px}.career-sort select{width:100%}} /* Conversations 2026 — modern, calm social-feed treatment. Scoped to forum only. */ #feed{max-width:900px;margin:0 auto;padding:0 0 30px} #feed::before{display:none!important} #feed .section-heading{margin:4px 0 25px;align-items:flex-end;gap:18px} #feed .section-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(33px,4.3vw,49px);font-weight:700;letter-spacing:-2.5px;line-height:1.1;margin:8px 0 10px} #feed .section-heading .eyebrow{font-size:10px;letter-spacing:2.3px} #feed .section-heading .muted{font-size:14px;line-height:1.6} #feed .section-new-post{background:#6b4a58;color:#fff;border-radius:999px;padding:13px 22px;font-size:13px;white-space:nowrap;box-shadow:0 5px 18px #6b4a5818} #feed .topic-filters{display:flex;gap:9px;margin:0 0 21px;padding:0 0 12px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #e9dfe1} #feed .topic-filters .filter{font-family:'DM Sans',Arial,sans-serif;background:#f4edef;border:1px solid transparent;border-radius:999px;color:#66555e;font-size:12px;font-weight:600;padding:11px 17px;box-shadow:none} #feed .topic-filters .filter.active{background:#4e3643;color:white;border-color:#4e3643} #feed #posts{display:grid;grid-template-columns:minmax(0,1fr);gap:14px} #feed #posts>.card{margin:0;padding:25px 28px 19px;border:1px solid #ede5e7;background:#fff;border-radius:19px;box-shadow:0 3px 18px rgba(69,41,55,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} #feed #posts>.card:hover{border-color:#dbc8d0;box-shadow:0 8px 26px rgba(69,41,55,.07)} #feed #posts>.card .conversation-topic{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 11px;background:#f6edf0;color:#805366;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.35px;margin:0 0 15px} #feed #posts>.card .meta{color:#96838b;font-size:12px;letter-spacing:0;font-weight:500;line-height:1.5} #feed #posts>.card>p{font-family:'DM Sans',Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.2px;line-height:1.65;color:#362b32;margin:12px 0 19px} #feed #posts>.card>button.text{font-size:12px;font-weight:700;color:#815a6b;padding:9px 16px;margin:0 7px 0 0;border:1px solid #eadde2;border-radius:999px;background:#fff9fb} #feed #posts>.card>button.text:hover{background:#f6edf0} #feed .sample-replies{border-top:1px solid #f0e8eb;margin-top:17px;padding-top:18px} #feed .sample-replies .reply-entry{border-left:2px solid #ecdce2;padding:4px 0 9px 15px;margin-bottom:10px;background:transparent} #feed .sample-replies .reply-entry p{font-size:13px;line-height:1.65;color:#554850;margin:0 0 4px} #feed .sample-replies .reply-entry strong{color:#7e5266} #feed .sample-replies .reply-entry button.text{padding:4px 8px 4px 0;font-size:11px;color:#997382} #feed .starter-reply-form{background:#fcf8f9;border:1px solid #f0e5e9;padding:15px;border-radius:14px;margin-top:16px} #feed .starter-reply-form textarea{border:1px solid #e7d8df;border-radius:10px;background:#fff;font-size:13px} #feed .starter-reply-form button{background:#6b4a58;border-radius:999px;padding:10px 17px;font-size:12px} #feed .sample-heading{grid-column:1/-1;margin:2px 0 0!important;text-align:center;font-size:10px!important;color:#a19399!important} #feed .career-sort{background:#fff;border:1px solid #eee4e8;border-radius:12px;padding:10px 14px;margin-bottom:18px} #feed .career-sort select{border-radius:9px;background:#fbf7f9} @media(max-width:600px){#feed .section-heading{align-items:flex-start;flex-wrap:wrap}#feed .section-heading h2{font-size:37px;letter-spacing:-1.7px}#feed .section-new-post{padding:11px 17px}#feed #posts>.card{padding:20px 19px 16px;border-radius:16px}#feed #posts>.card>p{font-size:15px}#feed .topic-filters .filter{padding:10px 14px}#feed #posts>.card>button.text{padding:8px 12px}} /* Community feed — immersive 2026 refresh */ #feed{max-width:1000px} #feed .community-banner{position:relative;isolation:isolate;overflow:hidden;background:#503846;color:#fffaf8;border-radius:28px;min-height:255px;display:flex;align-items:center;padding:37px 46px;margin:5px 0 35px} #feed .community-banner:before{content:"";position:absolute;z-index:-1;width:450px;height:450px;border:1px solid #ffffff30;border-radius:50%;right:-110px;top:-175px} #feed .community-banner:after{content:"";position:absolute;z-index:-1;width:300px;height:300px;border:1px solid #ffffff20;border-radius:50%;right:-45px;top:-105px} #feed .community-banner>div:first-child{position:relative;z-index:2;max-width:630px} #feed .community-banner-kicker{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#efb7cc} #feed .community-banner h2{font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-size:clamp(35px,5vw,58px);letter-spacing:-2.8px;line-height:1.1;margin:17px 0;color:#fff} #feed .community-banner h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#f4c2d2;letter-spacing:-2px} #feed .community-banner p{font-size:14px;line-height:1.75;color:#f1dfe7;max-width:440px;margin:0} #feed .banner-flower{position:absolute;right:56px;top:50%;transform:translateY(-50%) rotate(-14deg);font-size:185px;line-height:1;color:#eeb2c7;opacity:.8;font-family:Georgia,serif;pointer-events:none} #feed .section-heading{margin-bottom:19px} #feed .section-heading h2{font-size:29px;letter-spacing:-1.2px} #feed .section-heading .eyebrow{font-size:9px} #feed .section-heading .muted{font-size:13px} #feed .feed-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px} #feed .feed-search{display:flex;align-items:center;gap:9px;width:min(100%,490px);margin:0;background:#fff;border:1px solid #e8dde1;border-radius:15px;padding:0 16px;color:#8a7180;box-shadow:0 3px 16px #44313c06} #feed .feed-search span{font-size:26px;line-height:1} #feed .feed-search input{margin:0;border:0;outline:0;background:transparent;padding:14px 0;width:100%;font-size:13px;box-shadow:none} #feed .feed-search input:focus-visible{outline:0} #feed .feed-search:focus-within{border-color:#b891a4;box-shadow:0 0 0 3px #ead6e080} #feed .feed-tools-note{font-size:11px;color:#9b8992;white-space:nowrap} #feed .topic-filters{border:0;padding-bottom:3px;margin-bottom:21px} #feed .topic-filters .filter{background:#f1e9ec;border-radius:13px;padding:12px 17px} #feed .topic-filters .filter.active{background:#513746;box-shadow:0 4px 13px #51374622} #feed #posts>.card{position:relative;padding:27px 31px 20px;border-radius:23px;box-shadow:0 4px 24px #40202f08} #feed #posts>.card:before{content:"";position:absolute;top:25px;right:28px;width:8px;height:8px;border-radius:50%;background:#e6b5c6} #feed #posts>.card .conversation-topic{margin-bottom:16px;background:#f8e9ef;color:#895d70;font-size:10px} #feed #posts>.card .meta{display:flex;align-items:center;gap:8px;font-size:12px} #feed #posts>.card .meta:before{content:"✦";width:29px;height:29px;display:grid;place-items:center;background:#eee0e6;border-radius:50%;color:#875d72;font-size:13px} #feed #posts>.card>p{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:-.3px;max-width:770px;margin:15px 0 20px} #feed #posts>.card>button.text{border:0;background:#f8f1f4;border-radius:12px;color:#765166;padding:11px 16px} #feed #posts>.card>button.text:hover{background:#f0e2e9} #feed .sample-replies{padding-top:23px} #feed .sample-replies .reply-entry{border-left:0;position:relative;padding:6px 0 8px 43px;min-height:44px} #feed .sample-replies .reply-entry:before{content:"↳";position:absolute;left:10px;top:6px;color:#b88fa1;font-size:19px} #feed .sample-replies .reply-entry p{font-size:14px} #feed .starter-reply-form{background:#fbf7f9;border-radius:18px;padding:18px} #feed .starter-reply-form textarea{min-height:95px} #feed .feed-empty{padding:40px 20px;text-align:center;color:#8a7781;background:#fff;border:1px solid #e9dfe4;border-radius:18px} @media(max-width:680px){#feed .community-banner{padding:32px 26px;min-height:230px;border-radius:22px;margin-bottom:26px}#feed .community-banner h2{font-size:39px;letter-spacing:-1.7px}#feed .banner-flower{font-size:140px;right:-28px;opacity:.25}#feed .community-banner p{font-size:13px;max-width:300px}#feed .feed-tools-note{display:none}#feed .feed-search{width:100%}#feed #posts>.card{padding:23px 20px 17px}#feed #posts>.card>p{font-size:16px}#feed #posts>.card:before{right:21px}#feed .section-heading h2{font-size:28px}} /* Click-through conversations */ #feed #posts>.clickable-post{cursor:pointer;position:relative} #feed #posts>.clickable-post:hover{border-color:#c9a6b7;transform:translateY(-2px)} #feed #posts>.clickable-post:focus-visible{outline:3px solid #b98da3;outline-offset:3px} #feed #posts>.clickable-post.post-open{cursor:default;border-color:#d9bfca;box-shadow:0 9px 30px #54334512} #feed #posts .post-open-link{display:inline-flex;align-items:center;background:transparent;color:#875a70;font-size:12px;font-weight:700;padding:10px 13px 10px 0;margin-right:9px;border-radius:8px} #feed #posts .post-open-link:hover{background:#f9f0f4;padding-left:10px} #feed #posts>.clickable-post.post-open .post-open-link{display:none} /* Dedicated conversation page with a reversible feed state */ #feed.discussion-mode>.community-banner, #feed.discussion-mode>.section-heading, #feed.discussion-mode>.feed-tools, #feed.discussion-mode>.topic-filters, #feed.discussion-mode>.career-sort, #feed.discussion-mode>#posts{display:none!important} #feed .discussion-detail{max-width:790px;margin:0 auto;min-height:65vh;padding:10px 0 45px} #feed .discussion-back{background:transparent;border:0;color:#765266;padding:11px 0;font-size:13px;font-weight:700;margin-bottom:25px;border-radius:0} #feed .discussion-back:hover{text-decoration:underline;transform:none} #feed .discussion-label{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#aa8396;margin:0 0 16px} #feed .discussion-detail>.card{background:#fff;border:1px solid #e9dce2;border-radius:24px;padding:35px 38px;box-shadow:0 12px 38px #5137460c} #feed .discussion-detail>.card>p{font-size:clamp(18px,2.4vw,23px);font-weight:500;line-height:1.65;letter-spacing:-.4px;margin:19px 0 25px} #feed .discussion-detail .conversation-topic{display:inline-flex;background:#f8e9ef;color:#87576c;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:16px} #feed .discussion-detail .meta{color:#8d7783;font-size:12px} #feed .discussion-detail .post-open-link{display:none} #feed .discussion-detail .sample-replies{display:block!important;margin-top:25px;border-top:1px solid #eee2e7;padding-top:24px} #feed .discussion-detail .sample-replies .reply-entry{padding:10px 0 12px 28px;border-left:2px solid #eadce3;margin:0 0 14px} #feed .discussion-detail .sample-replies .reply-entry p{line-height:1.65;font-size:14px} #feed .discussion-detail .starter-reply-form{margin-top:24px} #feed .discussion-detail .card>button.text{border:0;background:#f8f0f4;color:#80586c;border-radius:999px;padding:10px 17px;font-size:12px;margin:5px 8px 5px 0} @media(max-width:600px){#feed .discussion-detail{padding:0 0 25px}#feed .discussion-detail>.card{padding:24px 20px;border-radius:18px}#feed .discussion-detail>.card>p{font-size:19px}#feed .discussion-back{margin-bottom:15px}} /* Slim, integrated community introduction — replace bulky promo panel */ #feed .community-banner{min-height:0;padding:22px 0 21px;margin:0 0 23px;background:transparent;color:#382c34;border-radius:0;border-bottom:1px solid #e8dde1;display:block;overflow:visible} #feed .community-banner:before,#feed .community-banner:after,#feed .banner-flower{display:none!important} #feed .community-banner>div:first-child{max-width:100%} #feed .community-banner-kicker{font-size:9px;letter-spacing:1.9px;color:#a27e90} #feed .community-banner h2{font-size:clamp(26px,3.5vw,36px);letter-spacing:-1.2px;line-height:1.2;margin:8px 0 6px;color:#3f303a;font-weight:650} #feed .community-banner h2 em{color:#a4778b;letter-spacing:-.9px;font-weight:500} #feed .community-banner p{font-size:13px;line-height:1.6;color:#86737d;max-width:650px} #feed .section-heading{margin-bottom:14px} @media(max-width:680px){#feed .community-banner{min-height:0;padding:16px 0 18px;margin-bottom:20px;border-radius:0}#feed .community-banner h2{font-size:28px;letter-spacing:-.9px}#feed .community-banner p{font-size:12px;max-width:100%}} /* Redesigned post detail: spacious, editorial, and conversation-first */ #feed .discussion-detail{max-width:850px;min-height:65vh;margin:0 auto;padding:0 0 65px} #feed .discussion-back{display:inline-flex;align-items:center;color:#7e6271;background:transparent;font-size:12px;font-weight:700;letter-spacing:.1px;padding:12px 0;margin:0 0 22px;border:0} #feed .discussion-header{padding:0 0 26px;border-bottom:1px solid #e9dfe2;margin-bottom:27px} #feed .discussion-eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;color:#a88695} #feed .discussion-header h2{font-family:'DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:-1.6px;font-size:clamp(31px,4vw,44px);line-height:1.12;margin:10px 0;color:#392e36} #feed .discussion-header p{color:#97828d;font-size:13px;line-height:1.6;margin:0} #feed .discussion-content{background:#fff;border:1px solid #eee4e8;border-radius:24px;box-shadow:0 8px 32px #51374609;overflow:hidden} #feed .discussion-content>.card{margin:0!important;padding:35px 39px 32px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;cursor:default!important} #feed .discussion-content>.card:before{display:none!important} #feed .discussion-content .conversation-topic{display:inline-flex;align-items:center;background:#f5eaf0;color:#875d70;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.2px;padding:8px 13px;margin-bottom:20px} #feed .discussion-content .meta{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#7e6c75;line-height:1.5} #feed .discussion-content .meta:before{content:'✦';display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee0e7;color:#92677a;font-size:15px;flex-shrink:0} #feed .discussion-content>.card>p{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(19px,2.4vw,23px);font-weight:500;letter-spacing:-.35px;line-height:1.7;color:#352b32;margin:25px 0 30px;white-space:pre-wrap;overflow-wrap:anywhere} #feed .discussion-content .post-open-link{display:none!important} #feed .discussion-content>.card>button.text{border:1px solid #ebdfe5;background:#fbf6f8;color:#7d5c6c;border-radius:999px;font-size:12px;font-weight:700;padding:10px 17px;margin:0 9px 0 0} #feed .discussion-content .sample-replies{border-top:1px solid #ede3e8;margin-top:29px;padding:28px 0 0;display:block!important} #feed .discussion-content .sample-replies .reply-entry{position:relative;margin:0 0 17px!important;padding:3px 0 12px 42px!important;border:0!important;border-bottom:1px solid #f3edf0!important;background:transparent} #feed .discussion-content .sample-replies .reply-entry:before{content:'↳';position:absolute;top:0;left:10px;font-size:20px;color:#b68a9e} #feed .discussion-content .sample-replies .reply-entry p{font-size:14px;line-height:1.7;color:#51434c;margin:0 0 5px} #feed .discussion-content .sample-replies .reply-entry strong{color:#765265} #feed .discussion-content .sample-replies .reply-entry button{background:transparent;border:0;padding:4px 0;font-size:11px;color:#9b7085} #feed .discussion-content .starter-reply-form{margin-top:26px;padding:20px;background:#fbf7f9;border:1px solid #f0e6eb;border-radius:16px} #feed .discussion-content .starter-reply-form textarea{width:100%;min-height:105px;border-radius:12px;background:white} #feed .discussion-content .starter-reply-form>button{border-radius:999px;padding:12px 20px} #feed .discussion-content .real-starter-replies{margin-top:10px} @media(max-width:650px){#feed .discussion-detail{padding:0 0 45px}#feed .discussion-back{margin-bottom:14px}#feed .discussion-header{padding-bottom:20px;margin-bottom:18px}#feed .discussion-header h2{font-size:32px}#feed .discussion-content{border-radius:18px}#feed .discussion-content>.card{padding:24px 20px 26px!important}#feed .discussion-content>.card>p{font-size:19px;margin:22px 0 25px}#feed .discussion-content .sample-replies{margin-top:24px;padding-top:22px}#feed .discussion-content .sample-replies .reply-entry{padding-left:30px!important}#feed .discussion-content .sample-replies .reply-entry:before{left:3px}#feed .discussion-content .starter-reply-form{padding:15px}} /* 2026 cohesive UI system — single final layer for community surfaces */ :root{--sister-ink:#382d35;--sister-plum:#65485a;--sister-rose:#a77a90;--sister-blush:#f7eef2;--sister-border:#eadfe4;--sister-radius:18px} .mobile-menu-toggle{display:none;background:#f6edf1;color:var(--sister-ink);border:1px solid var(--sister-border);font-size:20px;padding:8px 13px;border-radius:12px} #feed #posts>.card,#feed .discussion-content,#stories .card{border-radius:var(--sister-radius);border-color:var(--sister-border)} #feed #posts>.card .meta{font-weight:600;color:#826d79} #feed #posts>.card .meta:before{content:'✳';font-size:16px;background:linear-gradient(135deg,#f4dce7,#e9d8e1);color:#82566e} #feed .discussion-content .meta:before{content:'✳';font-size:17px} #feed .discussion-content .sample-replies .reply-entry{padding-left:0!important;border-bottom:1px solid #f1e9ed!important;margin-bottom:0!important;padding-top:16px!important;padding-bottom:15px!important} #feed .discussion-content .sample-replies .reply-entry:before{display:none} #feed .discussion-content .reply-author,#feed .sample-replies .reply-author{display:block;font-size:11px;letter-spacing:.1px;font-weight:700;color:#7b5c6d;margin-bottom:9px} #feed .discussion-content .sample-replies .reply-entry p{font-size:14px;line-height:1.7} #feed .discussion-content .member-reply{border-bottom:1px solid #f1e9ed;padding:17px 0} #feed .discussion-content .member-reply p{font-size:14px;line-height:1.7;color:#51434c;margin:0 0 7px} #feed .discussion-content .member-reply .text{background:transparent;color:#946f82;padding:6px 0;font-size:11px} #feed .discussion-content .sample-replies .reply-entry button.text{border:0!important;background:transparent!important;border-radius:0!important;padding:5px 0!important;font-size:11px} #feed .discussion-content .starter-reply-form{border:0;background:#f8f1f4;padding:21px;border-radius:17px} #feed .discussion-content .starter-reply-form textarea{background:white;border:1px solid #e8dce3;min-height:100px} #feed .discussion-content .starter-reply-form button[type=submit]{background:var(--sister-plum);border-radius:999px} #compose{width:min(94vw,570px);border-radius:23px;padding:34px;background:#fffdfd} #compose .compose-kicker{color:#a4778b;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:11px} #compose h2{font-family:'DM Sans',Arial,sans-serif;font-size:32px;letter-spacing:-1.3px;font-weight:700;margin:0 0 8px} #compose form>p{font-size:13px;line-height:1.7;margin-bottom:22px} #compose label{font-size:12px;font-weight:700;color:#735e6b} #compose select,#compose input{border-radius:12px;background:#fff} #compose .compose-body-label textarea{height:185px;min-height:145px;background:#fcf8fa;border:1px solid #eadce4;border-radius:15px;padding:18px;font-size:15px;line-height:1.6} #compose .memo-heading{font-size:10px;letter-spacing:1.5px;color:#9c798b;font-weight:700} #compose #voiceMemoOptions{padding:16px;background:#faf5f7;border:1px solid #f0e6eb;border-radius:15px;margin:18px 0} #compose button[type=submit]{background:var(--sister-plum);border-radius:999px} #stories{background:#fbf8f7!important;border:0!important;padding:28px!important;border-radius:22px!important} #stories .interview-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 25px;margin-top:25px} #stories .interview-heading .eyebrow{flex-basis:100%} #stories .interview-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-1.7px;margin:0} #stories .interview-heading-accent{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#aa8396} #stories #storyList{display:grid;gap:17px;margin-top:24px} #stories #storyList>.card{background:#fff;border:1px solid #eadfe4;border-radius:19px;box-shadow:0 6px 22px #51374609;padding:26px} #stories #storyList audio{width:100%;max-width:100%;margin-top:15px} #stories .interview-feature{border-radius:20px;overflow:hidden} #stories #shareStory{border-radius:999px} dialog:not(#compose){border-radius:20px} dialog button:not(.text){border-radius:999px} @media(max-width:760px){ header{position:relative;flex-wrap:wrap;gap:9px} .mobile-menu-toggle{display:inline-flex;margin-left:auto;align-items:center;justify-content:center} header .header-actions{display:none;width:100%;flex-direction:column;align-items:stretch;padding:10px 0 5px;border-top:1px solid var(--sister-border);gap:7px} header .header-actions.menu-open{display:flex} header .header-actions button{max-width:none!important;width:100%;text-align:center;padding:12px 14px!important;font-size:12px} #stories{padding:17px!important} #compose{padding:24px 20px} #compose h2{font-size:27px} #feed .discussion-content .starter-reply-form{padding:16px} } /* Focused reading mode: remove decorative wallpaper and side gutters only in post view */ body:has(#feed.discussion-mode){background:#fcfaf8!important;background-image:none!important;background-attachment:scroll!important} body:has(#feed.discussion-mode)::before,body:has(#feed.discussion-mode)::after{display:none!important;background-image:none!important} body:has(#feed.discussion-mode) main{background:#fcfaf8!important;box-shadow:none!important;border:0!important;max-width:100%!important;margin:0 auto!important} body:has(#feed.discussion-mode) #feed{max-width:900px;margin:0 auto} body:has(#feed.discussion-mode) .community-intro, body:has(#feed.discussion-mode) .photo-notes, body:has(#feed.discussion-mode) .editorial-divider, body:has(#feed.discussion-mode) main>nav{display:none!important} body:has(#feed.discussion-mode) header{background:#fcfaf8} #feed .discussion-detail{max-width:790px} @media(max-width:760px){body:has(#feed.discussion-mode) main{padding:0 16px 45px!important;margin:0 auto!important}body:has(#feed.discussion-mode) #feed{max-width:100%}} /* Updated stripe wallpaper inspired by the supplied blue-and-cream hand-painted fabric */ body:not(:has(#feed.discussion-mode)){background-color:#a0b8bb!important;background-image:repeating-linear-gradient(90deg,#93afb5 0 18%,#f6ead8 18% 25%,#a44f4b 25% 26.1%,#f6ead8 26.1% 32%,#93afb5 32% 50%)!important;background-size:490px 100%!important;background-repeat:repeat!important;background-attachment:fixed!important} @media(max-width:760px){body:not(:has(#feed.discussion-mode)){background-size:260px 100%!important}} /* Desktop: keep the striped wallpaper as a narrow edge detail, not large side panels */ @media(min-width:1100px){ main{max-width:calc(100% - 112px)!important;width:calc(100% - 112px)!important;margin-left:auto!important;margin-right:auto!important} } @media(min-width:1600px){ main{max-width:1488px!important;width:calc(100% - 112px)!important} } /* Editorial refinement: wide page, comfortable reading width, quieter conversation cards */ @media(min-width:1100px){ main{max-width:calc(100% - 112px)!important;width:calc(100% - 112px)!important} #feed:not(.discussion-mode){max-width:1000px;margin-left:auto;margin-right:auto} #stories{max-width:1000px;margin-left:auto;margin-right:auto} main>nav{max-width:1000px;margin-left:auto;margin-right:auto} .community-intro,.photo-notes,.editorial-divider{max-width:1220px;margin-left:auto;margin-right:auto} } @media(min-width:1600px){ main{max-width:1488px!important;width:calc(100% - 112px)!important} } :root{--editorial-title:'Georgia','Times New Roman',serif;--interface-font:'DM Sans',Arial,sans-serif} .community-intro h1,.community-banner h2,#stories .interview-heading h2{font-family:var(--editorial-title)!important;font-weight:400!important;letter-spacing:-1.4px!important} #feed .section-heading h2,#feed .discussion-header h2{font-family:var(--editorial-title)!important;font-weight:400!important;letter-spacing:-1px!important} #feed .section-heading h2{font-size:clamp(30px,3vw,39px)} #feed .discussion-header h2{font-size:clamp(32px,3.5vw,43px)} #feed .community-banner h2{font-size:clamp(26px,3vw,34px)} #feed .section-heading p,#feed .community-banner p,#stories>p{font-family:var(--interface-font);font-size:13px;line-height:1.65} #feed .eyebrow,#feed .community-banner-kicker,#stories .eyebrow{font-family:var(--interface-font);font-size:10px;letter-spacing:1.6px} #feed #posts>.card{padding:26px 30px 21px!important;border:1px solid #e9dfe4!important;box-shadow:0 2px 13px #52354708!important;transition:border-color .18s,box-shadow .18s!important;transform:none!important} #feed #posts>.card:hover{transform:none!important;border-color:#d8c2cc!important;box-shadow:0 7px 20px #5235470d!important} #feed #posts>.card:before{display:none!important} #feed #posts>.card .conversation-topic{font-size:10px!important;letter-spacing:.3px!important;border-radius:999px!important;padding:6px 11px!important;margin-bottom:12px!important} #feed #posts>.card .meta{display:flex;align-items:center;gap:9px;font-size:11px!important;font-weight:600!important;color:#887581!important} #feed #posts>.card .meta:before{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#f3e6ec;color:#9c7286;font-size:14px} #feed #posts>.card>p{font-size:16px!important;line-height:1.75!important;font-weight:450!important;letter-spacing:-.1px!important;color:#423640!important;margin:18px 0 21px!important} #feed #posts>.card>.post-open-link{font-size:12px!important;font-weight:700!important;color:#80586c!important;padding:9px 13px!important;margin:0 8px 0 0!important;border-radius:999px!important;background:#f7edf2!important} #feed #posts>.card>.post-open-link:hover{background:#eddee6!important} #feed #posts>.card>button.text{background:transparent!important;border:0!important;border-radius:999px!important;font-size:11px!important;font-weight:600!important;color:#9a7b8a!important;padding:9px 11px!important;margin:0 4px 0 0!important} #feed #posts>.card>button.text:hover{background:#faf4f7!important;color:#76566a!important} #feed #posts>.card>.sample-replies{border-top:1px solid #f0e6eb;margin-top:17px} #feed .discussion-content>.card>p{font-size:clamp(19px,2.2vw,22px)!important;line-height:1.75!important} @media(max-width:760px){ #feed #posts>.card{padding:22px 20px 18px!important} #feed #posts>.card>p{font-size:15px!important} #feed #posts>.card>.post-open-link{margin-bottom:4px!important} #feed .section-heading h2{font-size:31px} } /* Calm neutral desktop surround: narrow margins, no patterned wallpaper */ body:not(:has(#feed.discussion-mode)){background:#e9e1df!important;background-image:none!important;background-size:auto!important;background-attachment:scroll!important} @media(min-width:1100px){ main{width:calc(100% - 44px)!important;max-width:none!important;margin-left:22px!important;margin-right:22px!important} #feed:not(.discussion-mode){max-width:1000px;margin-left:auto;margin-right:auto} #stories{max-width:1000px;margin-left:auto;margin-right:auto} main>nav{max-width:1000px;margin-left:auto;margin-right:auto} } @media(min-width:1600px){ main{width:calc(100% - 44px)!important;max-width:none!important;margin-left:22px!important;margin-right:22px!important} } @media(min-width:761px) and (max-width:1099px){ main{width:calc(100% - 32px)!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important} } /* Restore original generous desktop side borders, keeping the calm neutral background */ @media(min-width:1100px){ main{width:calc(100% - 112px)!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important} } @media(min-width:1600px){ main{width:calc(100% - 112px)!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important} } @media(min-width:761px) and (max-width:1099px){ main{width:calc(100% - 80px)!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important} } /* Portrait-friendly photo triptych: preserve heads and upper portions of portraits */ .photo-notes{height:260px!important;overflow:hidden!important} .photo-note-one{background-position:center 18%!important} .photo-note-two{background-position:center 12%!important} .photo-note-three{background-position:center 15%!important} @media(max-width:760px){ .photo-notes{height:155px!important} .photo-note-one{background-position:center 12%!important} .photo-note-two{background-position:center 10%!important} .photo-note-three{background-position:center 12%!important} } /* Subtle, contemporary movement throughout the community */ @keyframes sister-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}} @keyframes sister-photo-in{from{opacity:.7;transform:scale(1.045)}to{opacity:1;transform:scale(1)}} @keyframes sister-soft-glow{0%,100%{box-shadow:0 6px 24px #875b6b12}50%{box-shadow:0 10px 32px #875b6b24}} @media(prefers-reduced-motion:no-preference){ .community-intro{animation:sister-enter .7s cubic-bezier(.2,.7,.2,1) both} .community-intro h1{animation:sister-enter .7s .12s cubic-bezier(.2,.7,.2,1) both} .photo-notes{animation:sister-enter .7s .2s ease both} .photo-note{animation:sister-photo-in 1s ease both;transition:filter .4s ease,background-size .5s ease,transform .45s ease!important;transform-origin:center} .photo-note:hover{transform:scale(1.025);filter:brightness(1.05)!important;z-index:1} #feed #posts>.card{animation:sister-enter .55s ease both} #feed #posts>.card:nth-child(2){animation-delay:.07s} #feed #posts>.card:nth-child(3){animation-delay:.14s} #feed #posts>.card:nth-child(4){animation-delay:.21s} #feed #posts>.card:nth-child(5){animation-delay:.28s} #feed #posts>.card:hover{transform:translateY(-3px)!important;box-shadow:0 13px 30px #52354716!important} .intro-art{overflow:hidden;animation:sister-photo-in .9s ease both;transition:filter .45s ease!important} .intro-art:hover{filter:brightness(1.035)} button,.filter,.post-open-link{transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important} button:not(:disabled):hover{transform:translateY(-1px)} button:not(:disabled):active{transform:translateY(0) scale(.985)} .interview-feature,.interview-photo{transition:box-shadow .3s ease,filter .4s ease!important} .interview-feature:hover{box-shadow:0 12px 30px #76566a1c} .interview-feature:hover .interview-photo{filter:saturate(.8) brightness(1.05)} } @media(prefers-reduced-motion:reduce){ .community-intro,.community-intro h1,.photo-notes,.photo-note,#feed #posts>.card,.intro-art{animation:none!important;transition:none!important} } /* Layered editorial motion: scroll reveals, gentle accents, and tactile details */ @keyframes sister-sheen{0%{background-position:150% center}100%{background-position:-80% center}} @keyframes sister-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-1deg)}} @keyframes sister-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(prefers-reduced-motion:no-preference){ .sister-reveal{opacity:0;transform:translateY(30px);filter:blur(3px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease} .sister-reveal.sister-visible{opacity:1;transform:translateY(0);filter:blur(0)} .photo-notes .photo-note{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease!important} .photo-notes:hover .photo-note:not(:hover){filter:saturate(.72) brightness(.97)!important} .photo-notes .photo-note:hover{transform:scale(1.045)!important;filter:saturate(1.06)!important} .intro-note{animation:sister-float 6s ease-in-out infinite} .editorial-divider span:first-child{position:relative} .editorial-divider span:first-child:after{content:'';display:block;height:1px;background:currentColor;opacity:.45;transform-origin:left;animation:sister-underline 1.2s .4s ease both} #feed .filter{transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease!important} #feed .filter:hover{transform:translateY(-2px)!important;box-shadow:0 5px 14px #80586c12} #feed .filter.active{box-shadow:0 3px 12px #80586c18} #feed #posts>.card .conversation-topic{transition:background .3s ease,transform .3s ease!important} #feed #posts>.card:hover .conversation-topic{transform:translateX(3px)} .interview-feature:hover .interview-photo{transform:scale(1.018)} .interview-photo{transition:transform .6s ease,filter .6s ease!important} a{transition:color .2s ease,opacity .2s ease} } @media(prefers-reduced-motion:reduce){.sister-reveal{opacity:1!important;transform:none!important;filter:none!important}.intro-note{animation:none!important}} /* Soft editorial aura: sophisticated animated wallpaper around the centered page */ body:not(:has(#feed.discussion-mode)){ background-color:#e9dce0!important; background-image: radial-gradient(ellipse 55% 65% at 8% 16%,#d9bfc9b8 0%,transparent 75%), radial-gradient(ellipse 45% 60% at 94% 74%,#aabbb9b0 0%,transparent 75%), radial-gradient(ellipse 40% 50% at 80% 8%,#e9c9b9a8 0%,transparent 78%), linear-gradient(135deg,#e9dce0 0%,#f1e5dc 48%,#d7e2df 100%)!important; background-size:130% 130%,130% 130%,130% 130%,100% 100%!important; background-repeat:no-repeat!important; background-attachment:fixed!important; } @keyframes sister-wallpaper-drift{ 0%,100%{background-position:0% 5%,100% 95%,95% 0%,center} 50%{background-position:15% 25%,80% 75%,75% 18%,center} } @media(prefers-reduced-motion:no-preference) and (min-width:761px){ body:not(:has(#feed.discussion-mode)){animation:sister-wallpaper-drift 22s ease-in-out infinite!important} } @media(max-width:760px){ body:not(:has(#feed.discussion-mode)){background-attachment:scroll!important;background-size:160% 100%,160% 100%,160% 100%,100% 100%!important} } @media(prefers-reduced-motion:reduce){body:not(:has(#feed.discussion-mode)){animation:none!important}} /* Floral wallpaper preview: cream botanical image chosen by site owner */ body:not(:has(#feed.discussion-mode)){ background-color:#eee5d8!important; background-image:linear-gradient(#f7efe416,#f7efe416),url('https://i.pinimg.com/236x/7d/c7/87/7dc7876954af862d556b78aa7e7640c4.jpg')!important; background-repeat:repeat!important; background-position:center top!important; background-size:auto,260px auto!important; background-attachment:fixed!important; animation:none!important; } @media(max-width:760px){ body:not(:has(#feed.discussion-mode)){ background-size:auto,175px auto!important; background-attachment:scroll!important; } } /* Owner-selected watercolor botanicals — hosted locally rather than hotlinked */ body:not(:has(#feed.discussion-mode)){ background-color:#ece9dd!important; background-image:url('/images/soft-botanical-wallpaper.svg')!important; background-size:320px auto!important; background-position:center top!important; background-repeat:repeat!important; background-attachment:fixed!important; animation:none!important; } @media(max-width:760px){ body:not(:has(#feed.discussion-mode)){ background-size:200px auto!important; background-attachment:scroll!important; } }