:root{--brown:#3a2f1d;--cream:#f1e7dd;--sand:#e4d8c8;--offwhite:#fffdf8;--gold:#b4935a;--gold-d:#8a6d3b;--line:rgba(58,47,29,.28);--gut:16px;--fs:clamp(15px,1.05vw,19px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:16px;line-height:1.2;color:var(--brown);background:var(--cream);letter-spacing:-.01em;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--gold);color:var(--brown)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:0 var(--gut)}
.small{font-size:var(--fs);line-height:1.15}
.opac{opacity:.4}
.h3{font-size:40px;line-height:1;font-weight:600;letter-spacing:-.025em}
.h2{font-size:clamp(40px,5.2vw,76px);line-height:.95;font-weight:600;letter-spacing:-.035em}
.tiny{font-size:var(--fs);font-weight:700}

/* nav */
.nav{position:fixed;top:0;left:0;width:100%;z-index:50;padding-top:18px;color:#fff;mix-blend-mode:difference;font-size:clamp(16px,1.2vw,21px);font-weight:700;pointer-events:none;align-items:start}
.nav>*{pointer-events:auto}
.nav .l{grid-column:1/4;display:flex;flex-direction:column;gap:4px}
.nav .bn{font-size:clamp(30px,2.7vw,46px);line-height:.85;letter-spacing:-.045em;font-weight:700}
.nav .bs{font-size:.62em;letter-spacing:.34em;text-transform:uppercase;font-weight:600;opacity:.85}
.nav .c{grid-column:4/7;padding-top:6px;opacity:.75;font-weight:600}
.nav .m{grid-column:4/10;display:flex;justify-content:center;gap:clamp(24px,3vw,52px);padding-top:8px}
.nav .r{grid-column:10/13;text-align:right;padding-top:6px}
.navcta{position:fixed;z-index:55;top:14px;right:var(--gut);display:inline-flex;align-items:center;gap:14px;background:var(--gold);color:#2a2012;font-weight:700;font-size:clamp(15px,1.1vw,19px);padding:7px 7px 7px 24px;border-radius:99px;box-shadow:0 8px 24px rgba(58,47,29,.28);transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.navcta i{width:38px;height:38px;border-radius:50%;background:#2a2012;color:var(--gold);display:grid;place-items:center;transition:transform .35s,background .3s}
.navcta i svg{width:16px;height:10px}
.navcta:hover{background:var(--brown);color:var(--cream);transform:translateY(-2px);box-shadow:0 12px 30px rgba(58,47,29,.38)}
.navcta:hover i{background:var(--gold);color:var(--brown);transform:rotate(-45deg)}
.nav .r .rl{border:1.5px solid currentColor;padding:9px 18px;border-radius:99px;display:inline-block;transition:background .3s,color .3s}
.nav .r .rl:hover{background:#fff;color:#000;opacity:1}
.nav a:hover{opacity:.65}
.burger{display:none}
.menu{display:none}

/* intro */
.intro{position:fixed;inset:0;z-index:100;background:var(--brown);color:var(--cream);display:flex;align-items:flex-end;transition:transform 1.1s cubic-bezier(.77,0,.18,1)}
.intro.out{transform:translateY(-100%)}
.intro .wm{font-size:27vw;line-height:.74;font-weight:600;letter-spacing:-.06em;margin-left:-.04em;transform:translateY(8%);animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}
.intro .gem{position:absolute;top:50px;left:var(--gut);width:44px;opacity:.9}
@keyframes rise{from{transform:translateY(60%)}to{transform:translateY(8%)}}
body.lock{overflow:hidden}

/* hero */
.hero{position:relative;height:100vh;min-height:520px;overflow:hidden;color:var(--offwhite)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.hero.in img{transform:scale(1)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,8,.25),rgba(20,12,8,0) 30%,rgba(20,12,8,.45))}
.hero h1{position:absolute;z-index:2;left:var(--gut);bottom:var(--gut);max-width:560px;font-size:40px;line-height:.98;letter-spacing:-.03em}

/* studio sticky */
.studio{position:relative;height:340vh}
.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--cream);color:var(--brown)}
.stage .lab{position:absolute;top:10px;z-index:3;font-size:var(--fs);transition:color .3s}
.stage .lab.a{left:var(--gut)}.stage .lab.b{left:calc(50% + 8px)}
.stage .txt{position:absolute;left:0;top:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 7%}
.stage .txt h2{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.03em;max-width:15ch}
.stage .pic{position:absolute;overflow:hidden;z-index:2;left:50%;top:0;right:0;bottom:0}
.stage .pic img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
.stage .shade{position:absolute;inset:0;background:var(--brown);opacity:0}
.stage .copy{position:absolute;z-index:3;left:50%;top:50%;width:min(40%,640px);transform:translateY(-50%);color:var(--offwhite);opacity:0;font-size:clamp(17px,1.45vw,26px);line-height:1.22;letter-spacing:-.015em}
.stage .copy p+p{margin-top:14px}
.stage .copy .more{margin-top:34px;font-size:var(--fs)}
.more{display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:8px;font-size:var(--fs);transition:padding .3s}
.more svg{width:16px;height:10px;transition:transform .3s}
.more:hover svg{transform:translateX(5px)}
.wordmark{background:var(--brown);color:var(--cream);height:42vh;position:relative;overflow:hidden}
.wordmark .wm{position:absolute;left:0;bottom:0;font-size:min(27vw,420px);line-height:.74;letter-spacing:-.06em;margin-left:-.035em;font-weight:600;padding-bottom:0}
.wordmark sup{font-size:.14em;vertical-align:top;position:relative;top:.9em;color:var(--gold);letter-spacing:0;margin-left:.1em}
.wordmark .gold{color:var(--gold)}

/* works */
.works{position:relative;padding:34px 0 160px}
.works .head{margin-bottom:50px}
.row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:0 var(--gut);height:57px;align-items:start;border-top:1px solid var(--line);padding-top:10px;transition:opacity .35s;font-size:var(--fs)}
.row:last-child{border-bottom:1px solid var(--line)}
.row .n{grid-column:1/2}.row .t{grid-column:2/6}.row .lc{grid-column:6/9;opacity:.5}.row .k{grid-column:9/13;text-align:right}
.rows{margin-top:0;transition:opacity .4s}
.rows:hover .row{opacity:.28}.rows:hover .row:hover{opacity:1}
.row:hover .t{color:var(--gold-d)}
.pv{position:fixed;left:50%;top:50%;width:min(31vw,440px);aspect-ratio:3/4;transform:translate(-50%,-50%) scale(.94);z-index:9;pointer-events:none;opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1)}
.pv.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.pv img.on{opacity:1}

