@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap');
:root{--soft-radius:26px;--gold:#c1a56e}
body{font-family:'Manrope',Arial,sans-serif;background:#0a0a0d}
.hero h1,.contact h2,.section-heading h2,.experience-copy h3{font-family:'Sora','Manrope',sans-serif!important;letter-spacing:-.063em}
h3,.service-details h3,.project-meta h3{font-family:'Sora','Manrope',sans-serif}
.hero h1{font-size:clamp(60px,6.6vw,106px);letter-spacing:-.072em}
.hero{isolation:isolate;background:radial-gradient(ellipse at 75% 34%,#2b221c 0%,#111114 44%,#08090b 78%);border-radius:0 0 42px 42px}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 88%,rgba(186,149,87,.13),transparent 46%),linear-gradient(135deg,rgba(255,255,255,.03),transparent 37%);animation:atmosphere 13s ease-in-out infinite alternate}
.hero-glow{animation:ambientGlow 11s ease-in-out infinite alternate}
@keyframes atmosphere{to{opacity:.65;transform:scale(1.13) translate(2%,-1%)}}@keyframes ambientGlow{to{filter:hue-rotate(-12deg);opacity:.63;transform:translate(2%,1%)}}
.hero-art{min-height:590px;perspective:1200px;transform-style:preserve-3d}
.hero-photo-set{position:absolute;inset:3% -9% 5% 15%;background:linear-gradient(90deg,#0a0a0d 0%,transparent 32%,rgba(9,9,11,.18)),url('assets/hero-scene.jpg') center/cover no-repeat;opacity:.55;filter:saturate(.68);border-radius:54px;mask-image:linear-gradient(to right,transparent 0%,black 28%,black 85%,transparent 100%);transform:rotate(-4deg) scale(1.02)}
.hero-stone{position:absolute;width:62%;height:24%;border-radius:50%;bottom:6%;left:30%;background:radial-gradient(ellipse at 32% 16%,#615348 0%,#242220 45%,#050507 76%);box-shadow:0 50px 55px #0008;transform:rotate(-7deg) skewX(-18deg)}
.phone-hero{transform:perspective(1000px) rotateY(-19deg) rotateX(8deg) rotateZ(8deg)!important;box-shadow:16px 35px 15px rgba(0,0,0,.45),36px 55px 75px rgba(0,0,0,.72),inset -9px 0 12px #101014!important;border:7px solid #19191e!important;backface-visibility:hidden}
.phone-hero:after{content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}
.phone-photo{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.45)),url('assets/ocre-scene.jpg') center/cover!important}
.nfc-card{transform:perspective(800px) rotateY(-24deg) rotateX(7deg) rotateZ(-12deg)!important;box-shadow:25px 30px 52px #000b, inset 2px 2px 2px #ffffff30!important;border-radius:17px!important}
.back-panel{opacity:.6}.floating-label{border-radius:18px!important;backdrop-filter:blur(22px)}
.services{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#fff 0%,transparent 48%),radial-gradient(ellipse at 5% 85%,#ded3bf 0%,transparent 60%),linear-gradient(125deg,#f4f0e8,#eae4d9 58%,#f7f4ee)}
.services:before,.process:before{content:'';position:absolute;width:48vw;height:48vw;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(193,165,110,.15),transparent 70%);top:-14vw;right:-12vw;animation:ambientGlow 12s ease-in-out infinite alternate}
.service-card{overflow:hidden;border-radius:var(--soft-radius)!important;background:#fdfbf7;box-shadow:0 19px 55px #332a1c19;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s!important;text-align:left}
.service-card:hover{transform:translateY(-11px)!important;box-shadow:0 28px 65px #261b1633!important}
.service-visual{overflow:hidden;border-radius:22px 22px 0 0!important;position:relative;background:#201a15!important}
.scene-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.9);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s}
.service-card:hover .scene-image{transform:scale(1.095);filter:saturate(1.1)}
.service-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,5,6,.5));pointer-events:none}
.image-overlay{position:absolute;z-index:2;bottom:20px;left:24px;color:#f6dfb6;font-size:10px;letter-spacing:.14em;font-weight:800;text-shadow:0 2px 7px #000}
.service-number{z-index:3}.service-details{border-radius:0 0 26px 26px}
.experience-band{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);padding:72px 0 5px;position:relative}
.experience-art{position:relative;min-height:340px;border-radius:31px;overflow:hidden;box-shadow:0 24px 45px #0003;background:#1c1714}
.experience-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.experience-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100e0c9c,transparent 65%)}
.experience-image-tag{position:absolute;z-index:2;bottom:22px;left:26px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.17em}
.experience-copy h3{font-size:clamp(34px,3.6vw,57px);line-height:1.14;margin:18px 0 16px;color:#141312}.experience-copy h3 em{font-style:normal;color:#a08051}.experience-copy p{color:#696057;max-width:400px;line-height:1.9}.experience-link{display:inline-flex;gap:22px;border-bottom:1px solid #988065;padding:11px 0;color:#29231c;font-weight:750;font-size:13px}
.projects{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 24%,#262019,#0a0a0d 54%),linear-gradient(20deg,#0a0a0d,#191716)}
.projects:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 93% 10%,rgba(199,154,93,.12),transparent 47%);animation:atmosphere 14s infinite alternate}
.project-card,.project-image{border-radius:24px!important;overflow:hidden}.project-card{background:#171717;box-shadow:0 15px 40px #0005;border:1px solid #c8a87524!important}.project-card:hover{transform:translateY(-8px)}.project-image img{object-fit:cover!important;object-position:center!important;filter:saturate(.95)}.project-card:hover .project-image img{transform:scale(1.08)}
.process{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 80%,#efe4d2,transparent 55%),linear-gradient(120deg,#f8f4ee,#e8e0d4);border-radius:38px 38px 0 0}
.step{border-radius:18px;transition:background .3s,transform .3s}.step:hover{background:#fff9;transform:translateY(-3px)}
.contact{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 45%,#31251c 0%,#0a0a0d 68%)}
.contact:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 80%,#b7945a20,transparent 52%);animation:ambientGlow 13s infinite alternate;pointer-events:none}
.contact-art{border-radius:32px;overflow:hidden;box-shadow:0 22px 90px #0006}
.closing-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;opacity:.55;filter:saturate(.84)}
.contact-card{box-shadow:14px 22px 45px #0009!important;transform:perspective(800px) rotateY(-21deg) rotateZ(-9deg)!important;border-radius:19px}
.modal-box{border-radius:27px!important}.modal-demo{border-radius:22px!important}
@media (max-width:960px){.hero-photo-set{inset:9% -10% 8% 2%;opacity:.37}.experience-band{grid-template-columns:1fr}.experience-art{min-height:290px}.experience-copy{padding:0 0 30px}.hero-art{min-height:470px}}
@media (max-width:680px){.hero{border-radius:0 0 25px 25px}.hero-photo-set{inset:0 -8% 8% 10%;opacity:.34}.phone-hero{transform:perspective(1000px) rotateY(-13deg) rotateZ(5deg)!important}.experience-band{padding:32px 0 0}.experience-art{min-height:230px;border-radius:21px}.service-card,.project-card{border-radius:20px!important}.hero h1{font-size:clamp(47px,11vw,67px)}.contact-art{min-height:320px}.section-pad{padding-block:72px 78px}}
@media (prefers-reduced-motion: reduce){.hero:before,.hero-glow,.services:before,.process:before,.projects:before,.contact:before{animation:none!important}.scene-image{transition:none!important}}