*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2efe7;color:#161914;font-family:Arial,Helvetica,sans-serif}header{height:110px;position:absolute;z-index:5;width:100%;display:flex;align-items:center;padding:12px 4%;gap:30px;color:white}.logo{width:190px;max-height:92px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}nav{display:flex;gap:22px;margin-left:auto}a{color:inherit;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.08em}.outline{border:1px solid #c5a467;padding:15px 22px}.hero{height:690px;background:url(assets/hero-clean.jpg) center 48%/cover;position:relative;color:white}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.18) 100%)}.hero-copy{position:absolute;left:4%;top:155px}.hero h1{font-family:Impact,Arial Black,sans-serif;font-size:82px;line-height:.88;margin:0 0 20px;letter-spacing:.01em}.hero h1 span{color:#c9a76b}.hero p{letter-spacing:.22em;font-size:11px}.gold,.darkbtn{display:inline-block;margin-top:20px;padding:17px 26px;background:#c9a76b;color:#151812}.darkbtn{background:#171b17;color:white}.script{position:absolute;right:5%;bottom:50px;font-family:cursive;font-size:44px;line-height:.8;transform:rotate(-8deg)}.worlds{display:grid;grid-template-columns:repeat(3,1fr)}.worlds article{height:245px;background-size:cover;background-position:center;position:relative;color:white;padding:150px 28px 20px;text-shadow:0 2px 10px #000}.worlds article:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.worlds h2,.worlds p{position:relative;margin:0}.worlds h2,.difference h2,.process h2,.projects h2,.contact h2{font-family:Impact,Arial Black,sans-serif;letter-spacing:.02em}.worlds h2{font-size:34px}.worlds p{font-size:12px;line-height:1.45;letter-spacing:.08em}.difference{display:grid;grid-template-columns:1.1fr 1.9fr;padding:58px 4%;gap:45px;background:#f4f0e7}.intro small,.process small,.projects small,.contact small{letter-spacing:.22em;color:#967748}.intro h2{font-size:34px;margin:10px 0}.intro p{line-height:1.5;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefits div{text-align:center;border-left:1px solid #d7d0c4;font-size:36px}.benefits b,.benefits span{display:block;font-size:16px;margin-top:14px}.benefits span{font-size:13px;font-weight:400;line-height:1.5}.process{padding:45px 4% 55px;background:#121912;color:white;background-image:radial-gradient(circle at 20% 30%,#263126 0,transparent 25%)}.process h2{font-size:36px;margin:8px 0 25px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.steps em{font-family:Impact;font-size:28px}.steps .ph{height:115px;margin:5px 0 10px;background:linear-gradient(135deg,#3b433b,#9b8b6f)}.steps b,.steps span{display:block}.steps span{font-size:12px;line-height:1.4;margin-top:5px;color:#ddd}.projects{padding:45px 4%;background:#f4f0e7}.projects h2{font-size:36px;margin:8px 0 18px}.project-img{height:250px;background:url(assets/projects.jpg) center/cover}.note{font-size:11px;color:#666}.options{padding:45px 4%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#151b15;color:white}.options h2{font-style:italic;font-size:38px}.options blockquote{text-align:center;font-size:24px;font-weight:800;letter-spacing:.12em}.contact{text-align:center;padding:90px 20px}.contact h2{font-size:55px;margin:10px}.contact .gold{font-size:14px}footer{padding:25px;text-align:center;background:#111;color:#aaa;font-size:11px;letter-spacing:.2em}@media(max-width:900px){header nav{display:none}header{height:90px}.logo{width:155px}.outline{margin-left:auto}.hero{height:620px}.hero-copy{top:150px}.hero h1{font-size:58px}.hero p{max-width:320px;line-height:1.7}.script{font-size:30px}.worlds{grid-template-columns:1fr}.worlds article{height:210px}.difference{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr);gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.options{grid-template-columns:1fr}.options blockquote{margin-top:45px}}@media(max-width:520px){header .outline{padding:11px;font-size:10px}.hero h1{font-size:48px}.hero-copy{left:6%}.script{display:none}.benefits{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.contact h2{font-size:42px}}