/* approach */
.approach{padding-block:90px 120px}
.approach h2{grid-column:1/8;margin-bottom:60px}
.approach .side{grid-column:9/13;grid-row:1;font-size:var(--fs);line-height:1.18}
.approach .side .tiny{margin-bottom:12px}
.approach .side .more{margin-top:26px}
.approach .big{grid-column:1/9;aspect-ratio:3/2;overflow:hidden}
.approach .big img{width:100%;height:100%;object-fit:cover}

/* words */
.words{padding-block:60px 130px}
.words .im1{grid-column:1/4;aspect-ratio:3/4;overflow:hidden}
.words .im2{grid-column:8/13;aspect-ratio:4/5;overflow:hidden}
.words img{width:100%;height:100%;object-fit:cover}
.words .mid{grid-column:4/8;display:flex;flex-direction:column;justify-content:space-between;font-size:var(--fs);line-height:1.18;min-height:100%}
.words .quote{margin-top:14px;max-width:40ch;transition:opacity .35s}
.words .who{margin-top:24px}
.words .ctl{display:flex;gap:14px;align-items:center}
.words .ctl button{font-size:var(--fs)}
.words .ctl button:hover{color:var(--gold-d)}
.words .im1,.words .im2{transition:opacity .35s}
.fade .quote,.fade .im1,.fade .im2,.fade .who{opacity:0}

