/* Editorial refinement of the original DG story. No replacement choreography. */
.gsec{scroll-margin-top:88px}
.gsec .idx{left:5vw;top:26px;letter-spacing:.25em;color:#a9a9a5}
.gsec .head{padding:clamp(94px,12vh,150px) 5vw 36px;gap:18px 32px}
.gsec h2,#frames .ftitle{letter-spacing:-.015em;font-size:clamp(2.4rem,5.4vw,5rem)}
.gsec .head .script{line-height:1.35}
#frames .fhead{padding:clamp(100px,13vh,160px) 5vw 26px}
#frames .fcount{padding-bottom:clamp(32px,6vh,70px)}
#frames .fcount .cnum{line-height:1.7;letter-spacing:.22em}
#socialstack .followlabel{padding-left:6vw;padding-right:6vw;line-height:1.8}
#socialstack .followbar a{min-height:92px}
#socialstack .followbar a .hnd{color:#aaa;line-height:1.5}
.ov .sub{color:#bdbdb9;line-height:1.8;text-wrap:pretty;text-shadow:0 2px 18px rgba(0,0,0,.55)}
#contact .cgrid{gap:5vw;padding-top:clamp(110px,15vh,180px);padding-bottom:clamp(100px,14vh,160px)}
#contact .cleft,#contact .cright{min-width:0}
#contact .closeline{font-size:clamp(3.2rem,7.2vw,7.6rem);line-height:.98}
#contact .cmeta{max-width:40ch;line-height:2.1;letter-spacing:.2em}
#contact .cright{border-color:#393936;background:linear-gradient(145deg,rgba(21,21,20,.88),rgba(5,5,5,.92));padding:clamp(26px,3vw,44px)}
#contact .chip{letter-spacing:.12em;line-height:1.5;padding:12px 16px;min-height:44px}
#contact .grid2{gap:26px 22px}
#contact input::placeholder,#contact textarea::placeholder{color:#858581}
#contact form .fld input,#contact form .fld textarea{font-size:16px}
#contact .fstatus{line-height:1.8;letter-spacing:.03em}
#contact #fBtn{min-height:64px}
@media (min-width:901px) and (max-width:1100px){
  #contact .cgrid{grid-template-columns:1fr;gap:58px}
  #contact .cright{max-width:740px;width:100%;padding:40px}
  #contact .grid2{grid-template-columns:1fr 1fr}
  #contact .closeline{font-size:clamp(5rem,10vw,7rem)}
}
@media(max-width:820px){
  .gsec .idx{left:6vw;top:30px;font-size:9px;letter-spacing:.2em}
  .gsec .head{padding:90px 6vw 30px;gap:18px}
  #frames .fhead{padding:100px 6vw 24px}
  #frames .fcount{padding-left:6vw;padding-right:6vw;gap:12px}
  .ov:not(.center){padding-left:8vw;padding-right:8vw}
  .ov .sub{font-size:13px;max-width:32ch}
  #contact .cgrid{padding:104px 6vw 90px;gap:50px}
  #contact .closeline{font-size:clamp(3.2rem,11.7vw,5.8rem)}
  #contact .cmeta{font-size:9px;margin-top:32px;max-width:38ch}
  #contact .cright{padding:28px 22px}
}
@media(max-width:420px){
  #ov1 .lockup .l2{font-size:21px;letter-spacing:.25em}
  .gsec h2,#frames .ftitle{font-size:clamp(2.15rem,10vw,2.6rem)}
  #frames .fcount .cnum{font-size:8px;letter-spacing:.15em}
  #contact .chip{font-size:10px;padding:11px 12px}
  #contact .closeline{font-size:11.3vw}
  #contact .mine{right:0}
}
@media(prefers-reduced-motion:no-preference){
  .gsec [data-r]{transition-duration:.7s}
  .gsec.inview .head .script{transition-delay:.1s}
  #contact.inview .cright{transition-delay:.1s}
}