:root{--ink:#101a2c;--navy:#12243d;--green:#a8e61d;--cream:#f4f0e6;--white:#fff;--line:rgba(16,26,44,.18);--muted:#637080;--orange:#ff8c42;--blue:#59b9ff;--pink:#ff8eb5;--yellow:#f1cd41;--purple:#aa8cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.055em;line-height:.98}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-60px;left:20px;z-index:99;background:#fff;padding:12px}.skip-link:focus{top:20px}.site-header{height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-family:'Manrope';font-weight:800;line-height:1.05;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:50% 50% 50% 8px;background:var(--green);color:var(--navy);font-weight:800}.site-header nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:14px}.site-header nav>a:not(.nav-cta):hover{color:#4f7400}.nav-cta{background:var(--navy);color:#fff;padding:15px 18px}.nav-cta span,.button span{margin-left:16px}.menu-button{display:none;background:none;border:0}.hero{background:var(--navy);color:#fff;display:grid;grid-template-columns:55% 45%;min-height:calc(100vh - 92px);position:relative;overflow:hidden}.hero-copy{padding:9vw 4vw 130px;position:relative;z-index:2}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.eyebrow span{display:inline-block;width:30px;border-top:2px solid var(--green);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(55px,7.2vw,116px);margin:28px 0 30px;max-width:1180px}.hero h1 em{color:var(--green);font-style:normal}.hero-lead{font-size:clamp(17px,1.45vw,23px);max-width:620px;color:#d8e0ea}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:42px}.button{display:inline-flex;align-items:center;padding:17px 21px;font-weight:700;border:1px solid currentColor}.primary{background:var(--green);border-color:var(--green);color:var(--navy)}.text-link{display:inline-block;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}.text-link span{margin-left:18px}.hero-visual{min-height:600px;position:relative}.hero-image{height:100%;background:linear-gradient(180deg,transparent 60%,rgba(8,20,35,.7)),url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1400&q=85') center/cover}.floating-card{position:absolute;bottom:86px;left:-70px;background:#fff;color:var(--ink);padding:22px 28px;display:flex;align-items:center;gap:18px}.floating-card strong{font:800 50px/1 'Manrope';color:#719d0d}.floating-card span{font-weight:700}.hero-stamp{position:absolute;right:25px;top:35px;width:112px;height:112px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;letter-spacing:.08em;transform:rotate(8deg)}.ticker{position:absolute;bottom:0;width:100%;height:54px;background:var(--green);color:var(--navy);display:flex;align-items:center;overflow:hidden;font:800 18px 'Manrope';letter-spacing:.06em;white-space:nowrap}.ticker div{animation:marquee 28s linear infinite}.ticker i{margin:0 18px}@keyframes marquee{to{transform:translateX(-100%)}}.section{padding:110px 7vw}.section-kicker{margin-bottom:38px;color:#667262}.profile{background:#fff}.profile-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.profile h2,.section-heading h2,.contact h2{font-size:clamp(45px,5.6vw,82px)}.profile h2 span,.section-heading h2 span,.contact h2 span{color:#709c12}.large-copy{font:600 clamp(22px,2vw,30px)/1.35 'Manrope';letter-spacing:-.03em}.profile-grid>div>p:not(.large-copy){color:var(--muted);font-size:17px;max-width:600px}.dark{margin-top:22px}.majors{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:370px;color:var(--muted);font-size:17px}.major-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.major-card{min-height:310px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.major-card:hover{background:#fff;transform:translateY(-4px)}.major-number{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.major-dot{width:15px;height:15px;border-radius:50%}.major-card h3{font:700 25px/1.15 'Manrope';margin:auto 0 16px;max-width:260px}.major-card p{color:var(--muted);margin:0}.lime{background:var(--green)}.orange{background:var(--orange)}.blue{background:var(--blue)}.pink{background:var(--pink)}.yellow{background:var(--yellow)}.purple{background:var(--purple)}.stats{padding:65px 7vw;background:var(--green);display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.stats div{border-left:1px solid rgba(16,26,44,.3);padding-left:22px}.stats strong{display:block;font:800 clamp(42px,5vw,72px)/1 'Manrope';letter-spacing:-.06em}.stats span{font-weight:700}.stats>p{grid-column:1/-1;margin:15px 0 0;font-size:12px;opacity:.65}.news{background:#fff}.outline{color:var(--ink)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{border-top:4px solid var(--ink);padding-top:20px}.news-card:first-child{grid-column:span 2}.news-image{aspect-ratio:16/9;background-size:cover;background-position:center;margin-bottom:20px}.news-card:nth-child(1) .news-image{background-image:url('https://images.unsplash.com/photo-1531482615713-2afd69097998?auto=format&fit=crop&w=1200&q=80')}.news-card:nth-child(2) .news-image{background-image:url('https://images.unsplash.com/photo-1562774053-701939374585?auto=format&fit=crop&w=900&q=80')}.news-card:nth-child(3) .news-image{background-image:url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?auto=format&fit=crop&w=900&q=80')}.news-meta{display:flex;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:700}.news-meta span:first-child{color:#658e0b}.news-card h3{font:700 clamp(22px,2.2vw,32px)/1.15 'Manrope';margin:14px 0}.news-card p{color:var(--muted)}.announcements{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-top:100px;padding-top:55px;border-top:1px solid var(--line)}.announcements h3{font:700 32px/1.2 'Manrope'}.announcement-item{display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.announcement-item span{font-size:12px;color:var(--muted)}.announcement-item strong{font-size:17px}.announcement-item b{font-weight:400;font-size:22px}.facilities{background:var(--navy);color:#fff}.section-heading.light>p{color:#bdc8d3}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.gallery article{position:relative}.gallery-b{margin-top:90px}.gallery-c{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.photo{background-size:cover;background-position:center;aspect-ratio:4/3}.gallery-c .photo{aspect-ratio:2/1}.lab{background-image:url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=1300&q=80')}.workshop{background-image:url('https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1000&q=80')}.community{background-image:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1400&q=80')}.gallery h3{font:700 25px 'Manrope';margin:18px 0 8px}.gallery p,.placeholder-note{color:#bdc8d3}.placeholder-note{font-size:12px;margin-top:35px}.ppdb{background:var(--green);display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;align-items:center}.ppdb-orbit{width:300px;height:300px;border:2px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font:800 72px/1 'Manrope';transform:rotate(-8deg);position:relative}.ppdb-orbit:after{content:'DAFTAR • TUMBUH • BERKARYA •';position:absolute;inset:14px;border:1px dashed var(--ink);border-radius:50%;font-size:10px;letter-spacing:.2em;padding-top:12px}.ppdb-orbit span{font-size:27px}.ppdb h2{font-size:clamp(50px,6vw,90px);margin-bottom:25px}.ppdb p{font-size:19px;max-width:600px}.dark-button{background:var(--navy);color:#fff;border-color:var(--navy);margin:16px 0}.ppdb small{display:block;opacity:.65}.contact{background:#fff;display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.contact-list a{display:grid;grid-template-columns:100px 1fr auto;gap:25px;padding:25px 0;border-top:1px solid var(--line);align-items:start}.contact-list a:hover b{transform:translate(4px,-4px)}.contact-list span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.contact-list strong{font-size:18px}.contact-list b{font-size:22px;transition:.2s}.contact-list small{color:var(--muted)}footer{background:#0b1729;color:#fff;padding:70px 5vw 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px}footer h4{color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 20px}footer a{display:block;color:#c4ceda;margin:10px 0}footer p{color:#8f9cab}.footer-brand strong{font:700 20px 'Manrope';display:block;margin-top:16px}.inverse{color:var(--navy)}.footer-end{display:flex;flex-direction:column;justify-content:space-between}.loading{padding:35px}.reveal{animation:rise .8s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}}@media(max-width:1180px){.site-header{height:76px}.menu-button{display:grid;gap:5px;padding:12px}.menu-button span:not(.sr-only){width:25px;border-top:2px solid var(--ink)}.site-header nav{position:absolute;top:76px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:25px 5vw;gap:20px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:85px 6vw 95px}.hero-visual{min-height:65vh}.floating-card{left:5vw}.profile-grid,.contact,.ppdb{grid-template-columns:1fr}.major-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.news-card:first-child{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.ppdb-orbit{width:220px;height:220px;font-size:54px}.announcements{grid-template-columns:1fr}.contact-list{margin-top:30px}footer{grid-template-columns:2fr 1fr 1fr}.footer-end{grid-column:1/-1;flex-direction:row}}@media(max-width:600px){.section{padding:75px 6vw}.hero h1{font-size:53px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:480px}.hero-stamp{width:90px;height:90px}.section-heading{align-items:flex-start;flex-direction:column}.major-grid,.news-grid{grid-template-columns:1fr}.news-card:first-child{grid-column:auto}.stats{grid-template-columns:1fr 1fr;padding:50px 6vw}.stats strong{font-size:45px}.gallery{display:block}.gallery article{margin:0 0 45px}.gallery-c{display:block}.announcements{margin-top:65px}.announcement-item{grid-template-columns:85px 1fr auto}.ppdb-orbit{margin:auto}.contact-list a{grid-template-columns:80px 1fr auto}.contact-list strong{font-size:15px}footer{grid-template-columns:1fr 1fr}.footer-brand,.footer-end{grid-column:1/-1}.footer-end{display:block}}