/*
Theme Name: Supermodels Arabia Launch
Text Domain: supermodels-arabia-launch
Description: Lightweight editorial holding site for launch.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
WPVibe: yes
Update URI: false
*/

:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.sm-site { margin: 0; background: #080808; color: #f6f1ec; font-family: "Segoe UI", Arial, sans-serif; font-weight: 350; overflow-x: hidden; }
.sm-site a { color: inherit; text-decoration: none; }
.sm-site button,.sm-site input,.sm-site select,.sm-site textarea { font: inherit; }
.sm-site :focus-visible { outline: 2px solid var(--sm-metal); outline-offset: 4px; }
.sm-site { --sm-metal: #d8b47b; --sm-metal-bright: #f4d7a1; --sm-charcoal: #0b0a09; --sm-muted: #beb5aa; --sm-line: rgba(235,221,195,.18); --sm-head: Georgia,"Times New Roman",serif; }
.sm-site.sm-uk { --sm-metal:#d0cbc4; --sm-metal-bright:#f3f0ed; --sm-charcoal:#09090b; --sm-muted:#c0bcc0; --sm-line:rgba(245,245,245,.18); --sm-head: "Times New Roman",Georgia,serif; }
.sm-skip {position:fixed;top:-100px;left:16px;z-index:5000;background:#fff;color:#000!important;padding:12px;}
.sm-skip:focus {top:12px}
.sm-header { position:absolute;left:0;right:0;top:0;z-index:50;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(24px,5.5vw,90px);border-bottom:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(2,2,2,.72),rgba(2,2,2,.15)); }
.sm-brand { display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0;line-height:1;letter-spacing:.02em; }
.sm-brand-primary {font-family:var(--sm-head);font-size:clamp(25px,2.5vw,38px);color:var(--sm-metal-bright);font-weight:400;letter-spacing:-.04em;}
.sm-uk .sm-brand-primary {font-family:"Segoe UI",Arial,sans-serif;font-weight:200;letter-spacing:.31em;font-size:clamp(18px,1.75vw,27px);}
.sm-brand-secondary {font-size:10px;letter-spacing:.59em;text-transform:uppercase;color:var(--sm-metal);margin-top:5px;margin-left:5px;}
.sm-header nav {display:flex;align-items:center;gap:clamp(16px,2.5vw,42px);margin-left:auto;}
.sm-nav-link {font-size:12px;font-weight:550;color:#f6f1ed!important;letter-spacing:.08em;white-space:nowrap;transition:color .2s;}
.sm-nav-link:hover {color:var(--sm-metal-bright)!important;}
.sm-btn {display:inline-flex;gap:22px;justify-content:center;align-items:center;padding:17px 24px;background:var(--sm-metal);color:#111!important;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--sm-metal);min-height:49px;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap;}
.sm-btn:hover {transform:translateY(-2px);background:var(--sm-metal-bright);}
.sm-btn-outline {background:rgba(13,13,13,.28);border-color:rgba(245,241,237,.68);color:#fff!important;}
.sm-btn-outline:hover {background:rgba(255,255,255,.13);}
.sm-arrow {font-size:19px;font-weight:300;line-height:0;}
.sm-header-cta {margin-left:clamp(14px,2vw,30px);padding:11px 25px;min-height:43px;}
.sm-hero {position:relative;min-height:min(900px,100svh);min-height:clamp(650px,100svh,950px);display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 75% 40%, #655246 0%,#15100d 55%,#070707 100%);overflow:hidden;}
.sm-hero-photo {position:absolute;z-index:-3;top:0;right:0;width:76%;height:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.94) contrast(1.02);}
.sm-hero-empty {position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 75% 40%,#836344,#19130e 52%,#070706 100%);}
.sm-uk .sm-hero {background:radial-gradient(circle at 75% 40%,#655a57,#141215 59%,#080809);}
.sm-hero::after {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.9) 25%,rgba(4,4,4,.53) 47%,rgba(4,4,4,.08) 77%),linear-gradient(0deg,rgba(5,5,5,.68),transparent 24%,transparent 70%,rgba(5,5,5,.28));}
.sm-uk .sm-hero::after {background:linear-gradient(90deg,rgba(5,5,7,.98),rgba(5,5,7,.82) 29%,rgba(5,5,7,.27) 59%,rgba(5,5,7,.06) 78%),linear-gradient(0deg,rgba(5,5,5,.75),transparent 25%,transparent 75%,rgba(5,5,5,.28));}
.sm-hero-inner {position:relative;z-index:1;width:min(100% - 10vw,1300px);margin:90px auto 0;padding:82px 0 110px;}
.sm-kicker {font-size:10px;text-transform:uppercase;letter-spacing:.4em;font-weight:600;color:var(--sm-metal);line-height:1.9;}
.sm-hero h1 {font-family:var(--sm-head);font-size:clamp(54px,6.7vw,110px);font-weight:400;letter-spacing:-.055em;line-height:.94;max-width:810px;margin:22px 0 25px;text-wrap:balance;}
.sm-hero h1 em {color:var(--sm-metal);font-weight:400;}
.sm-uk .sm-hero h1 {font-family:"Segoe UI",Arial,sans-serif;font-weight:200;letter-spacing:.058em;line-height:.99;font-size:clamp(50px,6.9vw,106px);}
.sm-intro {font-size:clamp(15px,1.35vw,20px);line-height:1.75;letter-spacing:.01em;color:#ece6df;max-width:445px;margin:0 0 35px;text-wrap:pretty;}
.sm-hero-actions {display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.sm-hero-bottom {position:absolute;bottom:35px;left:5vw;right:5vw;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.23em;text-transform:uppercase;}
.sm-bottom-rule {display:block;width:90px;height:1px;background:var(--sm-metal);margin-right:12px;}
.sm-hero-bottom-left {display:flex;align-items:center;}
.sm-section {padding:clamp(56px,7vw,105px) clamp(24px,5.5vw,90px);}
.sm-section-inner {max-width:1380px;margin:0 auto;}
.sm-section-head {display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:35px;margin-bottom:30px;}
.sm-h2 {font-family:var(--sm-head);font-weight:400;font-size:clamp(40px,4.1vw,66px);line-height:1.05;letter-spacing:-.055em;margin:10px 0 0;}
.sm-uk .sm-h2 {font-family:"Segoe UI",Arial,sans-serif;letter-spacing:.015em;font-weight:200;}
.sm-section-note {color:var(--sm-muted);max-width:450px;font-size:15px;line-height:1.8;margin:0 0 4px auto;}
.sm-story {background:#12110f;border-top:1px solid var(--sm-line);display:grid;grid-template-columns:48% 52%;align-items:stretch;padding:0;}
.sm-uk .sm-story {background:#111114;}
.sm-story-photo {min-height:510px;position:relative;overflow:hidden;background:linear-gradient(130deg,#3b3230,#191618);}
.sm-story-photo img {height:100%;width:100%;object-fit:cover;object-position:center 28%;position:absolute;inset:0;}
.sm-story-copy {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(48px,7vw,105px);}
.sm-story-copy p {color:var(--sm-muted);font-size:15px;line-height:1.9;max-width:530px;}
.sm-link {display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--sm-metal);padding:8px 0 11px;font-size:13px;color:var(--sm-metal-bright)!important;margin-top:14px;}
.sm-services {background:#080809;border-top:1px solid var(--sm-line);}
.sm-service-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.sm-arabia .sm-service-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.sm-arabia .sm-service {min-height:300px;}
.sm-service-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .35s ease;}
.sm-service:hover .sm-service-photo {transform:scale(1.035);}
.sm-service::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,3,4,.88) 100%);z-index:1;pointer-events:none;}
.sm-service-text {z-index:2;}
@media(max-width:1120px) and (min-width:701px) {.sm-arabia .sm-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px) {.sm-arabia .sm-service-grid {grid-template-columns:1fr;} .sm-arabia .sm-service {min-height:260px;}}

.sm-service {min-height:320px;border:1px solid var(--sm-line);position:relative;display:flex;align-items:end;background:linear-gradient(140deg,#282422,#0c0c0c);overflow:hidden;}
.sm-service:nth-child(2){background:linear-gradient(140deg,#3c3431,#08090c)}
.sm-service:nth-child(3){background:linear-gradient(140deg,#3d2f23,#0c0c0d)}
.sm-uk .sm-service {background:linear-gradient(140deg,#242428,#0b0b0e)}
.sm-service::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.12),transparent 43%),repeating-linear-gradient(115deg,transparent 0 30px,rgba(255,255,255,.016) 31px 32px)}
.sm-service-text {position:relative;padding:30px;}
.sm-service h3 {font-family:var(--sm-head);font-size:clamp(30px,3.1vw,46px);font-weight:400;margin:0 0 10px;letter-spacing:-.03em;}
.sm-uk .sm-service h3 {font-family:"Segoe UI",Arial,sans-serif;font-weight:250;font-size:29px;letter-spacing:.09em;text-transform:uppercase}
.sm-service p {font-size:13px;color:rgba(255,255,255,.75);margin:0;line-height:1.6;max-width:260px;}
.sm-contact {background:linear-gradient(120deg,#1d1813,#0d0c0d 55%,#16110d);border-top:1px solid var(--sm-line);}
.sm-uk .sm-contact {background:linear-gradient(120deg,#171618,#09090b 55%,#202022);}
.sm-contact-grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;}
.sm-contact-note {color:var(--sm-muted);font-size:15px;line-height:1.8;max-width:460px;}
.sm-form {display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.sm-field {display:flex;flex-direction:column;gap:8px;}
.sm-field-wide {grid-column:1/-1;}
.sm-field label {font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--sm-muted);font-weight:600;}
.sm-form input,.sm-form textarea,.sm-form select {width:100%;color:#fff;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.22);border-radius:0;padding:13px 14px;font-size:14px;outline:none;}
.sm-form input:focus,.sm-form textarea:focus,.sm-form select:focus {border-color:var(--sm-metal);}
.sm-form textarea {min-height:110px;resize:vertical;}
.sm-form select option {color:#111;}
.sm-form .sm-hp {position:absolute!important;left:-99999px!important;opacity:0!important;}
.sm-form-small {color:var(--sm-muted);font-size:11px;line-height:1.65;margin:0;}
.sm-form .sm-btn {cursor:pointer;}
.sm-flash {border:1px solid var(--sm-metal);padding:14px 16px;color:#fff;margin:18px 0;font-size:14px;}
.sm-footer {display:flex;gap:25px;justify-content:space-between;align-items:center;padding:25px clamp(24px,5.5vw,90px);border-top:1px solid var(--sm-line);background:#070707;}
.sm-footer-small {font-size:11px;color:#9e9995;line-height:1.75;}
.sm-footer-logo {font-family:var(--sm-head);color:var(--sm-metal-bright);font-size:23px;}
.sm-uk .sm-footer-logo {font-family:"Segoe UI",Arial,sans-serif;font-weight:200;letter-spacing:.3em;}
.sm-footer a {color:var(--sm-metal)!important;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:980px){
 .sm-header{padding-inline:24px}.sm-header nav{gap:16px}.sm-nav-link{font-size:11px}.sm-header-cta{display:none;}
 .sm-hero-inner{width:calc(100% - 48px)}.sm-story{grid-template-columns:1fr 1fr}.sm-story-photo{min-height:450px}
 .sm-contact-grid{gap:35px}
}
@media(max-width:700px){
 .sm-header{min-height:76px}.sm-header nav .sm-nav-link:not(:last-child){display:none}
 .sm-header .sm-brand-primary{font-size:24px}.sm-uk .sm-header .sm-brand-primary{font-size:17px;letter-spacing:.24em}
 .sm-hero{min-height:790px;min-height:100svh;max-height:none;align-items:flex-end}
 .sm-hero-photo{width:100%;height:100%;object-position:54% 20%;}
 .sm-hero::after{background:linear-gradient(0deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.82) 23%,rgba(3,3,3,.15) 70%),linear-gradient(90deg,rgba(0,0,0,.43),transparent 70%)}
 .sm-uk .sm-hero::after{background:linear-gradient(0deg,rgba(4,4,5,.99) 0%,rgba(4,4,5,.88) 24%,rgba(4,4,5,.12) 75%)}
 .sm-hero-inner{margin:0 auto;padding:220px 0 110px;}
 .sm-hero h1{font-size:clamp(52px,11vw,76px);max-width:95%;margin:15px 0 18px}
 .sm-uk .sm-hero h1{font-size:clamp(44px,10vw,70px)}
 .sm-intro{font-size:14px;max-width:360px;line-height:1.7;margin-bottom:25px;}
 .sm-hero-bottom{bottom:19px;left:24px;right:24px;letter-spacing:.14em}
 .sm-section-head,.sm-contact-grid,.sm-story{grid-template-columns:1fr}
 .sm-section-note{margin:0}.sm-story-photo{min-height:390px}.sm-story-copy{padding:44px 24px 52px}
 .sm-service-grid{grid-template-columns:1fr}.sm-service{min-height:190px}
 .sm-contact-grid{gap:27px}
 .sm-form{grid-template-columns:1fr}.sm-form .sm-field{grid-column:1/-1}
 .sm-footer{flex-direction:column;align-items:flex-start}.sm-footer-logo{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.sm-site *{scroll-behavior:auto!important;transition:none!important}}