*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#20120b;color:#f5e4cc}a{color:inherit;text-decoration:none}.contactScene{position:relative;min-height:clamp(650px,43vw,900px);padding:24px 2vw 34px 26%;background:#28180e url("/contact-wood-background.webp") center/cover no-repeat;overflow:hidden}.contactBrand{position:absolute;right:5.5%;top:0;width:clamp(100px,12vw,190px);padding:24px 16px 28px;border:1px solid #c79255;border-top:0;border-radius:0 0 45% 45%;background:#28190edb;text-align:center}.contactBrand img{width:100%;max-width:120px;height:auto;border-radius:18px;display:block;margin:auto}.contactContent{width:100%;max-width:1500px;margin:0 auto}.contactHeading{text-align:center;padding:3px 20% 20px 0;min-height:clamp(245px,16.5vw,330px)}.contactEyebrow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(15px,1.4vw,25px);color:#d5bb97}.contactEyebrow:before,.contactEyebrow:after{content:"";width:32px;height:1px;background:#b48d61}.contactHeading h1{font-size:clamp(34px,4vw,76px);margin:18px 0 19px;line-height:1.3;color:#f7e6cc}.contactHeading p{font-size:clamp(14px,1.13vw,21px);line-height:1.9;margin:0;color:#ecdbc4}.contactHeading nav{display:flex;justify-content:center;gap:18px;font-size:13px;margin-top:18px;color:#d9c2a5}.contactGrid{direction:ltr;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px}.contactTile{position:relative;direction:rtl;display:block;min-width:0;min-height:clamp(166px,11.5vw,230px);padding:24px 22px 22px 112px;border:1px solid #c29460;border-radius:54px 45px 64px 45px;background:#35200fdb;color:#f8e6ca;box-shadow:inset 0 1px 0 #edc39844,0 8px 24px #120a0650;transition:transform .2s,border-color .2s}.contactTile:hover{transform:translateY(-3px);border-color:#f2d4ad}.contactTile:focus-visible,.contactBrand:focus-visible{outline:3px solid #efcea3;outline-offset:4px}.contactWhatsapp,.contactEmail,.contactOrder{grid-column:span 2}.contactTile h2{font-size:clamp(21px,1.7vw,32px);margin:0 0 10px;font-weight:700}.contactTile p{font-size:clamp(13px,.95vw,18px);line-height:1.85;margin:0;color:#dac3a4}.contactValue{display:block;text-align:right;font-size:clamp(20px,1.6vw,30px);margin-top:15px;overflow-wrap:anywhere}.contactIcon{position:absolute;left:25px;top:23px;width:70px;height:70px;border:1px solid #a8753f;border-radius:50%;background:#311d0ded;display:grid;place-items:center;color:#f5dfbd;box-shadow:0 5px 14px #160a0950}.contactIcon svg{width:34px;height:34px;fill:currentColor}.contactArrow{position:absolute;left:33px;bottom:19px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eed4ac;color:#29190e}.contactArrow svg{width:21px;height:21px;fill:currentColor}.contactEmail{background:#ebd2b0;color:#2c1a0d;border:4px solid #f1dec2;border-radius:60px 48px 42px 70px}.contactEmail p{color:#6d5135}.contactEmail .contactValue{font-size:clamp(13px,1.1vw,21px);margin-top:18px}.contactEmail .contactIcon{top:20px;left:21px}.contactEmail .contactArrow{background:transparent;border:1px solid #6e4c28}.contactOrder{border-radius:70px 46px 76px 30px}.contactInstagram,.contactTiktok{padding:24px 16px 20px 83px;border-radius:36px 40px 46px 36px}.contactInstagram .contactIcon,.contactTiktok .contactIcon{width:54px;height:54px;left:16px;top:20px}.contactInstagram .contactIcon{background:#b35035}.contactTiktok .contactIcon{background:#150e09}.contactInstagram .contactIcon svg,.contactTiktok .contactIcon svg{width:27px;height:27px}.contactInstagram h2,.contactTiktok h2{font-size:clamp(19px,1.5vw,28px)}.contactInstagram .contactArrow,.contactTiktok .contactArrow{left:23px}.contactPage .damiettaFooter{margin-top:0}
@media(min-width:1800px){.contactTile{padding-left:155px}.contactIcon{width:92px;height:92px;left:40px}.contactIcon svg{width:45px;height:45px}.contactArrow{left:50px;width:48px;height:48px}.contactInstagram,.contactTiktok{padding-left:105px}}
@media(max-width:1050px){.contactScene{padding-left:22%;padding-right:20px}.contactHeading{padding-right:18%;min-height:250px}.contactGrid{grid-template-columns:1fr 1fr}.contactWhatsapp,.contactEmail,.contactOrder{grid-column:span 2}.contactOrder{min-height:170px}.contactInstagram,.contactTiktok{min-height:175px}.contactBrand{right:25px;width:100px;padding:20px 12px}.contactHeading h1{font-size:36px}.contactTile{min-height:178px}}
@media(max-width:600px){.contactScene{padding:0 16px 28px;background-position:72% center}.contactBrand{position:relative;display:block;right:auto;width:86px;margin:0 auto;padding:12px 10px;border-radius:0 0 32px 32px}.contactHeading{padding:20px 0 24px;min-height:0}.contactHeading h1{font-size:31px;margin:13px 0}.contactHeading p{font-size:13px}.contactHeading nav{font-size:12px;margin-top:13px}.contactGrid{gap:12px}.contactTile{padding:22px 20px 23px 92px;border-radius:35px 30px 44px 30px;min-height:177px}.contactIcon{left:18px;top:22px;width:58px;height:58px}.contactIcon svg{width:29px;height:29px}.contactArrow{left:28px;bottom:19px}.contactTile h2{font-size:23px}.contactValue{font-size:23px}.contactEmail .contactValue{font-size:12px}.contactEmail .contactIcon{left:15px}.contactInstagram,.contactTiktok{padding:84px 12px 62px;min-height:225px;text-align:center}.contactInstagram .contactIcon,.contactTiktok .contactIcon{left:50%;transform:translateX(-50%);top:17px}.contactInstagram .contactArrow,.contactTiktok .contactArrow{left:50%;transform:translateX(-50%);bottom:17px}.contactInstagram h2,.contactTiktok h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.contactTile{transition:none}.contactTile:hover{transform:none}}

