.kosagar-community{color:#092943;background:#f4f6f8}.kc-hero{color:#fff;background:linear-gradient(90deg,#04182bf2,#082840ad),url(/scenes/kosagar-shipping-port.png) 50% 55%/cover;padding:150px 0 78px}.kc-hero h1{letter-spacing:-.045em;max-width:1050px;margin:26px 0;font-size:clamp(38px,5.3vw,76px);line-height:1.08}.kc-hero p:not(.section-kicker){color:#bed1e0;max-width:680px;font-size:18px;line-height:1.8}.kc-hero .section-kicker{color:#a9c9e8}.kc-primary{color:#fff;background:#126de3;border-radius:40px;margin-top:28px;padding:18px 26px;font-weight:700;text-decoration:none;display:inline-flex}.kc-content{padding-top:76px;padding-bottom:90px;scroll-margin-top:110px}.kc-intro{grid-template-columns:1fr 2fr;gap:30px;margin-bottom:58px;display:grid}.kc-intro h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(32px,4.2vw,58px);line-height:1.1}.kc-intro p:not(.section-kicker){color:#526c80;max-width:580px;line-height:1.75}.kc-platform{margin:0 0 70px}.kc-platform-heading{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.kc-platform-heading h2{letter-spacing:-.03em;margin:0;font-size:24px}.kc-follow{color:#17618a;letter-spacing:.12em;background:#fff;border:1px solid #c6d4df;border-radius:30px;align-items:center;gap:12px;padding:4px 18px 4px 4px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.kc-follow .social-dock-item{width:34px;height:34px;box-shadow:none;border-radius:50%;flex-basis:34px}.kc-platform svg,.kc-network-grid svg{width:23px;height:23px}.kc-row-label{align-items:center;gap:12px;margin:22px 0 14px;display:flex}.kc-row-label>span{letter-spacing:.14em;color:#15749a;font-size:11px;font-weight:800}.kc-row-label strong{font-size:15px}.kc-row-label button{color:#254c68;cursor:pointer;background:0 0;border:1px solid #b9cbd9;border-radius:20px;margin-left:auto;padding:5px 14px}.kc-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000)}.kc-track{width:max-content;animation:kc-drift var(--duration) linear infinite;display:flex}.kc-copy{gap:20px;padding-right:20px;display:flex}.kc-post{isolation:isolate;color:#fff;background:#08243c;border-radius:24px;width:clamp(300px,38vw,480px);min-height:380px;position:relative;overflow:hidden}.kc-post>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.kc-post:after{content:"";z-index:-1;background:linear-gradient(120deg,#04182cd1,#04182c73),linear-gradient(#0000,#010c17e6);position:absolute;inset:0}.kc-post-content{box-sizing:border-box;flex-direction:column;align-items:flex-start;height:100%;padding:36px;display:flex}.kc-post small{color:#b7d4f3;letter-spacing:.13em;font-size:11px;font-weight:800}.kc-post h3{letter-spacing:-.035em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:24px 0 18px;font-size:clamp(25px,2.5vw,36px);line-height:1.15;display:-webkit-box;overflow:hidden}.kc-post p{color:#cfdae4;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 24px;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.kc-post a{color:#fff;background:linear-gradient(120deg,#ff8a00,#ff2600);border:3px solid #93bdd0;border-radius:40px;margin-top:auto;padding:13px 17px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 0 0 3px #ffffff20}.kc-shorts .kc-post{width:clamp(250px,25vw,310px);min-height:390px}.kc-shorts .kc-track{animation-direction:reverse}.kc-shorts .kc-post-content{padding:28px}.kc-shorts h3{font-size:28px}.kc-row:hover .kc-track,.kc-row:focus-within .kc-track,.kc-track.is-paused{animation-play-state:paused}.kc-networks{border-top:1px solid #d4e1e8;padding-top:60px}.kc-network-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.kc-network-grid>a,.kc-network-grid>div{color:#173c58;background:#fff;border:1px solid #d7e1e8;border-radius:18px;align-items:center;gap:18px;padding:24px;text-decoration:none;display:flex}.kc-network-grid h3{margin:0 0 7px;font-size:20px}.kc-network-grid span:not(.social-dock-item){color:#607e93;font-size:13px}.kc-network-grid .social-dock-item{box-shadow:none;flex-shrink:0}.kosagar-community a:focus-visible,.kosagar-community button:focus-visible{outline-offset:4px;outline:3px solid #e8ae27}@keyframes kc-drift{to{transform:translate(-50%)}}@media (max-width:760px){.kc-hero{padding:120px 0 55px}.kc-intro{grid-template-columns:1fr;gap:8px;margin-bottom:32px}.kc-content{padding-top:42px}.kc-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kc-post-content{padding:28px}.kc-platform-heading h2{font-size:21px}.kc-post{width:320px}.kc-shorts .kc-post{width:260px}}@media (max-width:480px){.kc-network-grid{grid-template-columns:1fr}.kc-post{width:280px}.kc-post h3{font-size:28px}.kc-hero h1{font-size:39px}.kc-row-label{gap:8px}.kc-row-label strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.kc-track{animation:none;transform:none}.kc-copy[aria-hidden=true]{display:none}.kc-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.kc-row-label button{display:none}}.kc-follow-label{flex-direction:column;gap:3px;display:flex}.kc-follow-label strong{color:#092943;letter-spacing:0;font-size:14px}.kc-follow-label small{font-size:10px;font-weight:500}.kc-content{padding-top:34px}.kc-row:not(.kc-shorts) .kc-post{aspect-ratio:16/9;width:clamp(320px,48vw,560px);min-height:0}.kc-row:not(.kc-shorts) .kc-post-content{padding:24px}.kc-row:not(.kc-shorts) .kc-post h3{-webkit-line-clamp:2;margin:12px 0;font-size:clamp(22px,2.3vw,30px)}.kc-row:not(.kc-shorts) .kc-post p{-webkit-line-clamp:2;margin-bottom:14px;font-size:13px}.kc-shorts .kc-post{aspect-ratio:9/16;width:clamp(250px,25vw,310px);min-height:0}@media (max-width:480px){.kc-row:not(.kc-shorts) .kc-post{width:320px}.kc-row:not(.kc-shorts) .kc-post-content{padding:18px}.kc-row:not(.kc-shorts) .kc-post h3{margin:8px 0;font-size:22px}.kc-row:not(.kc-shorts) .kc-post p{display:none}.kc-row:not(.kc-shorts) .kc-post a{padding:9px 12px}}.kc-row:not(.kc-shorts) .kc-post{aspect-ratio:auto;min-height:390px}.kc-row:not(.kc-shorts) .kc-post-content{height:100%;min-height:390px;padding:28px}.kc-row:not(.kc-shorts) .kc-post h3{-webkit-line-clamp:3;margin:18px 0}.kc-row:not(.kc-shorts) .kc-post p{-webkit-line-clamp:unset;margin-bottom:24px;display:block}@media (max-width:480px){.kc-row:not(.kc-shorts) .kc-post,.kc-row:not(.kc-shorts) .kc-post-content{min-height:370px}.kc-row:not(.kc-shorts) .kc-post-content{padding:22px}.kc-row:not(.kc-shorts) .kc-post p{font-size:13px;display:block}}.kc-follow{--follow-color:#3a5ba2;isolation:isolate;box-sizing:border-box;border:1px solid var(--follow-color);color:#16304a;letter-spacing:0;background:#fff;border-radius:999px;gap:0;width:142px;min-width:142px;height:44px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.kc-follow-youtube{--follow-color:red}.kc-follow-instagram{--follow-color:#d62976}.kc-follow-tiktok{--follow-color:#111827}.kc-follow .social-dock-item{z-index:2;background:var(--follow-color);border:0;border-radius:50%;width:33px;height:33px;transition:transform .5s;position:absolute;top:5px;left:5px}.kc-follow .social-dock-item:before{content:"";z-index:-1;background:var(--follow-color);border-radius:999px;width:142px;height:44px;position:absolute;top:-5px;left:-142px}.kc-follow-text{margin-left:47px;font-size:13px;font-weight:800}.kc-follow-count{z-index:2;text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:76px;font-size:13px;font-weight:800;transition:transform .55s;position:absolute;left:-96px;overflow:hidden}.kc-follow:hover,.kc-follow:focus-visible{transform:translateY(-2px);box-shadow:0 9px 22px #3a5ba23d}.kc-follow:hover .social-dock-item,.kc-follow:focus-visible .social-dock-item{transform:translate(98px)}.kc-follow:hover .kc-follow-count,.kc-follow:focus-visible .kc-follow-count{transform:translate(110px)}@media (prefers-reduced-motion:reduce){.kc-follow,.kc-follow .social-dock-item,.kc-follow-count{transition:none}}.kc-row:not(.kc-shorts) .kc-post,.kc-row:not(.kc-shorts) .kc-post-content{min-height:390px}.kc-row:not(.kc-shorts) .kc-post h3{-webkit-line-clamp:unset;overflow-wrap:anywhere;line-height:1.22;display:block;overflow:visible}@media (max-width:480px){.kc-row:not(.kc-shorts) .kc-post,.kc-row:not(.kc-shorts) .kc-post-content{min-height:370px}}
