/* Portrait proportions preserve the original six-card fan and footer reveal. */
#cDeck{width:min(100%,1080px);height:clamp(340px,40vw,490px);margin:0 auto;isolation:isolate;touch-action:pan-y}
#cDeck .cc{width:clamp(118px,20vw,238px);height:clamp(225px,31vw,370px);left:50%;top:0;padding:clamp(14px,2.2vw,28px);border-width:3px;border-radius:20px;transform-origin:50% 65%;transition:box-shadow .25s,filter .25s;text-decoration:none;pointer-events:auto}
#cDeck .cc-value{font-size:clamp(32px,4.7vw,62px);line-height:1.08;white-space:normal;overflow-wrap:anywhere}
#cDeck .cc-label{font-size:11px;letter-spacing:.09em;opacity:.85}
#cDeck .cc-cta{font-size:11px;letter-spacing:.06em;opacity:1}
#cDeck .cc:nth-child(3){background:#3e168b;color:#ece4c3}
#cDeck .cc:nth-child(3) .cc-label,#cDeck .cc:nth-child(3) .cc-value,#cDeck .cc:nth-child(3) .cc-cta{color:#ece4c3}
.deck-toggle{font:700 12px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--fg);color:var(--fg);background:transparent;border-radius:100px;padding:14px 24px;min-height:44px;cursor:pointer}
#contact .ct-big{margin-bottom:36px}
#contact .deck-wrap{gap:12px}
.section-sep{will-change:translate,rotate}
.ma-project-flight{position:fixed;z-index:9800;pointer-events:none;overflow:hidden;background:#3e168b;background-size:cover;background-position:center;border-radius:14px;will-change:left,top,width,height;isolation:isolate}
.ma-project-flight::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(10,9,7,.4))}
.ma-project-flight span{position:absolute;left:5%;bottom:6%;color:#ece4c3;font:700 clamp(48px,8vw,120px)/.9 'New Title',sans-serif;z-index:1}
@media(max-width:600px){#contact .ct-big{margin-bottom:24px}#cDeck .cc{border-radius:14px}#contact .deck-close{font-size:10px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.section-sep{translate:none!important;rotate:none!important}.ma-project-flight{display:none}}

/* More space between portrait cards; two readable rows on narrow screens. */
#cDeck{width:min(100%,1440px)}
#cDeck .cc{width:clamp(160px,15vw,210px);height:clamp(265px,24vw,340px)}
@media(max-width:900px){#cDeck{height:570px}#cDeck .cc{width:clamp(90px,25vw,180px);height:clamp(175px,36vw,260px)}}
@media(max-width:600px){#cDeck{height:440px}#cDeck .cc{width:calc((100vw - 90px)/3);height:180px;padding:12px 9px}#cDeck .cc-value{font-size:29px}#cDeck .cc-label,#cDeck .cc-cta{font-size:9px;letter-spacing:0}}

/* Airier contact typography: clear label, quiet margins, balanced centre. */
#cDeck .cc{padding:26px 22px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px}
#cDeck .cc-value{align-self:center;font-size:clamp(34px,3.1vw,44px);line-height:1.06;letter-spacing:0;min-width:0;margin:0}
#cDeck .cc-label{font-size:10px;line-height:1.4;letter-spacing:.08em}
#cDeck .cc-cta{font-size:10px;line-height:1.4;letter-spacing:.04em}
@media(max-width:900px){#cDeck .cc{padding:22px 18px;gap:16px}#cDeck .cc-value{font-size:34px}}
@media(max-width:600px){#cDeck .cc{padding:18px 13px;gap:13px;height:190px}#cDeck .cc-value{font-size:25px;line-height:1.1}#cDeck .cc-label,#cDeck .cc-cta{font-size:8px;line-height:1.4;letter-spacing:.02em}#cDeck{height:460px}}

/* Contact values become the clickable paper stickers inside each card. */
#cDeck .cc{--cc-color:#ece4c3;grid-template-rows:auto 1fr;overflow:visible}
#cDeck .cc:nth-child(1){--cc-color:#ece4c3}
#cDeck .cc:nth-child(2){--cc-color:#5bb8f5}
#cDeck .cc:nth-child(3){--cc-color:#3e168b}
#cDeck .cc:nth-child(4){--cc-color:#FF87C3}
#cDeck .cc:nth-child(5){--cc-color:#4ecb71}
#cDeck .cc:nth-child(6){--cc-color:#ffd166}
#cDeck .cc-value{
  justify-self:center;align-self:center;max-width:100%;padding:14px 17px;
  color:var(--cc-color)!important;background:#191919;border:3px solid #fff;border-radius:999px;
  box-shadow:0 5px 0 rgba(10,9,7,.18);font-size:clamp(25px,2.6vw,38px);
  line-height:1;overflow-wrap:anywhere;text-align:center;transform:rotate(-2deg);
  transition:transform .32s cubic-bezier(.2,1.5,.4,1),box-shadow .32s ease;
}
#cDeck .cc:nth-child(even) .cc-value{transform:rotate(2deg)}
#cDeck .cc-value:hover,#cDeck .cc-value:focus-within{transform:rotate(0) scale(1.055);box-shadow:0 9px 0 rgba(10,9,7,.2)}
#cDeck .cc-cta{display:none!important}
@media(max-width:900px){#cDeck .cc-value{padding:11px 12px;font-size:27px}}
@media(max-width:600px){#cDeck .cc-value{padding:9px 8px;border-width:2px;font-size:20px;box-shadow:0 4px 0 rgba(10,9,7,.18)}}

/* The contact cards are replaced by free typographic stickers. */
#cDeck.contact-sticker-field{
  position:relative;width:min(100%,1500px);height:clamp(620px,55vw,820px);
  margin:0 auto;isolation:isolate;overflow:visible;touch-action:pan-y;
}
#cDeck.contact-sticker-field .contact-sticker{
  --sticker-rotation:0deg;position:absolute;z-index:2;display:block;
  color:var(--sticker-color);text-decoration:none;opacity:0;
  transform:translateY(34px) rotate(var(--sticker-rotation)) scale(.94);
  transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .45s ease;
  transform-origin:center;will-change:transform;outline:none;
}
#cDeck.in .contact-sticker{opacity:1;transform:rotate(var(--sticker-rotation)) scale(1)}
#cDeck.in .contact-sticker:nth-child(2){transition-delay:.06s}
#cDeck.in .contact-sticker:nth-child(3){transition-delay:.12s}
#cDeck.in .contact-sticker:nth-child(4){transition-delay:.18s}
#cDeck.in .contact-sticker:nth-child(5){transition-delay:.24s}
#cDeck.in .contact-sticker:nth-child(6){transition-delay:.3s}
#cDeck.contact-sticker-field .contact-sticker:hover,
#cDeck.contact-sticker-field .contact-sticker:focus-visible{
  z-index:20;transform:rotate(0deg) scale(1.055);
}
#cDeck.contact-sticker-field .contact-sticker:focus-visible{filter:drop-shadow(0 0 7px #ece4c3)}
#cDeck.contact-sticker-field svg{
  display:block;width:100%;height:auto;overflow:visible;
  filter:drop-shadow(0 3px 0 rgba(25,25,25,.25)) drop-shadow(0 11px 14px rgba(25,25,25,.18));
}
#cDeck.contact-sticker-field text{
  font-family:'New Title','New Title Static',sans-serif;font-weight:700;
  font-size:112px;letter-spacing:-1px;
}
#cDeck .contact-sticker-outline{
  fill:none;stroke:#fff;stroke-width:28px;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke;
}
#cDeck .contact-sticker-fill{fill:currentColor}
#cDeck .contact-sticker-1{--sticker-color:#FF87C3;--sticker-rotation:-5deg;left:1%;top:1%;width:66%}
#cDeck .contact-sticker-2{--sticker-color:#009EFF;--sticker-rotation:4deg;right:0;top:18%;width:55%}
#cDeck .contact-sticker-3{--sticker-color:#9650FF;--sticker-rotation:2deg;left:18%;top:38%;width:63%}
#cDeck .contact-sticker-4{--sticker-color:#FFC400;--sticker-rotation:6deg;left:2%;top:61%;width:38%}
#cDeck .contact-sticker-5{--sticker-color:#18CC58;--sticker-rotation:-4deg;right:0;top:61%;width:58%}
#cDeck .contact-sticker-6{--sticker-color:#F57053;--sticker-rotation:-2deg;right:22%;top:80%;width:34%}
#cDeck .contact-sticker-2 text{font-size:120px}
#cDeck .contact-sticker-4 text{font-size:185px}
#cDeck .contact-sticker-5 text{font-size:140px}
#cDeck .contact-sticker-6 text{font-size:215px}

@media(max-width:700px){
 #contact .deck-wrap{padding-bottom:0}
 #cDeck.contact-sticker-field{width:100%;height:660px}
 #cDeck .contact-sticker-outline{stroke-width:28px}
 #cDeck .contact-sticker-1{left:-4%;top:1%;width:108%}
 #cDeck .contact-sticker-2{right:-5%;top:17%;width:102%}
 #cDeck .contact-sticker-3{left:-7%;top:34%;width:112%}
 #cDeck .contact-sticker-4{left:-2%;top:51%;width:63%}
 #cDeck .contact-sticker-5{right:-7%;top:62%;width:100%}
 #cDeck .contact-sticker-6{right:3%;top:80%;width:58%}
}
@media(prefers-reduced-motion:reduce){
 #cDeck.contact-sticker-field .contact-sticker{opacity:1;transform:rotate(var(--sticker-rotation));transition:none}
}

/* Contacts converge into a compact central arrangement, with clear spacing. */
#contact:has(.contact-sticker-field){position:relative}
#cDeck.contact-sticker-field{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;justify-items:center;gap:clamp(32px,5vw,70px) clamp(35px,5vw,75px);width:min(100%,1040px);height:auto;padding:30px 20px 65px;opacity:1;transform:none;transition:none}
#cDeck.contact-sticker-field .contact-sticker{position:relative;inset:auto;width:100%;opacity:1;transform:rotate(var(--sticker-rotation));transition:transform .35s ease;will-change:translate,rotate}
#cDeck.contact-sticker-field .contact-sticker-3{width:96%}
#cDeck.contact-sticker-field .contact-sticker-4{width:62%}
#cDeck.contact-sticker-field .contact-sticker-5{width:90%}
#cDeck.contact-sticker-field .contact-sticker-6{width:50%}
#cDeck.contact-sticker-field .contact-sticker:focus-visible{filter:none;outline:2px dashed currentColor;outline-offset:12px}
@media(max-width:700px){#cDeck.contact-sticker-field{grid-template-columns:1fr;gap:32px;width:min(100%,440px);padding:20px 12px 40px}#cDeck.contact-sticker-field .contact-sticker-1{width:100%}#cDeck.contact-sticker-field .contact-sticker-2{width:88%}#cDeck.contact-sticker-field .contact-sticker-3{width:95%}#cDeck.contact-sticker-field .contact-sticker-4{width:53%}#cDeck.contact-sticker-field .contact-sticker-5{width:86%}#cDeck.contact-sticker-field .contact-sticker-6{width:43%}}