/* Original CONTACT: immediate writing, clearer fields and SEND. */
.ctl{--sheetW:min(calc(var(--ctlH)*.60),36vw);--sheetH:calc(var(--sheetW)/.80)}
.ctl .inner{padding:13% 9% 5%}
.ctl .form{gap:12px}
.ctl .row{gap:10px 20px}
.ctl .f{gap:6px}
.ctl .f>span{font-size:13px;letter-spacing:.05em}
.ctl .f>span i{font-size:12px}
.ctl .form>.message-field textarea{min-height:88px}
.ctl .foot{gap:10px;margin-top:6px;padding-top:12px}
.ctl .send{width:100%;min-height:54px;max-height:none;padding:10px 20px;background:var(--ink);color:#fff;font-size:max(14px,calc(var(--sheetW)*.038))}
.ctl .send:hover{background:#35332d;color:#fff}
.ctl .openbtn{display:none}
.ctl.reduced-motion .copy h2 i{animation:none}

@media (min-width:761px) and (min-aspect-ratio:1/1) and (max-height:820px){
  .ctl{--sheetW:min(calc(var(--ctlH)*.64),36vw);--sheetH:calc(var(--sheetW)/.80)}
  .ctl .inner{padding:13% 8% 4%}
}

@media (max-width:760px), (max-aspect-ratio:1/1){
  .ctl{--sheetW:min(calc(100vw - 32px),440px);--sheetH:min(calc(var(--ctlH)*.62),550px);--scene1:max(0px,calc(var(--ctlH) - var(--ctlH)*.14 - var(--sheetH) - 16px));--colR:16px}
  .ctl .copy,.ctl .stage.open .copy{top:calc(var(--ctlH)*.02);left:calc(50% - var(--sheetW)/2);width:var(--sheetW)}
  .ctl .letter{top:calc(var(--ctlH)*.14);left:calc(50% - var(--sheetW)/2)}
  .ctl .inner{padding:8% 8% 6%}
  .ctl .form{gap:10px}
  .ctl .row{gap:8px 14px}
  .ctl .f{gap:4px}
  .ctl .f>span{font-size:12px}
  .ctl .f input,.ctl .f textarea{font-size:16px;min-height:44px}
  .ctl .form>.message-field textarea{min-height:88px}
  .ctl .foot{gap:8px;margin-top:4px;padding-top:10px}
  .ctl .consent{gap:4px 14px;font-size:11px}
  .ctl .consent .en{display:inline}
  .ctl .send{min-height:54px;font-size:16px}
  .ctl .openbtn,.ctl .stage.open .openbtn{display:none}
}

@media (max-width:760px) and (max-height:700px) and (max-aspect-ratio:1/1){
  .ctl{--sheetH:calc(var(--ctlH)*.85);--scene1:0px}
  .ctl .letter{top:calc(var(--ctlH)*.12)}
  .ctl .copy,.ctl .stage.open .copy{top:calc(var(--ctlH)*.015);width:calc(var(--sheetW)*.8)}
  .ctl .inner{padding-top:7%;overflow-y:auto;overscroll-behavior:contain}
  .ctl .form{min-height:400px;grid-template-rows:auto minmax(108px,1fr) auto}
}

@media (min-width:761px) and (min-aspect-ratio:1/1) and (max-height:520px){
  .ctl{--sheetH:calc(var(--ctlH)*.86);--sheetW:min(calc(var(--sheetH)*1.55),50vw)}
  .ctl .inner{padding:8% 5% 3%}
  .ctl .form{gap:6px 14px}
  .ctl .row{gap:5px}
  .ctl .f{gap:2px}
  .ctl .f>span{font-size:11px}
  .ctl .form>.message-field textarea{min-height:46px}
  .ctl .foot{margin-top:2px;padding-top:6px;gap:4px}
  .ctl .consent .en{display:inline}
  .ctl .send{min-height:44px;font-size:13px;padding:4px 12px}
}

@media (forced-colors:active){
  .ctl .send{background:ButtonFace;color:ButtonText;border-color:ButtonText}
  .ctl .send:hover{background:Highlight;color:HighlightText}
}