/* Deh Artes Estúdio — manga editorial / piloto 2026 */
:root{
  --ink:#080b10;
  --ink-2:#10151d;
  --paper:#f2f0e9;
  --paper-2:#dfe3e5;
  --muted:#66717a;
  --line:#080b10;
  --cyan:#43d9ff;
  --blue:#174dff;
  --lime:#d7ff45;
  --white:#fff;
  --max:1240px;
  --display:'Anton',Impact,sans-serif;
  --body:'Barlow',Arial,sans-serif;
  --cond:'Barlow Semi Condensed','Arial Narrow',sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden}
body::selection{color:var(--ink);background:var(--cyan)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
img,video{display:block;max-width:100%}
.deh-root{min-height:100vh;overflow:hidden;background:var(--paper)}
.deh-container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.deh-section{position:relative;padding:clamp(74px,9vw,128px) 0}
.deh-section--ink{color:var(--paper);background:var(--ink)}
.deh-section--cyan{color:var(--ink);background:var(--cyan)}
.deh-section--paper{background:var(--paper)}
.deh-section--mesh{background-color:var(--paper);background-image:linear-gradient(rgba(8,11,16,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(8,11,16,.07) 1px,transparent 1px);background-size:42px 42px}
.deh-section--ink::before,.deh-hero-wrap::before,.deh-pagehero::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.25px);background-size:9px 9px;
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 68%);mask-image:linear-gradient(135deg,#000,transparent 68%)
}
.deh-section-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.46fr);align-items:end;gap:32px;margin-bottom:42px}
.deh-eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:13px;font:800 12px/1 var(--cond);letter-spacing:2.5px;text-transform:uppercase}
.deh-eyebrow::before{content:'';width:30px;height:4px;background:var(--cyan);box-shadow:8px 0 0 var(--blue)}
.deh-section--cyan .deh-eyebrow::before{background:var(--ink);box-shadow:8px 0 0 var(--paper)}
.deh-section-head h2,.deh-display{margin:0;font:400 clamp(48px,7vw,92px)/.86 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.deh-section-head h2 em,.deh-display em{color:var(--cyan);font-style:normal}
.deh-section--cyan .deh-section-head h2 em{color:var(--paper);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink)}
.deh-section-head p{max-width:460px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}
.deh-section--ink .deh-section-head p{color:#aab2bb}
.deh-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.deh-reveal.deh-in{opacity:1;transform:none}

/* navegação */
.deh-sitebar{position:sticky;top:0;z-index:80;color:var(--paper);background:rgba(8,11,16,.92);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px)}
.deh-nav{width:min(calc(100% - 48px),var(--max));height:82px;margin:auto;display:flex;align-items:center;gap:24px}
.deh-brand{display:flex;align-items:center;gap:11px;min-width:0}
.deh-brand img{width:58px;height:58px;object-fit:contain}
.deh-brand-copy{display:flex;flex-direction:column;white-space:nowrap}
.deh-brand-copy strong{font:400 22px/.9 var(--display);letter-spacing:.02em;text-transform:uppercase}
.deh-brand-copy small{margin-top:6px;color:#9ca5ae;font:700 9px/1 var(--cond);letter-spacing:1.9px;text-transform:uppercase}
.deh-navlinks{display:flex;align-items:center;gap:23px;margin-left:auto;font:700 12px/1 var(--cond);letter-spacing:1.5px;text-transform:uppercase}
.deh-navlinks a{position:relative;color:#9ca5ae;transition:color .2s ease}
.deh-navlinks a:hover,.deh-navlinks a.is-active{color:var(--paper)}
.deh-navlinks a.is-active::after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:3px;background:var(--cyan)}
.deh-navcta,.deh-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;color:var(--ink);background:var(--cyan);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--paper);font:800 12px/1 var(--cond);letter-spacing:1.6px;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.deh-navcta:hover,.deh-btn:hover{color:var(--ink);background:var(--lime);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--paper)}
.deh-btn--ink{color:var(--paper);background:var(--ink);border-color:var(--ink);box-shadow:5px 5px 0 var(--blue)}
.deh-btn--ink:hover{color:var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--blue)}
.deh-btn--ghost{color:var(--paper);background:transparent;border-color:#5e6872;box-shadow:none}
.deh-btn--ghost:hover{color:var(--ink);background:var(--paper);box-shadow:none}
.deh-burger{display:none;margin-left:auto;min-height:44px;padding:0 13px;color:var(--paper);background:transparent;border:1px solid #414953;font:800 12px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer}
.deh-mobilemenu{display:none;position:absolute;left:0;right:0;top:82px;z-index:79;flex-direction:column;padding:14px 24px 24px;color:var(--paper);background:var(--ink);border-bottom:4px solid var(--cyan)}
.deh-mobilemenu a{padding:14px 2px;border-bottom:1px solid #242b33;font:800 14px/1 var(--cond);letter-spacing:1.5px;text-transform:uppercase}
.deh-mobilemenu .deh-navcta{margin-top:16px;border:2px solid var(--paper)}

/* home hero */
.deh-hero-wrap{position:relative;isolation:isolate;min-height:calc(100svh - 82px);color:var(--paper);background:var(--ink);overflow:hidden}
.deh-hero-wrap::after{content:'ISSUE 01';position:absolute;right:-22px;bottom:18px;z-index:-1;color:rgba(255,255,255,.035);font:400 clamp(130px,22vw,320px)/.7 var(--display);letter-spacing:-.07em;white-space:nowrap}
.deh-glow{position:absolute;width:420px;height:420px;z-index:-1;border-radius:50%;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(67,217,255,.2),transparent 68%);pointer-events:none;transition:opacity .3s ease}
.deh-hero{width:min(calc(100% - 48px),var(--max));min-height:calc(100svh - 82px);margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.82fr);gap:clamp(36px,6vw,88px);align-items:center;padding:56px 0 74px}
.deh-hero-copy{position:relative;z-index:3}
.deh-issue{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;color:var(--ink);background:var(--lime);font:800 11px/1 var(--cond);letter-spacing:2.3px;text-transform:uppercase;transform:rotate(-1.4deg)}
.deh-hero h1{max-width:770px;margin:20px 0 22px;font:400 clamp(70px,9vw,136px)/.76 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.deh-hero h1 span{display:inline-block;color:var(--cyan);-webkit-text-stroke:1px var(--cyan);text-shadow:8px 8px 0 var(--blue);transform:rotate(-1deg)}
.deh-hero-lead{max-width:570px;margin:0;color:#c0c6cb;font-size:clamp(17px,2vw,21px);line-height:1.52}
.deh-hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:30px}
.deh-textlink{display:inline-flex;align-items:center;gap:8px;padding:10px 2px;color:inherit;border-bottom:2px solid currentColor;font:800 12px/1 var(--cond);letter-spacing:1.6px;text-transform:uppercase}
.deh-textlink:hover{color:var(--cyan)}
.deh-proof{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:36px}
.deh-rating{display:flex;align-items:center;gap:9px;padding-right:20px;border-right:1px solid #353c44;font:700 11px/1 var(--cond);letter-spacing:1px;text-transform:uppercase}
.deh-rating b{color:var(--lime);font-size:16px;letter-spacing:2px}
.deh-stat{display:flex;align-items:baseline;gap:6px;color:#9fa7af;font-size:12px}
.deh-stat strong{color:var(--paper);font:400 28px/1 var(--display)}
.deh-hero-art{position:relative;min-height:650px}
.deh-hero-photo{position:absolute;inset:40px 18px 30px 48px;overflow:hidden;background:#171d25;border:4px solid var(--paper);clip-path:polygon(7% 0,100% 4%,94% 92%,3% 100%,0 18%);filter:drop-shadow(18px 20px 0 var(--blue))}
.deh-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(.15) contrast(1.05)}
.deh-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(8,11,16,.6)),radial-gradient(circle at 25% 20%,rgba(67,217,255,.18),transparent 45%);mix-blend-mode:screen;pointer-events:none}
.deh-hero-sound{position:absolute;z-index:4;color:var(--paper);font:400 clamp(58px,8vw,110px)/.8 var(--display);letter-spacing:-.04em;text-transform:uppercase;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--blue);transform:rotate(-8deg)}
.deh-hero-sound--a{left:-4px;top:16px}.deh-hero-sound--b{right:-18px;bottom:30px;color:var(--lime);transform:rotate(7deg)}
.deh-hero-note{position:absolute;right:0;top:88px;z-index:5;width:150px;padding:15px;color:var(--ink);background:var(--cyan);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--paper);font:800 11px/1.25 var(--cond);letter-spacing:1.5px;text-transform:uppercase;transform:rotate(4deg)}
.deh-hero-tag{position:absolute;left:0;bottom:86px;z-index:5;padding:9px 13px;color:var(--paper);background:var(--blue);font:800 11px/1 var(--cond);letter-spacing:1.6px;text-transform:uppercase;transform:rotate(-3deg)}
.deh-ticker{overflow:hidden;color:var(--ink);background:var(--cyan);border-block:4px solid var(--ink)}
.deh-ticker-track{width:max-content;display:flex;animation:dehMarquee 26s linear infinite;font:400 21px/1 var(--display);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}
.deh-ticker-track span{padding:12px 24px}

