:root{
  --oas-black:#090909;
  --oas-black-2:#151515;
  --oas-paper:#f7f3ec;
  --oas-cream:#eee6da;
  --oas-ink:#171717;
  --oas-muted:#6d675f;
  --oas-red:#755c49;
  --oas-red-2:#6a523f;
  --oas-gold:#c7a86d;
  --oas-line:rgba(23,23,23,.14);
  --oas-width:1320px;
  --oas-shadow:0 24px 70px rgba(0,0,0,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.origin-art-studio{margin:0;background:var(--oas-paper);color:var(--oas-ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.origin-art-studio img{max-width:100%}
.origin-art-studio :where(a){color:inherit}
.oas-shell{width:min(var(--oas-width),calc(100% - 64px));margin-inline:auto}
.oas-preview{padding:9px 16px;background:#ffd85b;color:#111;text-align:center;font-weight:800;font-size:12px;letter-spacing:.08em}

/* Header / identity */
.oas-header{position:sticky;top:0;z-index:60;background:rgba(9,9,9,.98);border-bottom:0;backdrop-filter:blur(12px);box-shadow:inset 0 -1px 0 rgba(199,168,109,.56);position:sticky}.oas-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(to bottom,rgba(199,168,109,.82) 0,rgba(199,168,109,.82) 1px,transparent 1px,transparent 2px,rgba(199,168,109,.45) 2px,rgba(199,168,109,.45) 3px,transparent 3px)}
.oas-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.oas-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}
.oas-brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--oas-gold);border-radius:50%;font:28px/1 Georgia,"Times New Roman",serif;color:var(--oas-gold)}
.oas-brand-copy{display:flex;flex-direction:column;line-height:1.1}
.oas-brand-copy strong{font:21px/1 Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.015em;color:#b7985e;text-shadow:0 1px 0 rgba(54,39,21,.85),0 0 1px rgba(226,199,145,.25)}
.oas-brand-copy small{margin-top:7px;color:#bdb6ab;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.oas-nav{display:flex;align-items:center;gap:30px}
.oas-nav>a,.oas-dropdown>a{display:block;padding:33px 0 29px;color:#f4efe7;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.1em;border-bottom:2px solid transparent}
.oas-nav>a:hover,.oas-dropdown>a:hover{color:var(--oas-gold);border-bottom-color:var(--oas-red-2)}
.oas-dropdown{position:relative}
.oas-dropdown-menu{display:none;position:absolute;right:0;top:74px;min-width:220px;padding:10px;background:#111;border:1px solid rgba(199,168,109,.28);box-shadow:var(--oas-shadow)}
.oas-dropdown:hover .oas-dropdown-menu,.oas-dropdown:focus-within .oas-dropdown-menu{display:block}
.oas-dropdown-menu a{display:block;padding:12px 14px;color:#eee;text-decoration:none;font-size:13px}
.oas-dropdown-menu a:hover{background:#1d1d1d;color:var(--oas-gold)}
.oas-nav-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);padding:9px 12px;font-weight:700}
.oas-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;padding-block:13px;font-size:12px;color:#6c665d}
.oas-breadcrumb a{text-decoration:none}
.oas-breadcrumb a:hover{color:var(--oas-red)}

/* Hero */
.oas-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 20%,#3b1719 0,#160d0e 35%,#080808 76%);color:#fff}
.oas-hero::after{content:"";position:absolute;inset:18px;border:1px solid rgba(199,168,109,.32);pointer-events:none}
.oas-hero-media{position:absolute;inset:0}
.oas-hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--oas-hero-position,center center)}
.oas-hero-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.34) 0,rgba(5,5,5,.18) 56%,rgba(5,5,5,.10) 100%)}
.oas-hero-media-cluster{position:absolute;z-index:0;right:clamp(26px,4.5vw,78px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:18px}
.oas-hero-still-panel{display:block;width:min(27vw,430px);aspect-ratio:5/3;overflow:hidden;background:#050505;border:1px solid rgba(199,168,109,.42);box-shadow:0 22px 60px rgba(0,0,0,.32)}
.oas-hero-still-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(1.04) saturate(1.03)}
.oas-hero-video-panel{position:relative;z-index:0;width:min(18vw,280px);aspect-ratio:9/16;overflow:hidden;background:#050505;border:1px solid rgba(199,168,109,.42);box-shadow:0 25px 70px rgba(0,0,0,.38)}
.oas-hero-video{display:block;width:100%;height:100%;object-fit:cover;background:#050505;filter:brightness(1.07) saturate(1.04) contrast(.99)}
.oas-hero-inner{position:relative;z-index:2;padding:116px min(47vw,760px) 180px 0}
.oas-kicker{margin:0 0 18px;color:var(--oas-gold);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.oas-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.oas-display-title{display:none!important}
.oas-hero h1,.oas-page-hero h1,.oas-course-hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.oas-hero h1{max-width:980px;font-size:clamp(58px,7.4vw,108px);line-height:.95}
.oas-lead{max-width:860px;margin:24px 0 0;font-size:clamp(18px,1.7vw,25px);line-height:1.55;color:#d9d3ca}
.oas-hero .oas-lead{font-size:clamp(15px,1.36vw,20px)}
.oas-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}
.oas-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:var(--oas-red);border:1px solid var(--oas-red);color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.09em}
.oas-button:hover{background:var(--oas-red-2);border-color:var(--oas-red-2)}
.oas-button-ghost{background:transparent;border-color:rgba(255,255,255,.55)}
.oas-button-ghost:hover{background:#fff;color:#111;border-color:#fff}
.oas-button-inscrieri{background:#2f5364;border-color:#2f5364;color:#fff}
.oas-button-inscrieri:hover{background:#244552;border-color:#244552;color:#fff}
.oas-discipline-strip{position:absolute;z-index:3;left:0;right:0;bottom:0;background:rgba(8,8,8,.86);border-top:1px solid rgba(199,168,109,.34)}
.oas-discipline-strip>.oas-shell{display:grid;grid-template-columns:repeat(4,1fr)}
.oas-discipline-strip a{display:flex;align-items:center;gap:14px;min-height:100px;padding:20px 22px;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.12)}
.oas-discipline-strip a:first-child{border-left:1px solid rgba(255,255,255,.12)}
.oas-discipline-strip a:hover{background:rgba(143,31,38,.32)}
.oas-discipline-strip span{color:var(--oas-gold);font:15px/1 Georgia,serif}
.oas-discipline-strip strong{font:22px/1.1 Georgia,"Times New Roman",serif;font-weight:400}

/* Sections / cards */
.oas-section{padding:78px 0;background:var(--oas-paper)}
.oas-section:nth-of-type(even){background:#fff}
.oas-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--oas-line)}
.oas-section-head h2{margin:0;font:37px/1.08 Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}
.oas-section-head>a{font-size:13px;font-weight:750;text-underline-offset:5px}
.oas-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.oas-course-card{background:#fff;border:1px solid var(--oas-line);box-shadow:0 10px 35px rgba(0,0,0,.05);transition:transform .22s ease,box-shadow .22s ease}
.oas-course-card:hover{transform:translateY(-5px);box-shadow:var(--oas-shadow)}
.oas-course-card>a{display:block;text-decoration:none}
.oas-course-card-media{display:block;overflow:hidden;background:#171717;aspect-ratio:4/3}
.oas-course-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.oas-course-card:hover img{transform:scale(1.035)}
.oas-course-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#181818,#5b171c);color:var(--oas-gold);font:72px/1 Georgia,serif}
.oas-course-card-body{display:flex;flex-direction:column;gap:8px;padding:22px 20px 25px;border-top:3px solid var(--oas-red)}
.oas-course-card-body small{color:var(--oas-red);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.oas-course-card-body strong{font:25px/1.15 Georgia,"Times New Roman",serif;font-weight:400}
.oas-course-card-body>span{color:var(--oas-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.oas-empty{padding:28px;border:1px solid var(--oas-line);background:#fff;color:var(--oas-muted)}
.oas-pagination{margin-top:34px}

/* Page / course */
.oas-page-hero{padding:96px 0 72px;background:linear-gradient(135deg,#f2eadf 0,#fff 70%);border-top:4px solid var(--oas-red);border-bottom:1px solid var(--oas-line)}
.oas-page-hero h1{max-width:1050px;font-size:clamp(34px,4.06vw,57px);line-height:1.04}
.oas-page-hero .oas-lead{color:#514c45}
.oas-content-block{padding:52px 0;background:var(--oas-paper)}
.oas-content-block+.oas-content-block{padding-top:8px}
.oas-copy{max-width:980px;font-size:18px}
.oas-copy h2{margin:50px 0 16px;font:39px/1.15 Georgia,"Times New Roman",serif;font-weight:400}
.oas-copy h3{margin:36px 0 12px;font:29px/1.2 Georgia,"Times New Roman",serif;font-weight:400}
.oas-copy p{margin:0 0 20px}
.oas-copy a{color:var(--oas-red);text-underline-offset:4px}
.oas-copy blockquote{margin:34px 0;padding:12px 0 12px 24px;border-left:3px solid var(--oas-red);font:24px/1.5 Georgia,serif}
.oas-course-hero{position:relative;min-height:650px;display:flex;align-items:end;overflow:hidden;background:linear-gradient(145deg,#111,#4f171b);color:#fff}
.oas-course-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oas-course-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.9),rgba(5,5,5,.18) 70%)}
.oas-course-hero-inner{position:relative;z-index:2;padding-bottom:58px}
.oas-course-hero h1{max-width:1050px;font-size:clamp(45px,5.3vw,80px);line-height:1.02}
.oas-course-hero .oas-lead{color:#f0ece5}
.oas-course-meta{display:flex;gap:12px;align-items:center;padding:18px 0 22px;border-top:1px solid var(--oas-line);border-bottom:1px solid var(--oas-line);font-size:13px}
.oas-course-meta span{color:var(--oas-muted);text-transform:uppercase;letter-spacing:.1em}
.oas-course-meta a{color:var(--oas-red);font-weight:800}
.oas-course-nav{display:flex;justify-content:space-between;gap:24px;padding:30px 0 46px}
.oas-course-nav a{display:flex;max-width:46%;flex-direction:column;text-decoration:none}
.oas-course-nav a:last-child{text-align:right;align-items:flex-end}
.oas-course-nav span{color:var(--oas-red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.oas-course-nav strong{font:20px/1.3 Georgia,serif;font-weight:400}
.oas-gallery-section{padding:28px 0;background:#0c0c0c}
.oas-gallery{width:min(1500px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:1fr;gap:12px}
.oas-gallery img{display:block;width:100%;height:auto;background:#161616}
.oas-video-block{padding:52px 0;background:#111;color:#fff}
.oas-video-block h2{margin:0 0 20px;font:36px/1.2 Georgia,serif;font-weight:400}
.oas-video{position:relative;aspect-ratio:16/9;background:#000}
.oas-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oas-video-page{padding:56px 0 76px;background:#0a0a0a}
.oas-native-video-wrap{display:grid;place-items:center;min-height:60vh;background:radial-gradient(circle at 50% 30%,#291315 0,#090909 68%);border:1px solid rgba(199,168,109,.3);padding:22px}
.oas-native-video{display:block;width:auto;max-width:100%;height:min(76vh,900px);max-height:900px;background:#000;box-shadow:0 24px 80px rgba(0,0,0,.45)}

/* Footer */
.oas-footer{padding:58px 0 22px;background:#080808;color:#eee;border-top:1px solid rgba(199,168,109,.55)}
.oas-footer-grid{display:grid;grid-template-columns:minmax(200px,.62fr) minmax(0,1.38fr);gap:50px;align-items:start}
.oas-footer strong{font:28px/1.2 Georgia,serif;font-weight:400;color:var(--oas-gold)}
.oas-footer p{color:#b9b1a7;max-width:660px}
.oas-footer-card{padding:24px 24px 22px;border:1px solid rgba(199,168,109,.32);background:linear-gradient(145deg,rgba(28,16,16,.82),rgba(10,10,10,.96));box-shadow:0 18px 48px rgba(0,0,0,.28)}
.oas-footer-card-kicker{display:block;margin-bottom:16px;color:var(--oas-gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.oas-footer-card-row{display:grid;grid-template-columns:132px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.oas-footer-card-row:first-of-type{border-top:0;padding-top:0}
.oas-footer-card-row strong{font:12px/1.35 Inter,"Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d7cab3}
.oas-footer-card-row span,.oas-footer-card-row a{color:#f3eee6;text-decoration:none;text-underline-offset:4px}
.oas-footer-card-row a:hover{color:var(--oas-gold)}
.oas-footer-card-row-stack{grid-template-columns:132px 1fr}
.oas-host-link{display:none}

:focus-visible{outline:2px solid var(--oas-gold);outline-offset:3px}
@media(max-width:1080px){
  .oas-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oas-nav{gap:20px}
  .oas-hero-inner{padding-right:0}
  .oas-hero-media-cluster{position:absolute;inset:0;transform:none;display:block;width:auto;height:auto}
  .oas-hero-still-panel{display:none}
  .oas-hero-video-panel{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;box-shadow:none;opacity:.84}
  .oas-hero-video{object-position:center center}
}
@media(max-width:860px){
  .oas-shell{width:min(var(--oas-width),calc(100% - 34px))}
  .oas-header-inner{min-height:76px}
  .oas-nav-toggle{display:block}
  .oas-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:16px 18px 22px;background:#090909;border-bottom:1px solid rgba(199,168,109,.45);flex-direction:column;align-items:stretch;gap:0}
  .oas-nav.is-open{display:flex}
  .oas-nav>a,.oas-dropdown>a{padding:12px 5px}
  .oas-dropdown-menu{display:block;position:static;min-width:0;padding:0 0 4px 16px;border:0;box-shadow:none;background:transparent}
  .oas-hero{min-height:720px}
  .oas-hero-inner{padding:90px 0 220px}
  .oas-discipline-strip>.oas-shell{grid-template-columns:repeat(2,1fr)}
  .oas-discipline-strip a{min-height:82px}
  .oas-footer-grid{grid-template-columns:1fr}.oas-footer-card{padding:22px 20px}
}
@media(max-width:620px){
  .oas-shell{width:calc(100% - 28px)}
  .oas-brand-copy strong{font-size:17px}
  .oas-brand-copy small{font-size:8px}
  .oas-brand-mark{width:41px;height:41px;font-size:24px}
  .oas-hero::after{inset:9px}
  .oas-hero{min-height:690px}
  .oas-hero-inner{padding:76px 0 226px}
  .oas-hero h1{font-size:clamp(48px,15vw,68px)}
  .oas-lead{font-size:17px}
  .oas-hero .oas-lead{font-size:14px}
  .oas-actions{flex-direction:column}
  .oas-button{width:100%}
  .oas-discipline-strip>.oas-shell{width:100%;grid-template-columns:repeat(2,1fr)}
  .oas-discipline-strip a{padding:14px 15px;min-height:86px}
  .oas-discipline-strip strong{font-size:18px}
  .oas-section{padding:48px 0}
  .oas-section-head{align-items:flex-start;flex-direction:column;gap:12px}
  .oas-section-head h2{font-size:clamp(18px,5.4vw,21px);line-height:1.08;white-space:nowrap;letter-spacing:-.03em}
  .oas-course-grid{grid-template-columns:1fr}
  .oas-page-hero{padding:68px 0 52px}
  .oas-page-hero h1{font-size:34px}
  .oas-content-block{padding:34px 0}
  .oas-copy{font-size:16px}
  .oas-copy h2{font-size:32px}
  .oas-course-hero{min-height:540px}
  .oas-course-hero-inner{padding-bottom:34px}
  .oas-course-nav{gap:14px}
  .oas-course-nav a{max-width:48%}
  .oas-course-nav strong{font-size:16px}
  .oas-footer-card-row,.oas-footer-card-row-stack{grid-template-columns:1fr;gap:6px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ============================================================
   R2.1 - footer cu linkuri, buton WhatsApp pe mobil, video pe curs
   ============================================================ */

.oas-footer-links{display:flex;flex-direction:column;gap:9px}
.oas-footer-links-title{margin-bottom:5px;color:var(--oas-gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.oas-footer-links a{color:#e7e1d8;text-decoration:none;font-size:15px;text-underline-offset:4px}
.oas-footer-links a:hover{color:var(--oas-gold);text-decoration:underline}
.oas-footer-brand{justify-self:center;text-align:center;max-width:660px}
.oas-footer-brand p{margin-left:auto;margin-right:auto}

.oas-wa-cta{display:none}
.oas-wa-button{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 18px;background:#25D366;color:#08301b;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;border-radius:3px}
.oas-wa-button:hover{background:#1fbb59;color:#08301b}

.oas-course-hero-video{display:none}

@media(max-width:760px){
  .oas-hero .oas-actions{display:none}
  .oas-wa-cta{display:block;position:relative;z-index:3;padding:16px 0 18px}
  .oas-course-hero-image{display:none}
  .oas-course-hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .oas-course-hero{min-height:520px}
  .oas-footer-brand{justify-self:start;text-align:left}
  .oas-footer-brand p{margin-left:0;margin-right:0}
}

/* ============================================================
   R2.4 - grila video
   ============================================================ */

.oas-video-grid-section{padding:56px 0;background:#0c0c0c;color:#f2efe9}
.oas-video-grid-head{border-bottom-color:rgba(199,168,109,.35);margin-bottom:28px}
.oas-video-grid-head h2{color:#f2efe9}
.oas-video-grid{display:grid;grid-template-columns:repeat(var(--oas-vg-cols,3),minmax(0,1fr));gap:22px;justify-content:center;margin-inline:auto;max-width:calc(var(--oas-vg-cols,3) * 470px)}
.oas-video-card{margin:0;background:#111;border:1px solid rgba(199,168,109,.28)}
.oas-video-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;object-fit:cover}
.oas-video-card figcaption{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;border-top:3px solid var(--oas-red)}
.oas-video-card figcaption strong{font:20px/1.25 Georgia,"Times New Roman",serif;font-weight:400;color:#f6f2ea}
.oas-video-card figcaption span{color:#b9b1a7;font-size:14px;line-height:1.5}

@media(max-width:960px){
  .oas-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
}
@media(max-width:760px){
  .oas-video-grid-section{padding:38px 0}
  .oas-video-grid{grid-template-columns:1fr;gap:18px}
}
