*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#eeeae2;color:#111}header{height:70px;position:fixed;z-index:9;width:100%;display:flex;align-items:center;padding:0 5%;color:#fff;background:linear-gradient(#000b,transparent)}header>b,footer>b{font-size:20px}header b small,footer b small{display:block;text-align:center;font-size:8px;letter-spacing:2px}nav{margin:auto;display:flex;gap:30px}a{color:inherit;text-decoration:none}nav a{font-size:12px}.lang button{border:0;background:none;color:#999}.lang .active{color:white}.hero{height:760px;background:radial-gradient(circle at 72% 42%,#795b45 0,transparent 25%),linear-gradient(100deg,#111 0 45%,#211a15 65%,#080808);color:#fff;position:relative;padding:180px 5%}.hero:after{content:'';position:absolute;right:20%;top:130px;width:260px;height:440px;border:1px solid #d1a67844;border-radius:45%;transform:rotate(-9deg);box-shadow:0 0 100px #b07d5533}.copy{max-width:700px;position:relative;z-index:2}.copy>p,small{font-size:10px;letter-spacing:1.3px;color:#999}.hero h1{font-size:clamp(60px,7vw,105px);line-height:.9;letter-spacing:-6px;margin:20px 0}.hero h3{font-size:18px;font-weight:400;line-height:1.4;max-width:560px}.btn{display:inline-block;margin-top:18px;padding:15px 22px;border-radius:30px;background:#f7f4ee;font-size:11px;color:#111}.hero aside{position:absolute;right:5%;top:150px;font-size:10px;line-height:1.5;color:#aaa}.hero aside i{display:block;width:25px;border-top:1px solid;margin:18px 0 150px}.light,.why,.process,.about{padding:75px 5%}.intro{display:grid;grid-template-columns:1fr 1.6fr;align-items:end;gap:50px}.intro h2,.work h2,.why h2,.process h2,.about h2,.contact h2{font-size:43px;letter-spacing:-2.5px;line-height:.95;margin:8px 0}.intro p{max-width:620px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.cards article{background:#f8f6f1;padding-bottom:20px}.cards h3,.cards p{margin-left:16px;margin-right:16px}.cards h3{font-size:16px}.cards p{font-size:12px;color:#555;line-height:1.5}.pic{height:210px;display:grid;place-items:center;color:white;font-size:34px;font-weight:bold}.a{background:linear-gradient(135deg,#4b3a2d,#111)}.b{background:linear-gradient(135deg,#55616b,#19191d)}.c{background:linear-gradient(135deg,#293540,#15110d)}.d{background:linear-gradient(135deg,#b49a84,#332923)}.work{padding:75px 5%;background:#111414;color:white;display:grid;grid-template-columns:28% 72%;gap:35px}.work p{color:#aaa;line-height:1.5}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.projects figure{height:360px;margin:0;padding:20px;display:flex;align-items:flex-end;font-size:25px;font-style:italic;border-radius:4px}.projects figure:nth-child(1){background:radial-gradient(circle at 50% 35%,#c09867,#33271d)}.projects figure:nth-child(2){background:radial-gradient(circle at 70% 25%,#b27750,#241b17)}.projects figure:nth-child(3){background:linear-gradient(145deg,#70a0a4,#18363d)}.why{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.why article{border-left:1px solid #ccc;padding-left:22px}.why article b{font-size:24px}.why article h3{font-size:13px}.process{background:#e3ddd2;display:grid;grid-template-columns:1fr 2.4fr;gap:50px}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process li{position:relative}.process li:not(:last-child):after{content:'→';position:absolute;right:-5px;top:8px}.process li b{font-size:24px;font-weight:400}.process li h3{font-size:14px;margin-top:22px}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:45px;align-items:center}.poster{height:330px;border-radius:5px;background:linear-gradient(#0002,#0007),linear-gradient(145deg,#9ab1ad,#5f695e 55%,#2e2b24);color:#fff;padding:30px;display:flex;align-items:flex-end;font-size:30px;font-weight:bold}.about p{line-height:1.55;max-width:680px}.contact{padding:65px 5%;background:linear-gradient(120deg,#152728,#111 65%);color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact p{color:#ccc;max-width:420px;line-height:1.5}footer{background:#0c0e0e;color:#bbb;padding:35px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:11px;line-height:1.6}footer b{color:#fff}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:800px){nav{display:none}.hero{height:680px;padding-top:150px}.hero h1{font-size:62px;letter-spacing:-4px}.hero aside{display:none}.intro,.work,.process,.about,.contact{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.work-grid,.projects{grid-template-columns:1fr}.projects figure{height:260px}.why{grid-template-columns:1fr 1fr}.process ol{grid-template-columns:1fr 1fr}.process li:after{display:none}footer{grid-template-columns:1fr;gap:15px}}@media(max-width:520px){.cards,.why,.process ol{grid-template-columns:1fr}.hero h1{font-size:52px}.intro h2,.work h2,.why h2,.process h2,.about h2,.contact h2{font-size:36px}}

/* Final local visual assets */
.hero{background:linear-gradient(90deg,#0b0c0c 0 38%,transparent 70%),url('hero.jpg') 72% 50%/cover no-repeat}.hero:after{display:none}.pic{background-size:cover!important;background-position:center!important}.pic.a{background-image:linear-gradient(#0001,#0002),url('content.jpg')!important}.pic.b{background-image:linear-gradient(#0001,#0002),url('social.jpg')!important}.pic.c{background-image:linear-gradient(#0001,#0002),url('campaigns.jpg')!important}.pic.d{background-image:linear-gradient(#0001,#0002),url('pr.jpg')!important}.projects figure{background-size:cover!important;background-position:center!important;text-shadow:0 2px 20px #000}.projects .p1{background-image:linear-gradient(#0001,#0005),url('work-beauty.jpg')!important}.projects .p2{background-image:linear-gradient(#0001,#0005),url('work-food.jpg')!important}.projects .p3{background-image:linear-gradient(#0001,#0005),url('work-travel.jpg')!important}.poster{background:linear-gradient(#0001,#0006),url('about.jpg') center/cover no-repeat}.poster span{filter:drop-shadow(0 3px 10px #000)}.contact{background:linear-gradient(90deg,#111d 0 50%,#111 75%),url('contact.jpg') left center/55% 100% no-repeat}.contact-note{display:none;font-size:11px;color:#d7b98d!important;border:1px solid #d7b98d55;padding:10px 12px;border-radius:8px}.contact-note.show{display:block}@media(max-width:800px){.hero{background:linear-gradient(#090909a8,#090909e8),url('hero.jpg') 62% center/cover}.contact{background:#111}}