/* footer */
.foot{background:var(--brown);color:var(--cream);padding-top:110px;position:relative;overflow:hidden;font-size:var(--fs);line-height:1.25;display:block}
.foot a:hover{color:var(--gold)}
.ft-top{align-items:end;padding-bottom:90px}
.ft-cta{grid-column:1/9;font-size:clamp(40px,6vw,104px);line-height:.92;letter-spacing:-.045em;font-weight:600}
.ft-cta em{font-style:normal;color:var(--gold)}
.ft-btn{grid-column:10/13;justify-self:end;display:inline-flex;align-items:center;gap:14px;border:1.5px solid var(--gold);color:var(--gold);padding:18px 28px;border-radius:99px;font-size:var(--fs);transition:background .3s,color .3s}
.ft-btn:hover{background:var(--gold);color:var(--brown)!important}
.ft-btn svg{width:18px;height:11px}
.ft-cols{border-top:1px solid rgba(241,231,221,.22);padding-top:40px;padding-bottom:70px;row-gap:40px}
.ft-cols h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:20px}
.ft-cols li{margin-bottom:9px}
.fc1{grid-column:1/5;padding-right:30px}.fc2{grid-column:5/7}.fc3{grid-column:7/9}.fc4{grid-column:9/13}
.fc1 .bn{font-size:34px;letter-spacing:-.04em;line-height:1}
.fc1 .bs{display:block;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:6px 0 22px}
.fc1 p{opacity:.7;max-width:36ch;font-weight:500}
.fc4 p{margin-bottom:14px;font-weight:500}
.fc4 .big{font-size:clamp(22px,2vw,34px);letter-spacing:-.03em;font-weight:600;display:block;margin-bottom:6px}
.ft-wm{font-size:min(31vw,520px);line-height:.72;letter-spacing:-.06em;font-weight:600;margin-left:-.03em;color:rgba(180,147,90,.22);white-space:nowrap;height:.62em;overflow:hidden;user-select:none}
.ft-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px var(--gut);border-top:1px solid rgba(241,231,221,.22);font-size:calc(var(--fs) - 2px);opacity:.75;position:relative;background:var(--brown)}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

/* inner pages */
.page{padding-top:120px}
.ph{padding-bottom:70px}
.ph .lab{grid-column:1/4}
.ph h1{grid-column:4/12;font-size:clamp(40px,6.2vw,96px);line-height:.94;letter-spacing:-.04em}
.ph p{grid-column:4/9;margin-top:34px;font-size:var(--fs);line-height:1.18}
.fullimg{height:80vh;overflow:hidden;margin:0}
.fullimg img{width:100%;height:100%;object-fit:cover}
.sec{padding-block:90px}
.sec .lab{grid-column:1/4}
.sec .body{grid-column:4/9;font-size:var(--fs);line-height:1.18}
.sec .body p+p{margin-top:14px}
.sec .body h2{font-size:40px;letter-spacing:-.03em;line-height:1;margin-bottom:26px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);padding:0 var(--gut)}
.two .im{aspect-ratio:4/5;overflow:hidden}.two .im img{width:100%;height:100%;object-fit:cover}
.stats{padding-block:20px 90px}
.stats .s{grid-column:span 3;border-top:1px solid var(--line);padding-top:10px;font-size:var(--fs)}
.stats .s b{display:block;font-size:56px;letter-spacing:-.04em;margin-top:30px;font-weight:600}
.dark{background:var(--brown);color:var(--cream)}
.dark .row{border-color:rgba(241,231,221,.25)}
.step{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:20px var(--gut) 60px;border-top:1px solid rgba(241,231,221,.25)}
.step .n{grid-column:1/4;font-size:var(--fs);color:var(--gold)}
.step h3{grid-column:4/8;font-size:40px;line-height:1;letter-spacing:-.03em}
.step p{grid-column:9/13;font-size:var(--fs);line-height:1.18}
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);padding:0 var(--gut)}
.card{grid-column:span 4;display:block}
.card .im{aspect-ratio:3/4;overflow:hidden;background:var(--sand)}
.card .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.card:hover .im img{transform:scale(1.05)}
.card .cap{display:flex;justify-content:space-between;padding:10px 0 34px;font-size:var(--fs)}
.det{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:0 var(--gut)}
.det .info{grid-column:1/4;font-size:var(--fs);line-height:1.18}
.det .info dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 0}
.det .info dt{opacity:.5}
.det .imgs{grid-column:4/13;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.det .imgs img{width:100%;height:100%;object-fit:cover}
.det .imgs .a{grid-column:1/3;aspect-ratio:16/10;overflow:hidden}
.det .imgs .b{aspect-ratio:3/4;overflow:hidden}
form{display:grid;grid-template-columns:1fr 1fr;gap:34px var(--gut);font-size:var(--fs)}
form label{display:flex;flex-direction:column;gap:8px;opacity:.9}
form .w{grid-column:1/3}
input,select,textarea{font:inherit;font-weight:600;font-size:16px;background:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;color:var(--brown);outline:0;border-radius:0}
input:focus,select:focus,textarea:focus{border-color:var(--brown)}
textarea{resize:vertical;min-height:90px}
.btn{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--brown);padding-top:10px;font-size:var(--fs);text-align:left;width:100%}
.btn:hover{color:var(--gold-d)}
.thanks{display:none;grid-column:1/3;font-size:28px;letter-spacing:-.03em}
.map{height:46vh;background:var(--sand);position:relative;overflow:hidden}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(1) sepia(.3) contrast(.95)}

