/*
Theme Name: Jay C Magic Luxury
Theme URI: https://jaycmagic.com/
Author: Jay C Magic
Description: Luxury black-and-gold interactive homepage for Jay C Magic. Based on the approved original concept.
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: jaycmagic-luxury
*/

:root{--gold:#d6af64;--cream:#efe6d5;--black:#070707}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f4eee6;font-family:Arial,Helvetica,sans-serif;font-weight:300}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{max-width:1260px;width:calc(100% - 88px);margin:auto}.header{height:52px;background:#030303;border-bottom:1px solid #6f552e88;position:relative;z-index:10}.head-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{width:85px;text-align:center;display:flex;flex-direction:column;line-height:.82;color:#dcb772;align-items:center}.brand-name{font-family:Georgia,serif;letter-spacing:-.1em;font-size:30px;font-variant:small-caps}.brand-sub{font-size:8px;letter-spacing:.39em;margin-top:5px;padding-left:5px}nav{display:flex;gap:34px;align-items:center}.header nav a,footer nav a{font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#dfddd6;transition:color .2s}.header nav a:hover,footer nav a:hover{color:var(--gold)}.header nav .active{color:#fff;border-bottom:1px solid var(--gold);padding-bottom:7px}.book{border:1px solid #b78c45;border-radius:7px;padding:10px 17px;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.hamburger{display:none;background:none;border:0;color:var(--gold);font-size:24px}.hero{height:340px;position:relative;overflow:hidden;background:radial-gradient(circle at 6% 66%,#72522360,transparent 31%),#090807;border-bottom:1px solid #6c522d66}.hero-visual{position:absolute;inset:0 0 0 57%;background-image:linear-gradient(90deg,#090807 0%,transparent 13%),url('assets/hero.jpg');background-size:cover;background-position:center;opacity:.9}.hero-inner{position:relative;height:100%;display:grid;grid-template-columns:34% 38% 28%;align-items:center}.logo-stage{width:min(94%,310px);height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.logo-stage img{width:100%;mix-blend-mode:screen;border-radius:50%}.hero-copy{position:relative;z-index:2;padding:0 16px 0 0}.eyebrow{display:block;color:#e4d6bd;text-transform:uppercase;letter-spacing:.44em;font-size:11px;font-weight:400}.hero-copy h1{font-size:clamp(46px,6.3vw,93px);font-weight:200;letter-spacing:.24em;margin:2px 0 0;line-height:1.15}.rule{width:85%;height:16px;display:flex;align-items:center;color:var(--gold);gap:10px;font-size:13px}.rule:before,.rule:after{content:'';height:1px;background:#b98d45;flex:1}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;max-width:380px;margin:9px 0 16px;color:#e4dfd6}.hero-actions{display:flex;gap:12px}.gold-btn,.outline-btn{min-height:40px;padding:0 20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:.2s}.gold-btn{background:linear-gradient(180deg,#f0cc85,#b78640);color:#16100a;box-shadow:0 0 15px #b9903a44}.gold-btn span{margin-left:18px}.outline-btn{border:1px solid #af8246;color:#f5e9d5}.gold-btn:hover,.outline-btn:hover,.contact-button:hover{transform:translateY(-2px);filter:brightness(1.16)}.experiences{background:radial-gradient(ellipse at center,#15100b 0%,#050505 75%);padding:20px 0 28px;border-bottom:1px solid #ae804244}.section-intro{text-align:center;position:relative;margin-bottom:20px}.section-intro .eyebrow{font-size:9px;color:#c4ab87;letter-spacing:.4em}.section-intro h2{font-weight:300;letter-spacing:.27em;text-transform:uppercase;font-size:22px;margin:7px 0 0;line-height:1.3}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{height:165px;position:relative;border-radius:7px;border:1px solid #a27b49;overflow:hidden;background-color:#120f0c;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:flex-end;transition:transform .2s,border-color .2s}.service-card:hover{border-color:#e8bd72;transform:translateY(-3px)}.private{background-image:linear-gradient(90deg,#00000005 0%,#00000080 43%,#000000de 67%),url('assets/private.jpg')}.closeup{background-image:linear-gradient(90deg,#00000005 0%,#00000096 46%,#000000e8 75%),url('assets/closeup.jpg')}.luxury{background-image:linear-gradient(90deg,#00000005 0%,#00000094 43%,#000000df 72%),url('assets/luxury.jpg')}.service-copy{width:56%;align-self:center;position:relative;padding:10px 12px}.service-icon{display:block;color:var(--gold);font-size:28px;line-height:1}.service-copy h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;margin:11px 0 7px;white-space:nowrap}.service-copy p{color:#e3dad0;line-height:1.5;font-size:10px;margin:0}.service-copy .arrow{position:absolute;right:8px;bottom:-15px;color:#f0d59c;font-size:20px}.reviews{height:225px;position:relative;overflow:hidden;border-bottom:1px solid #a57a4755}.review-bg-left,.review-bg-right,.contact-bg-left,.contact-bg-right{position:absolute;top:0;bottom:0;background-size:cover;background-position:center}.review-bg-left{left:0;width:50%;background-image:linear-gradient(90deg,#00000022,#00000096),url('assets/reviewleft.jpg')}.review-bg-right{right:0;width:50%;background-image:linear-gradient(90deg,#000000b0,#00000015),url('assets/reviewright.jpg')}.reviews>.wrap{position:relative}.reviews .section-intro{margin:12px auto}.review-card{width:min(460px,100%);margin:auto;background:#060606e8;border:1px solid #b18855;border-radius:7px;padding:15px 22px}.stars{color:#eec16c;font-size:14px;letter-spacing:.22em}.review-card>p{font-size:11px;line-height:1.5;margin:8px 0;color:#f1e9df}.review-bottom{display:flex;gap:8px;align-items:center;font-size:10px;color:#bfb4a4}.google-mark{font-family:Georgia,serif;font-size:25px;color:#f0c77a;font-weight:700}.small-link{margin-left:auto;color:var(--gold);font-size:10px;white-space:nowrap}.about{padding:11px 0;background:#080706;text-align:center;border-bottom:1px solid #5b452b55}.about p{font-size:11px;color:#b9ad9d;letter-spacing:.05em;margin:0}.contact{min-height:225px;position:relative;overflow:hidden;padding:18px 0 22px}.contact-bg-left{left:0;width:34%;background-image:linear-gradient(90deg,#00000050,#080808),url('assets/contactleft.jpg')}.contact-bg-right{right:0;width:31%;background-image:linear-gradient(90deg,#080808,#00000024),url('assets/contactright.jpg')}.contact>.wrap{position:relative}.contact .section-intro{margin-bottom:18px}.contact .section-intro p{font-size:12px;color:#d6cabc}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:auto;max-width:1050px}.contact-button{min-height:73px;background:#050505df;border:1px solid #b18548;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:17px;padding:10px;transition:transform .2s}.contact-icon{color:#f1c875;font-size:29px;min-width:34px;text-align:center}.contact-button b{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.contact-button small{font-size:10px;color:#d1c5b5}.prefill{font-size:10px;color:#bdb1a0;margin:12px auto 0;max-width:1040px}footer{height:65px;background:#030303;border-top:1px solid #73552d}.footer-inner{height:100%;display:flex;justify-content:space-between;gap:24px;align-items:center}footer .brand{width:76px}footer .brand-name{font-size:25px}footer nav{gap:22px}.footer-social{display:flex;gap:20px;font-size:20px;align-items:center}.footer-social a{color:#e8dfcf}.footer-tag{text-transform:uppercase;letter-spacing:.22em;border-left:1px solid #b18853;padding-left:18px;font-size:9px;line-height:1.8;color:#cbbcab}@media(min-width:1100px){.hero{height:375px}.service-card{height:185px}.reviews{height:235px}.contact{min-height:240px}}@media(max-width:850px){.wrap{width:calc(100% - 36px)}.header nav{gap:12px}.header nav a{font-size:8px}.hero-inner{grid-template-columns:31% 48% 21%}.hero-visual{inset:0 0 0 53%}.hero-copy h1{font-size:42px}.eyebrow{font-size:8px}.hero-actions{flex-wrap:wrap}.service-grid{gap:8px}.service-copy{width:70%}.service-copy h3{font-size:9px;white-space:normal}.service-copy p{font-size:9px}.section-intro h2{font-size:18px}.contact-grid{gap:8px}.contact-button{gap:6px}.contact-icon{font-size:22px}.contact-button b{font-size:9px}}@media(max-width:620px){.header{height:60px}.hamburger{display:block;margin-left:auto;margin-right:14px}.header nav{display:none;position:absolute;top:60px;left:0;right:0;background:#070707f7;padding:22px;flex-direction:column;gap:22px}.header nav.open{display:flex}.head-inner>.book{font-size:8px;padding:10px}.hero{height:auto;min-height:540px}.hero-visual{inset:0 0 0 22%;opacity:.45}.hero-inner{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;text-align:center;padding:22px 0 40px}.logo-stage{width:200px}.hero-copy{padding:0}.hero-copy h1{font-size:48px;letter-spacing:.15em}.hero-copy>p:not(.eyebrow){margin:15px auto}.rule{margin:auto}.hero-actions{justify-content:center}.experiences{padding:30px 0}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{height:180px}.service-copy{width:55%}.service-copy h3{font-size:13px}.service-copy p{font-size:11px}.reviews{height:auto;min-height:270px;padding-bottom:25px}.review-card{padding:20px}.about{padding:20px 0}.contact{padding:32px 0}.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-button{min-height:70px}.contact-button b{font-size:10px}.prefill{text-align:center}footer{height:auto}.footer-inner{padding:25px 0;flex-wrap:wrap;justify-content:center}footer nav{order:3;flex-wrap:wrap;justify-content:center;width:100%}.footer-tag{display:none}}