.contactInstagram .contactIcon{background:radial-gradient(circle at 30% 105%,#ffdd55 0%,#ffdd55 12%,#ff543e 40%,#c837ab 65%,#5849c5 100%);color:#fff;border-color:rgba(255,255,255,.35)}

/* Show the complete furniture composition instead of zooming/cropping it. */
.contactScene{background-image:url("/contact-room-wide.webp");background-size:100% auto;background-position:left top;background-color:#28180e}
@media(max-width:600px){.contactScene{background-size:auto 260px;background-position:left top}}

/* Fill the scene vertically without a blank lower band. Reserve furniture space. */
@media(min-width:1051px){.contactScene{background-size:auto 100%;background-position:left top;padding-left:34%}}
@media(min-width:601px) and (max-width:1050px){.contactScene{background-size:auto 100%;background-position:left top;padding-left:34%}.contactTile{background:#35200fed}}

/* Match the footer's warm gold hover glow on the top-right home logo. */
.contactBrand{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.contactBrand img{transition:box-shadow .2s ease,filter .2s ease}
.contactBrand:hover,.contactBrand:focus-visible{background:#58391ff2;border-color:#ebc28a;box-shadow:0 0 24px #dcaa6366,inset 0 0 12px #eec88d26}
.contactBrand:hover img,.contactBrand:focus-visible img{box-shadow:0 0 19px #dcaa6359;filter:brightness(1.06)}
@media(prefers-reduced-motion:reduce){.contactBrand,.contactBrand img{transition:none}}

.contactServiceDetails{margin:18px 0;padding:16px 20px;border:1px solid #a77b50;border-radius:14px;background:#2c1b12ed;color:#f8ead5;line-height:1.8;font-size:14px}.contactServiceDetails p{margin:4px 0}.contactServiceDetails b{color:#e6bd80}
