/* Itaal Shur site. Hand-editable static CSS.
   Palette: accent #f1a638 (amber), dark accent #344734 (green), light accent #e7d1b5 (sand).
   Fonts are self-hosted in /assets/fonts (Anton, Epilogue; both SIL OFL).
   Desktop layout from 800px up, mobile layout below, same breakpoint the previous host used. */

@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/anton-400.woff2") format("woff2")}
@font-face{font-family:"Epilogue";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/epilogue-400.woff2") format("woff2")}
@font-face{font-family:"Epilogue";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/epilogue-700.woff2") format("woff2")}
@font-face{font-family:"Epilogue";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/epilogue-400-italic.woff2") format("woff2")}
@font-face{font-family:"Epilogue";font-style:italic;font-weight:700;font-display:swap;src:url("/assets/fonts/epilogue-700-italic.woff2") format("woff2")}

:root{
  --accent:#f1a638;
  --green:#344734;
  --sand:#e7d1b5;
  --black:#000;
  --white:#fff;
  --gutter:4vw;
  --h1:calc(16px + 3.6vw);          /* 67.84px at 1440, 44.8px at 800 */
  --h4:calc(16px + .72vw);          /* 26.4px at 1440 */
  --tick:calc(16px + .6vw);         /* 24.6px at 1440 */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sand);color:#000;font-family:"Epilogue",system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;margin:0}
p{margin:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:24px;background:var(--accent);color:#000;padding:20px 30px;z-index:100}
.skip:focus{left:24px}

/* ---------- header ---------- */
.site-header{position:absolute;top:0;left:0;right:0;height:120px;z-index:20;color:var(--accent)}
.site-header .logo{position:absolute;left:var(--gutter);top:14px;width:91px;height:91px}
.site-header .logo img{width:100%;height:100%}
.site-header nav{position:absolute;left:50%;top:50px;transform:translateX(-50%);display:flex;gap:29px;white-space:nowrap}
.site-header nav a{font-family:"Anton",sans-serif;text-transform:uppercase;text-decoration:none;font-size:14.4px;line-height:20px;color:inherit}
.site-header nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.site-header .social{position:absolute;right:var(--gutter);top:50px;display:flex;gap:29px}
.site-header .social a{display:block;width:20px;height:20px;color:inherit}
.site-header .social svg,.footer .social svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.burger{display:none}
.menu{display:none}
.site-header.on-light{color:#000}

/* ---------- hero (home) ---------- */
.hero{position:relative;height:calc(267px + 35.6vw);background:#000;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero h1{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:var(--accent);font-size:12.87vw;line-height:1}

/* ---------- about ---------- */
.about{background:#000;color:#fff;padding:79px var(--gutter);display:grid;grid-template-columns:19.5vw 1fr;column-gap:0;align-items:start}
.about h1{color:var(--accent);font-size:var(--h1);line-height:1.056;margin:0}
.about p{max-width:68.5vw}
.about p a{color:var(--accent);font-weight:700;text-decoration:underline}

/* ---------- songs / cards ---------- */
.songs{background:var(--accent);padding:95px var(--gutter) 108px}
.section-title{font-size:var(--h1);line-height:1.056}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:27px;align-items:start}
.card-col{min-width:0;display:flex;flex-direction:column;align-items:center}
.card{width:100%;background:#000;color:var(--accent);text-align:center;padding:30px 20px 0;position:relative}
.card-title{height:102px;display:flex;align-items:center;justify-content:center;font-size:var(--h1);line-height:1.056;color:var(--accent);margin-bottom:6px}
.card-title.sm{font-size:calc(var(--h1) * .5415);line-height:1.056}
.card-sub{margin-bottom:69px;line-height:24px}
.card h4{font-size:var(--h4);line-height:40px;margin:26px 0 0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none}
.card h4.first{margin-top:0}
.card h4+p{margin-top:29px}
.card p{line-height:24px}
.card>p:not(.card-sub),.card>h4{margin-left:2.43vw;margin-right:2.43vw}
.card p+p{margin-top:16px}
.card strong{font-weight:700}
.card .note{margin-left:2.43vw;margin-right:2.43vw;color:#fff;font-style:italic;font-size:14.27px;line-height:20px;margin-top:100px}
.card .note+.note{margin-top:98px}
.card .tick-wrap+.note{margin-top:30px}
.card .tick-wrap{margin-top:40px}
.card .tick-wrap.first{margin-top:12px}
.card-btn{margin-top:20px}
.btn{display:inline-block;max-width:324px;padding:24px 35.2px;border:2px solid #000;color:#000;background:transparent;text-transform:uppercase;text-decoration:none;text-align:center;font-family:"Epilogue",sans-serif;font-size:16px;line-height:normal;cursor:pointer}
.btn:hover{background:#000;color:var(--accent)}
.btn.solid{background:#000;color:var(--accent)}
.btn.solid:hover{background:var(--accent);color:#000}
.btn.on-dark{border-color:var(--accent);color:var(--accent)}
.btn.on-dark:hover{background:var(--accent);color:#000}
.btn.solid-amber{background:var(--accent);border-color:var(--accent);color:#000}
.btn.solid-amber:hover{background:transparent;color:var(--accent)}

/* ---------- tickers (marquee) ---------- */
.ticker{position:relative;overflow:hidden;height:60px;width:100%;color:var(--accent);font-family:"Anton",sans-serif;text-transform:uppercase;font-size:var(--tick);line-height:60px;white-space:nowrap}
.ticker .track{display:flex;width:max-content;animation:tick var(--d,22s) linear infinite}
.ticker .half{display:flex;flex:none}
.ticker .half span{padding-right:.55em}
.ticker i{font-style:normal;padding-right:.55em}
.ticker.black{color:#000}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker .track{animation:none}}

/* ---------- groove collective ---------- */
.groove{background:#000;color:#fff;padding:95px var(--gutter) 102px}
.groove .section-title{color:#fff}
.groove .role{display:block;max-width:460px;margin-top:10px;font-weight:700}
.groove .albums{display:flex;justify-content:space-between;margin-top:28px}
.groove figure{margin:0;width:22.4vw;text-align:center}
.groove figure img{width:94%;aspect-ratio:304/305;object-fit:cover;margin:0 auto}
.groove figcaption{font-size:14.27px;line-height:21px;margin-top:11px}
.groove figure a{display:block}

/* ---------- gabriel o pensador ---------- */
.gabriel{background:#fff;padding:95px var(--gutter) 71px}
.gabriel .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.gabriel .item{text-align:center}
.gabriel .t{height:82px}
.gabriel .t.big{font-size:var(--h1);line-height:1.056}
.gabriel .t.small{font-size:calc(var(--h1) * .694);line-height:1.1}
.gabriel .meta{min-height:80px;font-weight:700;line-height:24px}
.gabriel .media{position:relative}
.gabriel .media>a{display:block}
.gabriel .media img{width:100%;aspect-ratio:434/305;object-fit:cover}
.gabriel .media .ticker{position:absolute;left:0;right:0;top:var(--ty)}
.gabriel .band{margin-top:43px}

/* ---------- solo projects ---------- */
.solo{background:var(--accent);padding:79px var(--gutter) 146px}
.solo .row{width:76.5vw;margin:113px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:67px;align-items:center;position:relative}
.solo .row a{display:block}
.solo .row img{width:100%;height:auto}
.solo .row .cell{position:relative}
.solo .row .ticker{position:absolute;left:50%;width:30.2vw;transform:translateX(-50%);bottom:35px}
.solo .row .ticker.black{pointer-events:none}

/* ---------- film scoring ---------- */
.film{background:#000;color:var(--accent);padding:79px var(--gutter) 121px;display:grid;grid-template-columns:50.2vw 30.2vw;align-items:start}
.film .section-title{color:#fff}
.film .col{text-align:center;padding-top:28px}
.film h3{font-size:calc(var(--h1) * .5415);line-height:1.15;color:var(--accent)}
.film .col>p,.film .col .p{width:323px;max-width:100%;margin:0 auto}
.film .col .credit{margin-top:23px}
.film .col img{width:176px;margin:31px auto 0}
.film .col a+h4{margin-top:45px}
.film .col h4{font-size:var(--h4);line-height:40px;margin-top:27px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none}
.film .col h4+p{margin-top:28px}
.film .col p+p{margin-top:16px}
.film .col a{display:block}

/* ---------- more (accordion) ---------- */
.more{background:#fff;padding:95px var(--gutter);display:grid;grid-template-columns:30.9vw 1fr;align-items:start}
.acc details{border-top:1px solid #000}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:30px 0;font-family:"Anton",sans-serif;font-size:var(--h4);line-height:40px;text-transform:uppercase}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";flex:none;width:12px;height:12px;border-right:5px solid #000;border-bottom:5px solid #000;transform:translateY(-3px) rotate(45deg);margin-right:8px;transition:transform .2s}
.acc details[open] summary::after{transform:translateY(3px) rotate(-135deg)}
.acc .body{padding:0 0 30px;width:70%}
.acc ul{margin:0;padding-left:22px}
.acc li{margin:0 0 8px}

/* ---------- follow / video + audio + gallery ---------- */
.follow{position:relative;background:var(--sand);height:calc(636px + 58.7vw);overflow:hidden}
.follow video{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:35% 50%;filter:blur(6px);transform:scale(1.2);transform-origin:30% 40%}
.follow h2{position:absolute;left:var(--gutter);top:6.6vw;width:53.3vw;font-size:calc(16px + .72vw * 1.6 + .02vw);line-height:1.115;font-size:3.27vw}
.follow .player{position:absolute;left:var(--gutter);top:23.1vw;width:49.5vw}
.follow .shot{position:absolute;margin:0}
.follow .shot img{width:100%;height:auto}
.player{display:flex;align-items:stretch;height:68px;background:#181818;color:rgba(255,255,255,.85);position:relative}
.player button{flex:none;width:59px;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}
.player button svg{width:18px;height:18px;fill:#fff}
.player .pause{display:none}
.player.playing .play{display:none}
.player.playing .pause{display:block}
.player .meta{padding:14px 20px;line-height:19px;min-width:0}
.player .t{font-size:15.6px;color:#fff}
.player .a{font-size:13px;opacity:.55}
.player .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.player .bar i{display:block;height:100%;width:0;background:var(--accent)}

/* ---------- footer ---------- */
.footer{background:var(--accent);height:265px;padding-top:40px;text-align:center}
.footer img{width:147px;height:147px;margin:0 auto}
.footer .social{display:flex;justify-content:center;gap:14px;margin-top:11px}
.footer .social a{display:block;width:24px;height:24px;color:#000}
.footer .social svg{stroke-width:2.6}

/* ---------- story ---------- */
.story{background:#000;color:#fff;padding:177px var(--gutter) 126px}
.story h1{color:var(--accent);font-size:var(--h1);line-height:1.056}
.story h4{color:var(--accent);font-size:var(--h4);line-height:1.17}
.story .top{display:grid;grid-template-columns:34.2vw 49.5vw;column-gap:4.4vw;margin-top:27px;align-items:start}
.story .top .txt{margin-top:0}
.story .top img{width:100%;height:auto;aspect-ratio:713/502;object-fit:cover}
.story h4+p{margin-top:34px}
.story .top h4+p{margin-top:35px}
.story .after-img{margin-top:0}
.story .sec-h4{margin-top:53px}
.story p+h4.sec-h4{margin-top:33px}
.story p+p{margin-top:13px}

/* ---------- contact ---------- */
.contact{background:var(--accent);padding:159px var(--gutter) 79px}
.contact form{width:37.9vw;max-width:100%;margin:0 auto}
.contact .lbl{display:block;font-size:16px;line-height:24px}
.contact .lbl small,.contact .cap small{font-size:14.27px;opacity:.75;margin-left:4px}
.contact .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.contact .cap{font-size:14.27px;line-height:23px}
.contact input,.contact textarea{display:block;width:100%;border:1px solid #000;background:transparent;border-radius:21px;padding:9px 16px;font:inherit;color:#000;height:42px;margin-top:0}
.contact textarea{height:100px;border-radius:21px;resize:vertical}
.contact .fld{margin-top:20px}
.contact .fld.first{margin-top:0}
.contact .send{margin-top:20px;background:#000;color:var(--accent);border:0;padding:24px 35px;font:inherit;text-transform:uppercase;cursor:pointer;line-height:17px}
.thanks{display:none;margin-top:20px;background:#000;color:var(--accent);padding:16px 20px;font-weight:700}
.thanks.show{display:block}

/* ---------- new pages: lessons + work with me ---------- */
.pagehero{background:#000;color:#fff;padding:177px var(--gutter) 95px;display:grid;grid-template-columns:1fr 34vw;column-gap:4vw;align-items:end}
.pagehero h1{color:var(--accent);font-size:calc(var(--h1) * 1.25);line-height:1.02}
.pagehero p.sub{margin-top:24px;font-size:20px;line-height:30px;max-width:640px}
.pagehero .ctas{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}
.pagehero img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.kicker{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:var(--h4);line-height:1.17;margin-bottom:18px;color:var(--accent)}
.band-sec{padding:95px var(--gutter)}
.band-sec.black{background:#000;color:#fff}
.band-sec.accent{background:var(--accent);color:#000}
.band-sec.white{background:#fff;color:#000}
.band-sec.sand{background:var(--sand);color:#000}
.band-sec .lead{font-size:20px;line-height:30px;max-width:760px;margin-top:20px}
.band-sec .section-title{margin:0}
.black .section-title{color:var(--accent)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:40px;counter-reset:s;list-style:none;padding:0}
.steps li{background:#000;color:var(--accent);padding:28px 20px 32px;text-align:center;counter-increment:s}
.steps li::before{content:counter(s);display:block;font-family:"Anton",sans-serif;font-size:calc(var(--h1) * .9);line-height:1;color:var(--accent);margin-bottom:14px}
.steps li span{font-weight:700;display:block;line-height:24px}
.panel{background:#000;color:var(--accent);padding:30px 28px 34px}
.black .panel{border:1.5px solid var(--accent)}
.panel h3{font-size:calc(var(--h1) * .5415);line-height:1.1;color:var(--accent)}
.panel p{margin-top:14px;color:#fff}
.panel ul{margin:14px 0 0;padding-left:20px;color:#fff}
.panel li{margin:6px 0}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:40px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px}
.price{font-family:"Anton",sans-serif;font-size:calc(var(--h1) * .8);line-height:1;color:var(--accent);margin-top:18px}
.price small{display:block;font-family:"Epilogue",sans-serif;font-size:16px;color:#fff;margin-top:8px;line-height:24px}
.ph{border:2px dashed #000;padding:26px 24px;margin-top:30px;max-width:760px}
.black .ph,.panel .ph{border-color:var(--accent)}
.ph b{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:22px;letter-spacing:.01em;display:block;margin-bottom:6px}
.quote{font-size:26px;line-height:1.35;font-weight:700;max-width:860px;margin-top:20px}
.quote cite{display:block;margin-top:14px;font-size:16px;font-style:normal;font-weight:400}
.faq details{border-top:1px solid #000;padding:0}
.faq details:last-child{border-bottom:1px solid #000}
.faq summary{list-style:none;cursor:pointer;padding:24px 0;font-family:"Anton",sans-serif;font-size:var(--h4);line-height:1.2;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:5px solid #000;border-bottom:5px solid #000;transform:translateY(-3px) rotate(45deg);margin-right:8px}
.faq details[open] summary::after{transform:translateY(3px) rotate(-135deg)}
.faq details p{padding:0 0 24px;max-width:760px}
.formcard{background:#000;color:#fff;padding:36px 32px 40px;max-width:760px}
.formcard label{display:block;margin-top:18px;font-weight:700;font-size:15px}
.formcard label:first-of-type{margin-top:0}
.formcard input,.formcard select,.formcard textarea{width:100%;margin-top:6px;padding:11px 16px;border:1px solid var(--accent);border-radius:21px;background:transparent;color:#fff;font:inherit}
.formcard select option{color:#000}
.formcard textarea{min-height:110px;border-radius:21px}
.formcard .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formcard .btn{margin-top:26px}
.formcard .thanks{background:var(--accent);color:#000}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}
.checkrow{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important}
.checkrow input{width:auto!important;margin-top:4px!important}
.credits-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px}
.credits-list .panel p{color:#fff}
.worklist{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid #000}
.worklist li{border-bottom:1px solid #000;padding:24px 0;display:grid;grid-template-columns:30.9vw 1fr;column-gap:0}
.worklist h3{font-size:var(--h4);line-height:1.17}
.worklist p{max-width:640px}
.worklist p+p{margin-top:10px}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}
.mini figure{margin:0;color:#fff}
.mini img{width:100%;aspect-ratio:1;object-fit:cover}
.mini figcaption{font-size:14.27px;line-height:21px;margin-top:10px}

/* ---------- mobile ---------- */
@media (max-width:799px){
  .site-header{height:80px}
  .site-header .logo{left:23px;top:10px;width:60px;height:60px}
  .site-header nav,.site-header .social{display:none}
  .burger{display:block;position:absolute;right:23px;top:24px;width:47px;height:37px;background:none;border:0;padding:0;color:inherit;cursor:pointer}
  .burger span{position:absolute;left:8px;right:8px;height:1px;background:currentColor}
  .burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:23px}
  .menu{position:fixed;inset:0;background:#000;z-index:60;display:none;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 35px;color:var(--accent)}
  .menu.open{display:flex}
  .menu .close{position:absolute;right:23px;top:24px;width:47px;height:37px;background:none;border:0;color:var(--accent);cursor:pointer}
  .menu .close::before,.menu .close::after{content:"";position:absolute;left:8px;right:8px;top:18px;height:1px;background:currentColor;transform:rotate(45deg)}
  .menu .close::after{transform:rotate(-45deg)}
  .menu .mlogo{position:absolute;left:23px;top:10px;width:60px;height:60px}
  .menu a.l{font-family:"Anton",sans-serif;text-transform:uppercase;text-decoration:none;font-size:37px;line-height:54px;color:var(--accent)}
  .menu .ms{position:absolute;right:30px;bottom:50px;display:flex;gap:16px}
  .menu .ms a{width:24px;height:24px;color:var(--accent)}
  .menu .ms svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  body.menu-open{overflow:hidden}
}
@media (max-width:767px){
  :root{--gutter:6vw;--h1:48.4px;--h4:22.48px;--tick:21.4px}
  .hero{height:135.4vw}
  .hero h1{font-size:21.26vw;bottom:46px}
  .about{display:block;padding:35px var(--gutter) 35px}
  .about h1{margin-bottom:19px}
  .about p{max-width:none}
  .songs{padding:60px var(--gutter) 60px}
  .cards{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px}
  .card{padding-left:0;padding-right:0}
  .card-title{height:auto;min-height:73px;margin-bottom:0}
  .card-sub{margin-bottom:55px}
  .cards{gap:5px}
  .card{padding-bottom:36px!important}
  .card .note,.card .note+.note{margin-top:46px!important}
  .card .tick-wrap,.card .tick-wrap+.note{margin-top:20px!important}
  .card .tick-wrap.first{margin-top:12px!important}
  .card>div[style*="height"]{display:none}
  .card-title.sm{font-size:28.96px;line-height:1.1}
  .card>p:not(.card-sub),.card>h4,.card .note{margin-left:0;margin-right:0}
  .card-col{align-items:stretch}
  .card-btn{align-self:center}
  .groove{padding:60px var(--gutter) 40px}
  .groove .albums{flex-direction:column;align-items:center;margin-top:60px;gap:48px}
  .groove figure{width:100%}
  .groove figure img{width:198px;margin:0 auto}
  .gabriel{padding:60px var(--gutter) 40px}
  .gabriel .row{grid-template-columns:minmax(0,1fr);gap:34px}
  .gabriel .t{height:auto;margin-bottom:12px}
  .gabriel .t.small{font-size:35.44px}
  .gabriel .meta{min-height:0;margin-bottom:20px}
  .gabriel .media .ticker{position:static}
  .gabriel .band{margin-top:0}
  .solo{padding:48px var(--gutter) 60px}
  .solo .row{width:auto;grid-template-columns:minmax(0,1fr);gap:45px;margin-top:50px;justify-items:center}
  .solo .row>a,.solo .row .cell{width:min(204px,60vw)}
  .solo .row .ticker{width:88vw}
  .film{display:block;padding:48px var(--gutter) 60px}
  .film .col{padding-top:20px}
  .film h3{font-size:28.96px}
  .more{display:block;padding:60px var(--gutter)}
  .more .acc{margin-top:20px}
  .acc summary{line-height:33px}
  .acc .body{width:100%}
  .follow{height:auto;padding:60px var(--gutter) 60px}
  .follow h2{position:static;width:auto;font-size:35.44px;line-height:1.1}
  .follow .player{position:static;width:auto;margin-top:20px}
  .follow .shot{position:static;display:block;margin:11px auto 0;width:auto!important}
  .follow .shot:first-of-type{margin-top:50px}
  .follow .shot img{height:199px;width:auto;margin:0 auto}
  .follow .shot{position:relative}
  .footer{height:234px;padding-top:35px}
  .footer img{width:164px;height:164px}
  .footer .social{margin-top:0}

  .story{padding:130px var(--gutter) 60px}
  .story .top{display:block}
  .story .top img{margin-top:30px;aspect-ratio:343/436}
  .contact{padding:110px var(--gutter) 60px;margin-bottom:31px}
  .contact form{width:auto}
  .contact .two{grid-template-columns:1fr}

  .pagehero{display:block;padding:130px var(--gutter) 60px}
  .pagehero img{margin-top:36px;aspect-ratio:1}
  .pagehero h1{font-size:62px}
  .band-sec{padding:60px var(--gutter)}
  .steps,.grid2,.grid3,.grid4,.credits-list{grid-template-columns:1fr}
  .mini{grid-template-columns:1fr 1fr}
  .worklist li{display:block}
  .worklist h3{margin-bottom:8px}
  .formcard .two{grid-template-columns:1fr}
}
@media (min-width:768px) and (max-width:1100px){
  .pagehero h1{font-size:calc(var(--h1) * 1.1)}
}