@media (max-width:900px){
  :root{--gut:12px}
  .nav .m{display:none}.nav .l{grid-column:1/8}.nav .r{grid-column:8/13;padding-top:12px}.navcta{top:auto;bottom:16px;right:50%;transform:translateX(50%)}.navcta:hover{transform:translateX(50%)}
  .burger{display:inline}
  .menu{position:fixed;inset:0;z-index:60;background:var(--brown);color:var(--cream);padding:70px var(--gut) var(--gut);display:none;flex-direction:column;gap:6px;font-size:44px;letter-spacing:-.04em;line-height:1}
  .menu.open{display:flex}
  .h3{font-size:30px}
  .hero h1{font-size:30px;right:var(--gut)}
  .studio{height:300vh}
  .stage .txt{width:100%;align-items:flex-start;padding-top:90px}
  .stage .lab.b{display:none}
  .stage .pic{left:0;top:52%}
  .stage .copy{left:var(--gut);width:calc(100% - 24px);top:80px;bottom:auto;transform:none;font-size:16px}
  .nav .rl{margin-right:12px}
  .row .t{grid-column:2/8}.row .lc{display:none}.row .k{grid-column:8/13}
  .pv{display:none}
  .approach h2{grid-column:1/13}.approach .side{grid-column:1/13;grid-row:auto;margin-bottom:40px}.approach .big{grid-column:1/13}
  .words .im1{grid-column:1/5}.words .mid{grid-column:1/13;order:3;margin-top:30px}.words .im2{grid-column:5/13}
  .ft-cta,.ft-btn{grid-column:1/13;justify-self:start}.ft-btn{margin-top:30px}.fc1{grid-column:1/13}.fc2{grid-column:1/7}.fc3{grid-column:7/13}.fc4{grid-column:1/13}
  .ph .lab{grid-column:1/13;margin-bottom:16px}.ph h1,.ph p{grid-column:1/13}
  .sec .lab{grid-column:1/13;margin-bottom:16px}.sec .body{grid-column:1/13}
  .stats .s{grid-column:span 6;margin-bottom:24px}
  .step .n,.step h3,.step p{grid-column:1/13;margin-bottom:12px}
  .card{grid-column:span 6}
  .det .info{grid-column:1/13;margin-bottom:24px}.det .imgs{grid-column:1/13}
  .two{grid-template-columns:1fr}
  form{grid-template-columns:1fr}form .w,.btn,.thanks{grid-column:1}
}
@media (max-width:560px){.card{grid-column:span 12}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* extra components */
.chips{display:flex;gap:10px;flex-wrap:wrap;padding:0 var(--gut) 34px}
.chips button{border:1.5px solid var(--line);border-radius:99px;padding:10px 22px;font-size:var(--fs);transition:all .25s}
.chips button:hover{border-color:var(--brown)}
.chips button.on{background:var(--brown);color:var(--cream);border-color:var(--brown)}
.card .im{position:relative}
.tag{position:absolute;left:12px;top:12px;background:rgba(241,231,221,.92);color:var(--brown);font-size:12px;padding:6px 12px;border-radius:99px;letter-spacing:.02em}
.card .cap{padding:12px 0 6px;font-size:calc(var(--fs) + 2px)}
.card .meta{display:flex;gap:18px;font-size:calc(var(--fs) - 1px);opacity:.55;padding-bottom:40px}
.gal{row-gap:6px}
.intro-p{grid-column:4/11;font-size:clamp(22px,2.2vw,38px);line-height:1.08;letter-spacing:-.03em}
.svc{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:26px var(--gut) 34px;border-top:1px solid var(--line);transition:background .3s}
.svc:hover{background:rgba(180,147,90,.1)}
.svc .n{grid-column:1/4;color:var(--gold-d);font-size:var(--fs)}
.svc h3{grid-column:4/8;font-size:clamp(28px,3vw,48px);line-height:1;letter-spacing:-.035em}
.svc p{grid-column:9/13;font-size:var(--fs);line-height:1.25;font-weight:500}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);padding:0 var(--gut)}
.mv>div{background:var(--brown);color:var(--cream);padding:34px 30px 40px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.mv>div:nth-child(2){background:var(--gold-d)}
.mv h3{font-size:clamp(34px,4vw,64px);letter-spacing:-.04em;line-height:.95}
.mv p{font-size:calc(var(--fs) + 2px);line-height:1.25;max-width:42ch;font-weight:500}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);padding:0 var(--gut)}
.vals>div{border-top:1px solid var(--line);padding-top:14px;min-height:240px}
.vals b{display:block;font-size:clamp(26px,2.6vw,42px);letter-spacing:-.035em;margin:60px 0 14px;font-weight:600}
.vals p{font-weight:500;line-height:1.25;max-width:34ch}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);padding:0 var(--gut)}
.team>div{background:var(--sand);padding:26px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.team .ic{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--gold-d);display:grid;place-items:center;color:var(--gold-d);font-size:20px}
.team b{display:block;font-size:clamp(22px,1.9vw,32px);letter-spacing:-.03em;margin-bottom:6px}
.team span{opacity:.65;font-weight:500}
.band{background:var(--brown);color:var(--cream);padding:110px 0}
.band h2{grid-column:1/9;font-size:clamp(40px,6vw,100px);line-height:.92;letter-spacing:-.045em}
.band h2 em{font-style:normal;color:var(--gold)}
.band .ft-btn{grid-column:10/13;align-self:end}
.band p{grid-column:1/7;margin-top:30px;font-weight:500;opacity:.75;font-size:calc(var(--fs) + 1px);max-width:46ch}
.step{padding-bottom:70px}
.step .tm{grid-column:9/13;margin-top:18px;font-size:calc(var(--fs) - 1px);color:var(--gold);display:flex;gap:10px;flex-wrap:wrap}
.step .tm i{font-style:normal;border:1px solid rgba(180,147,90,.5);border-radius:99px;padding:5px 12px}
.step p{font-size:calc(var(--fs) + 1px);line-height:1.25;font-weight:500}
.step h3{font-size:clamp(30px,3.4vw,56px)}
.faq{padding:0 var(--gut)}
.faq details{border-top:1px solid var(--line);padding:24px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:clamp(20px,1.9vw,30px);letter-spacing:-.025em;line-height:1.1}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:1.3em;line-height:.8;color:var(--gold-d);transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin-top:16px;max-width:70ch;font-weight:500;line-height:1.3;font-size:calc(var(--fs) + 1px);opacity:.8}
.docs{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);padding:0 var(--gut)}
.docs>div{border-top:1px solid var(--line);padding-top:14px}
.docs h3{font-size:clamp(28px,3vw,48px);letter-spacing:-.035em;margin:40px 0 20px}
.docs li{padding:11px 0;border-bottom:1px solid var(--line);font-weight:500;display:flex;gap:12px}
.docs li:before{content:"✓";color:var(--gold-d)}
.sec .body{font-size:calc(var(--fs) + 1px);line-height:1.28;font-weight:500}
.sec .body h2{font-size:clamp(30px,3.2vw,52px)}
.sec .body{grid-column:4/11}
.ph p{font-size:calc(var(--fs) + 2px);line-height:1.25;font-weight:500;max-width:52ch;grid-column:4/10}
.stats .s b{font-size:clamp(54px,6vw,100px)}
@media (max-width:900px){
 .intro-p{grid-column:1/13}.svc .n,.svc h3,.svc p{grid-column:1/13;margin-bottom:10px}
 .mv,.vals,.team,.docs{grid-template-columns:1fr}.band h2,.band p,.band .ft-btn{grid-column:1/13}.band .ft-btn{justify-self:start;margin-top:30px}
 .step .tm{grid-column:1/13}.sec .body,.ph p{grid-column:1/13}
}
.step>div{grid-column:9/13}.step>div p{grid-column:auto}.step .tm{margin-top:18px}
@media (max-width:900px){.step>div{grid-column:1/13}}