/* method + course teaser */
.deh-method{display:grid;grid-template-columns:.68fr 1.32fr;border:3px solid var(--ink);background:var(--paper);box-shadow:14px 14px 0 var(--blue)}
.deh-method-intro{padding:clamp(28px,5vw,60px);color:var(--paper);background:var(--ink)}
.deh-method-intro strong{display:block;font:400 clamp(64px,9vw,122px)/.8 var(--display);color:var(--cyan)}
.deh-method-intro h2{margin:18px 0 15px;font:400 clamp(40px,5vw,66px)/.9 var(--display);text-transform:uppercase}
.deh-method-intro p{margin:0;color:#aab2bb;font-size:17px}
.deh-steps{display:grid;grid-template-columns:repeat(2,1fr)}
.deh-step{position:relative;min-height:235px;padding:31px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.deh-step:nth-child(3),.deh-step:nth-child(4){border-bottom:0}
.deh-step::before{content:attr(data-step);position:absolute;right:16px;top:12px;color:rgba(8,11,16,.08);font:400 90px/.8 var(--display)}
.deh-step h3{max-width:190px;margin:55px 0 9px;font:400 27px/1 var(--display);text-transform:uppercase}
.deh-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.deh-step-mark{display:inline-flex;padding:5px 8px;color:var(--ink);background:var(--lime);font:800 10px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase}

/* real media gallery */
.deh-showcase{display:grid;grid-template-columns:1.15fr .76fr .76fr;grid-template-rows:290px 220px;gap:14px}
.deh-work{position:relative;overflow:hidden;color:var(--paper);background:#161b22;border:3px solid var(--ink)}
.deh-work:first-child{grid-row:1/3}
.deh-work:nth-child(2){grid-column:2/4}
.deh-work video,.deh-work img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.deh-work:hover video,.deh-work:hover img{transform:scale(1.025);filter:saturate(1.08)}
.deh-work::after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(8,11,16,.9));pointer-events:none}
.deh-work-label{position:absolute;left:18px;right:18px;bottom:16px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:15px}
.deh-work-label span{font:800 10px/1 var(--cond);letter-spacing:1.7px;text-transform:uppercase}
.deh-work-label strong{font:400 clamp(22px,3vw,38px)/.9 var(--display);text-align:right;text-transform:uppercase}
.deh-work-index{position:absolute;top:12px;right:12px;z-index:4;display:grid;place-items:center;width:38px;height:38px;color:var(--ink);background:var(--cyan);border:2px solid var(--ink);font:400 19px/1 var(--display)}

/* teachers */
.deh-teachers{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
.deh-teacher{position:relative;min-height:500px;overflow:hidden;border:4px solid var(--paper);background:#171d25}
.deh-teacher img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:grayscale(.25) contrast(1.08)}
.deh-teacher::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(8,11,16,.98))}
.deh-teacher-copy{position:absolute;left:30px;right:30px;bottom:27px;z-index:2}
.deh-teacher-copy span{display:inline-flex;margin-bottom:10px;padding:5px 8px;color:var(--ink);background:var(--cyan);font:800 10px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase}
.deh-teacher-copy h3{margin:0;font:400 clamp(40px,5vw,65px)/.85 var(--display);text-transform:uppercase}
.deh-teacher-copy p{max-width:600px;margin:13px 0 0;color:#bdc4ca}
.deh-teacher--placeholder{display:flex;align-items:flex-end;background-color:#11161d;background-image:repeating-linear-gradient(135deg,rgba(67,217,255,.07) 0 2px,transparent 2px 16px)}
.deh-teacher--placeholder::before{content:'02';position:absolute;right:-8px;top:-20px;color:rgba(255,255,255,.05);font:400 220px/.8 var(--display)}
.deh-teacher--placeholder::after{background:linear-gradient(transparent,rgba(8,11,16,.98))}

/* reviews / contact / footer */
.deh-reviews-viewport{overflow:hidden;margin-inline:calc((100vw - min(calc(100vw - 48px),var(--max)))/-2)}
.deh-reviews-track{width:max-content;display:flex;gap:14px;animation:dehReviews 40s linear infinite;padding:4px 7px 20px}
.deh-reviews-track:hover{animation-play-state:paused}
.deh-review{width:min(410px,82vw);min-height:240px;display:flex;flex-direction:column;padding:27px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue)}
.deh-review-stars{color:var(--blue);font-size:15px;letter-spacing:3px}
.deh-review blockquote{margin:25px 0 24px;font-size:17px;line-height:1.5}
.deh-review footer{margin-top:auto;font:800 11px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase}
.deh-contact{display:grid;grid-template-columns:1fr .8fr;border:4px solid var(--ink);box-shadow:14px 14px 0 var(--blue)}
.deh-contact-copy{padding:clamp(34px,6vw,70px);color:var(--paper);background:var(--ink)}
.deh-contact-copy h2{max-width:650px;margin:0 0 22px;font:400 clamp(56px,8vw,104px)/.82 var(--display);text-transform:uppercase}
.deh-contact-copy h2 span{color:var(--cyan)}
.deh-contact-copy p{max-width:560px;color:#b2bac1;font-size:18px}
.deh-contact-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,56px);background:var(--cyan)}
.deh-contact-card dl{margin:0 0 25px}
.deh-contact-card div{padding:15px 0;border-bottom:2px solid var(--ink)}
.deh-contact-card dt{font:800 10px/1 var(--cond);letter-spacing:1.6px;text-transform:uppercase}
.deh-contact-card dd{margin:7px 0 0;font-weight:700;line-height:1.4}
.deh-footer{color:#adb5bd;background:var(--ink);border-top:1px solid #222a32}
.deh-footer-in{width:min(calc(100% - 48px),var(--max));margin:auto;display:grid;grid-template-columns:1fr auto;gap:35px;padding:46px 0}
.deh-footer-brand{display:flex;align-items:center;gap:15px}
.deh-footer-brand img{width:66px;height:66px;object-fit:contain}
.deh-footer-brand strong{display:block;color:var(--paper);font:400 25px/1 var(--display);text-transform:uppercase}
.deh-footer-brand small{font-size:12px}
.deh-footer-links{display:flex;align-items:center;gap:19px;font:700 11px/1 var(--cond);letter-spacing:1.3px;text-transform:uppercase}
.deh-footer a:hover{color:var(--cyan)}
.deh-footer-base{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #222a32;font-size:11px}

/* pages */
.deh-pagehero{position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:var(--ink);border-bottom:4px solid var(--cyan)}
.deh-pagehero-in{position:relative;width:min(calc(100% - 48px),var(--max));min-height:440px;margin:auto;display:grid;grid-template-columns:1fr .48fr;align-items:end;gap:40px;padding:86px 0 66px}
.deh-pagehero h1{max-width:850px;margin:13px 0 18px;font:400 clamp(74px,11vw,160px)/.76 var(--display);letter-spacing:-.04em;text-transform:uppercase}
.deh-pagehero h1 em{color:var(--cyan);font-style:normal;text-shadow:7px 7px 0 var(--blue)}
.deh-pagehero p{max-width:590px;margin:0;color:#b9c0c7;font-size:19px}
.deh-pagehero-aside{align-self:center;justify-self:end;width:250px;padding:25px;color:var(--ink);background:var(--lime);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--paper);font:800 12px/1.5 var(--cond);letter-spacing:1.2px;text-transform:uppercase;transform:rotate(3deg)}
.deh-course-list{border-top:3px solid var(--ink)}
.deh-courserow{position:relative;display:grid;grid-template-columns:90px 1fr 270px;align-items:center;gap:28px;padding:27px 14px;border-bottom:3px solid var(--ink);cursor:pointer;transition:color .2s ease,background .2s ease,padding .2s ease}
.deh-courserow:hover,.deh-courserow:focus{outline:0;color:var(--paper);background:var(--ink);padding-inline:25px}
.deh-course-num{font:400 50px/.8 var(--display);color:var(--blue)}
.deh-courserow:hover .deh-course-num{color:var(--cyan)}
.deh-course-title h3{margin:0;font:400 clamp(28px,4vw,45px)/1 var(--display);text-transform:uppercase}
.deh-course-title p{max-width:610px;margin:7px 0 0;color:var(--muted)}
.deh-courserow:hover .deh-course-title p{color:#aeb7c0}
.deh-course-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.deh-course-tags span{padding:4px 7px;border:1px solid currentColor;font:800 9px/1 var(--cond);letter-spacing:1px;text-transform:uppercase}
.deh-course-action{justify-self:end;text-align:right}
.deh-course-action strong{display:block;font:400 18px/1 var(--display);text-transform:uppercase}
.deh-course-action a{display:inline-flex;margin-top:10px;padding-bottom:4px;border-bottom:2px solid currentColor;font:800 11px/1 var(--cond);letter-spacing:1.2px;text-transform:uppercase}
.deh-detail-hint{display:block;margin-top:11px;color:var(--blue);font:800 10px/1 var(--cond);letter-spacing:1px;text-transform:uppercase}
.deh-courserow:hover .deh-detail-hint{color:var(--cyan)}
.deh-faq-wrap{display:grid;grid-template-columns:.55fr 1fr;gap:70px;align-items:start}
.deh-faq-intro h2{margin:0;font:400 clamp(50px,7vw,84px)/.85 var(--display);text-transform:uppercase}
.deh-faq-intro p{color:var(--muted)}
.deh-faq-item{border-top:3px solid var(--ink)}
.deh-faq-item:last-child{border-bottom:3px solid var(--ink)}
.deh-faq-q{width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 0;text-align:left;background:transparent;border:0;font:400 23px/1 var(--display);text-transform:uppercase;cursor:pointer}
.deh-faq-sign{display:grid;place-items:center;width:36px;height:36px;color:var(--paper);background:var(--ink);font:400 23px/1 var(--display)}
.deh-faq-a{display:none;max-width:710px;padding:0 55px 23px 0;color:var(--muted)}
.deh-faq-item.is-open .deh-faq-a{display:block}
.deh-enroll{display:grid;grid-template-columns:.82fr 1.18fr;border:4px solid var(--ink);box-shadow:14px 14px 0 var(--blue)}
.deh-enroll-copy{padding:clamp(32px,5vw,60px);color:var(--paper);background:var(--ink)}
.deh-enroll-copy h2{margin:12px 0 18px;font:400 clamp(48px,7vw,82px)/.84 var(--display);text-transform:uppercase}
.deh-enroll-copy p{color:#aeb6be}
.deh-enroll-form{display:grid;gap:15px;padding:clamp(32px,5vw,60px);background:var(--cyan)}
.deh-field{display:grid;gap:7px}
.deh-field label{font:800 10px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase}
.deh-field input,.deh-field select{width:100%;height:52px;padding:0 15px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:0;outline:none}
.deh-field input:focus,.deh-field select:focus{box-shadow:4px 4px 0 var(--blue)}
.deh-enrollbtn{width:100%;margin-top:5px;cursor:pointer}
.deh-form-note{margin:0;font-size:11px}

/* studio */
.deh-studio-lead{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}
.deh-studio-lead h2{position:sticky;top:120px;margin:0;font:400 clamp(54px,8vw,102px)/.82 var(--display);text-transform:uppercase}
.deh-studio-lead h2 span{color:var(--blue)}
.deh-studio-copy{font-size:clamp(19px,2.3vw,28px);line-height:1.45}
.deh-studio-copy p{margin:0 0 30px}
.deh-studio-copy p:first-child::first-letter{float:left;margin:3px 12px 0 0;color:var(--blue);font:400 90px/.7 var(--display)}
.deh-studio-video{position:relative;border:4px solid var(--ink);box-shadow:16px 16px 0 var(--blue)}
.deh-studio-video .deh-vf-media{aspect-ratio:16/9}
.deh-studio-video video{width:100%;height:100%;object-fit:cover}
.deh-studio-video-tag{position:absolute;left:-12px;top:-18px;z-index:4;padding:9px 14px;color:var(--ink);background:var(--lime);border:3px solid var(--ink);font:800 11px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase;transform:rotate(-2deg)}
.deh-pillars{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--ink)}
.deh-pillar{min-height:300px;padding:28px;border-right:3px solid var(--ink)}
.deh-pillar:last-child{border-right:0}
.deh-pillar strong{font:400 70px/.8 var(--display);color:var(--blue)}
.deh-pillar h3{margin:55px 0 10px;font:400 30px/1 var(--display);text-transform:uppercase}
.deh-pillar p{margin:0;color:var(--muted)}

/* gallery page */
.deh-gallery-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.deh-gallery-controls button{min-height:43px;padding:0 16px;color:var(--ink);background:transparent;border:2px solid var(--ink);font:800 11px/1 var(--cond);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer}
.deh-gallery-controls button.is-active,.deh-gallery-controls button:hover{color:var(--paper);background:var(--ink)}
.deh-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:14px}
.deh-gallery-item{grid-column:span 4;position:relative;overflow:hidden;background:#161b22;border:3px solid var(--ink)}
.deh-gallery-item:nth-child(5n+1){grid-column:span 7}.deh-gallery-item:nth-child(5n+2){grid-column:span 5}
.deh-gallery-item .deh-vf-media{aspect-ratio:4/5}.deh-gallery-item:nth-child(5n+1) .deh-vf-media{aspect-ratio:7/5}.deh-gallery-item:nth-child(5n+2) .deh-vf-media{aspect-ratio:1}
.deh-gallery-item video{width:100%;height:100%;object-fit:cover}
.deh-gallery-caption{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:10px;padding:12px 14px;color:var(--paper);background:rgba(8,11,16,.88);border-left:4px solid var(--cyan);backdrop-filter:blur(8px)}
.deh-gallery-caption strong{font:400 19px/1 var(--display);text-transform:uppercase}.deh-gallery-caption span{font:800 9px/1 var(--cond);letter-spacing:1.2px;text-transform:uppercase}

/* video decoration + JS controls */
.deh-videoframe{position:relative}.deh-vf-media{position:relative;overflow:hidden;background:#151a21}.deh-vf-media>video,.deh-vf-media>img{width:100%;height:100%;object-fit:cover}
.deh-vf-glow,.deh-vf-corner,.deh-vf-dots{pointer-events:none}.deh-vf-corner{display:none}.deh-vf-dots{position:absolute;inset:0;z-index:2;opacity:.12;background-image:radial-gradient(circle,#fff 1px,transparent 1.2px);background-size:8px 8px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 55%);mask-image:linear-gradient(135deg,#000,transparent 55%)}
.deh-audio-btn{position:absolute;right:13px;top:13px;z-index:6;width:40px;height:40px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);border:2px solid var(--ink);cursor:pointer}.deh-audio-btn .ico-on,.deh-audio-btn.is-on .ico-off{display:none}.deh-audio-btn.is-on .ico-on{display:block}
.deh-vctrl{position:absolute;right:14px;bottom:14px;z-index:7;display:flex;background:rgba(8,11,16,.9);border:1px solid rgba(255,255,255,.2)}
.deh-vctrl button{width:40px;height:40px;display:grid;place-items:center;color:var(--paper);background:transparent;border:0;border-right:1px solid rgba(255,255,255,.16);cursor:pointer}.deh-vctrl button:last-child{border-right:0}.deh-vctrl .ico-b{display:none}.deh-vctrl .alt .ico-a{display:none}.deh-vctrl .alt .ico-b{display:block}

/* course modal */
.deh-modal[hidden]{display:none}.deh-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .2s ease}.deh-modal.is-open{opacity:1}
.deh-modal-backdrop{position:absolute;inset:0;background:rgba(8,11,16,.86);backdrop-filter:blur(10px)}
.deh-modal-panel{position:relative;width:min(880px,100%);max-height:90svh;overflow:auto;background:var(--paper);border:4px solid var(--ink);box-shadow:14px 14px 0 var(--blue)}
.deh-modal-close{position:sticky;float:right;top:14px;right:14px;z-index:4;width:44px;height:44px;color:var(--paper);background:var(--ink);border:0;font:400 28px/1 var(--display);cursor:pointer}
.deh-modal-body{padding:clamp(28px,5vw,60px)}.deh-modal-head{display:flex;gap:24px;align-items:start}.deh-modal-num{font:400 68px/.8 var(--display);color:var(--blue)}.deh-modal-kicker{font:800 11px/1 var(--cond);letter-spacing:1.7px;text-transform:uppercase}.deh-modal-title{margin:7px 0 0;font:400 clamp(38px,6vw,64px)/.9 var(--display);text-transform:uppercase}.deh-modal-long{margin-top:30px;font-size:17px}.deh-modal-subtitle{margin-top:31px;padding-top:20px;border-top:3px solid var(--ink);font:400 24px/1 var(--display);text-transform:uppercase}.deh-modal-learn{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 25px;padding-left:20px}.deh-modal-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border:3px solid var(--ink)}.deh-modal-meta>div{padding:16px;border-right:3px solid var(--ink)}.deh-modal-meta>div:last-child{border-right:0}.deh-modal-meta span{display:block}.deh-modal-meta .lbl{font:800 9px/1 var(--cond);letter-spacing:1.2px;text-transform:uppercase}.deh-modal-meta .val{margin-top:7px;font-weight:700}.deh-modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.deh-modal-cta,.deh-modal-ghost{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:2px solid var(--ink);font:800 11px/1 var(--cond);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}.deh-modal-cta{color:var(--paper);background:var(--ink)}.deh-modal-ghost{background:transparent}

.deh-wa-float{position:fixed;right:20px;bottom:20px;z-index:95;width:56px;height:56px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--blue);transition:transform .2s ease}.deh-wa-float:hover{color:var(--ink);transform:translate(-2px,-2px)}.deh-wa-float svg{width:27px;height:27px}

@keyframes dehMarquee{to{transform:translateX(-50%)}}
@keyframes dehReviews{to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:1040px){
  .deh-navlinks{display:none}.deh-burger{display:inline-flex;align-items:center}.deh-navcta{margin-left:0}
  .deh-hero{grid-template-columns:1fr .72fr}.deh-hero-art{min-height:560px}.deh-hero-photo{inset:35px 0 25px 20px}
  .deh-method{grid-template-columns:1fr}.deh-method-intro{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.deh-method-intro p{grid-column:2}.deh-step:first-child,.deh-step:nth-child(3){border-left:0}
  .deh-course-action{display:none}.deh-courserow{grid-template-columns:75px 1fr}
}
@media(max-width:780px){
  .deh-container,.deh-nav,.deh-footer-in,.deh-hero,.deh-pagehero-in{width:min(calc(100% - 30px),var(--max))}
  .deh-nav{height:68px}.deh-brand img{width:47px;height:47px}.deh-brand-copy small{display:none}.deh-brand-copy strong{font-size:19px}.deh-nav>.deh-navcta{display:none}.deh-mobilemenu{top:68px}
  .deh-section{padding:68px 0}.deh-section-head{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.deh-section-head h2{font-size:clamp(47px,14vw,72px)}
  .deh-hero-wrap{min-height:auto}.deh-hero{min-height:auto;grid-template-columns:1fr;padding:50px 0 60px}.deh-hero h1{max-width:100%;font-size:clamp(58px,18vw,88px);overflow-wrap:anywhere}.deh-hero-lead{font-size:17px}.deh-hero-art{min-height:510px}.deh-hero-photo{inset:30px 8px 20px 30px}.deh-hero-sound--a{left:0}.deh-proof{gap:13px}.deh-rating{width:100%;border:0}.deh-hero-note{right:6px;width:125px}.deh-hero-tag{left:5px}
  .deh-method{box-shadow:8px 8px 0 var(--blue)}.deh-method-intro{display:block}.deh-method-intro strong{font-size:72px}.deh-method-intro p{margin-top:10px}.deh-steps{grid-template-columns:1fr}.deh-step{min-height:190px;border-left:0!important;border-bottom:3px solid var(--ink)!important}.deh-step:last-child{border-bottom:0!important}.deh-step h3{margin-top:35px}
  .deh-showcase{grid-template-columns:1fr 1fr;grid-template-rows:420px 230px}.deh-work:first-child{grid-column:1/3;grid-row:auto}.deh-work:nth-child(2){grid-column:auto}
  .deh-teachers{grid-template-columns:1fr}.deh-teacher{min-height:470px}
  .deh-contact,.deh-enroll{grid-template-columns:1fr;box-shadow:8px 8px 0 var(--blue)}
  .deh-footer-in{grid-template-columns:1fr}.deh-footer-links{flex-wrap:wrap}.deh-footer-base{flex-direction:column}
  .deh-pagehero-in{min-height:410px;grid-template-columns:1fr;padding:68px 0 52px}.deh-pagehero h1{font-size:clamp(70px,21vw,110px)}.deh-pagehero-aside{display:none}
  .deh-courserow{grid-template-columns:52px 1fr;gap:16px;padding:23px 0}.deh-courserow:hover,.deh-courserow:focus{padding-inline:12px}.deh-course-num{font-size:40px}
  .deh-faq-wrap,.deh-studio-lead{grid-template-columns:1fr;gap:35px}.deh-studio-lead h2{position:static}.deh-studio-copy{font-size:19px}
  .deh-pillars{grid-template-columns:1fr}.deh-pillar{min-height:220px;border-right:0;border-bottom:3px solid var(--ink)}.deh-pillar:last-child{border-bottom:0}.deh-pillar h3{margin-top:35px}
  .deh-gallery-item,.deh-gallery-item:nth-child(5n+1),.deh-gallery-item:nth-child(5n+2){grid-column:span 6}.deh-gallery-item .deh-vf-media,.deh-gallery-item:nth-child(5n+1) .deh-vf-media,.deh-gallery-item:nth-child(5n+2) .deh-vf-media{aspect-ratio:4/5}
  .deh-modal-meta{grid-template-columns:1fr}.deh-modal-meta>div{border-right:0;border-bottom:3px solid var(--ink)}.deh-modal-meta>div:last-child{border-bottom:0}
}
@media(max-width:500px){
  .deh-burger{font-size:0;width:44px;justify-content:center}.deh-burger::before{content:'☰';font-size:20px}.deh-brand-copy strong{font-size:17px}
  .deh-hero-art{min-height:430px}.deh-hero-photo{inset:25px 2px 10px 15px}.deh-hero-sound{font-size:58px}.deh-hero-note{top:50px}.deh-hero-sound--b{right:-4px;bottom:12px}
  .deh-hero-actions .deh-btn{width:100%}.deh-hero-actions .deh-textlink{margin-inline:auto}
  .deh-showcase{grid-template-columns:1fr;grid-template-rows:none}.deh-work:first-child,.deh-work:nth-child(2){grid-column:auto}.deh-work{height:330px}
  .deh-gallery-grid{grid-template-columns:1fr}.deh-gallery-item,.deh-gallery-item:nth-child(5n+1),.deh-gallery-item:nth-child(5n+2){grid-column:auto}
  .deh-modal{padding:10px}.deh-modal-learn{grid-template-columns:1fr}.deh-modal-head{display:block}.deh-modal-num{display:block;margin-bottom:12px}
  .deh-wa-float{right:14px;bottom:78px;width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.deh-reveal{opacity:1;transform:none;transition:none}.deh-ticker-track,.deh-reviews-track{animation:none}.deh-work video,.deh-work img{transition:none}}