/* EDRAK standalone case study, limited to this custom page. */
body.tyz-site-v1 .tyz-edrak-case {
 --edrak-ink:#f8f5ed;--edrak-muted:#c1d0dd;--edrak-gold:#e8bf7f;
 --edrak-line:rgba(232,191,127,.28);
 position:relative;isolation:isolate;overflow:hidden;min-height:100vh;
 background:radial-gradient(ellipse 63% 24% at 94% 9%,rgba(37,89,126,.30),transparent 74%),
 radial-gradient(ellipse 55% 25% at 2% 50%,rgba(29,75,115,.18),transparent 70%),#08192b;
 color:var(--edrak-ink);padding:clamp(32px,5vw,72px) 0 clamp(65px,8vw,120px);
}
body.tyz-site-v1 .tyz-edrak-case *,
body.tyz-site-v1 .tyz-edrak-case *:before,
body.tyz-site-v1 .tyz-edrak-case *:after{box-sizing:border-box}
body.tyz-site-v1 .tyz-edrak-case__shell{position:relative}
body.tyz-site-v1 .tyz-edrak-case__shell:before{content:"";position:absolute;inset:-60px 0 auto;height:1px;background:linear-gradient(90deg,transparent,#c99e60 50%,transparent);opacity:.75;pointer-events:none}
body.tyz-site-v1 .tyz-edrak-case__crumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 clamp(30px,5vw,70px);font-size:12px;line-height:1.8;color:#b3c2d2}
body.tyz-site-v1 .tyz-edrak-case__crumb a{color:var(--edrak-gold);text-decoration:none;border-bottom:1px solid rgba(232,191,127,.36)}
body.tyz-site-v1 .tyz-edrak-case__intro{display:grid;grid-template-columns:minmax(0,.81fr) minmax(0,1.19fr);align-items:center;gap:clamp(24px,4.2vw,72px);padding-bottom:clamp(65px,9vw,120px)}
body.tyz-site-v1 .tyz-edrak-case__intro-copy{min-width:0}
body.tyz-site-v1 .tyz-edrak-case__overline{display:inline-flex;align-items:center;gap:12px;font:800 11px/1.7 "Outfit",Arial,sans-serif;letter-spacing:.14em;color:var(--edrak-gold)}
body.tyz-site-v1 .tyz-edrak-case__overline i{width:32px;height:1px;background:var(--edrak-gold);display:inline-block}
body.tyz-site-v1 .tyz-edrak-case h2{margin:20px 0 18px;font-size:clamp(30px,3.6vw,57px);line-height:1.48;font-weight:900;color:#fff8ed;letter-spacing:-.025em}
body.tyz-site-v1 .tyz-edrak-case h2 em{font-style:normal;color:var(--edrak-gold)}
body.tyz-site-v1 .tyz-edrak-case p{font-size:clamp(14px,1.17vw,17px);line-height:2.05;color:var(--edrak-muted);margin:0;max-width:66ch}
body.tyz-site-v1 .tyz-edrak-case__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,2.7vw,38px)}
body.tyz-site-v1 .tyz-edrak-case__action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:51px;padding:13px 22px;border-radius:12px;border:1px solid var(--edrak-line);font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}
body.tyz-site-v1 .tyz-edrak-case__action span{font-size:18px}
body.tyz-site-v1 .tyz-edrak-case__action--gold{background:linear-gradient(135deg,#fae0aa,#d9a85a);color:#10283e!important;border-color:#deb77a}
body.tyz-site-v1 .tyz-edrak-case__action--outline{color:#f3debb!important;border-color:rgba(234,194,128,.55);background:rgba(255,255,255,.02)}
body.tyz-site-v1 .tyz-edrak-case__action:hover{transform:translateY(-2px);border-color:#f3d4a0}
body.tyz-site-v1 .tyz-edrak-case__tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}
body.tyz-site-v1 .tyz-edrak-case__tags span{font-size:11px;line-height:1.4;padding:10px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.12);color:#d2dfeb;background:rgba(255,255,255,.03)}
body.tyz-site-v1 .tyz-edrak-case__hero-visual{margin:0;min-width:0;border-radius:22px;border:1px solid rgba(229,182,109,.60);padding:8px;background:linear-gradient(145deg,#162a40,#071421);box-shadow:0 40px 100px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.07)}
body.tyz-site-v1 .tyz-edrak-case__hero-visual img{width:100%;height:auto;display:block;border-radius:14px}
body.tyz-site-v1 .tyz-edrak-case__hero-visual figcaption{text-align:center;padding:10px 4px 4px;color:#e7c18b;font:800 9px/1.6 Arial,sans-serif;letter-spacing:.13em}
body.tyz-site-v1 .tyz-edrak-case__chapter{border-top:1px solid var(--edrak-line);padding-top:clamp(33px,4.2vw,65px);margin:0 0 34px;display:flex;justify-content:space-between;gap:36px;align-items:end}
body.tyz-site-v1 .tyz-edrak-case__chapter h2{margin-top:10px;margin-bottom:9px}
body.tyz-site-v1 .tyz-edrak-case__chapter>a{min-height:48px;display:inline-flex;align-items:center;gap:19px;border-radius:10px;border:1px solid rgba(229,185,113,.5);padding:12px 18px;color:#f2d4a0;text-decoration:none;font-size:13px;font-weight:900;white-space:nowrap}
body.tyz-site-v1 .tyz-edrak-case__chapter>a:hover{background:rgba(232,191,127,.14)}
body.tyz-site-v1 .tyz-edrak-case__screenshot-wrap{max-width:820px;margin-inline:auto;border:1px solid rgba(230,190,123,.5);border-radius:19px;padding:9px;background:#122f49;box-shadow:0 35px 90px rgba(0,0,0,.32)}
body.tyz-site-v1 .tyz-edrak-case__browser-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:34px;padding:0 13px;background:#edf4f9;color:#41627e;border-radius:10px 10px 0 0;font-size:10px;direction:ltr}
body.tyz-site-v1 .tyz-edrak-case__browser-bar>span:first-child{display:flex;align-items:center;gap:5px}
body.tyz-site-v1 .tyz-edrak-case__browser-bar i{display:block;width:7px;height:7px;background:#a8bdcc;border-radius:50%}
body.tyz-site-v1 .tyz-edrak-case__browser-bar i:first-child{background:#e4b77e}
body.tyz-site-v1 .tyz-edrak-case__browser-bar>span:last-child{text-align:right;font-size:9px;font-weight:700}
body.tyz-site-v1 .tyz-edrak-case__screenshot-link{display:block;background:#fff;overflow:hidden}
body.tyz-site-v1 .tyz-edrak-case__screenshot-link img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body.tyz-site-v1 .tyz-edrak-case__screenshot-bottom{text-align:center;color:#e7c28c;padding:14px 9px 8px;font-size:12px;font-weight:700}
body.tyz-site-v1 .tyz-edrak-case__chapter--visuals{margin-top:clamp(65px,10vw,128px)}
body.tyz-site-v1 .tyz-edrak-case__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.9vw,26px)}
body.tyz-site-v1 .tyz-edrak-case__creative{min-width:0;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(227,179,105,.46);background:linear-gradient(155deg,#1b3e59,#10263a);box-shadow:0 20px 35px rgba(0,0,0,.15)}
body.tyz-site-v1 .tyz-edrak-case__creative>a{display:block;padding:10px 10px 0}
body.tyz-site-v1 .tyz-edrak-case__creative img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:9px;background:#12273b}
body.tyz-site-v1 .tyz-edrak-case__creative figcaption{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 15px;color:#f2debd;font-size:12px;line-height:1.8;font-weight:700}
body.tyz-site-v1 .tyz-edrak-case__creative figcaption small{font:800 11px Arial,sans-serif;color:#e0b77a;white-space:nowrap}
body.tyz-site-v1 .tyz-edrak-case__bottom{border:1px solid rgba(231,188,123,.42);border-radius:23px;padding:clamp(26px,4vw,48px);background:linear-gradient(115deg,#112f49,#071a2e);margin-top:clamp(75px,9vw,115px);display:flex;align-items:center;justify-content:space-between;gap:30px}
body.tyz-site-v1 .tyz-edrak-case__bottom h2{font-size:clamp(27px,3.5vw,44px);margin:10px 0}
body.tyz-site-v1 .tyz-edrak-case__bottom .tyz-edrak-case__actions{margin:0}
@media(max-width:1020px){
 body.tyz-site-v1 .tyz-edrak-case__intro{grid-template-columns:1fr;gap:36px}
 body.tyz-site-v1 .tyz-edrak-case__hero-visual{max-width:850px}
 body.tyz-site-v1 .tyz-edrak-case__bottom{flex-direction:column;align-items:stretch}
}
@media(max-width:700px){
 body.tyz-site-v1 .tyz-edrak-case__crumb{margin-bottom:27px}
 body.tyz-site-v1 .tyz-edrak-case__chapter{flex-direction:column;align-items:stretch;gap:16px}
 body.tyz-site-v1 .tyz-edrak-case__gallery{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 body.tyz-site-v1 .tyz-edrak-case__creative>a{padding:12px 12px 0}
 body.tyz-site-v1 .tyz-edrak-case__creative img{aspect-ratio:auto;max-height:630px}
 body.tyz-site-v1 .tyz-edrak-case__actions{flex-direction:column;align-items:stretch}
 body.tyz-site-v1 .tyz-edrak-case__action{width:100%}
 body.tyz-site-v1 .tyz-edrak-case__browser-bar>span:last-child{display:none}
 body.tyz-site-v1 .tyz-edrak-case__browser-bar{grid-template-columns:1fr auto}
}
@media(prefers-reduced-motion:reduce){body.tyz-site-v1 .tyz-edrak-case__action{transition:none}}


/* Four additional original EDRAK pages — one lazy live iframe to protect performance. */
body.tyz-site-v1 .tyz-edrak-pages{margin-block:clamp(64px,9vw,125px);scroll-margin-top:96px}
body.tyz-site-v1 .tyz-edrak-pages__chapter{margin-bottom:24px}
body.tyz-site-v1 .tyz-edrak-pages__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
body.tyz-site-v1 .tyz-edrak-pages__tab{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;min-height:165px;text-align:right;cursor:pointer;border-radius:16px;border:1px solid rgba(230,186,118,.3);color:#e7eef6;background:linear-gradient(142deg,#14344d,#0e253a);padding:19px 17px;transition:transform .18s,border-color .18s,background .18s}
body.tyz-site-v1 .tyz-edrak-pages__tab:hover,body.tyz-site-v1 .tyz-edrak-pages__tab:focus-visible{transform:translateY(-2px);border-color:#e9bf7b;outline-offset:3px}
body.tyz-site-v1 .tyz-edrak-pages__tab.is-active{background:linear-gradient(135deg,#244e6a,#112b42);border-color:#e5b772;box-shadow:inset 0 0 0 1px rgba(232,188,122,.32),0 12px 28px rgba(0,0,0,.17)}
body.tyz-site-v1 .tyz-edrak-pages__tab small{color:#ddb577;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.1em}
body.tyz-site-v1 .tyz-edrak-pages__tab strong{color:#fff4df;font-size:clamp(17px,1.65vw,23px);line-height:1.5}
body.tyz-site-v1 .tyz-edrak-pages__tab>span{color:#c2d2e0;font-size:12px;line-height:1.8}
body.tyz-site-v1 .tyz-edrak-pages__tab i{position:absolute;top:17px;left:16px;font-style:normal;color:#efc987;font-size:20px}
body.tyz-site-v1 .tyz-edrak-pages__viewer{overflow:hidden;border:1px solid rgba(232,189,126,.52);border-radius:18px;padding:8px;background:#112c43;box-shadow:0 24px 62px rgba(0,0,0,.2)}
body.tyz-site-v1 .tyz-edrak-pages__bar{min-height:46px;border-radius:10px 10px 0 0;background:#eaf2f8;color:#224260;display:flex;align-items:center;gap:14px;padding:8px 17px;direction:ltr}
body.tyz-site-v1 .tyz-edrak-pages__bar strong{margin-right:auto;font-size:14px;font-weight:900}
body.tyz-site-v1 .tyz-edrak-pages__bar>a{color:#155782;text-decoration:underline;text-underline-offset:3px;font-weight:900;font-size:12px}
body.tyz-site-v1 .tyz-edrak-pages__dots{display:flex;gap:4px}
body.tyz-site-v1 .tyz-edrak-pages__dots i{display:block;width:8px;height:8px;border-radius:50%;background:#a9b8c5}
body.tyz-site-v1 .tyz-edrak-pages__dots i:first-child{background:#d1a76c}
body.tyz-site-v1 #edrak-site-preview{display:block;width:100%;height:clamp(470px,58vw,850px);border:0;background:#fff}
body.tyz-site-v1 .tyz-edrak-pages__notice{padding:9px 8px 3px;text-align:center;color:#d9e2eb!important;font-size:12px!important;line-height:1.9!important}
@media(max-width:860px){body.tyz-site-v1 .tyz-edrak-pages__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 body.tyz-site-v1 .tyz-edrak-pages__tab{min-height:132px;padding:14px;gap:5px}
 body.tyz-site-v1 .tyz-edrak-pages__tab i{top:12px;left:12px}
 body.tyz-site-v1 .tyz-edrak-pages__tab>span{font-size:10px}
 body.tyz-site-v1 .tyz-edrak-pages__viewer{padding:5px;border-radius:12px}
 body.tyz-site-v1 .tyz-edrak-pages__bar{padding:7px 9px;gap:7px}
 body.tyz-site-v1 .tyz-edrak-pages__bar>a{font-size:10px}
 body.tyz-site-v1 #edrak-site-preview{height:610px}
}
@media(prefers-reduced-motion:reduce){body.tyz-site-v1 .tyz-edrak-pages__tab{transition:none}}