:root{--social-radius:18px;--social-gap:20px;--social-shadow:0 24px 80px -28px #231a2266}body.modal-open{overflow:hidden}.brand-grid{display:block}.brand-stories{gap:10px;padding-bottom:40px}.client-chip{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:40px;border:1px solid #d2c2b7;background:#f9f4ee;font-size:13px;transition:background .25s}.client-chip>img{height:32px;width:32px;object-fit:contain;border-radius:50%;background:white;padding:4px}.client-chip:hover{background:#eadbd2}.project-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);align-items:center;gap:7%;margin:0 0 100px;position:relative}.project-card:nth-child(even){grid-template-columns:minmax(270px,1fr) minmax(0,1.5fr)}.project-card:nth-child(even) .project-visual{order:2}.project-card:nth-child(even) .project-description{padding-left:5%;padding-right:0}.project-visual{height:470px;border-radius:22px;position:relative;display:block;background:var(--world);overflow:hidden;transform:translate3d(var(--flow-x,0px),0,0);transition:box-shadow .5s;isolation:isolate}.project-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff20,transparent 40%,#00000022);z-index:-1}.project-artwork{height:100%;width:100%;perspective:1000px;display:flex;align-items:center;justify-content:center}.project-artwork img{width:44%;height:83%;object-fit:contain;filter:drop-shadow(12px 18px 12px #0003);transform:translateX(-30px) rotate(-9deg);transition:transform .85s var(--ease)}.project-artwork img+img{position:absolute;left:44%;top:14%;transform:rotate(10deg);height:80%;width:44%}.project-visual:hover .project-artwork img:first-child{transform:translate(-45px,-5px) rotate(-13deg)}.project-visual:hover .project-artwork img+img{transform:translate(8px,-8px) rotate(6deg)}.project-mahmya .project-visual{background:#81b7bb}.project-beefbar .project-visual{background:#5a302c}.project-petitbebe .project-visual{background:#dbc2c7}.project-crescent .project-visual{background:#7e99b9}.project-betterhouse .project-visual{background:#b0a18c}.project-stfatima .project-visual{background:#bbc8b0}.project-open{position:absolute;right:20px;bottom:20px;height:47px;width:47px;border-radius:50%;background:#fff9f0e8;display:grid;place-items:center;border:1px solid #fff9}.project-open svg{width:21px;height:21px}.client-logo{height:66px;width:100px;display:flex;align-items:center;justify-content:center;margin-bottom:27px;background:white;border-radius:9px;padding:10px}.client-logo>img{width:100%;height:100%;object-fit:contain}.project-description h3{font-size:clamp(27px,3vw,43px);letter-spacing:-.035em;line-height:1.08;margin-bottom:18px}.project-description>p{font-size:15px;color:#665248;line-height:1.65;max-width:330px}.project-formats{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#745c4d;margin-top:22px}.project-link{display:inline-flex;gap:18px;align-items:center;margin-top:28px;border-bottom:1px solid #9e8470;padding-bottom:8px;font-size:13px}.project-link svg{width:16px}.project-card.motion-ready .project-description{opacity:.35;transform:translateX(calc(var(--direction)*35px));transition:transform 1s var(--ease),opacity 1s var(--ease)}.project-card.is-visible .project-description{opacity:1;transform:none}.project-visual:hover{box-shadow:0 24px 50px -35px #50382c80}
/* Client accounts: a familiar profile, highlights, and a clean social grid. */
.social-world{padding:110px 6% 75px;background:var(--world-bg);color:var(--world-ink);min-height:100dvh}.account-breadcrumb{max-width:1070px;margin:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid color-mix(in srgb,var(--world-ink) 18%,transparent);padding:20px 0}.account-breadcrumb a{display:inline-flex;align-items:center;gap:5px;min-height:34px}.account-breadcrumb svg{width:15px;height:15px}.account-breadcrumb>span{opacity:.65}.account-profile{max-width:1010px;margin:55px auto 35px;display:grid;grid-template-columns:200px 1fr;gap:55px;align-items:center}.account-avatar{height:174px;width:174px;border-radius:50%;background:linear-gradient(130deg,#bc5975,#dfb07a);border:0;padding:5px;box-shadow:0 6px 25px -16px #43292e66}.account-avatar>img{height:100%;width:100%;border-radius:50%;padding:25px;background:#fff;object-fit:contain;border:5px solid var(--world-bg)}.account-identity{min-width:0}.account-name{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:24px}.account-name h1{font:400 clamp(24px,3.1vw,40px)/1.1 'Inter Tight',sans-serif;letter-spacing:-.025em}.account-contact{font-size:12px;padding:9px 15px;border-radius:8px;background:var(--world-ink);color:var(--world-bg);display:inline-flex;gap:10px;align-items:center}.account-contact svg{width:12px;height:12px}.account-counts{display:flex;gap:30px;font-size:14px;margin-bottom:22px}.account-counts b{font-weight:600;margin-right:4px}.account-category{font-size:13px;font-weight:500;margin-bottom:6px}.account-bio{max-width:580px;font-size:14px;line-height:1.6;opacity:.88}.account-credit{font-size:12px;margin-top:11px;opacity:.7}.highlights-row{display:flex;gap:26px;max-width:1040px;margin:0 auto 32px;padding:10px 15px 12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--world-ink) 25%,transparent) transparent}.highlight-button{background:none;border:0;flex-shrink:0;width:99px;display:flex;flex-direction:column;align-items:center;text-align:center;color:inherit;padding:0}.highlight-ring{padding:3px;width:88px;height:88px;border:1px solid color-mix(in srgb,var(--world-ink) 35%,transparent);border-radius:50%;transition:transform .3s,background .3s}.highlight-ring>span{height:100%;width:100%;background:#fff;display:grid;place-items:center;border-radius:50%;overflow:hidden}.highlight-ring img{height:100%;width:100%;object-fit:cover}.highlight-button:hover .highlight-ring{transform:translateY(-4px);background:color-mix(in srgb,var(--world-ink) 15%,transparent)}.highlight-button strong{font-size:12px;font-weight:500;line-height:1.3;margin:10px 0 3px;max-width:95px}.highlight-button small{font-size:10px;opacity:.65}.account-strategy{max-width:1040px;margin:0 auto 25px;border:1px solid color-mix(in srgb,var(--world-ink) 18%,transparent);border-radius:10px;font-size:13px}.account-strategy summary{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.account-strategy summary::-webkit-details-marker{display:none}.account-strategy summary svg{width:16px;height:16px;transition:transform .3s}.account-strategy[open] summary svg{transform:rotate(90deg)}.account-strategy>div{padding:4px 20px 23px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.account-strategy p{line-height:1.65;opacity:.85}.account-strategy h2{font-size:14px;letter-spacing:0;margin-bottom:8px;font-weight:500}.account-feedbar{max-width:1070px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid color-mix(in srgb,var(--world-ink) 18%,transparent);margin-bottom:20px;gap:20px}.account-tabs{display:flex;gap:25px}.account-tabs button{display:flex;align-items:center;gap:7px;background:none;border:0;border-top:2px solid transparent;color:inherit;padding:17px 0 10px;font-size:12px;opacity:.6;min-height:51px}.account-tabs button[aria-selected=true]{border-color:currentColor;opacity:1}.account-tabs svg{height:15px;width:15px}.layout-switch{display:flex;gap:5px;padding-top:7px}.layout-switch button{border:0;background:none;color:inherit;padding:9px;border-radius:7px;height:37px;width:37px;opacity:.5}.layout-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--world-ink) 10%,transparent);opacity:1}.layout-switch svg{height:17px;width:17px}.account-grid{max-width:1070px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.account-tile{display:block;border:0;aspect-ratio:4/5;position:relative;padding:0;background:color-mix(in srgb,var(--world-bg) 95%,black);color:white;overflow:hidden;border-radius:3px}.account-tile>img{width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease);background:#fff}.account-tile:hover>img{transform:scale(1.025)}.tile-format{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;color:white;filter:drop-shadow(0 2px 3px #0009)}.tile-format svg{width:21px;height:21px;stroke-width:1.8}.tile-format b{font-size:11px;font-weight:500}.tile-caption{position:absolute;inset:auto 0 0;padding:44px 18px 18px;background:linear-gradient(transparent,#15131dd9);opacity:0;transform:translateY(8px);transition:.35s;text-align:left;pointer-events:none}.tile-caption strong{font-size:11px;display:block;margin-bottom:6px;font-weight:500}.tile-caption>span{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.account-tile:hover .tile-caption,.account-tile:focus-visible .tile-caption{opacity:1;transform:none}.account-tile:focus-visible{outline-offset:-5px}.account-end{text-align:center;font-size:13px;opacity:.65;margin:50px 0 25px}.other-clients{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.other-clients a{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid color-mix(in srgb,var(--world-ink) 20%,transparent);padding:7px 13px 7px 7px;border-radius:30px}.other-clients img{width:28px;height:28px;background:white;border-radius:50%;object-fit:contain;padding:4px}.reading-feed{display:block;max-width:670px}.reading-post{margin-bottom:30px;border:1px solid color-mix(in srgb,var(--world-ink) 18%,transparent);border-radius:12px;overflow:hidden}.reading-post-head{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:12px}.reading-post-head>img{width:34px;height:34px;background:white;border-radius:50%;padding:4px;object-fit:contain}.reading-post-head strong{display:block;font-weight:500}.reading-post-head small{font-size:11px;display:block;opacity:.7;margin-top:2px}.reading-post-head>span{margin-left:auto;font-size:11px;opacity:.75}.reading-post-art{display:block;border:0;background:#fff;width:100%;position:relative;padding:0}.reading-post-art>img{max-height:700px;width:100%;object-fit:contain;display:block}.play-disc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60px;width:60px;border-radius:50%;display:grid;place-items:center;background:#fff9;color:#252329;backdrop-filter:blur(10px)}.play-disc svg{height:26px;width:26px}.reading-carousel-count{position:absolute;right:15px;top:15px;display:flex;align-items:center;gap:6px;border-radius:30px;padding:7px 11px;background:#252329aa;color:white;font-size:12px}.reading-carousel-count svg{height:15px;width:15px}.social-actions{display:flex;align-items:center;padding:8px 11px;gap:3px}.icon-control{height:42px;min-width:40px;border:0;background:none;color:inherit;display:grid;place-items:center;border-radius:8px;transition:background .2s}.icon-control:hover{background:#8a728015}.icon-control svg{height:23px;width:23px;stroke-width:1.6}.icon-control.liked{color:#b44864}.icon-control.liked svg{fill:#b44864}.save-control{margin-left:auto}.save-control.saved svg{fill:currentColor}.reading-caption{padding:0 18px 15px;font-size:14px;line-height:1.7}.reading-caption p{margin:0 0 8px;overflow-wrap:anywhere}.read-creative{margin:0 18px 18px;background:none;border:0;color:inherit;display:flex;align-items:center;gap:10px;font-size:12px;padding:7px 0}.read-creative svg{width:14px}.feed-empty{padding:90px 20px;text-align:center;grid-column:1/-1}.feed-empty>svg{width:35px;height:35px;margin:0 auto 20px;display:block}.feed-empty h2{font-size:27px;margin-bottom:14px}.feed-empty p{font-size:14px;max-width:350px;margin:0 auto 25px;opacity:.7}.feed-empty button{border:0;background:var(--world-ink);color:var(--world-bg);padding:12px 20px;border-radius:30px;font-size:13px}
/* Explicit viewport centering fixes the reset overriding the native dialog margin. */
#post-dialog[open],#story-dialog[open]{position:fixed;inset:auto;margin:0;top:50%;left:50%;transform:translate(-50%,-50%);border:0;padding:0;box-shadow:var(--social-shadow);overflow:hidden}#post-dialog[open]{width:min(1130px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);background:#fffaf5;border-radius:16px;color:#302424}#post-dialog::backdrop,#story-dialog::backdrop{background:#15131bd6;backdrop-filter:blur(12px)}.post-window-top{display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid #e6d9d1;background:#fffaf5;min-height:68px}.post-window-top>img{height:36px;width:36px;object-fit:contain;background:#fff;border:1px solid #eee3dc;border-radius:50%;padding:4px}.post-window-top strong{display:block;font-weight:500;font-size:14px}.post-window-top span{display:block;font-size:11px;color:#876c63;margin-top:2px}.dialog-close{display:grid;place-items:center;background:#f0e7e0;border:0;border-radius:50%;height:40px;min-width:40px;margin-left:auto}.dialog-close svg{width:19px;height:19px}.post-window-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);height:min(700px,76dvh);min-height:0}.post-viewer{background:#eee7e2;display:grid;grid-template-rows:minmax(0,1fr) 58px;min-height:0;overflow:hidden}.post-media{display:flex;align-items:center;justify-content:center;min-height:0;position:relative;overflow:hidden;touch-action:pan-y}.post-media>img,.post-media>video{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;display:block}.post-carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;border-top:1px solid #c8bdb54a}.post-carousel-controls>button{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;background:#fff9f1d9;border:0;border-radius:50%;color:#49372e}.post-carousel-controls>button:disabled{opacity:.25;cursor:default}.post-carousel-controls>button svg{height:18px;width:18px}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:0;max-width:62%;overflow:auto;scrollbar-width:none}.carousel-dots button{height:30px;width:19px;flex-shrink:0;border:0;background:none;display:grid;place-items:center}.carousel-dots button span{width:5px;height:5px;border-radius:50%;background:#bdb1a7}.carousel-dots button[aria-current=true] span{background:#a64f6c;transform:scale(1.35)}.slide-counter{font-size:11px;white-space:nowrap;min-width:29px;font-variant-numeric:tabular-nums;color:#70584c}.single-format{font-size:12px;color:#7b6558}.post-writing{display:flex;flex-direction:column;min-height:0;border-left:1px solid #e6d9d1}.post-writing-tabs{display:flex;align-items:center;gap:17px;padding:0 24px;border-bottom:1px solid #e6d9d1;flex-shrink:0}.post-writing-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:17px 0 13px;font-size:12px;color:#987d71}.post-writing-tabs button[aria-selected=true]{border-color:#a64f6c;color:#302424}.post-writing-body{padding:25px;overflow:auto;min-height:0;flex:1;font-size:15px;line-height:1.8;overscroll-behavior:contain}.post-writing-body p{margin-bottom:13px;overflow-wrap:anywhere}.post-writing-body h2{font-size:23px;line-height:1.2;margin-bottom:17px}.post-writing-body h3{font-size:13px;letter-spacing:0;font-weight:600;margin:25px 0 10px}.post-writing-body .source-note{font-size:11px;color:#8b7367;margin-top:30px}.post-writing .social-actions{padding:6px 15px;border-top:1px solid #e6d9d1}.post-file-links{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 18px;gap:15px;font-size:11px;color:#755d52;flex-shrink:0}.post-file-links button,.post-file-links a{border:0;background:none;display:flex;align-items:center;gap:7px;color:inherit;min-height:28px;font:inherit}.post-file-links svg{width:13px;height:13px}
/* Story theatre: source artwork stays whole inside a portrait frame. */
#story-dialog[open]{width:min(450px,calc(100vw - 24px));height:min(840px,calc(100dvh - 24px));max-height:none;max-width:none;background:#121218;border-radius:18px;color:white}.story-shell{width:100%;height:100%;position:relative;background:#121218}.story-progress{display:flex;gap:4px;position:absolute;left:12px;right:12px;top:11px;height:3px;z-index:5}.story-segment{height:3px;flex:1;min-width:0;border-radius:5px;overflow:hidden;background:#ffffff45}.story-segment i{display:block;width:100%;height:100%;background:#fff;transform-origin:left center}.story-heading{position:absolute;top:21px;left:12px;right:10px;display:flex;gap:8px;align-items:center;z-index:5;height:43px}.story-heading>img{width:31px;height:31px;object-fit:contain;background:white;border-radius:50%;padding:4px;flex-shrink:0}.story-heading>div{min-width:0;flex:1}.story-heading strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.story-heading span{display:block;font-size:10px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-heading button{border:0;background:none;color:white;display:grid;place-items:center;height:35px;min-width:31px}.story-heading svg{width:17px;height:17px}.story-screen{position:absolute;inset:72px 0 54px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.story-screen>img,.story-screen>video{display:block;width:100%;height:100%;object-fit:contain}.story-tap{background:transparent;border:0;position:absolute;top:0;bottom:0;z-index:3}.story-tap.previous{left:0;width:35%}.story-tap.next{left:35%;right:0}.story-tap:focus-visible{outline:2px solid #fff8;outline-offset:-4px}.story-footer{position:absolute;bottom:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;font-size:10px;color:#c9c1ce;z-index:5}.story-footer>div{display:flex;gap:3px}.story-footer button{background:none;border:0;color:white;font-size:11px;min-height:38px;min-width:31px;display:inline-grid;place-items:center}.story-footer svg{width:16px;height:16px}.story-footer #story-view-post{padding:0 10px;border:1px solid #ffffff40;border-radius:30px;min-height:29px}.story-footer>span{white-space:nowrap}.toast{z-index:1000}
@media(max-width:1000px){.project-card{gap:6%;margin-bottom:75px;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}.project-card:nth-child(even){grid-template-columns:minmax(240px,1fr) minmax(0,1.2fr)}.project-visual{height:390px}.project-description h3{font-size:31px}.project-description>p{font-size:14px}.client-logo{height:54px;width:85px;margin-bottom:20px}.project-formats{gap:7px 12px;font-size:11px}.account-profile{grid-template-columns:160px 1fr;gap:25px;margin-top:40px}.account-avatar{height:140px;width:140px}.account-name{gap:15px}.account-counts{gap:23px}.account-strategy>div{grid-template-columns:1fr 1fr}.account-strategy>div>p{grid-column:span 2}.post-window-body{grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr)}.post-writing-tabs{gap:14px;padding-inline:18px}.post-writing-body{padding:20px;font-size:14px}}
@media(max-width:650px){.brand-stories{margin-right:-5vw;padding-bottom:30px}.client-chip{font-size:11px;white-space:nowrap;flex-shrink:0;padding:7px 12px 7px 7px;gap:7px}.client-chip>img{height:27px;width:27px}.project-card,.project-card:nth-child(even){display:flex;flex-direction:column;gap:24px;margin-bottom:65px;align-items:stretch}.project-card:nth-child(even) .project-visual{order:0}.project-card:nth-child(even) .project-description{padding-left:0}.project-visual{height:370px;width:100%;border-radius:17px;transform:none!important}.project-description{padding:0 6px}.client-logo{float:right;margin:0 0 15px 18px;width:76px;height:49px}.project-description h3{font-size:29px;max-width:250px;margin-bottom:13px}.project-description>p{font-size:14px;max-width:none}.project-formats{margin-top:16px}.project-link{margin-top:20px;font-size:13px}.project-open{height:42px;width:42px;right:15px;bottom:15px}.project-card.motion-ready .project-description{transform:translateY(15px)}.project-card.is-visible .project-description{transform:none}.social-world{padding:89px 0 55px}.account-breadcrumb{font-size:11px;padding:12px 16px}.account-breadcrumb>span{display:none}.account-breadcrumb a{min-height:32px}.account-profile{grid-template-columns:85px 1fr;gap:18px;padding:0 17px;margin:30px auto 22px;align-items:start}.account-avatar{height:84px;width:84px;padding:3px;margin-top:3px}.account-avatar>img{padding:12px;border-width:3px}.account-name{display:block;margin-bottom:18px}.account-name h1{font-size:24px;line-height:1.15}.account-contact{font-size:10px;padding:7px 10px;margin-top:12px;border-radius:6px;gap:7px}.account-contact svg{width:11px;height:11px}.account-counts{gap:17px;font-size:11px;flex-wrap:wrap;margin-bottom:15px}.account-counts b{display:block;margin:0 0 1px;font-size:15px}.account-category{font-size:11px}.account-bio{font-size:12px;line-height:1.65}.account-credit{font-size:10px;line-height:1.5;margin-top:9px}.highlights-row{gap:12px;padding:8px 14px 16px;margin-bottom:12px}.highlight-button{width:76px}.highlight-ring{width:67px;height:67px;padding:2px}.highlight-button strong{font-size:10px;max-width:76px;margin-top:8px;line-height:1.35}.highlight-button small{font-size:9px}.account-strategy{margin:0 14px 25px;border-radius:8px}.account-strategy summary{font-size:11px;padding:12px 14px}.account-strategy>div{padding:0 15px 18px;gap:20px;font-size:12px}.account-strategy h2{font-size:12px}.account-feedbar{padding-inline:12px;gap:8px;margin-bottom:8px}.account-tabs{gap:18px}.account-tabs button{gap:4px;font-size:10px;padding-top:14px;min-height:49px}.account-tabs button span{display:none}.account-tabs svg{height:20px;width:20px}.layout-switch{gap:0}.layout-switch button{height:36px;width:34px;padding:8px}.layout-switch svg{width:16px;height:16px}.account-grid{gap:3px;padding:0 3px}.account-tile{border-radius:0}.tile-format{top:7px;right:7px;gap:3px}.tile-format svg{height:16px;width:16px}.tile-format b{font-size:9px}.tile-caption{display:none}.account-end{font-size:11px;margin:35px 20px 25px}.other-clients{gap:7px;padding-inline:12px}.other-clients a{font-size:10px;padding:6px 10px 6px 6px;gap:5px}.other-clients img{width:24px;height:24px}.reading-feed{padding:0 10px}.reading-post{border-radius:9px;margin-bottom:22px}.reading-post-head{padding:12px;font-size:11px}.reading-post-head>span{font-size:10px}.reading-post-head small{font-size:10px}.reading-caption{font-size:13px;padding:0 15px 8px}.read-creative{font-size:11px;margin-left:15px}.social-actions{padding:5px 10px}.icon-control{height:40px;min-width:37px}.icon-control svg{width:22px;height:22px}.feed-empty{padding:65px 20px}.feed-empty h2{font-size:25px}.feed-empty p{font-size:13px}#post-dialog[open]{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:13px;overflow:auto}.post-window-top{padding:10px 12px;min-height:61px;position:sticky;top:0;z-index:5}.post-window-top>img{height:32px;width:32px}.post-window-top strong{font-size:12px}.post-window-top span{font-size:10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-close{height:36px;min-width:36px}.post-window-body{display:block;height:auto}.post-viewer{height:52dvh;grid-template-rows:minmax(0,1fr) 51px}.post-media{background:#eee7e2}.post-carousel-controls{gap:8px;padding:5px 9px}.post-carousel-controls>button{height:36px;width:36px}.carousel-dots{max-width:53%}.carousel-dots button{width:15px}.slide-counter{font-size:10px}.post-writing{border-left:0}.post-writing-tabs{padding-inline:19px;gap:21px}.post-writing-tabs button{font-size:11px;padding-top:15px;padding-bottom:12px}.post-writing-body{overflow:visible;max-height:none;min-height:120px;padding:21px 21px 12px;font-size:14px;line-height:1.8}.post-writing-body h2{font-size:23px}.post-writing-body h3{font-size:12px}.post-writing .social-actions{padding:4px 15px}.post-file-links{padding:8px 20px 17px;font-size:10px}.post-file-links button,.post-file-links a{min-height:35px}#story-dialog[open]{width:calc(100vw - 14px);height:calc(100dvh - 14px);border-radius:11px}.story-heading strong{font-size:12px}.story-heading button{height:39px;min-width:32px}.story-heading span{font-size:10px}.story-footer{padding-bottom:max(5px,env(safe-area-inset-bottom))}.story-footer>span:last-child{font-size:9px}.story-screen{inset:72px 0 58px}.story-footer{height:58px}.toast{font-size:12px;max-width:90vw}}
@media(prefers-reduced-motion:reduce){.project-visual,.project-description,.project-artwork img{transform:none!important;transition:none!important;opacity:1!important}}

#story-content{height:100%;min-height:0}

@media(max-width:650px){.account-tabs{gap:10px}.account-tabs button{min-width:40px;justify-content:center}.icon-control{height:44px;min-width:44px}.story-heading button{height:44px;min-width:40px}.story-footer button{min-height:44px;min-width:40px}.post-carousel-controls>button{height:42px;width:42px}.dialog-close{height:42px;min-width:42px}}
