/* Beranda YPWIK: susunan editorial baru, terpisah dari gaya halaman dalam. */
.home-reboot{display:flex;flex-direction:column;overflow:hidden;background:#f8f8f3;color:#193d35}
.home-reboot a{color:inherit}
.opening-vision-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 5%,rgba(204,164,87,.18),transparent 29%),linear-gradient(90deg,#123b33 0%,#194c40 55%,#214f50 100%);color:#fff}
.opening{position:relative;isolation:isolate;overflow:hidden;min-height:670px;color:#fff;background:transparent}
.opening:before,.opening:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.opening:before{width:760px;height:760px;right:-220px;top:-420px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 112px rgba(255,255,255,.02)}
.opening:after{width:420px;height:420px;left:-250px;bottom:-340px;box-shadow:0 0 0 45px rgba(255,255,255,.025)}
.opening-inner{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);align-items:center;gap:clamp(38px,7vw,100px);padding-top:48px;padding-bottom:76px}
.opening-copy{position:relative;z-index:2;max-width:640px}
.opening-kicker,.home-overline{display:inline-flex;align-items:center;gap:10px;color:#b38a49;font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.opening-kicker{color:#ecd497}
.opening-kicker i,.opening-dot{width:7px;height:7px;border-radius:50%;background:#d5a84f;box-shadow:0 0 0 5px rgba(213,168,79,.14)}
.opening h1{margin:23px 0 18px;color:#fff;font:700 clamp(3.6rem,6.5vw,6.2rem)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.opening h1 em{color:#e6c47e;font-style:normal}
.opening-copy>p{max-width:510px;margin:0;color:#dce9e3;font-size:1.08rem;line-height:1.75}
.opening-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:31px}
.opening-action{min-width:0;min-height:66px;display:grid;grid-template-columns:1fr;align-items:center;gap:8px;padding:13px 14px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.opening-action:hover{transform:translateY(-4px);background:rgba(255,255,255,.13);border-color:rgba(237,204,130,.62)}
.opening-action strong{font-size:.85rem;line-height:1.3;white-space:nowrap}
.opening-action-primary{background:rgba(230,196,126,.13);border-color:rgba(230,196,126,.48)}
.opening-visual{position:relative;z-index:1;min-width:0;margin:0;padding:0 4px 38px 26px}
.opening-photo-frame{position:relative;overflow:hidden;aspect-ratio:1.08;border-radius:46% 46% 22px 22px;background:#d7e1d4;box-shadow:0 27px 66px rgba(4,24,20,.28);transform:rotate(1.2deg)}
.opening-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,40,32,.24));pointer-events:none}
.opening-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
html.home-hero-ready .opening-copy>*{opacity:0;transform:translate3d(0,9px,0);transition:opacity .48s ease,transform .58s cubic-bezier(.2,.7,.2,1)}
html.home-hero-ready .opening-copy>*:nth-child(1){transition-delay:40ms}
html.home-hero-ready .opening-copy>*:nth-child(2){transition-delay:110ms}
html.home-hero-ready .opening-copy>*:nth-child(3){transition-delay:180ms}
html.home-hero-ready .opening-copy>*:nth-child(4){transition-delay:250ms}
html.home-hero-ready .opening-visual{opacity:0;transition:opacity .72s ease 160ms}
html.home-hero-ready .opening.is-entered .opening-copy>*,html.home-hero-ready .opening.is-entered .opening-visual{opacity:1;transform:none}
.opening-visual figcaption{position:absolute;z-index:2;right:-2px;bottom:0;display:grid;grid-template-columns:11px 1fr;align-items:center;gap:0 12px;max-width:290px;padding:16px 19px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(18,58,49,.94);color:#fff;font-size:.82rem;font-weight:750;box-shadow:0 12px 30px rgba(6,28,23,.16)}
.opening-dot{width:8px;height:8px;flex:none}
.opening-orbit{position:absolute;z-index:-1;right:-24px;top:6%;width:68%;aspect-ratio:1;border:1px solid rgba(238,214,164,.25);border-radius:50%;transform:translate(8%,-8%)}
.opening-bottom-line{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:20px;padding:15px max(24px,calc((100vw - 1180px)/2));border-top:1px solid rgba(255,255,255,.13);color:#c8d9d1;font-size:.73rem;letter-spacing:.03em}
.home-stories{padding:96px 0 92px;background:#fbfaf6}
.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:33px}
.home-section-heading h2,.home-daily-intro h2{margin:13px 0 0;color:#183c34;font:600 clamp(2.5rem,4vw,4rem)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.home-quiet-link{display:inline-flex;align-items:center;gap:12px;margin-bottom:5px;color:#275847!important;font-size:.88rem;font-weight:800;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.home-quiet-link span{font-size:1.1rem;text-decoration:none}
.home-story-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y;padding:10px 14px 14px;margin:0 -14px}
.home-story-track::-webkit-scrollbar{display:none}
.home-feature-story{position:relative;isolation:isolate;display:block;flex:0 0 min(82vw,920px);min-width:0;height:460px;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid rgba(27,60,49,.09);border-radius:24px;background:#1d463b;box-shadow:0 10px 28px rgba(24,52,42,.09);color:white;transition:transform .5s cubic-bezier(.22,.7,.2,1),opacity .5s ease,box-shadow .5s ease}
.home-story-row{position:relative;isolation:isolate;display:flex;flex:0 0 min(82vw,920px);align-items:flex-end;min-width:0;height:460px;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;padding:26px;border:1px solid rgba(27,60,49,.09);border-radius:24px;background:#1d463b;box-shadow:0 10px 28px rgba(24,52,42,.09);color:white;transition:transform .5s cubic-bezier(.22,.7,.2,1),opacity .5s ease,box-shadow .5s ease}
.home-feature-story:not(.is-active),.home-story-row:not(.is-active){transform:scale(.985);opacity:.91}
.home-feature-story.is-active,.home-story-row.is-active{box-shadow:0 16px 38px rgba(24,52,42,.14)}
.home-feature-image,.home-story-slide-image{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#d9e2d9}
.home-feature-image{overflow:hidden;background:#e7ece4}
.home-feature-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-feature-story:after,.home-story-row:after{content:"";position:absolute;z-index:-1;inset:18% 0 0;background:linear-gradient(180deg,rgba(12,42,34,.04) 0%,rgba(12,42,34,.23) 36%,rgba(8,30,25,.94) 100%);pointer-events:none}
.home-feature-story.image-unavailable,.home-story-row.image-unavailable{background:radial-gradient(ellipse at 88% 10%,rgba(209,225,207,.72),transparent 44%),linear-gradient(140deg,#f4f2e9 0%,#e7efe7 100%);color:#193d35}
.home-feature-story.image-unavailable:after,.home-story-row.image-unavailable:after{display:none}
.home-feature-story.image-unavailable .home-feature-copy h3,.home-story-row.image-unavailable h3,.home-feature-story.image-unavailable .home-feature-copy h3 a,.home-story-row.image-unavailable h3 a{color:#193d35}
.home-feature-story.image-unavailable .home-feature-copy>p,.home-story-row.image-unavailable p{color:#53675d}
.home-feature-story.image-unavailable .home-story-category,.home-story-row.image-unavailable .home-story-category{color:#81663b}
.home-feature-story.image-unavailable .home-story-meta{border-color:rgba(25,61,53,.14);color:#66736a}
.home-story-row.image-unavailable .home-slide-read{color:#285846!important}
.home-feature-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-feature-story:hover .home-feature-image img{transform:scale(1.035)}
.home-feature-copy{position:absolute;inset:auto 0 0;padding:27px 30px 28px;color:#fff}
.home-story-category{display:inline-flex;align-items:center;gap:8px;color:#8b6b39;font-size:.69rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.home-story-category i{color:#a6aaa0;font-style:normal}
.home-feature-copy h3{margin:10px 0;color:#fff;font:600 clamp(1.65rem,2.4vw,2.3rem)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.home-feature-copy h3,.home-story-row h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-feature-copy h3 a:hover,.home-story-row h3 a:hover{color:#39745d}
.home-feature-copy>p,.home-story-row p{margin:0;color:rgba(255,255,255,.86);font-size:.9rem;line-height:1.55}
.home-feature-copy>p,.home-story-row p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-story-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px;color:rgba(255,255,255,.96);font-size:.75rem;line-height:1;font-weight:800}
.home-story-engagement[hidden]{display:none}
.home-story-engagement-item{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(10,35,28,.42);white-space:nowrap}
.home-story-engagement-item svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-story-engagement-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.78);font-size:.73rem}
.home-story-meta a{margin-left:auto;color:#285846!important;font-size:.79rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.home-story-meta a b{font-size:1rem;text-decoration:none}
@media(min-width:1001px){
 .home-feature-copy{padding:20px 30px 21px}
 .home-feature-copy h3{margin:7px 0;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.08}
 .home-feature-copy h3{-webkit-line-clamp:2}
 .home-feature-copy>p{-webkit-line-clamp:2;font-size:.86rem;line-height:1.45}
 .home-feature-copy .home-story-engagement{margin-top:7px}
 .home-feature-copy .home-story-meta{margin-top:10px;padding-top:9px}
}
.home-story-list{display:contents}
.home-story-row>div{position:relative;z-index:1;width:100%;padding-top:70px}
.home-row-number{padding-top:2px;color:#a8864d;font:600 1.12rem Georgia,serif}
.home-story-row h3{margin:9px 0;color:#fff;font:600 clamp(1.6rem,2.25vw,2.15rem)/1.13 Georgia,'Times New Roman',serif}
.home-story-row p{font-size:.9rem;line-height:1.55}
.home-row-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid #cad7cd;border-radius:50%;color:#315d4c!important;font-size:1rem;transition:background .2s,color .2s}
.home-row-arrow:hover{background:#1b4a3d;color:white!important}
.home-row-number,.home-row-arrow{display:none}
.home-slide-read{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#fff!important;font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.home-story-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px}
.home-story-controls>button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #cad7cd;border-radius:50%;background:#fff;color:#285846;font-size:1.65rem;line-height:1;cursor:pointer}
.home-story-controls>button:focus-visible,.home-story-dots button:focus-visible{outline:3px solid #c89c4c;outline-offset:3px}
.home-story-dots{display:flex;align-items:center;gap:8px}
.home-story-dots button{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#aebcb1;cursor:pointer;transition:width .25s ease,background .25s ease}
.home-story-dots button[aria-current="true"]{width:23px;background:#285846}
.home-feature-image img.image-unavailable,.home-story-slide-image.image-unavailable{display:none}
.home-contributor-note{display:grid;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:11px;margin-top:19px;padding:16px;border:1px solid #e3dfd1;border-radius:13px;background:#f4f1e8}
.contributor-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9dfc9;color:#8d6b34;font-size:1.2rem}
.home-contributor-note strong,.home-contributor-note small{display:block}
.home-contributor-note strong{color:#25483b;font-size:.87rem}
.home-contributor-note small{margin-top:4px;color:#69746b;font-size:.74rem;line-height:1.4}
.home-contributor-note>b{color:#8a6a39;font-size:1.1rem}
.home-social-gallery{padding:73px 0 78px;background:#f0eee5}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.gallery-heading h2{margin:12px 0 0;color:#193d35;font:600 clamp(2.25rem,3.5vw,3.35rem)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
.gallery-heading .home-quiet-link{text-decoration:none}
.home-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-gallery-card{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(29,67,52,.13);border-radius:16px;background:#fff;box-shadow:0 9px 26px rgba(24,54,42,.07)}
.home-gallery-card>a{display:block;overflow:hidden;aspect-ratio:1.32;background:#dce5db}
.home-gallery-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.home-gallery-card:hover img{transform:scale(1.045)}
.home-gallery-card figcaption{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:13px 15px 14px}
.home-gallery-card figcaption>span{grid-column:1/-1;color:#96713c;font-size:.61rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.home-gallery-card figcaption strong{align-self:center;color:#203f35;font-size:.85rem;line-height:1.25}
.home-gallery-card figcaption a{display:flex;align-items:center;min-height:38px;color:#31604c!important;font-size:.69rem;font-weight:800;text-decoration:none;white-space:nowrap}
.home-instagram-embed{width:100%;max-width:none;margin:42px 0 0;padding:24px;border:1px solid rgba(29,67,52,.13);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 9px 26px rgba(24,54,42,.06)}
.home-instagram-embed-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.home-instagram-embed-heading h3{margin:7px 0 5px;color:#193d35;font:600 clamp(1.45rem,2.4vw,2rem)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.home-instagram-embed-heading p{margin:0;color:#66736a;font-size:.88rem;line-height:1.5}
.home-instagram-embed-heading .home-quiet-link{flex:none;text-decoration:none}
.home-instagram-frame{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;min-height:0;max-height:none;aspect-ratio:auto;overflow:visible;border-radius:15px;background:transparent;touch-action:auto}
.home-instagram-loading{margin:0;color:#66736a;font-size:.9rem}
.home-instagram-tile{display:grid;grid-template-rows:auto 1fr;align-content:start;overflow:hidden;min-width:0;border:1px solid rgba(29,67,52,.13);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(24,54,42,.06);color:inherit;text-decoration:none}
.home-instagram-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .25s ease}
.home-instagram-caption{display:-webkit-box;min-height:2.8em;overflow:hidden;padding:10px 12px 11px;color:#43594d;font-size:.82rem;font-weight:650;line-height:1.4;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-facebook-embed .home-instagram-tile{grid-template-rows:auto auto}
.home-facebook-embed .home-instagram-caption{display:block;min-height:calc(3 * 1.4em + 21px);overflow:hidden;text-overflow:clip}
.home-facebook-caption-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}
.home-instagram-tile:hover img{transform:scale(1.045)}
.home-instagram-photo{position:absolute;inset:0;display:grid;place-items:center;background:#102f28}
.home-instagram-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease}
.home-instagram-arrow{position:absolute;z-index:2;top:50%;width:46px;height:46px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(10,35,31,.6);color:#fff;font-size:2rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}
.home-instagram-arrow:hover{transform:translateY(-50%) scale(1.07);background:rgba(10,35,31,.85)}
.home-instagram-previous{left:14px}.home-instagram-next{right:14px}
.home-instagram-indicators{position:absolute;z-index:2;left:50%;bottom:14px;display:flex;gap:7px;max-width:calc(100% - 150px);overflow:auto;transform:translateX(-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(10,35,31,.53);backdrop-filter:blur(9px);scrollbar-width:none}
.home-instagram-indicators:empty{display:none}
.home-instagram-indicators button{flex:none;width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.53);cursor:pointer}
.home-instagram-indicators button[aria-current="true"]{background:#efd38f;box-shadow:0 0 0 3px rgba(239,211,143,.2)}
.home-instagram-indicators button:focus-visible,.home-instagram-arrow:focus-visible{outline:3px solid #efd38f;outline-offset:3px}
.home-instagram-count{position:absolute;z-index:2;right:14px;bottom:14px;padding:6px 9px;border-radius:999px;background:rgba(10,35,31,.53);color:#fff;font-size:.67rem;font-weight:800;backdrop-filter:blur(8px)}
.home-instagram-count:empty{display:none}
.home-facebook-embed{margin-top:22px}
.home-facebook-overline{display:inline-flex;align-items:center;gap:7px}
.home-facebook-overline>span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#315b49;color:#fff;font:800 .76rem/1 Arial,sans-serif;letter-spacing:0;text-transform:none}
.home-social-gallery .home-activity-card{border-color:rgba(29,67,52,.13);border-radius:17px;box-shadow:0 12px 28px rgba(24,54,42,.08)}
.home-social-gallery .home-activity-image img{height:auto;aspect-ratio:1.32;object-fit:cover;transition:transform .45s ease}
.home-social-gallery .home-activity-card:not(.is-poster):hover .home-activity-image img{transform:scale(1.035)}
.home-social-gallery .home-activity-card figcaption{display:flex;align-items:center;min-height:54px;padding:13px 16px;color:#204437;font-size:.89rem;line-height:1.35}
.home-social-links{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
.home-social-links a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #d4ddcf;border-radius:999px;background:rgba(255,255,255,.7);color:#315b49!important;font-size:.73rem;font-weight:800;transition:background .2s ease}
.home-social-links a:hover{background:#fff}
.home-social-links a span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#315b49;color:#fff;font-weight:900;font-size:.75rem}
.home-footer .home-social-links{justify-content:center;margin:0 0 5px}
.home-footer .home-social-links a{color:#fff!important}
.home-footer .wrap{flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.home-footer .home-social-links a:first-child span{background:transparent}
.home-daily-redesign{padding:78px 0 84px;background:#eaf0e8}
.home-daily-inner{display:grid;grid-template-columns:1.05fr 1fr 1fr;align-items:stretch;gap:15px}
.home-daily-intro{align-self:center;padding-right:20px}
.home-daily-intro h2{font-size:clamp(2.05rem,3vw,3rem)}
.home-daily-intro p{max-width:330px;margin:14px 0 19px;color:#576d60;line-height:1.65;font-size:.9rem}
.daily-feature-card{position:relative;min-height:244px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:23px;border:1px solid rgba(26,69,53,.11);border-radius:17px;background:linear-gradient(145deg,#fff,#f7f8f2);box-shadow:0 10px 28px rgba(24,60,44,.06);transition:transform .25s ease,box-shadow .25s ease}
.daily-feature-card:hover{transform:translateY(-4px);box-shadow:0 17px 34px rgba(24,60,44,.12)}
.daily-feature-card:after{content:"";position:absolute;right:-59px;top:-73px;width:190px;height:190px;border:1px solid rgba(40,88,67,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(40,88,67,.025),0 0 0 44px rgba(40,88,67,.02)}
.daily-index{position:relative;z-index:1;color:#8b6b39;font-size:.68rem;font-weight:850;letter-spacing:.12em}
.daily-index i{padding:0 5px;color:#a9b0a5;font-style:normal}
.daily-feature-card strong{position:relative;z-index:1;max-width:285px;color:#193d35;font:600 clamp(1.45rem,2.2vw,2rem)/1.18 Georgia,'Times New Roman',serif}
.daily-card-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #dfe6dc;color:#365e4d;font-size:.79rem;font-weight:800}
.daily-card-foot b{font-size:1.04rem}
.daily-world{background:linear-gradient(145deg,#f8f9f5,#e5efed)}
.home-discover{padding:88px 0 96px;background:#f8f8f3}
.home-discover .home-section-heading{align-items:end}
.home-discover .home-section-heading>p{max-width:310px;margin:0 0 7px;color:#5a6d62;font-size:.89rem;line-height:1.6}
.home-discover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.discover-tile{position:relative;isolation:isolate;min-height:255px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:21px;border:1px solid rgba(25,64,51,.12);border-radius:16px;background:linear-gradient(145deg,#e8efe5,#dbe8dc);transition:transform .3s ease,box-shadow .3s ease}
.discover-tile:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-102px;top:-90px;border:1px solid rgba(32,77,58,.17);border-radius:50%;box-shadow:0 0 0 20px rgba(32,77,58,.035),0 0 0 40px rgba(32,77,58,.025);transition:transform .4s ease}
.discover-tile:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(28,67,50,.12)}
.discover-tile:hover:after{transform:scale(1.12)}
.discover-school{background:linear-gradient(145deg,#edf1e5,#dce8d8)}
.discover-service{background:linear-gradient(145deg,#e9efed,#dbe8e7)}
.discover-contest{background:linear-gradient(145deg,#f2eee3,#e9e2d1)}
.discover-network{background:linear-gradient(145deg,#e9e9ef,#dfdfe9)}
.discover-index{color:#65776a;font-size:.65rem;font-weight:850;letter-spacing:.12em}
.discover-tile strong{display:block;color:#193d35;font:600 clamp(1.42rem,2vw,1.9rem)/1.11 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.discover-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(35,75,56,.16);color:#466352;font-size:.74rem;font-weight:750}
.discover-foot b{font-size:1.04rem;color:#8d6d3a}
.home-vision-redesign{order:0;padding:66px 0 75px;background:transparent;color:#fff}
.home-vision-redesign .wrap{display:block;padding:clamp(22px,3.2vw,38px);overflow:hidden;border:1px solid rgba(224,237,224,.22);border-radius:24px;background:linear-gradient(135deg,rgba(7,42,35,.28),rgba(255,255,255,.065));box-shadow:inset 0 1px rgba(255,255,255,.11),0 18px 44px rgba(2,26,22,.12)}
.home-vision-redesign .home-overline{color:#e2c17c}
.home-vision-redesign .home-vision-content>.home-audio-heading .home-overline,.home-vision-redesign .home-missions-heading .home-overline{display:inline-flex;width:max-content;align-items:center;padding:8px 12px;border-left:3px solid #e8c77c;border-radius:0 8px 8px 0;background:rgba(232,199,124,.09);color:#f0d48e;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:900;letter-spacing:.18em;line-height:1;text-shadow:0 2px 14px rgba(232,199,124,.22)}
.home-audio-heading{display:inline-flex;align-items:center;gap:9px}
.home-audio-button{flex:none;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(240,212,142,.34);border-radius:50%;background:rgba(232,199,124,.08);color:#f0d48e;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.home-audio-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-audio-button:hover,.home-audio-button[aria-pressed="true"]{transform:translateY(-1px);border-color:rgba(240,212,142,.72);background:rgba(232,199,124,.2)}
.home-audio-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home-audio-button:disabled{opacity:.5;cursor:not-allowed}
.home-vision-content{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1.66fr);align-items:center;gap:28px;padding-bottom:25px;border-bottom:1px solid rgba(224,237,224,.2)}
.home-vision-redesign blockquote{margin:0;color:#f3f3e9;font:500 clamp(1.35rem,2.2vw,2.05rem)/1.4 Georgia,'Times New Roman',serif}
.home-missions{position:relative;isolation:isolate;overflow:hidden;margin-top:22px;padding:0}
.home-missions:after{content:"";position:absolute;z-index:-1;right:-78px;top:-115px;width:260px;height:260px;border:1px solid rgba(232,199,124,.16);border-radius:50%;box-shadow:0 0 0 22px rgba(232,199,124,.028),0 0 0 44px rgba(232,199,124,.018)}
.home-missions-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}
.home-missions-heading h2{margin:6px 0 0;color:#dbe8e1;font:500 clamp(1rem,1.25vw,1.2rem)/1.2 'DM Sans',Arial,sans-serif;letter-spacing:0}
.home-missions-count{flex:none;color:#d8e5da;font-size:.63rem;font-weight:800;letter-spacing:.1em}
.home-missions-count b{padding-left:5px;color:#e8c77c;font-size:.94rem}
.home-mission-card{position:relative;min-height:138px;display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:22px;padding:12px 4px;border:0;border-radius:0;background:transparent}
.home-mission-number{color:#e8c77c;font:600 clamp(3.8rem,8vw,6.2rem)/.9 Georgia,'Times New Roman',serif;letter-spacing:-.07em;text-shadow:0 7px 28px rgba(232,199,124,.14)}
.home-mission-card p{max-width:760px;margin:0;color:#f1f4ed;font-size:clamp(1rem,1.5vw,1.28rem);font-weight:600;line-height:1.55}
.home-mission-card.is-changing{animation:mission-reveal .38s cubic-bezier(.2,.7,.2,1) both}
.home-mission-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}
.home-mission-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(239,211,143,.55);border-radius:50%;background:rgba(8,49,41,.35);color:#f1d590;font-size:1.35rem;cursor:pointer;transition:background .2s ease,transform .2s ease}
.home-mission-arrow:hover{transform:translateY(-2px);background:rgba(239,211,143,.16)}
.home-mission-pickers{display:flex;align-items:center;justify-content:center;gap:8px}
.home-mission-pickers button{min-width:42px;height:36px;padding:0 10px;border:1px solid rgba(226,237,226,.24);border-radius:999px;background:rgba(8,49,41,.3);color:#d7e1d9;font-size:.68rem;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.home-mission-pickers button:hover{transform:translateY(-2px);border-color:#e8c77c;color:#f5db9e}
.home-mission-pickers button[aria-pressed="true"]{border-color:#e8c77c;background:#e8c77c;color:#173e34;box-shadow:0 5px 18px rgba(232,199,124,.2)}
.home-mission-arrow:focus-visible,.home-mission-pickers button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes mission-reveal{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.home-page footer .wrap{justify-content:center;text-align:center}
.opening-visual{padding:0;margin:0}
.opening-photo-frame{aspect-ratio:1.5;border:6px solid rgba(255,255,255,.72);border-radius:24px;background:#dce6d9;box-shadow:0 22px 55px rgba(4,24,20,.22);transform:none}
.opening-photo-frame:after{display:none}
.opening-photo-frame img{object-fit:cover;animation:none;transform:none;will-change:auto}
.opening-visual figcaption{position:static;display:flex;align-items:center;gap:10px;max-width:none;margin:13px 4px 0;padding:0;border:0;border-radius:0;background:transparent;color:#dce9e3;font-size:.76rem;font-weight:700;box-shadow:none}
.opening-orbit{display:none}
/* Laptop typography: keep the hero and section headings calm at wide widths. */
@media(min-width:1001px){
 .opening-inner{gap:clamp(34px,5vw,72px)}
 .opening h1{font-size:clamp(3rem,4vw,3.75rem);line-height:1.06;margin:18px 0 16px}
 .home-section-heading h2{font-size:clamp(2.25rem,3.2vw,3.25rem)}
 .home-daily-intro h2{font-size:clamp(1.95rem,2.7vw,2.7rem)}
 .home-page .home-overline{font-size:.68rem}
}
.home-contributor-invite{padding:27px 0;background:#f2efe5;border-top:1px solid #e6e2d5;border-bottom:1px solid #e6e2d5}
.home-contributor-invite .wrap{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px}
.invite-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e9dfc9;color:#896a3b;font-size:1.35rem}
.home-contributor-invite .home-overline{font-size:.64rem}
.home-contributor-invite h2{margin:4px 0;color:#193d35;font-size:1.08rem;line-height:1.25}
.home-contributor-invite p{margin:0;color:#5c6c62;font-size:.82rem;line-height:1.45}
.home-contributor-invite>div>a{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #315b49;border-radius:999px;color:#285543!important;font-size:.79rem;font-weight:800;text-decoration:none;white-space:nowrap}
.home-contributor-invite>div>a:hover{background:#e5ece5}
@media(max-width:1000px){
 .opening-inner{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:36px}
 .opening h1{font-size:clamp(3.35rem,6.5vw,5rem)}
 .opening-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .opening-actions{gap:7px}
 .opening-action{padding:11px 10px}
 .home-story-track{gap:16px}
 .home-feature-story,.home-story-row{flex-basis:min(78vw,580px);height:clamp(410px,58vw,460px)}
 .home-feature-image{height:100%}
 .home-daily-inner{grid-template-columns:1fr 1fr}
 .home-daily-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 18px;padding:0}
 .home-daily-intro .home-overline,.home-daily-intro h2,.home-daily-intro p{grid-column:1}
 .home-daily-intro .home-quiet-link{grid-column:2;grid-row:2/4}
 .home-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .opening{min-height:0}
 .opening-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-top:34px;padding-bottom:34px}
 .opening-kicker{font-size:.64rem;letter-spacing:.13em}
 .opening h1{margin:18px 0 12px;font-size:clamp(2.7rem,10vw,3.65rem);line-height:1.01}
 .opening-copy>p{max-width:480px;font-size:.96rem;line-height:1.55}
 .opening-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:17px}
 .opening-action{min-height:47px;grid-template-columns:1fr;align-items:center;padding:7px 10px;border-radius:11px}
 .opening-action:first-child{grid-column:auto}
 .opening-action strong{font-size:.7rem;line-height:1.2}
 .opening-action:nth-child(n+2) strong{font-size:.69rem}
 .opening-visual{width:100%;max-width:560px;align-self:center;padding:0}
 .opening-photo-frame{aspect-ratio:1.5;border-width:4px;border-radius:18px}
 .opening-visual figcaption{gap:8px;margin:10px 2px 0;font-size:.68rem}
 .opening-bottom-line{position:relative;display:none}
 .home-stories{padding:55px 0 57px}
 .home-section-heading{align-items:end;gap:15px;margin-bottom:19px}
 .home-section-heading h2,.home-daily-intro h2{font-size:2.15rem;line-height:1.04}
 .home-overline{font-size:.64rem;letter-spacing:.13em}
 .home-quiet-link{gap:5px;font-size:.74rem}
 .home-story-slider{position:relative}
 .home-story-track{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 16px 8px;margin:0 -16px;touch-action:pan-x pan-y}
 .home-story-track::-webkit-scrollbar{display:none}
 .home-story-list{display:contents}
 .home-feature-story,.home-story-row{position:relative;isolation:isolate;display:block;flex:0 0 88%;min-width:0;height:clamp(390px,112vw,460px);overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid rgba(27,60,49,.09);border-radius:23px;background:#1d463b;box-shadow:0 10px 28px rgba(24,52,42,.09);color:white;transition:transform .5s cubic-bezier(.22,.7,.2,1),opacity .5s ease,box-shadow .5s ease}
 .home-feature-story:not(.is-active),.home-story-row:not(.is-active){transform:scale(.975);opacity:.88}
 .home-feature-story.is-active,.home-story-row.is-active{box-shadow:0 16px 38px rgba(24,52,42,.14)}
 .home-feature-image,.home-story-slide-image{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#d9e2d9}
 .home-feature-image{height:100%;aspect-ratio:auto}
 .home-feature-image img{width:100%;height:100%;object-fit:cover}
 .home-feature-story:after,.home-story-row:after{content:"";position:absolute;z-index:-1;inset:18% 0 0;background:linear-gradient(180deg,rgba(12,42,34,.06) 0%,rgba(12,42,34,.22) 34%,rgba(8,30,25,.94) 100%);pointer-events:none}
 .home-feature-story.image-unavailable,.home-story-row.image-unavailable{background:radial-gradient(ellipse at 88% 10%,rgba(209,225,207,.72),transparent 44%),linear-gradient(140deg,#f4f2e9 0%,#e7efe7 100%);color:#193d35}
 .home-feature-story.image-unavailable:after,.home-story-row.image-unavailable:after{display:none}
 .home-feature-story.image-unavailable .home-feature-copy h3,.home-story-row.image-unavailable h3,.home-feature-story.image-unavailable .home-feature-copy h3 a,.home-story-row.image-unavailable h3 a{color:#193d35}
 .home-feature-story.image-unavailable .home-feature-copy>p,.home-story-row.image-unavailable p{color:#53675d}
 .home-feature-story.image-unavailable .home-story-category,.home-story-row.image-unavailable .home-story-category{color:#81663b}
 .home-feature-story.image-unavailable .home-story-meta{border-color:rgba(25,61,53,.14);color:#66736a}
 .home-story-row.image-unavailable .home-slide-read{color:#285846!important}
 .home-feature-copy{position:absolute;inset:auto 0 0;padding:21px 20px 22px;color:#fff}
 .home-story-category{color:#f0d69c;font-size:.63rem}
 .home-feature-copy h3{margin:9px 0;font-size:1.42rem;line-height:1.13;color:#fff}
 .home-feature-copy h3,.home-story-row h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 .home-feature-copy h3 a,.home-story-row h3 a{color:#fff}
 .home-feature-copy>p,.home-story-row p{font-size:.79rem;line-height:1.48;color:rgba(255,255,255,.86)}
 .home-feature-copy>p,.home-story-row p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .home-story-engagement{gap:5px;margin-top:8px;font-size:.68rem}
 .home-story-engagement-item{min-height:22px;padding:3px 7px;gap:4px}
 .home-story-engagement-item svg{width:14px;height:14px}
 .home-story-meta{display:flex;gap:8px;margin-top:12px;padding-top:10px;border-color:rgba(255,255,255,.24);font-size:.63rem;color:rgba(255,255,255,.78)}
 .home-story-meta a{display:none}
 .home-story-row{display:flex;align-items:flex-end;padding:20px}
 .home-story-slide-image{display:block}
 .home-story-row .home-row-number,.home-row-arrow{display:none}
 .home-story-row>div{position:relative;z-index:1;width:100%;padding-top:70px}
 .home-story-row h3{margin:9px 0;font-size:1.42rem;line-height:1.13;color:#fff}
 .home-story-row p{font-size:.79rem;line-height:1.48}
 .home-slide-read{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#fff!important;font-size:.8rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
 .home-story-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:14px}
 .home-story-controls>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cad7cd;border-radius:50%;background:#fff;color:#285846;font-size:1.55rem;line-height:1;cursor:pointer}
 .home-story-controls>button:focus-visible,.home-story-dots button:focus-visible{outline:3px solid #c89c4c;outline-offset:3px}
 .home-story-dots{display:flex;align-items:center;gap:8px}
 .home-story-dots button{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#aebcb1;cursor:pointer;transition:width .25s ease,background .25s ease}
 .home-story-dots button[aria-current="true"]{width:23px;background:#285846}
 .home-contributor-note{grid-template-columns:35px minmax(0,1fr) 20px;gap:9px;margin-top:13px;padding:13px}
 .contributor-mark{width:32px;height:32px}
 .home-contributor-note strong{font-size:.8rem}
 .home-contributor-note small{font-size:.69rem}
 .home-social-gallery{padding:45px 0 48px}
 .gallery-heading{display:grid;grid-template-columns:1fr;align-items:start;gap:9px;margin-bottom:17px}
 .gallery-heading h2{max-width:none;margin-top:8px;font-size:2rem;line-height:1.08}
 .gallery-heading .home-quiet-link{justify-self:start;max-width:none;margin:0;white-space:nowrap;text-align:left;line-height:1.3;font-size:.78rem}
 .home-gallery-grid{grid-auto-flow:column;grid-auto-columns:min(86vw,340px);grid-template-columns:none;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:0 16px 8px;margin:0 -16px;scrollbar-width:thin;scrollbar-color:#9cac9b transparent}
 .home-gallery-card{scroll-snap-align:start;border-radius:13px}
 .home-gallery-card>a{aspect-ratio:1.15}
 .home-social-gallery .home-activity-image img{aspect-ratio:1.15}
 .home-gallery-card figcaption{grid-template-columns:1fr;gap:6px;padding:13px 14px 14px}
 .home-gallery-card figcaption strong{font-size:.86rem;line-height:1.3}
 .home-gallery-card figcaption a{justify-self:start;min-height:32px;font-size:.7rem}
 .home-instagram-embed{margin:27px auto 0;padding:16px 12px;border-radius:14px}
 .home-instagram-embed-heading{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:13px}
 .home-instagram-embed-heading h3{font-size:1.55rem}
 .home-instagram-embed-heading p{font-size:.79rem}
 .home-instagram-embed-heading .home-quiet-link{justify-self:start}
 .home-instagram-frame{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border-radius:12px}
 .home-instagram-arrow{width:38px;height:38px;font-size:1.65rem}
 .home-instagram-previous{left:9px}.home-instagram-next{right:9px}
 .home-instagram-indicators{bottom:9px;max-width:calc(100% - 115px);gap:6px;padding:6px 8px}
 .home-instagram-indicators button{width:8px;height:8px}
 .home-instagram-count{right:9px;bottom:9px;padding:5px 7px;font-size:.6rem}
 .home-social-links{justify-content:flex-start;flex-wrap:wrap;margin-top:12px}
 .home-social-links a{min-height:39px;padding:7px 11px;font-size:.7rem}
 .home-daily-redesign{padding:50px 0 53px}
 .home-daily-inner{grid-template-columns:1fr;gap:10px}
 .home-daily-intro{grid-column:1;display:block}
 .home-daily-intro h2{margin-top:9px}
 .home-daily-intro p{margin:9px 0 11px;font-size:.84rem;line-height:1.5}
 .home-daily-intro .home-quiet-link{display:none}
 .daily-feature-card{min-height:154px;padding:17px 18px;border-radius:13px}
 .daily-feature-card strong{font-size:1.38rem;max-width:310px}
 .daily-index{font-size:.62rem}
 .daily-card-foot{padding-top:9px;font-size:.73rem}
 .home-discover{padding:53px 0 58px}
 .home-discover .home-section-heading{display:block}
 .home-discover .home-section-heading>p{margin:9px 0 0;font-size:.84rem}
 .home-discover-grid{grid-template-columns:1fr 1fr;gap:9px}
 .home-contributor-invite{padding:19px 0}
 .home-contributor-invite .wrap{grid-template-columns:36px minmax(0,1fr);gap:9px 11px}
 .invite-symbol{width:34px;height:34px;font-size:1.05rem}
 .home-contributor-invite .home-overline{font-size:.57rem}
 .home-contributor-invite h2{font-size:.92rem;margin:3px 0}
 .home-contributor-invite p{font-size:.72rem}
 .home-contributor-invite>div>a{grid-column:2;justify-self:start;padding:8px 12px;font-size:.73rem}
 .discover-tile{min-height:188px;padding:14px;border-radius:13px}
 .discover-index{font-size:.57rem;letter-spacing:.08em}
 .discover-tile strong{font-size:1.27rem;line-height:1.1}
 .discover-foot{gap:6px;font-size:.65rem;line-height:1.3;padding-top:9px}
 .home-vision-redesign{order:0;padding:40px 0 44px}
 .home-vision-content{grid-template-columns:1fr;gap:8px;padding-bottom:18px}
 .home-vision-redesign blockquote{font-size:1.35rem;line-height:1.4}
 .home-vision-redesign .wrap{padding:19px 14px;border-radius:17px}
 .home-missions{margin-top:16px;padding:0}
 .home-missions-heading{align-items:start;gap:8px;margin-bottom:13px}
 .home-missions-heading h2{font-size:1.05rem;line-height:1.2}
 .home-missions-count{margin-top:4px;font-size:.55rem}
 .home-missions-count b{font-size:.8rem}
 .home-mission-card{min-height:156px;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:10px 0}
 .home-mission-number{font-size:3.45rem}
 .home-mission-card p{font-size:.92rem;line-height:1.5}
 .home-mission-controls{gap:8px;margin-top:13px}
 .home-mission-arrow{width:36px;height:36px;font-size:1.15rem}
 .home-mission-pickers{gap:5px}
 .home-mission-pickers button{min-width:30px;height:32px;padding:0 6px;font-size:.6rem}
}
@media(max-width:380px){
 .opening-inner{padding-top:27px;padding-bottom:28px;gap:21px}
 .opening h1{font-size:2.53rem}
 .opening-copy>p{font-size:.9rem}
 .opening-action{min-height:45px;grid-template-columns:1fr;padding:6px 8px}
 .opening-action strong{font-size:.66rem}
 .opening-action:nth-child(n+2) strong{font-size:.64rem}
 .opening-visual figcaption{max-width:none}
 .home-section-heading h2,.home-daily-intro h2{font-size:1.95rem}
 .discover-tile{min-height:176px;padding:12px}
 .discover-tile strong{font-size:1.14rem}
 .discover-foot{font-size:.6rem}
}
/* Statistik YPWIK: susunan editorial hangat, bukan panel gradien berisi kaca. */
.home-visit-summary{position:relative;overflow:hidden;padding:70px 0 76px;background:linear-gradient(135deg,var(--theme-page,#f7f3ee),color-mix(in srgb,var(--theme-soft,#eee5da) 62%,var(--theme-page,#f7f3ee)) 54%,var(--theme-page,#f7f3ee))}
.home-visit-summary:before{content:"";position:absolute;right:-110px;top:-180px;width:390px;height:390px;border:1px solid color-mix(in srgb,var(--theme-primary,#674832) 12%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--theme-companion,#8fbaae) 5%,transparent),0 0 0 60px color-mix(in srgb,var(--theme-primary,#674832) 3%,transparent);pointer-events:none}
.home-visit-inner{position:relative;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.7fr);align-items:center;gap:20px 46px;padding:28px 0;border-top:1px solid color-mix(in srgb,var(--theme-primary,#674832) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--theme-primary,#674832) 24%,transparent)}
.home-visit-heading{max-width:340px;margin:0;text-align:left}
.home-visit-heading .home-overline{color:var(--theme-primary,#674832)}
.home-visit-heading h2{margin:13px 0 11px;color:var(--theme-ink,#30271f);font:700 clamp(1.9rem,3.2vw,2.7rem)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.home-visit-heading p{margin:0;color:var(--theme-muted,#756b60);font-size:.92rem;line-height:1.6}
.home-visit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-visit-card{position:relative;display:flex;min-width:0;min-height:158px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:18px 15px;border:1px solid color-mix(in srgb,var(--theme-primary,#674832) 13%,var(--theme-line,#e3d9cc));border-radius:5px 20px 5px 20px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-page,#f7f3ee) 86%,white),color-mix(in srgb,var(--theme-soft,#eee5da) 68%,var(--theme-page,#f7f3ee)));color:var(--theme-ink,#30271f);box-shadow:0 7px 20px color-mix(in srgb,var(--theme-dark,#3f3025) 6%,transparent)}
.home-visit-card:before{content:"";position:absolute;top:0;left:15px;width:28px;height:3px;background:color-mix(in srgb,var(--theme-primary,#674832) 62%,var(--theme-companion,#8fbaae))}
.home-visit-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--theme-companion,#8fbaae) 27%,var(--theme-page,#f7f3ee));color:var(--theme-primary,#674832)}
.home-visit-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-visit-card strong{max-width:100%;overflow:hidden;color:var(--theme-dark,#3f3025);font-size:clamp(1.35rem,2.8vw,2.1rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.home-visit-card>span:last-child{color:var(--theme-muted,#756b60);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.home-visit-note{grid-column:2;margin:0;color:var(--theme-muted,#756b60);font-size:.72rem;line-height:1.5}
/* Kartu beranda muncul lembut saat masuk ke area pandang. */
html.home-reveal-ready .home-scroll-reveal{opacity:0;transform:translate3d(0,58px,0) scale(.94);transform-origin:50% 100%;transition:opacity .88s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .88s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
html.home-reveal-ready .home-scroll-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0) scale(1)}
html.home-reveal-ready .home-scroll-reveal.home-horizontal-reveal{transform-origin:center;transition:opacity .56s cubic-bezier(.22,.7,.2,1) var(--reveal-delay,0ms),transform .56s cubic-bezier(.22,.7,.2,1) var(--reveal-delay,0ms)}
html.home-reveal-ready .home-horizontal-reveal.reveal-from-left:not(.is-revealed){transform:translate3d(-32px,0,0)}
html.home-reveal-ready .home-horizontal-reveal.reveal-from-right:not(.is-revealed){transform:translate3d(32px,0,0)}
html.home-reveal-ready .discover-tile.is-revealed:hover{transform:translate3d(0,-5px,0)}
html.home-reveal-ready .daily-feature-card.is-revealed:hover{transform:translate3d(0,-4px,0)}
@media(max-width:900px){
 .home-visit-inner{grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr);gap:18px 25px}
 .home-visit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .home-visit-card{min-height:116px}
}
@media(max-width:650px){
 .home-visit-summary{padding:44px 0 48px}
 .home-visit-inner{display:block;padding:0 0 15px;border:0}
 .home-visit-heading{max-width:390px;margin:0 0 20px}
 .home-visit-heading h2{max-width:330px;font-size:2rem}
 .home-visit-heading p{font-size:.86rem}
 .home-visit-grid{grid-template-columns:1fr;gap:8px}
 .home-visit-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:0 11px;min-height:72px;padding:12px 14px;border-radius:5px 15px 5px 15px}
 .home-visit-card:before{top:13px;left:0;width:3px;height:44px}
 .home-visit-icon{grid-column:1;grid-row:1 / span 2}
 .home-visit-card strong{grid-column:3;grid-row:1 / span 2;font-size:clamp(1.45rem,7vw,1.9rem)}
 .home-visit-card>span:last-child{grid-column:2;grid-row:1 / span 2;font-size:.7rem;letter-spacing:.08em}
 .home-visit-note{margin-top:11px;font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){html.home-reveal-ready .home-scroll-reveal,html.home-reveal-ready .home-scroll-reveal.is-revealed{opacity:1;transform:none;transition:none}}
/* Keep the vision section directly after the green hero at every viewport size. */
@media(max-width:650px){
 .home-page .home-vision-redesign{order:0}
 .home-page .home-daily-redesign{order:6}
 .home-page .home-social-gallery{order:7}
}
@media(prefers-reduced-motion:reduce){.opening-photo-frame img,.opening-action,.home-feature-image img,.daily-feature-card,.discover-tile,.discover-tile:after,.home-feature-story,.home-story-row,.home-story-dots button,.home-mission-card.is-changing,.home-mission-arrow{animation:none;transition:none}.home-story-track{scroll-behavior:auto}}
/* On laptop, avoid a tall empty tail below the opening links before the vision statement. */
@media(min-width:851px){
 .home-page .opening{min-height:0}
 .home-page .opening-inner{min-height:0;padding-top:34px;padding-bottom:38px}
 .home-page .opening-visual{padding-bottom:24px}
 .home-page .home-vision-redesign{padding:36px 0 40px}
}
/* Align the vision and mission labels and remove the oversized gap before each mission. */
@media(min-width:1001px){
 .home-vision-redesign .wrap{padding:30px 38px}
 .home-vision-content{grid-template-columns:minmax(150px,180px) minmax(0,1fr);align-items:center;gap:30px;padding-bottom:22px}
 .home-vision-redesign blockquote{font-size:clamp(1.45rem,1.9vw,1.8rem);line-height:1.36}
 .home-missions{margin-top:18px}
 .home-missions-heading{align-items:center;margin-bottom:4px}
 .home-mission-card{min-height:108px;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:0 6px}
 .home-mission-number{justify-self:end;font-size:3.1rem}
 .home-mission-controls{margin-top:12px}
}
.home-photo-gallery{padding-top:42px}
.home-photo-feed{margin:28px 0 0;padding:24px}
.home-photo-feed .home-instagram-embed-heading .home-overline{color:#315b4d;font-size:.76rem}
.home-photo-feed .home-instagram-caption{display:-webkit-box;min-height:calc(3 * 1.4em + 21px);overflow:hidden;padding:10px 12px 11px;color:#43594d;font-size:.82rem;font-weight:650;line-height:1.4;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-photo-feed .home-facebook-caption-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}
@media(max-width:780px){.home-photo-gallery{padding:32px 0 38px}.home-photo-feed{margin:22px 0 0;padding:16px 12px}}