:root{
  --ink:#18120f;--black:#100d0c;--brown:#2b1a12;--copper:#a06b39;
  --gold:#bc813f;--gold-light:#ffdc9c;--gold-bright:#f5b75d;
  --cream:#f6eee3;--cream-light:#fff9f2;--line:#dccab8;--muted:#67594f;
  --serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#211812;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #e0a94c;outline-offset:4px}svg.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.site-wrap{width:100%;max-width:1620px;margin:auto;overflow:clip;background:var(--cream-light);box-shadow:0 10px 90px #0c080a60}
.header{height:76px;background:linear-gradient(105deg,#fff5e8,#f2e1cf 56%,#fef7ed);display:flex;align-items:center;gap:32px;padding:0 clamp(22px,5.2vw,85px);position:relative;z-index:30;border-bottom:1px solid #aa7e4d70}
.brand{display:flex;align-items:center;gap:20px;min-width:355px;white-space:nowrap}.brand-rp{font-family:var(--serif);font-size:54px;line-height:.9;font-style:italic;font-weight:normal;letter-spacing:-.2em;padding-right:17px;background:linear-gradient(150deg,#895327 10%,#ffe3a9 38%,#9c642d 65%,#38241e 93%);background-clip:text;color:transparent;position:relative;display:inline-flex;width:91px;height:57px;align-items:center}.brand-rp span{font-size:.78em;align-self:center;margin-left:0}.brand-rp i{position:absolute;bottom:3px;left:8px;width:88px;height:15px;border-bottom:2px solid #a06b39;border-radius:0 0 65% 70%;transform:rotate(-9deg)}.brand-text{display:flex;flex-direction:column;gap:5px;padding-left:18px;border-left:1px solid #bca688}.brand-text strong{font-family:var(--serif);font-weight:normal;font-size:20px;letter-spacing:.065em}.brand-text small{letter-spacing:.31em;font-size:9px;font-weight:650;color:#7b542e}
.desktop-nav{display:flex;gap:clamp(14px,2vw,32px);align-items:center;justify-content:center;flex:1;white-space:nowrap}.desktop-nav a{font-size:12px;font-weight:750;letter-spacing:.03em;transition:color .2s;position:relative;padding:14px 0}.desktop-nav a:hover{color:#a06b39}.desktop-nav a.active::after,.desktop-nav a:hover::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:2px;background:#aa7034}.nav-cta{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;background:linear-gradient(140deg,#211711,#100e0d);color:#fae7c9;border-radius:28px;padding:13px 21px;box-shadow:inset 0 0 0 1px #c08a49;font-size:12px;font-weight:700}.nav-cta .ico{color:#ecc080;width:18px;height:18px}.nav-cta:hover{background:#402817}.menu-toggle{display:none;background:transparent;border:0;cursor:pointer}.mobile-menu[hidden]{display:none!important}
.hero{background:#160f0d;color:#f8e9d4;position:relative;min-height:345px;overflow:hidden;display:grid;grid-template-columns:47% 53%;isolation:isolate}
.hero::before{position:absolute;content:'';inset:0;background:radial-gradient(ellipse at 84% 65%,#d18a2937 0,transparent 37%),linear-gradient(90deg,#16100f 2%,#1a1413ef 37%,#20120f54 70%,#160d0c68);z-index:-1}
.hero-city{position:absolute;inset:0;z-index:-2;opacity:.53;background-image:
  radial-gradient(circle at 38% 72%,#edb775 0 1px,transparent 4px),radial-gradient(circle at 32% 31%,#f4bc7a 0 2px,transparent 7px),radial-gradient(circle at 85% 83%,#ffd1a5 0 2px,transparent 6px),radial-gradient(circle at 69% 23%,#dc8727 0 3px,transparent 16px),radial-gradient(circle at 46% 12%,#ce821c 0 2px,transparent 12px),repeating-linear-gradient(90deg,transparent 0 38px,#d0922940 39px 42px,transparent 43px 70px),linear-gradient(0deg,#c9822730 0,transparent 50%);background-position:center;background-size:100% 100%;filter:blur(6px)}
.hero::after{content:'';position:absolute;left:-12%;right:-5%;bottom:-44px;height:82px;border-top:2px solid #a86b2f85;box-shadow:0 -7px 25px #c5812470;transform:rotate(-2deg);pointer-events:none}
.hero-copy{padding:27px 10px 28px clamp(42px,7vw,105px);z-index:1;position:relative;align-self:center}.hero-copy h1{font:normal clamp(48px,4.45vw,74px)/.86 var(--serif);letter-spacing:.005em;color:#f3e2ce;margin:0 0 15px;text-shadow:0 1px 10px #050202}
.hero-role{font-size:clamp(19px,2vw,29px);font-weight:390;line-height:1.15;letter-spacing:.01em;margin:0 0 15px;color:#fff3e6}.hero-rule{width:90px;height:2px;background:linear-gradient(90deg,#e9c383,#aa6f35,transparent);margin:0 0 12px}.hero-caps{font-size:clamp(9px,.88vw,12px);letter-spacing:.19em;font-weight:700;margin:0 0 12px;line-height:1.6;color:#f9eadc}.hero-caps b{color:#dca85b;margin:0 6px}.hero-desc{font-size:13px;line-height:1.7;max-width:435px;margin:0;color:#e9d8c3}.hero-portfolio{margin-top:15px;display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:750;color:#28150e;padding:10px 18px;border-radius:24px;background:linear-gradient(180deg,#ffdd9f,#b67d3e);box-shadow:0 7px 23px #d4924030}.hero-portfolio .ico{width:16px;height:16px}.hero-portfolio:hover{filter:brightness(1.08)}
.hero-world{position:relative;min-height:345px;isolation:isolate}.hero-world img{display:block;position:absolute;z-index:2;width:min(75%,365px);height:auto;aspect-ratio:1;object-fit:contain;left:53%;top:51%;transform:translate(-50%,-50%);filter:brightness(1.13) contrast(1.15) drop-shadow(0 0 17px #db943e7c);animation:float-globe 10s ease-in-out infinite}.globe-halo{position:absolute;z-index:1;width:min(82%,400px);aspect-ratio:1;border-radius:50%;top:51%;left:53%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,transparent 45%,#ffa74216 61%,transparent 67%),conic-gradient(from 12deg,transparent 0 46%,#ffc77842 51%,transparent 55% 90%,#dba05f5a);filter:blur(7px);box-shadow:0 0 55px #bd772349}
.hero-tech{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;color:#f8c679;background:radial-gradient(circle at 40% 30%,#40301e 0,#0c090b 70%);border:1px solid #e8b866;box-shadow:0 0 0 5px #ab661c16,0 0 19px #eaaf5390}.hero-tech .ico{width:24px;height:24px}.tech-1{left:13%;top:11%}.tech-2{left:9%;top:33%}.tech-3{left:11%;top:55%}.tech-4{left:18%;top:77%}
.cream-main{background:linear-gradient(100deg,#fff8f1 0,#f5e8d8 50%,#fff7ec 100%);position:relative;padding:12px 0 22px}.section-inner{width:calc(100% - 120px);max-width:1390px;margin:0 auto}.section-title{font:normal 31px var(--serif);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;gap:24px}.section-title span{height:1px;width:65px;background:#a87c50}
.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.service-card{border-radius:15px;background:linear-gradient(145deg,#fff9f1,#f3e7d9);border:1px solid #fdfaf4;box-shadow:0 7px 14px #3b241217,0 2px 4px #3b241211;min-height:144px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.service-card>.ico{width:38px;height:38px;color:#956025;margin-bottom:9px;stroke-width:1.45}.service-card h3{font-size:13px;font-weight:750;line-height:1.18;margin:0 0 7px;min-height:30px}.service-card p{color:#51463c;font-size:10px;line-height:1.35;margin:0}
.lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr) 144px;column-gap:21px;align-items:start;margin-top:18px}.project-section{border-right:1px solid #d1bda8;padding-right:21px;min-width:0}.lower-grid h2{font:normal 24px var(--serif);margin:0 0 12px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.project-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:142px;background:#f8ede0;border-radius:13px;border:1px solid #e9d5bf;box-shadow:0 6px 12px #3b24120c;transition:transform .2s,box-shadow .2s}.project-card[href]:hover{transform:translateY(-3px);box-shadow:0 10px 20px #3b241228}.project-photo{height:90px;display:block;overflow:hidden;background:#190e0b}.project-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}.project-details{position:relative;padding:8px 21px 9px 9px;display:flex;flex-direction:column;gap:4px;min-height:49px}.project-details strong{font-size:11px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-details small{font-size:9px;color:#6e5949;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-round{position:absolute;right:6px;top:9px;font-size:24px;line-height:1;display:grid;place-items:center;color:#85541f}
.salon-concept{background:radial-gradient(circle at 80% 37%,#e6a879 0 5%,transparent 25%),linear-gradient(90deg,#231618ee,#32232640),linear-gradient(110deg,#ad7459,#f9d9c2 55%,#987963);color:#fae5d8;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 16px;position:relative}.salon-concept:after{content:'';position:absolute;right:20px;bottom:-10px;height:82px;width:70px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 60% 30%,#5d3029 0,#26151e 55%,transparent 59%);opacity:.7}.salon-concept span{font:italic 31px var(--serif);position:relative;z-index:1}.salon-concept small{font-size:7px;letter-spacing:.28em;z-index:1}
.contact-section{min-width:0}.contact-intro{font-size:11px;color:var(--muted);margin:-6px 0 8px}.contact-actions{display:flex;flex-direction:column;gap:5px}.contact-action{display:flex;align-items:center;gap:9px;padding:5px 2px;font-weight:700;font-size:10px;min-width:0;overflow-wrap:anywhere}.contact-action .ico{color:#714819;width:18px;height:18px}.contact-action:hover{text-decoration:underline}.contact-buttons{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.contact-small{border:1px solid #9b713f;border-radius:20px;padding:9px 10px;font-size:10px;font-weight:700;background:linear-gradient(180deg,#23180f,#100e0e);color:#f9e6cf;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.contact-small .ico{width:15px;height:15px;color:#f3c884}.contact-small:hover{background:#392617}.qr-side{display:flex;align-items:center;flex-direction:column;justify-content:center;align-self:center}.qr-side img{width:116px;height:116px;object-fit:contain;border-radius:10px;border:4px solid #fffaf4;box-shadow:0 2px 12px #1a0d0855}.qr-side small{margin-top:7px;font-size:11px;font-weight:700;color:#49311b}
.about-mini{background:#f4e7d7;padding:12px clamp(30px,6vw,90px);border-top:1px solid #ddc9b4;display:flex;gap:15px;align-items:center;justify-content:center}.about-mini h2{font:normal 22px var(--serif);margin:0;white-space:nowrap}.about-mini p{font-size:11px;max-width:780px;line-height:1.5;color:#59463a;margin:0}.about-mini a{font-size:11px;font-weight:700;display:inline-flex;white-space:nowrap;align-items:center;gap:6px;color:#805123}.about-mini .ico{width:15px;height:15px}
.footer{background:radial-gradient(ellipse at 30% 150%,#ad622b52,transparent 38%),linear-gradient(115deg,#21140f 0,#070707 70%,#301d13);min-height:65px;color:#f8e7cc;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(30px,6vw,90px);border-top:2px solid #d3944e;position:relative;overflow:hidden}.footer:before{content:'';position:absolute;width:75%;height:22px;bottom:0;left:-10%;border-top:2px solid #e6a44d;transform:rotate(-2deg);filter:drop-shadow(0 0 8px #ff9d29);pointer-events:none}.footer-benefits{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer-benefits span{font-size:11px;display:flex;align-items:center;gap:7px}.footer-benefits .ico{width:18px;height:18px;color:#f1c183}.footer-benefits span+span{border-left:1px solid #836343;padding-left:18px}.footer-domain{display:flex;align-items:center;gap:12px;border-radius:20px;background:linear-gradient(170deg,#ffdaa1,#c18b4b);padding:10px 18px;color:#22140e;font-weight:800;font-size:12px;white-space:nowrap}.footer-domain .ico{width:15px;height:15px}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);background:#241a13;color:#fff6e5;border:1px solid #bd965f;border-radius:13px;box-shadow:0 8px 30px #0006;padding:12px 17px;font-size:12px;font-weight:700}.toast[hidden]{display:none!important}
@keyframes float-globe{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-51.6%)}}
@media(max-width:1210px){.header{padding:0 30px;gap:18px}.brand{min-width:300px;gap:11px}.brand-text strong{font-size:17px}.desktop-nav{gap:17px}.section-inner{width:calc(100% - 60px)}.hero-copy{padding-left:48px}.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(210px,.7fr) 125px;gap:15px}.project-section{padding-right:15px}.service-card h3{font-size:12px}}
@media(max-width:960px){.header{height:72px}.brand{min-width:0}.desktop-nav{gap:13px}.desktop-nav a{font-size:10px}.nav-cta{padding:10px 13px;font-size:11px}.brand-text strong{font-size:15px}.brand-text small{font-size:8px}.brand-rp{width:69px;font-size:44px}.brand-rp i{width:62px}.hero{grid-template-columns:51% 49%}.hero-copy{padding-left:32px}.hero-copy h1{font-size:49px}.hero-role{font-size:22px}.hero-desc{font-size:12px}.hero-world img{width:105%}.hero-tech{width:36px;height:36px}.hero-tech .ico{width:19px;height:19px}.services-grid{gap:8px}.service-card{min-height:142px;padding:13px 7px}.service-card>.ico{width:32px;height:32px}.service-card h3{font-size:11px}.service-card p{font-size:9px}.lower-grid{grid-template-columns:minmax(0,1.6fr) minmax(200px,.8fr)}.qr-side{display:none}.footer-benefits{gap:11px}.footer-benefits span{font-size:10px}}
@media(max-width:720px){html{scroll-padding-top:74px}.header{height:70px;padding:0 19px;justify-content:space-between}.brand-rp{font-size:43px;width:68px;height:53px}.brand-text strong{font-size:14px}.brand-text small{font-size:7px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;border:1px solid #d7b588;background:#fff5ea;color:#53321c}.menu-toggle .ico{width:25px;height:25px}.mobile-menu{background:#fff4e7;border-bottom:1px solid #be975f;position:absolute;top:70px;left:0;right:0;z-index:40;box-shadow:0 14px 25px #0004;padding:10px 22px 16px;display:flex;flex-direction:column}.mobile-menu a{padding:13px 10px;font-size:13px;border-bottom:1px solid #eedcc7;font-weight:700}
.hero{display:block;min-height:565px}.hero-city{filter:blur(9px)}.hero-copy{position:relative;z-index:4;padding:25px 23px 215px;max-width:520px;align-self:auto}.hero-copy h1{font-size:clamp(47px,12vw,61px);margin-bottom:13px}.hero-role{font-size:clamp(22px,5vw,27px)}.hero-caps{max-width:360px;font-size:10px}.hero-desc{font-size:13px;max-width:380px;line-height:1.6}.hero-world{position:absolute;bottom:-120px;right:-55px;width:440px;min-height:420px;z-index:1;opacity:.77}.hero-world img{width:96%;top:50%;left:53%}.globe-halo{width:98%;top:50%}.hero-tech{display:none}.hero::before{z-index:1;background:linear-gradient(180deg,#120b0bea 0,#1b1011e6 51%,#1c0d0e2c 90%)}.hero-portfolio{position:relative;z-index:5}
.cream-main{padding:22px 0 25px}.section-inner{width:calc(100% - 34px)}.section-title{font-size:31px;gap:13px;margin-bottom:18px}.section-title span{width:28px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{min-height:156px;padding:13px 10px}.service-card>.ico{width:36px;height:36px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.lower-grid{display:block;margin-top:30px}.project-section{border-right:0;padding-right:0}.lower-grid h2{font-size:30px;margin-bottom:13px}.projects-grid{grid-template-columns:1fr;gap:13px}.project-card{min-height:0;display:grid;grid-template-columns:41% 59%;height:115px}.project-photo{height:115px}.project-details{justify-content:center;padding:10px 30px 10px 14px;gap:8px}.project-details strong{font-size:13px}.project-details small{font-size:11px;white-space:normal}.project-round{right:12px;top:calc(50% - 12px)}.salon-concept span{font-size:27px}.contact-section{margin-top:30px;padding-top:20px;border-top:1px solid #d0b59a}.contact-intro{font-size:12px}.contact-action{font-size:13px;padding:8px 3px}.contact-action .ico{width:21px;height:21px}.contact-small{font-size:12px;padding:11px 14px}.qr-side{display:flex;margin-top:22px}.qr-side img{width:155px;height:155px}
.about-mini{padding:23px 22px;display:block}.about-mini h2{font-size:27px;margin-bottom:9px}.about-mini p{font-size:13px;line-height:1.65}.about-mini a{font-size:13px;margin-top:12px}.footer{min-height:110px;padding:22px 20px;flex-direction:column;align-items:stretch;gap:16px}.footer-benefits{justify-content:center;gap:10px}.footer-benefits span{font-size:10px}.footer-benefits span+span{padding-left:8px}.footer-domain{margin:auto}.footer:before{width:130%}
}
@media(max-width:390px){.hero{min-height:595px}.hero-copy h1{font-size:47px}.hero-caps{font-size:9px}.brand-text strong{font-size:12px}.brand-text small{font-size:6.5px}.brand-text{padding-left:10px}.brand-rp{width:55px;font-size:39px}.brand-rp i{width:58px}.hero-world{width:360px;bottom:-100px}.project-details strong{font-size:11px}.project-details small{font-size:10px}.footer-benefits span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-world img{animation:none}*,*::before,*::after{transition:none!important}}


/* V4 — faithful layout based on the approved golden-globe reference. */
:root{--cream:#f7ede0;--cream-light:#fff7ee;--gold:#c18d45;--black:#09090b}
body{background:#20160f}
.site-wrap{max-width:1600px}
.header{height:84px;background:linear-gradient(100deg,#fff8ed 0%,#f5e9dd 65%,#fff8ed 100%);padding-inline:clamp(30px,5.8vw,100px);gap:25px}
.brand{min-width:355px;gap:14px}
.brand-rp{font-size:60px;width:92px;height:70px;color:transparent;letter-spacing:-.20em;background-image:linear-gradient(120deg,#412619 9%,#d59c50 28%,#fff1c3 50%,#986333 66%,#1d1613 83%)}
.brand-rp span{font-size:.81em}
.brand-rp i{bottom:7px;left:7px}
.brand-text strong{font-size:19px;color:#251911;letter-spacing:.04em}
.brand-text small{font-size:9px;letter-spacing:.33em;color:#63452b}
.desktop-nav{gap:clamp(16px,2.05vw,32px)}.desktop-nav a{font-size:12px;font-weight:700;color:#221914}
.nav-cta{box-shadow:inset 0 0 0 1px #a06d39,0 5px 13px #21150925;background:linear-gradient(145deg,#302012,#0d0d0e);padding:11px 18px}
.hero{min-height:442px;height:442px;grid-template-columns:44% 56%;background:linear-gradient(110deg,#130d0e,#0b0c0e 65%,#201108)}
.hero::before{z-index:1;background:linear-gradient(90deg,rgba(17,12,12,.94) 1%,rgba(20,11,12,.82) 27%,rgba(24,14,13,.30) 49%,transparent 77%);pointer-events:none}
.hero-city{inset:0;z-index:0;opacity:.72;filter:blur(8px);background-image:radial-gradient(circle at 36% 29%,#ffbd785a 0 2px,transparent 18px),radial-gradient(circle at 47% 64%,#f4be7f62 0 1px,transparent 19px),radial-gradient(circle at 18% 80%,#bd6c2590,transparent 26%),repeating-linear-gradient(90deg,transparent 0 38px,#643a2640 39px 40px,transparent 42px 75px),linear-gradient(0deg,#b36b3c3b,transparent 67%)}
.hero::after{z-index:3;left:-10%;right:-15%;height:160px;bottom:-107px;transform:rotate(-2deg);border-top:2px solid #ffa55f95;box-shadow:0 -10px 24px #e78e4c6a;opacity:.8}
.hero-copy{z-index:4;padding:30px 0 28px clamp(38px,7vw,126px);align-self:center;max-width:710px}
.hero-copy h1{font-size:clamp(57px,5.35vw,80px);line-height:.82;color:#fff2e4;letter-spacing:-.01em;margin-bottom:18px;text-shadow:0 3px 20px #090405a8}
.hero-role{font-size:clamp(25px,2.1vw,31px);line-height:1.08;margin-bottom:19px;font-weight:350;letter-spacing:0;color:#fff3ea}
.hero-rule{width:72px;margin-bottom:15px;background:linear-gradient(90deg,#f8ca76,#c78b49)}
.hero-caps{font-size:clamp(9px,.89vw,12px);white-space:nowrap;letter-spacing:.2em;margin-bottom:13px;color:#fff5e7}
.hero-caps b{margin-inline:6px;color:#dda75d}
.hero-desc{font-size:15px;max-width:455px;line-height:1.5;color:#f6e9dd}
.hero-portfolio{display:none}
.hero-world{height:442px;min-height:0;align-self:stretch;z-index:2;position:relative;overflow:visible}
.hero-world .reference-world{position:absolute;top:0;left:-5%;width:108%;height:100%;object-fit:cover;object-position:center center;aspect-ratio:auto;transform:none;animation:none;filter:drop-shadow(0 0 20px #e69b4a30);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%)}
.globe-halo,.hero-tech{display:none!important}
.cream-main{background:linear-gradient(100deg,#fff9f0 0,#f7e8d6 50%,#fff7ec 100%);padding:14px 0 24px}
.section-inner{width:calc(100% - clamp(64px,10vw,152px));max-width:1480px}
.section-title{font-size:35px;margin-bottom:19px;gap:25px}
.services-grid{gap:13px}
.service-card{min-height:163px;padding:15px 10px 12px;border-radius:14px;background:linear-gradient(150deg,#fffaf3,#f3e5d5);border:1px solid #fff8ee;box-shadow:0 4px 14px #69431e29,0 2px 4px #24130814}
.service-card>.ico{width:43px;height:43px;margin-bottom:11px;color:#936329;stroke-width:1.55}
.service-card h3{font-size:14px;line-height:1.2;margin-bottom:9px}
.service-card p{font-size:10px;line-height:1.35}
.lower-grid{grid-template-columns:minmax(0,1.63fr) minmax(220px,.68fr) 148px;gap:24px;margin-top:26px}
.project-section{padding-right:24px}
.lower-grid h2{font-size:28px;margin-bottom:14px}
.projects-grid{gap:12px}
.project-card{border-radius:13px;background:#f7ebdc;box-shadow:0 5px 12px #311a1118;min-height:153px}
.project-photo{height:100px}.project-details{padding:9px 23px 9px 10px;gap:3px}
.project-details strong{font-size:11px}.project-details small{font-size:9px}
.contact-section .contact-intro{display:none}.contact-actions{gap:7px}.contact-action{padding:7px 1px;font-size:11px}
.contact-action .ico{width:19px;height:19px}
.qr-side img{width:130px;height:130px;image-rendering:auto;border-radius:12px;border:5px solid #fff;box-shadow:0 4px 19px #25170e3b}
.qr-side small{font-size:11px}
.about-mini{padding-top:13px;padding-bottom:13px;background:#f2e4d2}
.footer{min-height:65px;border-top:1px solid #c49b60;background:radial-gradient(ellipse at 0% 150%,#f3a73c72,transparent 31%),linear-gradient(100deg,#28160f,#080707 75%,#2a1a11);color:#f6e5d2}
.footer-domain{background:linear-gradient(130deg,#fbdba5,#b8813d);border:1px solid #e3b36e}
/* The shortcuts are visible only on phone/tablet, matching the mobile reference. */
.mobile-shortcuts{display:none}
@media(max-width:1250px){
 .header{padding:0 38px}.brand{min-width:305px}.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}
 .hero-copy{padding-left:55px}.hero-copy h1{font-size:67px}.hero-desc{font-size:14px}
 .hero{height:410px;min-height:410px}.hero-world{height:410px}.service-card h3{font-size:12px}
}
@media(max-width:980px){
 .header{padding:0 23px}.brand{min-width:260px;gap:9px}.brand-rp{width:78px;font-size:49px}.brand-text{padding-left:9px}.brand-text strong{font-size:15px}
 .desktop-nav{gap:11px}.desktop-nav a{font-size:10px}.nav-cta{font-size:11px;padding:10px 12px}
 .hero-copy{padding-left:38px}.hero-copy h1{font-size:56px}.hero-role{font-size:25px}.hero-caps{font-size:9px;white-space:normal}.hero-desc{font-size:12px}
 .section-inner{width:calc(100% - 54px)}.services-grid{gap:9px}.service-card{padding:12px 7px}.service-card h3{font-size:11px}.service-card p{font-size:9px}
 .lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(200px,.75fr)}.qr-side{display:none}
}
@media(max-width:900px){
 .desktop-nav,.nav-cta{display:none!important}.menu-toggle{display:flex!important}
 .mobile-menu{background:#fff4e7;border-bottom:1px solid #be975f;position:absolute;top:73px;left:0;right:0;z-index:40;box-shadow:0 14px 25px #0004;padding:10px 22px 16px;display:flex;flex-direction:column}
 .mobile-menu a{padding:13px 10px;font-size:13px;border-bottom:1px solid #eedcc7;font-weight:700}
 .header{height:73px;padding-inline:20px}.brand{gap:5px}.brand-rp{height:57px;width:62px;font-size:43px}.brand-rp i{width:60px}.brand-text strong{font-size:14px}.brand-text small{font-size:7px}
 .menu-toggle{border:0;background:transparent;width:44px;height:44px;color:#38251b}.menu-toggle .ico{width:29px;height:29px}.mobile-menu{top:73px}
 .hero{height:auto;min-height:337px;display:block;position:relative;background:#110d0d}
 .hero::before{background:linear-gradient(90deg,#160d10ff 0%,#1d1112d9 51%,#19100d2b 100%);z-index:2}
 .hero::after{display:none}
 .hero-city{z-index:1;opacity:.65}
 .hero-world{position:absolute;right:-23%;top:0;bottom:auto;width:89%;height:100%;min-height:0;z-index:1;opacity:.8}
 .hero-world .reference-world{height:100%;left:0;width:100%;object-fit:cover;object-position:59% 50%;mask-image:linear-gradient(90deg,transparent,#000 25%)}
 .hero-copy{padding:29px 17px 28px 23px;position:relative;z-index:4;max-width:440px;min-height:337px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
 .hero-copy h1{font-size:clamp(37px,10.1vw,55px);margin-bottom:15px;line-height:.86}
 .hero-role{font-size:clamp(17px,4.65vw,25px);line-height:1.15;margin-bottom:13px}
 .hero-rule{height:2px;width:44px;margin-bottom:13px}
 .hero-caps{font-size:clamp(7px,1.75vw,10px);letter-spacing:.115em;white-space:normal;max-width:360px;margin-bottom:11px}
 .hero-caps b{margin-inline:2px}
 .hero-desc{font-size:clamp(10px,2.45vw,12px);line-height:1.48;max-width:290px}
 .hero-portfolio{display:none}
 .mobile-shortcuts{display:flex;flex-direction:column;gap:9px;padding:18px 19px 22px;background:linear-gradient(135deg,#fff7ec,#f1dfca)}
 .mobile-shortcuts a{display:flex;align-items:center;gap:14px;min-height:53px;padding:10px 16px;border-radius:13px;background:linear-gradient(135deg,#fffaf4,#f5e9dc);border:1px solid #e6d1b6;box-shadow:0 5px 12px #563b2521;font-size:14px;font-weight:700;color:#21140d}
 .mobile-shortcuts .ico{width:23px;height:23px;color:#946222;stroke-width:1.55}
 .mobile-shortcuts span{flex:1}.mobile-shortcuts b{font-size:25px;font-weight:350;color:#3e2715}
 .mobile-shortcuts .mobile-chat-cta{background:linear-gradient(135deg,#f7d49b,#98601c);border-color:#97621f;color:#23180b;justify-content:center;margin-top:5px}
 .mobile-shortcuts .mobile-chat-cta .ico{color:#291c0c}
 .cream-main{padding:22px 0 25px}.section-inner{width:calc(100% - 36px)}
 .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .section-title{font-size:32px;margin-bottom:18px}
 .service-card{min-height:155px;padding:14px 9px}.service-card>.ico{width:37px;height:37px}.service-card h3{font-size:13px}.service-card p{font-size:10px}
 .lower-grid{display:block;margin-top:30px}.project-section{border-right:0;padding-right:0}.projects-grid{display:grid;grid-template-columns:1fr;gap:11px}
 .project-card{display:grid;grid-template-columns:40% 60%;height:110px;min-height:0}.project-photo{height:110px}.project-details{padding:10px 24px 10px 14px;justify-content:center}
 .project-details strong{font-size:13px}.project-details small{font-size:11px}.lower-grid h2{font-size:28px}
 .contact-section{border-top:1px solid #d0b59a;padding-top:18px;margin-top:26px}.contact-section .contact-intro{display:block}
 .contact-actions{gap:4px}.contact-action{font-size:13px}
 .qr-side{display:flex;margin-top:24px}.qr-side img{width:150px;height:150px}
 .about-mini{padding:18px 22px}.footer{min-height:113px}
}
@media(max-width:390px){
 .header{padding-inline:14px}.brand-text strong{font-size:12px}.brand-text small{font-size:6.5px}
 .hero{min-height:330px}.hero-copy{min-height:330px;padding-left:19px}.hero-copy h1{font-size:40px}.hero-role{font-size:18px}
 .mobile-shortcuts{padding-inline:14px}.mobile-shortcuts a{min-height:51px}
}
@media(prefers-reduced-motion:reduce){.hero-world img{animation:none}}
/* Preserve the complete glowing globe and all four supporting technology symbols. */
@media(min-width:901px){.hero-world .reference-world{object-fit:contain;object-position:right center}}
@media(min-width:901px){
  .hero-world .reference-world{mask-image:none}
  .hero-world::before{content:'';position:absolute;z-index:5;inset:0 auto 0 -1px;width:47%;pointer-events:none;background:linear-gradient(90deg,#160f0ff2 0%,#160f0fbf 37%,#160f0f00 100%)}
}