/* ===== THANK YOU — Figma 5647:21031 (desktop 1920x925) + 5647:21151 (mobile 375x822) ===== */
@scope (.tyq) {
:scope{
  --navy:#0e0d2c; --gold:#e5c38b; --gold-bar:#b99355; --gold-border:#e1caa5;
  --font-body:"Assistant","Heebo",system-ui,sans-serif;
  --font-head:"Heebo","Assistant",sans-serif;
  --canvas-w:1920px; --h:935;
}
*,*::before,*::after{box-sizing:border-box;}
h1,h2,h3,h4,p,figure,blockquote{margin:0;}
a{text-decoration:none;}
img{display:block;}

.ty{position:relative;width:100%;overflow:hidden;height:calc(100vw * var(--h) / 1920);background:var(--navy);}
.ty > .stage{position:absolute;top:0;right:0;width:var(--canvas-w);height:calc(var(--h) * 1px);
  transform-origin:top right;transform:scale(calc(100vw / var(--canvas-w)));direction:rtl;}

/* hero backdrop — Figma "main thank you" (5647:21087): photo 5647:21089 at (0,-2),
   Rectangle 9274 (navy 0 -> .8 top-to-bottom) and Rectangle 9411 (navy .8 -> 0 over 149px) */
.ty__hero{position:absolute;left:0;top:-2px;width:1920px;height:837px;object-fit:cover;z-index:0;}
.ty__scrim{position:absolute;left:0;top:-2px;width:1920px;height:837px;z-index:1;
  background:linear-gradient(to bottom,rgba(14,13,44,0),rgba(14,13,44,.8));}
.ty__scrim--top{top:0;height:149px;background:linear-gradient(to bottom,rgba(14,13,44,.8),rgba(14,13,44,0));z-index:2;}

/* header — same lockup as the landing page (the Figma thank-you frame still carries
   the Lior Zakar logo; the brand mark comes from the Yaron header, 5665:22000) */
.ty__cta{position:absolute;left:310px;top:25px;width:226px;height:54px;z-index:5;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;}
.ty__cta::before,.ty__back::before{content:"";position:absolute;inset:0;padding:3.6px;pointer-events:none;
  background:linear-gradient(115deg,#ffffff 0%,var(--gold) 74%,var(--gold) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;}
.ty__nav{position:absolute;left:649px;top:32px;width:754px;height:40px;z-index:5;
  display:flex;align-items:center;justify-content:space-between;}
.ty__nav a{color:#fff;font-size:18px;font-weight:500;line-height:40px;white-space:nowrap;}
.ty__logo{position:absolute;left:1465px;top:11px;width:144px;height:92px;z-index:5;}
.ty__logo img{width:144px;height:92px;}

/* the two short white rules at the left edge (Figma Line 22 / Line 25) */
.ty__rule{position:absolute;left:16px;width:125px;height:1px;background:#fff;z-index:3;}
.ty__rule--a{top:372px;}
.ty__rule--b{top:492px;}

/* copy block */
.ty__h1{position:absolute;left:468px;top:264px;width:985px;height:70px;z-index:4;
  text-align:center;color:#fff;font-family:var(--font-head);font-size:46px;font-weight:900;line-height:70px;}
.ty__bar{position:absolute;left:860px;top:326px;width:200px;height:5px;background:var(--gold-bar);z-index:4;}
.ty__h2{position:absolute;left:421px;top:347px;width:1078px;height:80px;z-index:4;
  text-align:center;color:#fff;font-family:var(--font-head);font-size:70px;font-weight:900;line-height:80px;}
.ty__p{position:absolute;left:753px;top:448px;width:414px;height:40px;z-index:4;
  text-align:center;color:#fff;font-size:26px;font-weight:400;line-height:40px;}
.ty__back{position:absolute;left:850px;top:523px;width:219px;height:54px;z-index:4;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;}

/* footer */
.ty__foot{position:absolute;left:0;top:835px;width:1920px;height:100px;background:var(--navy);z-index:6;}
.ty__copy{position:absolute;left:0;top:858px;width:1920px;text-align:center;
  font-family:var(--font-head);font-weight:400;font-size:16px;line-height:18px;color:#fff;z-index:7;}
.ty__brand{position:absolute;left:0;top:877px;width:1920px;height:32px;z-index:7;
  display:flex;align-items:center;justify-content:center;gap:8px;}
.ty__brand span{font-family:var(--font-head);font-weight:400;font-size:16px;color:#fff;}
.ty__brand img{width:75px;height:16px;}

/* mobile header + mobile hero (hidden on desktop) */
.ty__mh{display:none;}
.ty__hero--m{display:none;}

/* ============================================================
   RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile 5647:21151)
   ============================================================ */
@media (max-width:1199px){
  .ty{height:auto;overflow:visible;background:var(--navy);}
  .ty > .stage{position:relative;width:100%;height:auto;transform:none;display:block;padding-bottom:21px;}
  .ty__cta,.ty__nav,.ty__logo,.ty__rule{display:none;}

  /* header: logo + burger over the photo */
  .ty__mh{display:flex;position:absolute;top:0;right:0;left:0;z-index:9;
    align-items:flex-start;justify-content:space-between;padding:13px 15px 34px;
    background:linear-gradient(to bottom,rgba(14,13,44,.95) 0%,rgba(14,13,44,.6) 52%,rgba(14,13,44,0) 100%);}
  .ty__mh-logo{display:flex;align-items:flex-start;gap:8px;direction:ltr;}
  .ty__mh-mono{flex:0 0 53px;width:53px;height:36px;}
  .ty__mh-mono img{width:100%;height:100%;}
  .ty__mh-lock{display:flex;flex-direction:column;align-items:center;}
  .ty__mh-name{font-family:"Radley",serif;font-size:15px;line-height:20px;color:#fff;white-space:nowrap;}
  .ty__mh-sub{display:flex;align-items:center;gap:7px;}
  .ty__mh-sub span{font-size:12.7px;line-height:14px;color:#fff;letter-spacing:.76px;white-space:nowrap;}
  .ty__mh-sub i{display:block;width:29px;height:1px;background:rgba(255,255,255,.9);}
  .ty__burger{width:26px;height:19px;margin-top:6px;padding:0;
    display:flex;flex-direction:column;justify-content:space-between;
    background:transparent;border:0;cursor:pointer;}
  .ty__burger span{display:block;height:2px;width:100%;background:var(--gold);border-radius:2px;}

  /* the mobile export (5647:21159) is already flattened with its own overlays */
  .ty__hero{display:none;}
  .ty__scrim{display:none;}
  .ty__hero--m{display:block;position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:375/494;object-fit:cover;}

  .ty__h1,.ty__bar,.ty__h2,.ty__p,.ty__back,.ty__foot,.ty__copy,.ty__brand{
    position:relative;left:auto;top:auto;width:auto;height:auto;}
  .ty__h1{margin:calc(-100vw * 192 / 375) auto 0;font-size:36px;line-height:36px;}
  .ty__bar{display:block;width:158px;height:4px;margin:4px auto 0;background:#ab8444;}
  .ty__h2{margin:10px auto 0;font-size:48px;line-height:48px;}
  .ty__p{margin:24px auto 0;padding:0 15px;font-size:20px;font-weight:500;line-height:28px;}
  .ty__back{margin:29px auto 0;width:219px;height:54px;}
  .ty__foot{background:transparent;margin:0;height:auto;}
  .ty__copy{margin:calc(100vw * 216 / 375) auto 0;font-size:13px;line-height:18px;}
  .ty__brand{margin:2px auto 0;height:26px;padding-bottom:21px;}
  .ty__brand span{font-size:13px;}
  .ty__brand img{width:61px;height:13px;}
}

@media (min-width:768px) and (max-width:1199px){
  .ty__hero{aspect-ratio:16/9;}
  .ty__h1{margin-top:-90px;font-size:40px;line-height:40px;}
  .ty__h2{font-size:56px;line-height:60px;}
  .ty__copy{margin-top:120px;}
}
}