/* contact page */
html[data-view="contact"] #talk{display:none}
.ct{position:relative;min-height:calc(100vh - 100px);padding-top:clamp(50px,9vw,120px);padding-bottom:90px;overflow:hidden}
.ct-mid{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.ct-hand{display:flex;flex-direction:column;align-items:center;font-family:var(--hand);font-size:clamp(24px,2.4vw,30px);rotate:-4deg;margin-bottom:6px}
.ct-hand svg{width:76px;margin-top:-2px}
.ct-box{position:relative;rotate:3deg;padding:clamp(6px,1vw,14px) clamp(14px,2vw,26px);border:2px solid var(--text)}
.ct-title{margin:0;font-family:var(--pixel);font-weight:700;font-size:clamp(64px,11vw,140px);line-height:.92;letter-spacing:.01em}
.ct-note{position:relative;z-index:3;width:min(100%,360px);margin-top:28px;padding:18px 18px 20px;background:#F6DFA0;color:#111;text-align:left;box-shadow:0 14px 26px rgba(0,0,0,.10)}
.ct-step[hidden]{display:none}
.ct-note label{display:block;margin-bottom:12px;font-family:var(--mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.ct-note textarea,.ct-note input{display:block;width:100%;border:0;background:transparent;color:#111;font:16px/1.5 var(--sans);resize:vertical;outline:none}
.ct-note textarea{min-height:112px}
.ct-note input{padding:9px 0;border-bottom:1.5px solid rgba(0,0,0,.25);margin-bottom:10px}
.ct-note input:focus,.ct-note textarea:focus{border-color:#111}
.ct-note ::placeholder{color:rgba(0,0,0,.5)}
.ct-done{font-size:15px;line-height:1.5}
.ct-done a{color:#111;font-weight:600}
.ct-acts{display:flex;gap:10px;margin-top:14px}
.ct-btn{display:inline-flex;align-items:center;padding:9px 12px;border:1.5px solid #111;background:#111;color:#fff;font-family:var(--mono);font-size:13px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s,opacity .2s}
.ct-btn:hover{transform:translateY(-2px)}
.ct-btn.ghost{background:transparent;color:#111}
.ct-btn:disabled,.ct-btn[aria-disabled="true"]{opacity:.35;pointer-events:none}
.ct-avail{display:flex;align-items:center;gap:10px;margin-top:clamp(40px,6vw,64px);font-family:var(--hand);font-size:clamp(24px,2.4vw,30px);rotate:-2deg}
.ct-avail svg{width:78px;flex:none}
.ct-soc{display:flex;gap:6px;margin-top:clamp(50px,7vw,90px);padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.ct-soc a{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:96px;padding:12px 10px;border-radius:10px;color:var(--text);font-family:var(--mono);font-size:13px;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.ct-soc a svg{width:22px;height:22px}
.ct-soc a:hover{background:var(--text);color:var(--paper)}
.ct-pol{position:absolute;z-index:1;top:clamp(190px,22vw,290px)}
.ct-pl{left:clamp(-10px,3vw,60px)}.ct-pr{right:clamp(-10px,3vw,60px)}
.ct-pol .rot{rotate:var(--r)}
.ct-pol figure{margin:0;width:clamp(200px,19vw,270px);padding:12px 12px 8px;background:#fff;color:#111;box-shadow:0 18px 40px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05)}
.ct-pol img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover;pointer-events:none}
.ct-pol figcaption{padding:8px 0 2px;text-align:center;font-family:var(--hand);font-size:22px}
@media (max-width:1060px){.ct-pol figure{width:170px}.ct-pl{left:-30px}.ct-pr{right:-30px}}
@media (max-width:760px){
  .ct{display:flex;flex-direction:column}
  .ct-pol{position:relative;top:auto;left:auto;right:auto;display:inline-block}
  .ct-pl,.ct-pr{order:3;margin-top:30px}.ct-pl{align-self:flex-start;margin-left:10px}.ct-pr{align-self:flex-end;margin-right:10px;margin-top:-60px}
  .ct-pol figure{width:150px}.ct-soc a{min-width:0;flex:1}.ct-soc{width:100%}
}
.shot.solo{grid-column:1/-1}
.shot.solo img{aspect-ratio:auto;max-width:760px;margin-inline:auto}
.shot figcaption{margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.cs-note{margin-bottom:12px;font-size:14px;color:var(--ink-2)}
.pal{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));border:2px solid var(--text)}
.sw2{display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(150px,18vw,230px);padding:16px;border:0;text-align:left;font-family:var(--sans);font-size:14px;cursor:pointer;transition:transform .2s}
.sw2:hover{transform:scale(1.04);position:relative;z-index:1}
.sw2 b{font-size:clamp(15px,1.4vw,18px);font-weight:500}
.sw2 span{font-family:var(--mono);font-size:12px;line-height:1.6;opacity:.85}
.tagl{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.tagl li{padding:4px 10px;border:1.5px solid var(--text);border-radius:999px;font-size:13px}
.tagl.big li{padding:8px 16px;font-size:16px;background:var(--paper)}
.tagl.big li:nth-child(4n+1){background:var(--cyan);color:#111}.tagl.big li:nth-child(4n+3){background:var(--yellow);color:#111}
.cs-cred{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:22px;border-top:2px solid var(--text)}
.cs-cred h3{margin-bottom:10px;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.cs-cred p{font-size:16px}
@media(max-width:760px){.cs-two,.shots,.cs-cred{grid-template-columns:1fr}.shot.wide{grid-column:auto}.pal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.tagstrip .trk{animation:none}}