*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background:#f5f0e6;color:#12372a;line-height:1.6}nav{height:70px;padding:0 8%;display:flex;align-items:center;gap:30px;background:#f5f0e6;border-bottom:1px solid #d8d1c2;position:sticky;top:0;z-index:100}nav h2{margin-right:auto;letter-spacing:2px;font-size:20px}nav a{color:#12372a;text-decoration:none;font-size:14px;font-weight:bold;transition:.3s}nav a:hover,nav a.active{color:#789486}.hero{min-height:90vh;padding:10% 8%;display:flex;align-items:center;background:#12372a;color:#f5f0e6;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(245,240,230,.15);border-radius:50%;right:-100px;bottom:-100px}.hero-content{position:relative;z-index:2}.welcome,.label{letter-spacing:3px;font-size:12px;color:#b8c7bb;margin-bottom:20px}.hero h1{font-family:Georgia,serif;font-size:clamp(55px,9vw,100px);line-height:1;letter-spacing:-3px}.hero h1 span{color:#d8ceb9}.intro{margin:30px 0;color:#c5d0c6;max-width:480px}.btn{display:inline-block;padding:14px 23px;background:#f5f0e6;color:#12372a;border-radius:30px;text-decoration:none;font-weight:bold;transition:.3s;border:0;cursor:pointer}.btn:hover{transform:translateY(-4px);background:#fff}.about,.contact-section,.dashboard-section{padding:100px 8%;background:#f5f0e6}.label{font-weight:bold;color:#456354;margin-bottom:45px}.about-box{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.foto{width:100%;max-width:420px;aspect-ratio:4/5;background:#ddd5c5;overflow:hidden;border:10px solid #e9e2d4;box-shadow:0 20px 50px rgba(18,55,42,.12)}.foto img{width:100%;height:100%;object-fit:cover;display:block}.mini{color:#708276;letter-spacing:3px;font-size:11px;margin-bottom:10px}.data h2,.page-title{font-family:Georgia,serif;font-size:clamp(48px,7vw,75px);line-height:1;margin-bottom:25px}.description{color:#65756b;max-width:550px;line-height:1.8;margin-bottom:30px}.info{border-top:1px solid #d3ccbd}.info div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #d3ccbd}.info span{color:#708276}.info b{text-align:right}.films{padding:110px 8%;background:#12372a;color:#f5f0e6}.films .label{color:#b7c5b9}.films-title{font-family:Georgia,serif;font-size:clamp(48px,7vw,75px);line-height:1;margin-bottom:15px}.sub{color:#b7c5b9;margin-bottom:55px}.film-container{display:grid;grid-template-columns:minmax(250px,420px);gap:28px}.film{position:relative;transition:.4s}.film:hover{transform:translateY(-10px)}.film-img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#294638;border:1px solid rgba(245,240,230,.15)}.number{position:absolute;top:15px;left:15px;font-size:12px;letter-spacing:2px;background:rgba(0,0,0,.35);padding:5px 8px;border-radius:4px;z-index:2}.film h3{font-family:Georgia,serif;font-size:23px;margin-top:18px}.film-year{color:#9eafa2;font-size:12px;margin-top:5px}.trailer-btn{margin-top:18px}footer{padding:30px 8%;background:#0d291e;color:#9daf9f;display:flex;justify-content:space-between;font-size:12px}.fade{opacity:0;transform:translateY(30px);animation:muncul 1s ease forwards}@keyframes muncul{to{opacity:1;transform:translateY(0)}}.page-header{padding:80px 8% 55px;background:#12372a;color:#f5f0e6}.page-header .label{color:#b7c5b9;margin-bottom:20px}.page-header .description{color:#c5d0c6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{background:#fffaf1;border:1px solid #ded6c7;padding:28px;box-shadow:0 10px 25px rgba(18,55,42,.06)}.card h3{font-family:Georgia,serif;font-size:28px;margin-bottom:8px}.card p{color:#65756b}.card .icon{font-size:30px;margin-bottom:14px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.contact-list{margin-top:25px}.contact-item{padding:17px 0;border-bottom:1px solid #d3ccbd}.contact-item span{display:block;color:#708276;font-size:12px;letter-spacing:2px}.contact-item a{color:#12372a;text-decoration:none;font-weight:bold}.contact-form{background:#fffaf1;padding:30px;border:1px solid #ded6c7}.contact-form label{display:block;font-size:13px;font-weight:bold;margin:0 0 7px}.contact-form input,.contact-form textarea{width:100%;padding:13px;margin-bottom:18px;border:1px solid #d3ccbd;background:#f5f0e6;font:inherit;color:#12372a}.contact-form textarea{min-height:130px;resize:vertical}.contact-form .btn{background:#12372a;color:#f5f0e6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#12372a;color:#f5f0e6;padding:25px}.stat strong{display:block;font-family:Georgia,serif;font-size:40px}.stat span{color:#b8c7bb;font-size:12px}.table-wrap{overflow-x:auto;margin-top:45px}.project-table{width:100%;border-collapse:collapse;background:#fffaf1}.project-table th,.project-table td{text-align:left;padding:17px;border-bottom:1px solid #d3ccbd}.project-table th{color:#456354;font-size:12px;letter-spacing:1px}.status{color:#456354;font-weight:bold}@media(max-width:700px){nav{padding:0 5%;gap:15px}nav h2{font-size:17px}nav a{font-size:11px}.hero{min-height:85vh;padding:12% 7%}.about,.films,.contact-section,.dashboard-section{padding:80px 7%}.about-box,.contact-grid{grid-template-columns:1fr;gap:50px}.foto{margin:auto}.film-container{grid-template-columns:1fr}.film{max-width:420px;margin:auto}footer{flex-direction:column;gap:10px}.cards,.stats{grid-template-columns:1fr 1fr}.page-header{padding:65px 7% 45px}.info div{gap:20px}.info b{max-width:55%}}@media(max-width:430px){.cards,.stats{grid-template-columns:1fr}nav{gap:9px}nav h2{font-size:15px}nav a{font-size:10px}}