:root{--blue:#006ba5;--navy:#08283a;--orange:#f58b20;--cream:#f5f3ed;--ink:#172d38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.header{position:absolute;z-index:10;inset:0 0 auto;color:white;border-bottom:1px solid #ffffff40}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;line-height:1.2}.brand img{width:56px;height:56px;border-radius:50%;object-fit:cover}.brand small,.footer-brand small{display:block;font:600 9px Arial;letter-spacing:2px;margin-top:6px}.brand b{color:#ff9b37}.nav nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.nav-cta{background:#fff;color:var(--navy);padding:15px 21px}.nav-cta span,.button span,.text-link span,.line-grid a span{margin-right:20px}.menu{display:none}.hero{min-height:760px;height:100vh;max-height:1000px;position:relative;background:#123a50;color:white}.hero-img,.hero-shade{position:absolute;inset:0}.hero-img{background:url('assets/biscuits.jpg') center/cover}.hero-shade{background:linear-gradient(90deg,rgba(4,35,50,.38),rgba(4,35,50,.84) 70%),linear-gradient(0deg,rgba(3,32,47,.7),transparent 50%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;padding-top:70px}.hero-copy{max-width:780px}.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:.04em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow i{width:32px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.5vw,78px);line-height:1.45;letter-spacing:-3px;margin:26px 0 20px;font-weight:900}em{font-style:normal;color:var(--orange)}.hero p{max-width:590px;color:#e3ebed;line-height:2.15;font-size:17px}.actions{display:flex;gap:14px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 25px;font-size:13px;font-weight:800}.orange{background:var(--orange);color:#fff}.ghost{border:1px solid #ffffff80}.play{font-size:10px;border:1px solid #ffffff80;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin-left:10px;margin-right:0!important}.hero-side{align-self:center;display:flex;gap:25px;align-items:center;writing-mode:vertical-rl;font:10px Arial;letter-spacing:3px}.hero-side b{color:#ff9d37}.hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-top:1px solid #ffffff60;display:flex;justify-content:space-between;align-items:center;height:76px;font-size:12px}.hero-bottom a{color:#ffc085}.intro,.video-section{padding-top:120px;padding-bottom:130px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #d7deda;padding-bottom:20px;color:#54717c}.section-label span:last-child{font:700 10px Arial;letter-spacing:2px}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr .45fr;gap:65px;padding-top:65px}h2{font-size:clamp(38px,4.5vw,63px);line-height:1.5;letter-spacing:-2px;margin-bottom:22px;font-weight:900}.lead{font-size:16px;font-weight:700}.intro-copy p,.heading-row>p,.feature-content>p{line-height:2.2;color:#60747d;font-size:15px}.text-link{display:inline-block;border-bottom:2px solid var(--orange);padding:12px 0;font-size:13px;font-weight:800}.year{border-right:1px solid #dce3e1;padding-right:30px;align-self:end}.year strong{display:block;font-size:47px;color:var(--blue);line-height:1}.year span{display:block;font-size:12px;margin-top:12px;color:#708089}.lines{background:var(--cream);padding:105px 0 120px}.heading-row{display:flex;justify-content:space-between;align-items:end;margin:55px 0 40px;gap:40px}.heading-row h2{margin:0}.heading-row>p{max-width:310px;margin:0}.line-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.line-grid article{background:white;padding:30px;min-height:365px;display:flex;flex-direction:column;transition:.25s}.line-grid article:hover{background:var(--navy);color:white;transform:translateY(-6px)}.line-number{font:700 10px Arial;color:#8b9ba1;letter-spacing:1px}.line-icon{font:48px Georgia;color:var(--orange);margin:36px 0 15px}.line-grid h3{font-size:25px;margin-bottom:10px}.line-grid p{font-size:13px;line-height:2;color:#809097}.line-grid a{font-size:12px;font-weight:800;margin-top:auto;padding-top:20px;border-top:1px solid #e7ecea}.line-grid a span{float:left;color:var(--orange)}.feature{display:grid;grid-template-columns:1fr 1fr;direction:ltr;background:#edf4f5}.feature-image{min-height:650px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-content{direction:rtl;padding:90px max(48px,calc((100vw - 1280px)/2)) 90px 8%}.feature-content h2{margin-top:55px}.feature-list{margin-top:40px}.feature-list>div{display:flex;gap:20px;padding:19px 0;border-top:1px solid #cfdddf}.feature-list b{font:12px Arial;color:var(--orange)}.feature-list strong,.feature-list small{display:block}.feature-list small{color:#71858b;margin-top:6px;line-height:1.8}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}.video-grid article{min-width:0}.video-grid .video-main{grid-column:span 2;grid-row:span 2}.video-grid video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#102e3b;display:block}.video-grid .video-main video{aspect-ratio:1.2}.video-grid article div{padding:16px 0;border-bottom:1px solid #d9e1e0}.video-grid span{font-size:11px;color:var(--blue)}.video-grid h3{font-size:16px;margin:7px 0}.contact{background:var(--navy);color:white;padding:100px 0}.contact .section-label{color:#91aab3;border-color:#ffffff30}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;padding-top:65px}.contact-grid>div>p{color:#a7bbc2;line-height:2.2;max-width:450px}.contact-details>div{border-bottom:1px solid #ffffff30;padding:0 0 19px;margin-bottom:20px}.contact-details small{display:block;color:#8da8b2;margin-bottom:8px}.contact-details a{font-size:20px;font-weight:700}.contact-details span{font-size:12px;margin-right:10px;color:#a7bbc2}.contact-details p{line-height:2;margin:0;font-size:14px;color:#d7e2e4}footer{background:#051e2c;color:white}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a5b7bd}.footer-brand{font-size:19px;font-weight:800;color:white}.footer-inner>a{color:#ffae5a}@media(max-width:900px){.wrap{width:min(100% - 40px,1280px)}.nav{height:80px}.nav nav{display:none;position:absolute;top:80px;right:0;left:0;background:var(--navy);padding:25px;flex-direction:column;align-items:stretch;gap:20px}.nav nav.open{display:flex}.menu{display:block;background:none;border:0;color:white;font-size:27px}.hero{min-height:670px}.hero-side{display:none}.intro-grid{grid-template-columns:1fr 1fr;gap:30px}.year{grid-column:span 2}.line-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature-image{min-height:350px;max-height:500px}.feature-content{padding:70px 30px}.video-grid{grid-template-columns:repeat(2,1fr)}.video-grid .video-main{grid-column:span 2;grid-row:auto}.video-grid .video-main video{aspect-ratio:16/9}.contact-grid{gap:40px}.intro,.video-section{padding:80px 0}.lines{padding:80px 0}}@media(max-width:600px){h1{font-size:42px;letter-spacing:-2px}.hero p{font-size:15px}.hero-bottom span:nth-child(2){display:none}.actions{flex-wrap:wrap}.intro-grid,.contact-grid{grid-template-columns:1fr}.year{grid-column:auto}.heading-row{display:block}.heading-row>p{margin-top:20px}.line-grid{grid-template-columns:1fr 1fr}.line-grid article{padding:20px;min-height:330px}.line-grid p{font-size:12px}.contact-grid{gap:50px}.footer-inner{padding:30px 0;align-items:flex-start;gap:20px;flex-direction:column}.video-grid{gap:20px 10px}.video-grid h3{font-size:13px}}
/* Viewport and touch-friendly layouts */
html { overflow-x: clip; }
.hero { height: 100vh; height: 100svh; min-height: 0; max-height: none; }
.hero-inner { min-height: 100%; padding-top: 100px; padding-bottom: 76px; }
@media (max-width: 900px) {
  .hero { min-height: 100vh; min-height: 100svh; height: auto; }
  .hero-inner { min-height: 100vh; min-height: 100svh; padding-top: 100px; padding-bottom: 75px; }
  .nav nav { max-height: calc(100vh - 80px); overflow-y: auto; }
  .nav nav a { padding-block: 5px; }
  .nav nav .nav-cta { padding: 15px 21px; }
}
@media (max-width: 600px) {
  .wrap { width: calc(100% - 36px); }
  .nav { height: 68px; }
  .nav nav { top: 68px; max-height: calc(100vh - 68px); }
  .brand { font-size: 16px; }
  .brand img { width: 46px; height: 46px; }
  .brand small { font-size: 8px; }
  .hero-inner { padding-top: 83px; padding-bottom: 55px; }
  .hero h1 { font-size: clamp(31px, 9vw, 42px); line-height: 1.42; margin: 16px 0 12px; }
  .hero p { font-size: 14px; line-height: 1.95; margin-bottom: 0; }
  .hero .actions { margin-top: 20px; gap: 10px; }
  .hero .button { min-height: 48px; padding: 0 16px; }
  .hero-bottom { height: 44px; }
  .hero-bottom span, .hero-bottom a { font-size: 10px; }
  .intro, .video-section, .lines { padding-top: 68px; padding-bottom: 72px; }
  .section-label { gap: 12px; }
  .section-label span:last-child { font-size: 9px; text-align: left; }
  .intro-grid { padding-top: 40px; }
  .heading-row { margin-top: 40px; }
  .line-grid { grid-template-columns: 1fr; gap: 10px; }
  .line-grid article { min-height: 0; padding: 24px; }
  .line-icon { margin: 18px 0 10px; }
  .line-grid a { margin-top: 10px; }
  .feature-image { min-height: 260px; }
  .feature-content { padding: 65px 18px; }
  .feature-content h2 { margin-top: 38px; }
  .video-grid { grid-template-columns: 1fr; gap: 24px; }
  .video-grid .video-main { grid-column: auto; }
  .video-grid video, .video-grid .video-main video { aspect-ratio: 16 / 9; }
  .contact { padding: 68px 0; }
  .contact-grid { padding-top: 42px; }
  .contact-details a { overflow-wrap: anywhere; }
}
@media (max-width: 600px) and (max-height: 700px) {
  .hero-inner { padding-top: 74px; padding-bottom: 39px; }
  .hero h1 { font-size: clamp(29px, 8vw, 38px); line-height: 1.3; margin: 10px 0; }
  .hero p { font-size: 13px; line-height: 1.7; }
  .hero .actions { margin-top: 12px; }
  .hero .button { min-height: 42px; font-size: 12px; }
  .hero-bottom { height: 34px; }
}
@media (max-width: 360px) {
  .hero .actions { gap: 8px; }
  .hero .button { padding-inline: 10px; }
  .hero .button span:not(.play) { margin-right: 8px; }
}