/* Contact's approved desk composition. Original photograph is embedded unchanged. */
body[data-page=contact] .site-header{position:absolute;inset:0 0 auto;height:84px;background:transparent}
.contact-hero{display:block;height:100svh;min-height:800px;padding:0;overflow:hidden}
.contact-copy{width:49%;max-width:850px;margin-left:5.8%;padding-top:max(125px,15vh);position:relative;z-index:3}
#contact-title{font-size:clamp(100px,min(12.3vw,21vh),220px);line-height:.94;letter-spacing:-.035em;margin-bottom:31px;transform:rotate(-2deg);transform-origin:left center}
.st-desc{max-width:565px;width:83%;margin-bottom:30px}.st-desc p{font-size:clamp(14px,1.04vw,18px);line-height:1.75}
.contact-actions{gap:16px}.contact-actions .cta-btn:first-child{min-width:350px;padding:18px 25px;font-size:14px}.contact-actions .cta-btn:last-child{font-size:12px;padding:15px 25px}
.contact-photo-area{position:absolute;inset:0;width:100%;max-width:none;display:block;z-index:1;pointer-events:none;align-self:auto}

.contact-photo-area>.contact-art-layer{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;right:auto;bottom:auto;max-width:none;transform:none;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.contact-photo-area>.contact-thread{z-index:0}.contact-photo-area>.contact-chat,.contact-photo-area>.contact-desk-accents{z-index:2}
.contact-chat text{font:italic 25px/1.3 'Bradley Hand','Comic Sans MS',cursive;fill:var(--ink);stroke:none;text-anchor:middle}
.contact-desk-accents .ink-dot{fill:var(--ink);stroke:none}.plane-trail{stroke-dasharray:8 12}
@media(min-aspect-ratio:2/1){.contact-copy{padding-top:14vh}#contact-title{font-size:21vh;margin-bottom:3vh}.st-desc p{font-size:1.8vh}.st-desc{margin-bottom:3vh}.contact-actions .cta-btn:first-child{padding:1.6vh 24px;font-size:1.5vh;min-height:0}.contact-actions .cta-btn:last-child{padding:1.5vh 24px;min-height:0;font-size:1.3vh}.contact-actions{gap:1.6vh}}
@media(min-width:1024px) and (max-width:1439px){.contact-copy{margin-left:5%;width:50%;padding-top:16vh}#contact-title{font-size:12vw}.st-desc{width:83%;max-width:480px}.st-desc p{font-size:14px;line-height:1.7}.contact-actions .cta-btn:first-child{min-width:300px;font-size:12px;padding:16px 22px}.contact-actions .cta-btn:last-child{font-size:11px}}
@media(min-width:751px) and (max-width:1023px){body[data-page=contact] .site-header{position:relative}.contact-hero{height:auto;min-height:0;padding-top:35px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.contact-copy{width:auto;margin:0 6%;padding:15px 0 0}#contact-title{font-size:clamp(90px,14vw,145px);margin-bottom:30px}.st-desc{width:75%;max-width:540px}.st-desc p{font-size:15px}.contact-photo-area{position:relative;inset:auto;width:100%;margin:25px 0 0;overflow:hidden}.contact-photo-area>.contact-art-layer{width:145%;height:auto;aspect-ratio:1680 / 936;left:-33%;top:0}.contact-photo-area>.contact-chat,.contact-photo-area>.contact-desk-accents{display:none}}
@media(max-width:750px){body[data-page=contact] .site-header{position:relative;height:64px}.contact-hero{height:auto;min-height:0;padding:25px 0 0;display:flex;flex-direction:column;gap:28px;overflow:hidden}.contact-copy{width:auto;max-width:none;margin:0 24px;padding:15px 0 0}#contact-title{font-size:clamp(59px,15.7vw,112px);margin-bottom:28px}.st-desc{width:100%;max-width:540px;margin-bottom:25px}.st-desc p{font-size:14px;line-height:1.75}.contact-actions{gap:14px}.contact-actions .cta-btn:first-child{width:100%;max-width:340px;min-width:0;padding:17px 18px;font-size:11px}.contact-actions .cta-btn:last-child{font-size:10px;padding:14px 22px}.contact-photo-area{position:relative;inset:auto;width:100%;max-width:none;margin:0;overflow:hidden}.contact-photo-area>.contact-art-layer{width:190%;height:auto;aspect-ratio:1680 / 936;left:-66%;top:0}.contact-photo-area>.contact-chat,.contact-photo-area>.contact-desk-accents{display:none}.contact-photo-area>.contact-thread{display:block}}
/* A single photographic asset; its picture wrapper never controls the text column. */

.contact-copy{left:auto;right:auto;translate:none;max-width:calc(100% - 11.6%)}
@media(min-width:1024px){.contact-copy{margin-right:0}#contact-title{overflow:visible}}
@media(max-width:1023px){
 .contact-photo-area{align-self:stretch;overflow:visible;margin:0;aspect-ratio:1030 / 836}
 
 
 .contact-photo-area>.contact-art-layer{width:163.107%;height:111.962%;left:-63.107%;top:-11.962%;aspect-ratio:auto}
 .contact-copy{max-width:none}
}

/* Future complete scene: one image inside the existing animated .contact-photo-area wrapper. No masks, fragments, or image transforms. */
.contact-photo-area img.contact-scene{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom}
@media(max-width:1023px){.contact-photo-area img.contact-scene{height:auto}}