/* ==========================================================================
   Phone layouts matched to the phone models (KV Portfolio Mobile Version).
   The models are 2438px wide = a 390px-wide phone, so 1 unit (--u) is one
   model pixel ÷ 6.25 and everything scales with the width of the phone.
   Loaded last, so these rules win over mobile.css.
   ========================================================================== */
@media (max-width:760px){
  :root{--u:calc(100vw / 390);--pf:Arial,"Liberation Sans",Helvetica,sans-serif}
  /* phone text uses Arial: the same letter shapes and spacing on every phone as in the models */
  .ab .t,.ab .m-edu,.contents .t-toc a{font-family:var(--pf)}

  /* ------------------------------------------------------------ Welcome (model 1) */
  .ab.welcome{background:#000}
  .welcome .hero-drift{inset:0;transform:none;transform-origin:50% 0;
    background:#000 url(../assets/img/welcome-m.webp) center top/100% auto no-repeat}
  .motion .welcome .hero-drift{animation:m-drift 26s ease-in-out infinite alternate}
  .welcome .hero-shade{display:none}
  .ab.welcome .fg{left:0!important;top:0!important;width:100%!important;height:0!important}
  .ab.welcome .fg img{position:absolute;max-width:none}
  .ab.welcome .fg-head{left:calc(28.1 * var(--u));top:calc(345.8 * var(--u));width:calc(337.6 * var(--u))}
  .ab.welcome .fg-word{left:calc(15.1 * var(--u));top:calc(369.5 * var(--u));width:calc(360.2 * var(--u))}
  .ab.welcome .interact{left:calc(287.2 * var(--u))!important;right:auto!important;bottom:auto!important;width:calc(77.9 * var(--u))!important;
    top:min(calc(662.1 * var(--u)),calc(100% - 93 * var(--u)))!important}
}
@keyframes m-drift{from{transform:scale(1)}to{transform:translate(-1%,.6%) scale(1.05)}}
@media (prefers-reduced-motion:reduce){.welcome .hero-drift{animation:none!important}}

/* ------------------------------------------------------------ Header (all models) */
@media (max-width:760px){
  .brand{position:relative;left:8.5px;top:2px;width:24.5px;height:24.5px}
  .menu{position:relative;left:8px;top:2.5px}
}

/* ------------------------------------------------------------ Contents (model 2) */
@media (max-width:760px){
  .ab.contents{padding:0!important;min-height:calc(100svh - 49px)}
  .contents .m-ctitle{position:absolute;left:calc(36.9 * var(--u));top:calc(118 * var(--u));width:calc(315.8 * var(--u));max-width:none;height:auto;margin:0}
  .ab.contents .t-toc{position:absolute!important;left:calc(60.6 * var(--u))!important;top:calc(233.4 * var(--u))!important;margin:0!important;
    font-size:calc(24.15 * var(--u))!important;line-height:calc(31.05 * var(--u))!important;letter-spacing:-.033em!important;font-weight:700;color:#fffef4}
  .contents .t-toc li{height:auto!important;margin:0!important}
  .contents .t-toc li:nth-child(2){word-spacing:.16em}
  .contents .t-toc a{display:inline-flex;align-items:center;color:#fffef4}
  .contents .t-toc a::before{content:"";flex:none;width:calc(15.4 * var(--u));height:calc(15.4 * var(--u));margin:0 calc(14.6 * var(--u)) 0 0;
    background:linear-gradient(#878787,#878787) center/100% calc(1.6 * var(--u)) no-repeat,linear-gradient(#878787,#878787) center/calc(1.6 * var(--u)) 100% no-repeat}
  .contents .m-circle{left:calc(116 * var(--u));top:calc(424 * var(--u));right:auto;bottom:auto;width:calc(384 * var(--u))}
  .contents .m-circle img{border-radius:0}
}

/* ------------------------------------------------------------ Services (model 3) */
@media (max-width:760px){
  .ab.services{display:block;padding:0!important;min-height:calc(722 * var(--u));background:#000!important}
  body:has(.ab.services) .page-bg{display:none}
  .ab.services .el.t{position:absolute!important;margin:0!important;white-space:nowrap!important;color:#c72a08}
  .ab.services .t-title{left:calc(40.6 * var(--u))!important;top:calc(93.9 * var(--u))!important;
    font-size:calc(47.3 * var(--u))!important;line-height:calc(36 * var(--u))!important;letter-spacing:-.119em!important;word-spacing:-.08em}
  .ab.services .t-exp-h{left:calc(122.8 * var(--u))!important;top:calc(226.6 * var(--u))!important;
    font-size:calc(16.7 * var(--u))!important;line-height:calc(14.56 * var(--u))!important;letter-spacing:-.04em!important;font-weight:700}
  .ab.services .t-exp-h br.d{display:inline}
  .ab.services .t-exp{left:calc(120.8 * var(--u))!important;top:calc(268.4 * var(--u))!important;width:calc(226.7 * var(--u))!important;
    font-size:calc(13.8 * var(--u))!important;line-height:calc(19 * var(--u))!important;letter-spacing:-.045em!important;font-weight:300}
  .services .t-exp li{height:auto!important;padding:0!important;border-bottom:calc(1 * var(--u)) solid #c72a08}
  .services .t-exp a{color:#c72a08}
  .svc-mcomp{position:absolute!important;left:0;right:0;top:calc(345.6 * var(--u));height:calc(376.5 * var(--u));overflow:hidden;margin:0}
  .svc-mcomp img{position:absolute;display:block;max-width:none;height:auto}
  .svc-mb{left:calc(-23 * var(--u));top:0;width:calc(502.1 * var(--u))}
  .svc-mf{left:calc(44.8 * var(--u));top:calc(64.6 * var(--u));width:calc(306.4 * var(--u))}
  .motion .svc-mb{animation:svc-bld-in 1.7s cubic-bezier(.2,.7,.1,1) .1s both}
  .motion .svc-mf{animation:svc-frame-in 1.5s cubic-bezier(.2,.7,.1,1) .45s both}
}

/* ------------------------------------------------------------ About (model 4) */
@media (max-width:760px){
  body:has(.ab.about) .page-bg{display:none}
  .ab.about{padding:0 0 calc(47 * var(--u))!important;isolation:isolate;align-items:flex-start;
    background:
      radial-gradient(ellipse calc(290 * var(--u)) calc(255 * var(--u)) at calc(96 * var(--u)) 0,rgb(56,7,3),rgba(56,7,3,0)) no-repeat,
      linear-gradient(to bottom,rgba(0,0,0,0),rgb(22,5,4) 20%,rgb(58,9,9) 58%,rgb(62,8,9) 65%,rgb(44,4,6) 80%,rgb(18,1,2) 96%,rgba(0,0,0,0) 100%) 0 calc(676 * var(--u))/100% calc(122 * var(--u)) no-repeat,
      #000!important}
  .ab.about .t{color:#fff;white-space:normal!important;text-align:left!important}
  .ab.about .t.t-title{position:absolute!important;left:calc(41.1 * var(--u))!important;top:calc(93.1 * var(--u))!important;margin:0!important;
    font-size:calc(47.3 * var(--u))!important;line-height:calc(36.5 * var(--u))!important;letter-spacing:-.119em!important;color:#c72a08;white-space:nowrap!important}
  .about .m-portrait{position:absolute!important;left:calc(39 * var(--u));top:calc(226.1 * var(--u));width:calc(178 * var(--u));height:calc(195.7 * var(--u));
    margin:0;max-width:none;overflow:hidden;border-radius:calc(89 * var(--u)) calc(89 * var(--u)) 0 0}
  .about .m-portrait>img{width:100%;height:100%;object-fit:cover}
  .about img.m-portrait{object-fit:cover}
  .ab.about .hello-img{position:absolute!important;left:calc(218.56 * var(--u))!important;top:calc(222.08 * var(--u))!important;width:calc(169.44 * var(--u))!important;margin:0!important}
  .ab.about .hello-img img{display:block;width:100%;height:auto}
  .ab.about .t.t-intro{margin:calc(496.5 * var(--u)) 0 0 calc(38.3 * var(--u))!important;white-space:nowrap!important;
    font:700 calc(14.6 * var(--u))/calc(16.5 * var(--u)) Poppins,var(--pf)!important;letter-spacing:-.054em!important;word-spacing:.03em}
  .ab.about .t-intro br.d:not(.dx),.ab .t br.m{display:inline}
  .ab.about h2.t.k{margin:calc(25.4 * var(--u)) 0 0 calc(35.4 * var(--u))!important;font-size:calc(14.6 * var(--u))!important;line-height:calc(18 * var(--u))!important;
    letter-spacing:0!important;font-weight:700;color:#d6300c}
  .ab.about h2.t.t-id-k{margin-top:calc(152 * var(--u))!important}
  .ab.about .t.t-id,.ab.about .t.t-ego,.ab.about .t.t-sup{margin:calc(1.8 * var(--u)) 0 0 calc(35.5 * var(--u))!important;width:calc(324 * var(--u))!important;
    font-size:calc(14.8 * var(--u))!important;line-height:calc(22.24 * var(--u))!important;letter-spacing:0!important}
  .about .m-figure{position:absolute!important;left:calc(138.2 * var(--u));top:calc(681.6 * var(--u));width:calc(301.4 * var(--u));margin:0;max-width:none;z-index:-1}
  .about .m-figure>img{width:100%;height:auto}
  .about img.m-figure{height:auto}
  .ab.about .t.t-edu-h,.ab.about .t.t-who-h{margin:calc(57.68 * var(--u)) 0 0 calc(32.5 * var(--u))!important;font-size:calc(37.2 * var(--u))!important;
    line-height:calc(40 * var(--u))!important;letter-spacing:-.063em!important}
  .ab.about .t.t-who-h{margin:calc(39.89 * var(--u)) 0 0 calc(35.7 * var(--u))!important}
  .about .m-edu{margin:calc(6.6 * var(--u)) 0 0 calc(32.3 * var(--u));width:calc(320.4 * var(--u))}
  .about .m-edu p{margin:0;font-size:calc(13.72 * var(--u));line-height:calc(18.6 * var(--u));color:#eee}
  .about .m-edu p b{font-weight:400}
  .about .m-edu p span{float:right;color:#bbb}
  .about .m-edu p:nth-child(2n){margin:calc(4.41 * var(--u)) 0 0;font-size:calc(13.2 * var(--u));color:#cfcfcf}
  .about .m-edu p:nth-child(3){margin-top:calc(15.99 * var(--u))}
  .ab.about .t.t-who{margin:calc(4.68 * var(--u)) 0 0 calc(35 * var(--u))!important;width:calc(320 * var(--u))!important;
    font-size:calc(13.94 * var(--u))!important;line-height:calc(20.4 * var(--u))!important;letter-spacing:-.0047em!important}
  .ab.about .t-next-k{margin:calc(84.37 * var(--u)) 0 0 calc(40.9 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.about .nextlink{margin:calc(2.85 * var(--u)) 0 0 calc(41.1 * var(--u))!important;font-size:calc(31.5 * var(--u))!important;line-height:calc(34 * var(--u))!important;letter-spacing:-.055em!important}
}

/* ------------------------------------------------------------ Next links: the phone models show the words without the arrow */
@media (max-width:760px){
  .ab .nextlink svg{display:none}
}

/* ------------------------------------------------------------ Shared phone pieces */
@media (max-width:760px){
  .ab .m-only.mp{display:block;width:100%;height:auto;max-width:none;margin:0}
  .ab .mlogo{display:block!important;align-self:flex-start;margin:0}
  .ab .mlogo img,.ab img.mlogo{display:block;width:100%;height:auto}
  .ab .hotwrap .mp-in{display:block;width:100%;height:auto}
  .ab .m-rule{position:relative}
  .ab .m-rule::before{content:"";position:absolute;height:.5px;background:#fff;pointer-events:none}
  .ab .t.t-next-k{color:#d6300c!important}
  .ab .t .d-sp{display:none}
}

/* ------------------------------------------------------------ Design & Visual Marketing (model 5) */
@media (max-width:760px){
  body:has(.ab.design) .page-bg{display:none}
  .ab.design{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.design .t{white-space:normal!important;text-align:left!important;color:#fff}
  .ab.design .t.t-title{margin:calc(98.64 * var(--u)) 0 0 calc(39.4 * var(--u))!important;font-size:calc(47.5 * var(--u))!important;
    line-height:calc(36 * var(--u))!important;letter-spacing:-.12em!important;white-space:nowrap!important}
  .ab.design .dm-grid{margin-top:calc(-0.64 * var(--u))}
  .ab.design .t.t-concept{position:relative!important;margin:calc(14.87 * var(--u)) 0 0 calc(48.6 * var(--u))!important;font-size:calc(24.9 * var(--u))!important;
    line-height:calc(19.9 * var(--u))!important;letter-spacing:-.06em!important;white-space:nowrap!important}
  .ab.design .t-concept::after{content:"";position:absolute;left:calc(136.5 * var(--u));top:calc(2.03 * var(--u));width:calc(13 * var(--u));height:calc(35.7 * var(--u));
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 35.7'%3E%3Cpath d='M.6.6 12.3 7.9.6 15.1M.6 20.6 12.3 27.9.6 35.1' fill='none' stroke='%23fff' stroke-width='1.15'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
  .ab.design .t.t-tick{margin:calc(15.01 * var(--u)) 0 0 calc(52.4 * var(--u))!important;width:calc(292 * var(--u))!important;
    font:300 calc(12.1 * var(--u))/calc(13.5 * var(--u)) "Helvetica Neue",var(--pf)!important;letter-spacing:-.018em!important}
  .ab.design .dm-tick{margin-top:calc(18.92 * var(--u))}
  .ab.design .m-badges{display:flex!important;gap:calc(6.8 * var(--u));margin:calc(17.6 * var(--u)) 0 0 calc(108.5 * var(--u))}
  .ab.design .m-badges .mlogo{width:calc(82.9 * var(--u))}
  .ab.design h3.t{position:relative!important;margin:0!important;font:700 calc(15 * var(--u))/calc(18 * var(--u)) Poppins,var(--pf)!important;letter-spacing:0!important}
  .ab.design h3.t::before{content:"";position:absolute;height:.5px;background:rgba(255,255,255,.6);width:calc(310.4 * var(--u))}
  .ab.design .t-adv-y,.ab.design .t-blot-y,.ab.design .t-car-y,.ab.design .t-map-y{font:400 calc(13.4 * var(--u))/calc(16 * var(--u)) Poppins,var(--pf)!important;letter-spacing:0!important}
  .ab.design .t-adv-d,.ab.design .t-blot-d{font:400 calc(14.2 * var(--u))/calc(17.6 * var(--u)) var(--pf)!important;letter-spacing:-.007em!important}
  .ab.design .t-car-d,.ab.design .t-map-d{font:400 calc(14 * var(--u))/calc(20.5 * var(--u)) Poppins,var(--pf)!important;letter-spacing:0!important}
  /* advertising */
  .ab.design h3.t-adv-h{margin:calc(48.51 * var(--u)) 0 0 calc(49.6 * var(--u))!important}
  .ab.design .t-adv-h::before{left:calc(-10.7 * var(--u));top:calc(-25.8 * var(--u))}
  .ab.design .t.t-adv-y{margin:calc(4.96 * var(--u)) 0 0 calc(49.4 * var(--u))!important}
  .ab.design .t.t-adv-d{margin:calc(16.11 * var(--u)) 0 0 calc(49.4 * var(--u))!important;width:calc(299 * var(--u))!important}
  .ab.design .dm-posters{margin-top:calc(24.02 * var(--u))}
  .ab.design .mlogo.dm-smc{margin:calc(13.2 * var(--u)) 0 0 calc(294.6 * var(--u));width:calc(48.4 * var(--u))}
  /* blotter */
  .ab.design h3.t-blot-h{margin:calc(36.07 * var(--u)) 0 0 calc(52 * var(--u))!important}
  .ab.design .t-blot-h::before{left:calc(-13.1 * var(--u));top:calc(-20.7 * var(--u))}
  .ab.design .t.t-blot-y{margin:calc(2.68 * var(--u)) 0 0 calc(51.6 * var(--u))!important}
  .ab.design .t.t-blot-d{margin:calc(16.04 * var(--u)) 0 0 calc(52.2 * var(--u))!important;width:calc(280 * var(--u))!important;line-height:calc(21.3 * var(--u))!important}
  .ab.design .dm-blotter{margin-top:calc(9.21 * var(--u))}
  .ab.design .mlogo.dm-vfm{margin:calc(10.6 * var(--u)) 0 0 calc(287.5 * var(--u));width:calc(50.3 * var(--u))}
  /* carousel */
  .ab.design h3.t-car-h{margin:calc(32.65 * var(--u)) 0 0 calc(51.6 * var(--u))!important;width:calc(270 * var(--u))!important;line-height:calc(19.2 * var(--u))!important}
  .ab.design .t-car-h::before{left:calc(-10.8 * var(--u));top:calc(-16.95 * var(--u))}
  .ab.design .t.t-car-y{margin:calc(4.7 * var(--u)) 0 0 calc(51.6 * var(--u))!important}
  .ab.design .t.t-car-d{margin:calc(14.02 * var(--u)) 0 0 calc(51.3 * var(--u))!important;width:calc(250 * var(--u))!important}
  .ab.design .dm-car{margin-top:calc(21.03 * var(--u))}
  .ab.design .mlogo.dm-e3b{margin:calc(13.2 * var(--u)) 0 0 calc(215.7 * var(--u));width:calc(123 * var(--u))}
  /* mapping */
  .ab.design h3.t-map-h{margin:calc(47.35 * var(--u)) 0 0 calc(50.8 * var(--u))!important}
  .ab.design .t-map-h::before{left:calc(-10 * var(--u));top:calc(-24.15 * var(--u))}
  .ab.design .t.t-map-y{margin:calc(5 * var(--u)) 0 0 calc(50.5 * var(--u))!important}
  .ab.design .t.t-map-d{margin:calc(13.75 * var(--u)) 0 0 calc(50.8 * var(--u))!important;width:calc(292.5 * var(--u))!important;line-height:calc(21 * var(--u))!important}
  .ab.design .dm-clipwrap{margin:calc(23.1 * var(--u)) 0 0;width:100%}
  /* next */
  .ab.design .t-next-k{margin:calc(72.6 * var(--u)) 0 0 calc(45.5 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.design .nextlink{margin:calc(3.2 * var(--u)) 0 0 calc(43.4 * var(--u))!important;font-size:calc(30.7 * var(--u))!important;line-height:calc(34 * var(--u))!important;letter-spacing:-.035em!important}
}
@media (max-width:760px){ .ab .t br.d.dx{display:none!important} }

/* ------------------------------------------------------------ Web & Social Media (model 6) */
@media (max-width:760px){
  body:has(.ab.web) .page-bg{display:none}
  .ab.web{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.web .t{white-space:normal!important;text-align:left!important;color:#fff;letter-spacing:0!important}
  .ab.web .t.t-title{margin:calc(98.9 * var(--u)) 0 0 calc(39.6 * var(--u))!important;font-size:calc(47.5 * var(--u))!important;
    line-height:calc(36 * var(--u))!important;white-space:nowrap!important}
  .ab.web .t-title .l1{letter-spacing:-.145em}
  .ab.web .t-title .l2{letter-spacing:-.105em}
  .ab.web .wm-dev{margin:calc(37.42 * var(--u)) 0 0 calc(39.36 * var(--u));width:calc(318.72 * var(--u))}
  .ab.web .wm-dev img,.ab.web .wm-yt img{display:block;width:100%;height:auto}
  .ab.web h3.t{position:relative!important;font:700 calc(16.75 * var(--u))/calc(20 * var(--u)) var(--pf)!important}
  .ab.web h3.t::before{content:"";position:absolute;height:.5px;background:rgba(255,255,255,.6);width:calc(310.4 * var(--u))}
  .ab.web .t-smo-s,.ab.web .t-smo-d,.ab.web .t-yt-s,.ab.web .t-yt-d,.ab.web .t-video-d{font:400 calc(14 * var(--u))/calc(21.08 * var(--u)) var(--pf)!important}
  .ab.web h3.t-smo-h{margin:calc(56.88 * var(--u)) 0 0 calc(38.8 * var(--u))!important}
  .ab.web h3.t-smo-h::before{display:none}
  .ab.web .t.t-smo-s{margin:calc(5.81 * var(--u)) 0 0 calc(38.8 * var(--u))!important;line-height:calc(17 * var(--u))!important}
  .ab.web .t.t-smo-d{margin:calc(12.64 * var(--u)) 0 0 calc(38.7 * var(--u))!important;width:calc(310 * var(--u))!important}
  .ab.web .wm-phones{margin-top:calc(10.15 * var(--u))}
  .ab.web h3.t-yt-h{margin:calc(46.4 * var(--u)) 0 0 calc(44.2 * var(--u))!important}
  .ab.web h3.t-yt-h::before{left:calc(-5.3 * var(--u));top:calc(-27.9 * var(--u))}
  .ab.web .t.t-yt-s{margin:calc(6.47 * var(--u)) 0 0 calc(45 * var(--u))!important;line-height:calc(21.12 * var(--u))!important}
  .ab.web .t.t-yt-d{margin:calc(10.56 * var(--u)) 0 0 calc(45 * var(--u))!important;width:calc(315 * var(--u))!important;line-height:calc(21.12 * var(--u))!important}
  .ab.web .wm-yt{margin:calc(17.81 * var(--u)) 0 0 calc(42.56 * var(--u));width:calc(308.16 * var(--u))}
  .ab.web h3.t-posts-h{margin:calc(62.36 * var(--u)) 0 0 calc(45.7 * var(--u))!important}
  .ab.web h3.t-posts-h::before{left:calc(-6.8 * var(--u));top:calc(-31.98 * var(--u))}
  .ab.web .t.t-posts-d{margin:calc(0.58 * var(--u)) 0 0 calc(45.6 * var(--u))!important;width:calc(302.5 * var(--u))!important;
    font:400 calc(14 * var(--u))/calc(20.96 * var(--u)) Poppins,var(--pf)!important}
  .ab.web .wm-posts{display:block;margin:calc(11.78 * var(--u)) 0 0 calc(40.32 * var(--u));width:calc(314.88 * var(--u));max-width:none;height:auto}
  .ab.web h3.t-video-h{margin:calc(87.68 * var(--u)) 0 0 calc(44.4 * var(--u))!important}
  .ab.web h3.t-video-h::before{left:calc(-4.6 * var(--u));top:calc(-44.8 * var(--u))}
  .ab.web .t.t-video-d{margin:calc(6.71 * var(--u)) 0 0 calc(45 * var(--u))!important;width:calc(307 * var(--u))!important;line-height:calc(20.96 * var(--u))!important}
  .ab.web .ig-group{width:calc(171.52 * var(--u))!important;margin:calc(16.01 * var(--u)) 0 0 calc(43.2 * var(--u))!important}
  .ab.web .vgroup{width:calc(247.5 * var(--u))!important;margin:calc(8.62 * var(--u)) 0 0 calc(106.6 * var(--u))!important}
  .ab.web .t-next-k{margin:calc(48.46 * var(--u)) 0 0 calc(45.2 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.web .nextlink{margin:calc(2.8 * var(--u)) 0 0 calc(45 * var(--u))!important;width:calc(270 * var(--u))!important;font-size:calc(30.7 * var(--u))!important;
    line-height:calc(34.56 * var(--u))!important;letter-spacing:-.043em!important}
}

/* ------------------------------------------------------------ Film & Multi-Media (model 7) */
@media (max-width:760px){
  body:has(.ab.film) .page-bg{display:none}
  .ab.film{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.film .t{white-space:normal!important;text-align:left!important;color:#fff;letter-spacing:0!important}
  .ab.film .t.t-title{margin:calc(98.85 * var(--u)) 0 0 calc(39.5 * var(--u))!important;font-size:calc(47.3 * var(--u))!important;
    line-height:calc(36.24 * var(--u))!important;white-space:nowrap!important}
  .ab.film .t-title .l1{letter-spacing:-.109em}
  .ab.film .t-title .l2{letter-spacing:-.062em}
  .ab.film .t-title .l3{letter-spacing:-.101em}
  .ab.film .fm-strip{margin-top:calc(24.43 * var(--u))}
  .ab.film .fm-vard{margin-top:calc(34.1 * var(--u))}
  .ab.film .t.t-vard{position:relative;margin:calc(-105.12 * var(--u)) 0 0 calc(39.2 * var(--u))!important;width:calc(316.2 * var(--u))!important;
    font:400 calc(13.5 * var(--u))/calc(16.56 * var(--u)) var(--pf)!important;letter-spacing:-.014em!important;color:#eef3f3;text-align:justify!important;text-align-last:left}
  .ab.film .vbtns{position:relative;display:flex!important;flex-direction:column;gap:calc(8.3 * var(--u));margin:calc(-195.08 * var(--u)) 0 0 calc(248.2 * var(--u))!important}
  .ab.film .watch{display:flex!important;align-items:center;justify-content:center;width:calc(91 * var(--u))!important;height:calc(31.7 * var(--u))!important;padding:0!important;
    border:calc(1.4 * var(--u)) solid #bdbdbd!important;font:400 calc(10 * var(--u))/1 var(--pf)!important;color:#f2f2f2;margin:0!important;box-sizing:border-box}
  .ab.film .fm-iranh{margin-top:calc(157.3 * var(--u))}
  .ab.film .fm-iran{margin-top:calc(8.2 * var(--u))}
  .ab.film .t.t-iran{position:relative;margin:calc(-214.74 * var(--u)) 0 0 calc(64.5 * var(--u))!important;width:calc(120.5 * var(--u))!important;
    font:400 calc(12 * var(--u))/calc(12.96 * var(--u)) var(--pf)!important}
  .ab.film .yt-embed{width:calc(317.9 * var(--u))!important;height:calc(172.8 * var(--u))!important;aspect-ratio:auto;margin:calc(36.58 * var(--u)) 0 0 calc(36.3 * var(--u))!important}
  .ab.film .yt-fallback{width:calc(317.9 * var(--u))!important;margin:calc(36.58 * var(--u)) 0 0 calc(36.3 * var(--u))!important}
  .ab.film .yt-fallback img{width:100%;height:calc(172.8 * var(--u));object-fit:cover}
  .ab.film .t.t-roles{margin:calc(22.56 * var(--u)) 0 0 calc(42.2 * var(--u))!important;font:300 calc(14.5 * var(--u))/calc(14.88 * var(--u)) var(--pf)!important;letter-spacing:-.059em!important}
  .ab.film .t-roles b{font-weight:700}
  .ab.film .mlogo.fm-smc{margin:calc(-29.82 * var(--u)) 0 0 calc(318.4 * var(--u));width:calc(37.2 * var(--u))}
  .ab.film .fm-linc{margin-top:calc(32 * var(--u))}
  .ab.film h3.t-linc-h{margin:calc(32.42 * var(--u)) 0 0 calc(39.6 * var(--u))!important;font:700 calc(14.25 * var(--u))/calc(17 * var(--u)) var(--pf)!important;letter-spacing:-.069em!important;padding:0!important;background:none!important}
  .ab.film .t.t-linc{margin:calc(16.38 * var(--u)) 0 0 calc(39.5 * var(--u))!important;width:calc(310 * var(--u))!important;padding:0!important;background:none!important;
    font:300 calc(14.25 * var(--u))/calc(16.48 * var(--u)) var(--pf)!important;letter-spacing:-.081em!important}
  .ab.film .fm-end{margin-top:calc(40.68 * var(--u))}
  .ab.film .t-next-k{margin:calc(39.1 * var(--u)) 0 0 calc(45.8 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.film .nextlink{margin:calc(3.24 * var(--u)) 0 0 calc(45.4 * var(--u))!important;font-size:calc(30.7 * var(--u))!important;line-height:calc(34 * var(--u))!important;letter-spacing:-.042em!important}
}

/* ------------------------------------------------------------ Photography (model 8) */
@media (max-width:760px){
  body:has(.ab.photo) .page-bg{display:none}
  .ab.photo{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.photo .t{white-space:normal!important;text-align:left!important;color:#fff;letter-spacing:0!important}
  .ab.photo .t.t-title{margin:calc(98.9 * var(--u)) 0 0 calc(40.2 * var(--u))!important;font-size:calc(47.3 * var(--u))!important;
    line-height:calc(36 * var(--u))!important;letter-spacing:-.12em!important;white-space:nowrap!important}
  .ab.photo .photo-grid{display:block!important;position:relative;height:calc(1443.2 * var(--u));margin:calc(42.7 * var(--u)) 0 0;padding:0;list-style:none}
  .photo-grid li{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}
  .photo-grid li img,.photo-grid li .rw-box{display:block;width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;margin:0}
  .photo-grid li .rw-box>img{height:100%}
  .ab.photo .photo-grid p{position:absolute;top:calc(var(--cy) * var(--u));margin:0;white-space:nowrap;color:#fff;text-transform:none}
  .photo-grid li.pl p{left:calc(100% + var(--g) * var(--u));text-align:left}
  .photo-grid li.pr p{right:calc(100% + var(--g) * var(--u));text-align:right}
  .ab.photo .photo-grid p b{display:block;width:calc(95 * var(--u));white-space:normal;font:700 calc(12.25 * var(--u))/calc(11.52 * var(--u)) Poppins,var(--pf);text-transform:uppercase;letter-spacing:-.005em}
  .photo-grid li.pr p b{margin-left:auto}
  .ab.photo .photo-grid p span{display:block;margin-top:calc(5.95 * var(--u));font:300 calc(10 * var(--u))/calc(10.16 * var(--u)) Poppins,var(--pf);letter-spacing:-.015em;text-transform:none}
  .ab.photo .t-next-k{margin:calc(86.72 * var(--u)) 0 0 calc(45.8 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.photo .nextlink{margin:calc(3.4 * var(--u)) 0 0 calc(45.3 * var(--u))!important;font-size:calc(30.7 * var(--u))!important;line-height:calc(34 * var(--u))!important;letter-spacing:-.047em!important}
}

/* ------------------------------------------------------------ References (model 9) */
@media (max-width:760px){
  body:has(.ab.refs) .page-bg{display:none}
  .ab.refs{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.refs .t{white-space:normal!important;text-align:left!important;letter-spacing:0!important;margin:0!important}
  .ab.refs .t.t-title{margin:calc(99.01 * var(--u)) 0 0 calc(39.3 * var(--u))!important;font-size:calc(47.3 * var(--u))!important;line-height:calc(36 * var(--u))!important;
    letter-spacing:-.14em!important;white-space:nowrap!important;color:#c72a08}
  .refs .rg{display:block;margin:calc(53.79 * var(--u)) 0 0 calc(39.4 * var(--u));width:calc(311.2 * var(--u))}
  .refs .rg+.rg{margin-top:calc(29.79 * var(--u));border-top:.5px solid rgba(255,255,255,.6);padding-top:calc(23.34 * var(--u))}
  .refs .rg:last-of-type{margin-top:calc(29.63 * var(--u));padding-top:calc(23.06 * var(--u))}
  .ab.refs .ref-logo{display:block;opacity:1!important;width:calc(55.5 * var(--u))!important;height:auto!important;margin:0 0 0 calc(1.1 * var(--u))!important}
  .ab.refs blockquote.t{width:calc(307 * var(--u))!important;margin:calc(5.06 * var(--u)) 0 0 calc(.6 * var(--u))!important;
    font:400 calc(13.25 * var(--u))/calc(19.36 * var(--u)) Poppins,var(--pf)!important;color:#fff}
  .refs .rg:nth-of-type(2) blockquote.t{margin-top:calc(4.58 * var(--u))!important}
  .refs .rg:nth-of-type(3) blockquote.t{margin-top:calc(4.76 * var(--u))!important}
  .ab.refs .t.name{margin-top:calc(20.17 * var(--u))!important;font:700 calc(14 * var(--u))/calc(17 * var(--u)) var(--pf)!important;color:#d6300c}
  .refs .rg:nth-of-type(2) .t.name{margin-top:calc(20.65 * var(--u))!important}
  .refs .rg:nth-of-type(2) .pp>div+div .t.name{margin-top:calc(28.76 * var(--u))!important}
  .refs .rg:nth-of-type(3) .t.name{margin-top:calc(23.53 * var(--u))!important}
  .ab.refs .t:not(.name):not(blockquote):not(.h):not(.nextlink):not(.t-next-k){margin-top:calc(4.12 * var(--u))!important;font:400 calc(14 * var(--u))/calc(17 * var(--u)) var(--pf)!important;color:#ddd}
  .ab.refs .t[class*="t-o"]{font-style:italic!important}
  .ab.refs .t br.d{display:none}
  .refs .pp{display:block}
  .ab.refs .t.t-next-k{margin:calc(72.53 * var(--u)) 0 0 calc(45 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.refs .t.nextlink{margin:calc(3.58 * var(--u)) 0 0 calc(44.6 * var(--u))!important;font-size:calc(30.7 * var(--u))!important;line-height:calc(34 * var(--u))!important;letter-spacing:-.06em!important}
}

/* ------------------------------------------------------------ Press (model 10) */
@media (max-width:760px){
  body:has(.ab.press) .page-bg{display:none}
  .ab.press{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.press .t{white-space:normal!important;text-align:left!important;margin:0!important}
  .ab.press .t br.d{display:none}
  .ab.press .t.t-title{margin:calc(98.97 * var(--u)) 0 0 calc(39.9 * var(--u))!important;font-size:calc(47.3 * var(--u))!important;line-height:calc(36 * var(--u))!important;
    letter-spacing:-.155em!important;white-space:nowrap!important;color:#c72a08}
  .press .pc{display:block;margin:calc(53.33 * var(--u)) 0 0 calc(38.9 * var(--u));width:calc(312.1 * var(--u))}
  .press .pc+.pc{margin-top:calc(39.86 * var(--u))}
  .press .pc:nth-of-type(3){margin-top:calc(40 * var(--u));margin-left:calc(45.4 * var(--u));width:calc(306.1 * var(--u))}
  .ab.press .pc h2.t{margin-top:calc(8.24 * var(--u))!important;font:700 calc(15.4 * var(--u))/calc(18.56 * var(--u)) var(--pf)!important;letter-spacing:-.01em!important;color:#fff}
  .press .pc h2.t br.d{display:inline}
  .press .pc:nth-of-type(2) h2.t{margin-top:calc(7.6 * var(--u))!important;line-height:calc(17.92 * var(--u))!important}
  .press .pc:nth-of-type(3) h2.t{margin-top:calc(6.54 * var(--u))!important;line-height:calc(17.44 * var(--u))!important;letter-spacing:-.035em!important}
  .ab.press .pc h2+p.t{margin-top:calc(6.59 * var(--u))!important;font:700 calc(12.2 * var(--u))/calc(14 * var(--u)) var(--pf)!important;letter-spacing:-.045em!important;color:#bdbdbd}
  .ab.press .pc p.t+p.t{margin-top:calc(11.58 * var(--u))!important;width:calc(310 * var(--u))!important;font:400 calc(14 * var(--u))/calc(17.28 * var(--u)) var(--pf)!important;letter-spacing:.018em!important;color:#c4c4c4}
  .press .pc:nth-of-type(2) p.t+p.t{line-height:calc(16.88 * var(--u))!important}
  .press .pc:nth-of-type(3) p.t+p.t{line-height:calc(16.56 * var(--u))!important}
  .ab.press .pc .pbtn{position:static!important;display:flex!important;width:calc(130.9 * var(--u))!important;height:calc(40.8 * var(--u))!important;padding:0!important;
    margin:calc(16.69 * var(--u)) 0 0!important;border:calc(1.2 * var(--u)) solid #bdbdbd!important;font:400 calc(11 * var(--u))/1 var(--pf)!important;letter-spacing:.03em!important;color:#f2f2f2;box-sizing:border-box}
  .press .pc:nth-of-type(2) .pbtn{width:calc(127.4 * var(--u))!important;height:calc(39.2 * var(--u))!important}
  .press .pc:nth-of-type(3) .pbtn{width:calc(125 * var(--u))!important;height:calc(38.4 * var(--u))!important}
  .ab.press .t.t-next-k{margin:calc(74.44 * var(--u)) 0 0 calc(45.8 * var(--u))!important;font-size:calc(9 * var(--u))!important;line-height:calc(12 * var(--u))!important;letter-spacing:.3em!important}
  .ab.press .t.nextlink{margin:calc(3.24 * var(--u)) 0 0 calc(47 * var(--u))!important;font-size:calc(30.7 * var(--u))!important;line-height:calc(34 * var(--u))!important;letter-spacing:-.05em!important}
}

/* ------------------------------------------------------------ Contact (model 11) */
@media (max-width:760px){
  body:has(.ab.contact) .page-bg{display:none}
  .ab.contact{padding:0 0 calc(40 * var(--u))!important;background:#000!important}
  .ab.contact .t{white-space:normal!important;text-align:left!important;margin:0!important}
  .ab.contact .t.t-title{position:static!important;margin:calc(98.97 * var(--u)) 0 0 calc(40.4 * var(--u))!important;font-size:calc(47.3 * var(--u))!important;
    line-height:calc(36 * var(--u))!important;letter-spacing:-.075em!important;white-space:nowrap!important;color:#fff}
  .ab.contact .cm-hero{margin-top:calc(53.33 * var(--u))}
  .ab.contact .t.t-shoot{margin:calc(34.44 * var(--u)) 0 0 calc(39.7 * var(--u))!important;font:400 calc(12.3 * var(--u))/calc(16.96 * var(--u)) var(--pf)!important;
    letter-spacing:-.052em!important;text-transform:uppercase;color:#fff}
  .ab.contact .t-shoot br.d{display:inline}
  .contact .cform{display:block;margin:calc(12.44 * var(--u)) 0 0 calc(40 * var(--u));width:calc(310.7 * var(--u))}
  .ab.contact .f{position:static!important;display:block;box-sizing:border-box;width:100%!important;height:calc(23.5 * var(--u))!important;margin:0 0 calc(6.5 * var(--u))!important;
    padding:0 calc(10.5 * var(--u)) calc(3.84 * var(--u))!important;border:1px solid #bcbcbc!important;border-radius:0;background:#000!important;box-shadow:none!important;
    font:400 calc(12 * var(--u))/calc(13.4 * var(--u)) var(--pf)!important;letter-spacing:-.06em!important;color:#fff;text-transform:uppercase}
  .ab.contact .f::placeholder{color:#fff;opacity:1;letter-spacing:-.06em!important;text-transform:uppercase}
  .ab.contact .f:focus{outline:none;border-color:#fff!important;box-shadow:0 0 0 1px #fff,0 0 10px rgba(255,255,255,.35)!important}
  .ab.contact textarea.f{height:calc(71.1 * var(--u))!important;padding:calc(1.98 * var(--u)) calc(10.5 * var(--u)) 0!important;resize:vertical}
  .ab.contact .send{position:static!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;margin:0 0 0 auto!important;
    width:calc(78.24 * var(--u))!important;height:calc(26.88 * var(--u))!important;padding:0!important;border:1px solid #bcbcbc!important;background:#000!important;
    font:400 calc(12 * var(--u))/1 var(--pf)!important;letter-spacing:-.06em!important;color:#fff;text-transform:uppercase}
  .ab.contact .status:empty{display:none}
  .ab.contact .status{position:static!important;margin:calc(8 * var(--u)) 0 0!important;font-size:calc(12 * var(--u))!important;text-align:right}
  .contact-list{list-style:none;margin:calc(67.48 * var(--u)) 0 0 calc(39 * var(--u));padding:0;width:calc(301.3 * var(--u))}
  .contact-list li{display:flex;align-items:baseline;padding:calc(11.82 * var(--u)) 0 calc(13.52 * var(--u));border-top:.5px solid rgba(255,255,255,.55);line-height:calc(26 * var(--u))}
  .contact-list li{box-sizing:border-box;height:calc(52.1 * var(--u))}
  .contact-list li:first-child{border-top:0;padding-top:0;height:calc(39.52 * var(--u))}
  .contact-list b{flex:none;width:calc(107.7 * var(--u));padding-left:calc(.3 * var(--u));font:700 calc(19.8 * var(--u))/calc(26 * var(--u)) var(--pf);letter-spacing:-.066em;color:#fff;text-transform:uppercase}
  .contact-list span,.contact-list a{font:400 calc(14.5 * var(--u))/calc(26 * var(--u)) var(--pf);letter-spacing:-.02em;color:#e6e6e6}
  .contact-list a{text-decoration:underline;text-underline-offset:calc(2.5 * var(--u));text-decoration-thickness:1px}
  .ab.contact .m-thanks{margin:calc(26.4 * var(--u)) 0 0 calc(39 * var(--u));width:calc(313 * var(--u))}
}
@media (max-width:760px){ .about .m-edu br.m{display:inline} }
