/* ELORCHID V5 — independently namespaced header and editorial hero.
   Visual reference: 21st.dev Floating Header / Cinematic Commerce Hero patterns.
   Adapted design, not third-party source code. */
:root{--el-ink:#113455;--el-ink-dark:#0e2c48;--el-ivory:#fffdf9;--el-cream:#f4f1ea;--el-gold:#eac388;--el-gold-dark:#a87939}
.el-header,.el-hero{box-sizing:border-box;font-family:inherit}.el-header *,.el-hero *{box-sizing:border-box}
.el-header{position:absolute;z-index:60;top:0;right:0;left:0;pointer-events:none;padding:18px clamp(16px,3vw,56px);direction:rtl}
.el-header-glass{pointer-events:auto;margin-inline:auto;width:min(100%,1650px);min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr);gap:14px;align-items:center;padding:9px clamp(13px,2.1vw,34px);border:1px solid rgba(255,255,255,.88);background:rgba(255,254,251,.94);box-shadow:0 12px 40px rgba(10,37,60,.12),0 1px 0 rgba(150,123,81,.10);border-radius:11px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--el-ink)}
.el-header-right,.el-header-left,.el-header-actions,.el-nav{display:flex;align-items:center;min-width:0}
.el-header-right{justify-content:flex-start}.el-header-left{justify-content:flex-end;gap:clamp(9px,1.2vw,23px)}.el-header-actions{gap:clamp(3px,.45vw,8px);direction:ltr}.el-nav{gap:clamp(13px,1.7vw,32px);white-space:nowrap}
.el-nav-link{position:relative;color:#1a3955;font-size:clamp(12px,.95vw,14px);background:none;border:0;cursor:pointer;padding:12px 0;transition:color .2s}
.el-nav-link::after{content:'';position:absolute;height:1px;background:#b4864b;bottom:6px;right:0;left:0;transform:scaleX(0);transform-origin:right;transition:transform .33s cubic-bezier(.25,.8,.25,1)}
.el-nav-link:is(:hover,.is-active)::after{transform:scaleX(1)}.el-nav-link:hover{color:var(--el-gold-dark)}
.el-brand{display:flex;justify-content:center;align-items:center;background:none;border:0;cursor:pointer;min-width:0;padding:0}.el-brand .brand{display:flex;flex-direction:column;align-items:center;gap:0}.el-brand .brand img{width:49px;height:44px;object-fit:contain;filter:none}.el-brand .brand-en{font:12px/1.15 Georgia,'Times New Roman',serif;letter-spacing:.03em;color:#a97835}
.el-header-actions .icon-button{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;min-width:43px;min-height:43px;color:var(--el-ink);background:transparent;border:1px solid transparent;border-radius:50%;transition:background .2s,color .2s,border-color .2s}.el-header-actions .icon-button:hover{background:#f4f0e8;border-color:#e9dfcf}
.el-header-actions .ico-glyph,.el-menu-button .ico-glyph{transform:none}.el-cart-holder{position:relative}.el-cart-count{position:absolute;top:-1px;right:0;min-width:19px;height:19px;padding:1px 4px;border-radius:12px;color:#fff;background:#b48b54;font-size:11px;display:grid;place-items:center;pointer-events:none}
.el-consult{border:1px solid #ead7b8;background:#f6e2bf;color:#193a59;border-radius:999px;padding:13px 22px;min-height:43px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s}.el-consult:hover{transform:translateY(-2px);background:#f1d2a0}.el-menu-button{display:none}
.el-hero{position:relative;width:100%;overflow:hidden;background:var(--el-ink-dark);color:white;isolation:isolate;direction:rtl}
.el-hero-stage{min-height:665px;display:grid;grid-template-columns:minmax(440px,42%) minmax(0,58%);direction:rtl;overflow:hidden}
.el-hero-copy{position:relative;z-index:2;background:radial-gradient(ellipse at 8% 88%,#285574 0,transparent 43%),linear-gradient(145deg,#173e5b 0%,#0d2d48 62%,#11334c 100%);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(160px,14.5vw,205px) clamp(38px,4.1vw,95px) 48px clamp(30px,3vw,65px);overflow:hidden}
.el-hero-copy:after{content:'';position:absolute;width:280px;height:280px;bottom:-130px;left:-115px;border:1px solid rgba(242,210,154,.13);border-radius:50%;pointer-events:none}
.el-hero-kicker{display:flex;align-items:center;gap:12px;font-size:clamp(12px,.95vw,15px);font-weight:600;color:#f6d7a6;line-height:1.6}.el-kicker-line{width:26px;height:1px;background:#dcb97c}
.el-hero-content{animation:el-reveal .75s both cubic-bezier(.22,1,.36,1)}
@keyframes el-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.el-hero-content h1{margin:22px 0 17px;font-size:clamp(38px,4.05vw,72px);line-height:1.42;font-weight:850;letter-spacing:-.035em;color:#fff;text-wrap:balance}
.el-hero-content h1 em{font-style:normal;color:var(--el-gold);font-weight:850}
.el-hero-lead{max-width:360px;font-size:clamp(14px,1.15vw,18px);line-height:2;color:#e1eaf0;font-weight:400;margin:0}
.el-hero-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}
.el-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 23px;min-height:53px;border:1px solid #f8ddb1;border-radius:100px;background:linear-gradient(120deg,#f7dbab,#dfb87c);color:#173650;font-size:14px;font-weight:800;box-shadow:0 9px 25px #0c29473d;transition:transform .25s,box-shadow .25s}.el-hero-primary:hover{transform:translateY(-3px);box-shadow:0 13px 30px #0c294755}
.el-hero-secondary{display:inline-flex;align-items:center;gap:8px;color:#fbf6ee;text-decoration:none;border-bottom:1px solid rgba(240,218,175,.52);padding:9px 0;font-size:13px;transition:color .2s}.el-hero-secondary:hover{color:var(--el-gold)}
.el-hero-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:42px}.el-hero-progress{display:flex;gap:8px;align-items:center}.el-progress-track{border:0;background:rgba(255,255,255,.24);width:34px;height:3px;padding:0;border-radius:4px;position:relative;overflow:hidden;cursor:pointer}.el-progress-track span{position:absolute;inset:0;background:#f1cb8f;transform:scaleX(0);transform-origin:right;transition:transform .35s}.el-progress-track.is-current span{transform:scaleX(1)}
.el-hero-direction{display:flex;flex-direction:row;gap:12px;align-items:center}.el-hero-arrow{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .2s,transform .2s}.el-hero-arrow:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}.el-hero-arrow .ico-glyph{transform:none}
.el-hero-visual{position:relative;min-width:0;overflow:hidden;background:#aac8d7;isolation:isolate;direction:ltr}.el-hero-slide{display:block;position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.045);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform 5s cubic-bezier(.22,1,.36,1),visibility .95s}.el-hero-slide.is-current{opacity:1;visibility:visible;transform:scale(1)}.el-hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:41% 40%}
.el-hero-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,45,69,.31),transparent 30%,transparent 80%);pointer-events:none}
.el-photo-signature{position:absolute;bottom:40px;left:5.7%;color:#fff;text-shadow:0 2px 8px #11344d;display:flex;align-items:baseline;gap:12px;font:16px Georgia,serif;letter-spacing:.12em}.el-photo-signature span{font:italic 12px Georgia,serif;letter-spacing:.05em;color:#f4e9df}.el-photo-side-label{display:none}
@media(max-width:1370px){.el-header-glass{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);padding-inline:15px}.el-nav{gap:14px}.el-nav-link{font-size:12px}.el-consult{padding-inline:15px}.el-header-actions .icon-button{width:37px;min-width:37px}.el-hero-stage{min-height:615px;grid-template-columns:minmax(420px,43%) minmax(0,57%)}.el-hero-copy{padding-inline:40px}}
@media(max-width:1090px){.el-header-glass{grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr)}.el-nav-link{font-size:11px}.el-header-left .el-nav-secondary,.el-nav-link:nth-child(3){display:none}.el-header-right .el-nav{gap:16px}.el-hero-stage{grid-template-columns:43% 57%;min-height:580px}.el-hero-copy{padding-inline:30px}.el-hero-content h1{font-size:clamp(31px,4vw,50px)}}
@media(max-width:780px){.el-header{padding:12px 13px}.el-header-glass{height:66px;min-height:66px;grid-template-columns:1fr auto 1fr;padding:5px 13px;border-radius:12px}.el-menu-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--el-ink);padding:8px;width:45px;height:45px}.el-header .el-nav,.el-header .el-consult{display:none}.el-brand .brand img{width:41px;height:37px}.el-brand .brand-en{font-size:10px}.el-header-actions{gap:0}.el-header-actions .icon-button{width:37px;height:41px;min-width:37px;min-height:41px}.el-header-actions .icon-button .ico{width:20px!important;height:20px!important}.el-hero-stage{display:flex;flex-direction:column;min-height:0}.el-hero-visual{order:0;height:clamp(325px,84vw,550px);flex:none}.el-hero-copy{order:1;min-height:350px;padding:27px 25px 30px;flex:none;text-align:center;align-items:center}.el-hero-content{width:100%;max-width:490px}.el-hero-kicker{justify-content:center;font-size:12px}.el-hero-content h1{font-size:clamp(31px,7vw,46px);line-height:1.4;margin:9px 0 10px}.el-hero-lead{margin:auto;font-size:13px;line-height:1.8}.el-hero-ctas{justify-content:center;margin-top:20px;gap:16px}.el-hero-primary{min-height:46px;font-size:13px;padding:10px 19px}.el-hero-secondary{font-size:12px}.el-hero-controls{width:100%;max-width:450px;margin-top:25px}.el-hero-slide img{object-position:42% 30%}.el-photo-signature{bottom:19px;left:18px;font-size:12px}.el-photo-signature span{font-size:10px}}
@media(max-width:380px){.el-header{padding-inline:8px}.el-header-glass{padding-inline:7px}.el-header-actions .icon-button{min-width:33px;width:33px}.el-hero-visual{height:340px}.el-hero-copy{min-height:360px;padding-inline:16px}.el-hero-content h1{font-size:30px}.el-hero-ctas{gap:10px}.el-hero-secondary{font-size:11px}}
@media(prefers-reduced-motion:reduce){.el-hero-content{animation:none}.el-hero-slide,.el-progress-track span,.el-hero-arrow,.el-hero-primary,.el-nav-link::after{transition:none!important}}
/* Mobile header is separate from the photograph: the model's face stays unobstructed. */
@media(max-width:780px){.el-header{position:relative;z-index:60;background:#f8f6f1;padding:9px 12px;box-shadow:0 2px 12px rgba(18,50,77,.035)}.el-header-glass{box-shadow:0 3px 16px rgba(15,40,67,.065)} }
