.desk-intro { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 20px 42px; margin-bottom: clamp(24px,4vw,52px); }
.desk-intro>p { color: #e1d5c0; font-size: clamp(16px,1.5vw,20px); max-width: 470px; }
.desk-intro h2 { font-size: clamp(51px,7.4vw,112px); }
.desk { --desk-edge: #e2c99252; --desk-ink: #f7eedd; --desk-muted: #c9bba4; display: grid; grid-template-columns: minmax(0,1.03fr) minmax(0,1fr); border: 1px solid var(--desk-edge); background: #181610; color: var(--desk-ink); scroll-margin-top: 66px; }
.desk-form { padding: clamp(18px,3vw,40px); min-width: 0; }
.desk-form fieldset { border: 0; margin: 0 0 17px; min-width: 0; padding: 11px 0 0; border-top: 1px solid var(--desk-edge); }
.desk-form fieldset:last-child { margin-bottom: 0; }
.desk-form legend { font-size: 15px; font-weight: 700; padding-right: 10px; }
.desk-form legend>span { color: var(--gold); font: 650 10px var(--mono); margin-right: 8px; }
.desk-form legend small { color: var(--desk-muted); font-size: 11px; margin-left: 4px; font-weight: 500; }
.desk-type-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.desk-type-grid label,.desk-pills label { position: relative; cursor: pointer; }
.desk-type-grid input,.desk-pills input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.desk-type-grid label>span,.desk-pills label>span {
  display: block; padding: 7px 9px; min-height: 37px; border: 1px solid var(--desk-edge);
  color: var(--desk-ink); background: #242018; font-size: 13px; font-weight: 630;
}
.desk-type-grid label>span { min-height: 43px; display: flex; align-items: center; }
.desk-type-grid input:checked+span,.desk-pills input:checked+span { color: #17130b; background: var(--gold); border-color: var(--gold); }
.desk-type-grid input:focus-visible+span,.desk-pills input:focus-visible+span { outline: 2px solid var(--gold); outline-offset: 3px; }
.desk-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.desk-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
.desk-fields label { display: grid; align-content: start; gap: 4px; font-size: 12px; color: #f4e8d0; min-width: 0; }
.desk-fields input,.desk-fields textarea,.desk-summary-text { color: var(--desk-ink); border: 1px solid var(--desk-edge); background: #211d15; font: inherit; padding: 8px 9px; border-radius: 0; width: 100%; min-width: 0; }
.desk-fields textarea,.desk-summary-text { resize: vertical; }
.desk-fields input::placeholder,.desk-fields textarea::placeholder { color: #b6ab97; }
.desk-details { grid-column: 1/-1; }
.desk-preview { border-left: 1px solid var(--desk-edge); background: #241f16; min-width: 0; }
.desk-visual { position: relative; background: #312719; overflow: hidden; }
.desk-visual img { width: 100%; aspect-ratio: 1.98; object-fit: cover; transition: filter .3s ease,transform .3s ease; }
.desk-preview[data-look=sinematik] .desk-visual img { filter: contrast(1.12) saturate(.82) brightness(.84); }
.desk-preview[data-look=belgesel] .desk-visual img { filter: contrast(.92) saturate(.86) brightness(1.06); }
.desk-preview[data-look=dinamik] .desk-visual img { filter: contrast(1.13) saturate(1.33); transform: scale(1.035); }
.desk-visual figcaption { position: absolute; inset: auto 0 0; display: flex; justify-content: space-between; gap: 9px; padding: 9px 11px; border: 0; background: #15120ddd; color: #f0ddbb; }
.desk-preview-copy { padding: clamp(15px,2.6vw,30px); }
.desk-preview-copy .kicker { color: var(--gold); }
.desk-preview-copy h3 { font-size: clamp(27px,3.5vw,53px); margin-block: 5px 8px; }
.desk-preview-description { color: var(--desk-muted); font-size: 14px; }
.desk-reference,.case-to-desk { display: inline-flex; gap: 8px; margin-top: 9px; color: var(--gold); font-weight: 700; font-size: 13px; border-bottom: 1px solid var(--gold); }
.case-to-desk { margin: 0 0 19px; }
.desk-summary { margin-top: 14px; border-top: 1px solid var(--desk-edge); border-bottom: 1px solid var(--desk-edge); }
.desk-summary summary { padding: 8px 0; cursor: pointer; font-size: 13px; }
.desk-summary-text { font-size: 12px; margin-bottom: 7px; }
.desk-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.desk-actions a,.desk-actions button { display: inline-flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; min-height: 40px; border: 1px solid var(--desk-edge); font-size: 13px; font-weight: 700; }
.desk-actions a { background: var(--gold); color: #16130d; border-color: var(--gold); }
.desk-actions a:hover { background: #f0dfba; }
.desk-actions button { color: var(--desk-ink); background: #302719; }
.desk-actions button:hover { border-color: var(--gold); }
.desk-status:not(:empty) { color: var(--gold); margin-top: 7px; font-size: 12px; }
.desk-privacy { color: var(--desk-muted); font-size: 11px; margin-top: 9px; }
.desk-contact { display: grid; grid-template-columns: 1.15fr 1fr .8fr; gap: 12px 22px; margin-top: 27px; }
@media(max-width:850px) { .desk,.desk-intro { grid-template-columns: 1fr; } .desk-preview { border-left: 0; border-top: 1px solid var(--desk-edge); } }
@media(max-width:600px) { .desk-contact { grid-template-columns: 1fr; gap: 1px; } .desk-type-grid label>span,.desk-pills label>span { font-size: 12px; } .desk-fields input,.desk-fields textarea { font-size: 14px; } }
@media(prefers-reduced-motion:reduce) { .desk-visual img { transition: none; } }