/* Header and contact footer from u-launch, adapted only to these static studies. */
body .header{position:absolute;height:var(--sf-header);padding:0 var(--sf-gutter);z-index:12;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;pointer-events:none}
.header a,.header nav{pointer-events:auto}
.header .wordmark{font-family:var(--sf-wordmark-font);font-size:13px;font-weight:500;letter-spacing:.18em;line-height:1}
.work-menu{position:relative}
.work-menu summary{display:inline-flex;align-items:center;gap:5px;min-height:44px;list-style:none;cursor:pointer;padding:12px 0;white-space:nowrap}
.work-menu summary::-webkit-details-marker{display:none}
.work-menu summary::marker{content:''}
.work-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.work-menu summary span{display:inline-block;transition:transform .2s}
.work-menu[open] summary span{transform:rotate(45deg)}
.work-menu-links{position:absolute;top:100%;left:0;min-width:108px;display:grid;background:transparent;gap:0;padding:2px 0;border:0}
.header .work-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 0}
.work-menu-links a[href$='/work.html'] .work-arrow{color:var(--sf-brand-dot)}
.work-menu-links a[href$='/motion.html'] .work-arrow{color:var(--sf-brand-cursor)}
.site-contact{position:relative;min-height:100svh;background:transparent;color:inherit}
.contact-composition{position:relative;min-height:max(650px,100svh)}
.contact-title{position:absolute;left:var(--sf-gutter);top:calc(var(--sf-header) + 6.5svh);width:40vw}
.contact-title h2{font-size:clamp(42px,4.15vw,76px);font-weight:400;line-height:1.03;letter-spacing:-.058em;margin:0}
.site-contact .email{margin-top:28px;font-size:18px}
.footer-bottom{position:absolute;left:var(--sf-gutter);right:var(--sf-gutter);bottom:8svh}
.footer-mark{display:block;width:fit-content;font-size:clamp(48px,9.2vw,178px);line-height:1;letter-spacing:-.07em;white-space:nowrap}
.footer-meta{display:flex;justify-content:space-between;gap:25px;margin-top:26px;font-size:13px}
.footer-meta a:hover{text-decoration:underline;text-underline-offset:5px}
.terre-layout{background:radial-gradient(ellipse at 69% 42%,#fafafa 12%,#f1f1f4 62%,#e7e7ed 100%);background-attachment:fixed}
.terre-layout .hero{background:radial-gradient(ellipse at 69% 42%,#fafafa 12%,#f1f1f4 62%,#e7e7ed 100%)}
.terre-layout .header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:700px){
 .header .wordmark{font-size:12px;letter-spacing:.1em}
 .header nav{gap:20px;font-size:13px}
 .header nav>a[href$='/#create']{display:none}
 .work-menu-links{left:auto;right:0;min-width:102px}
 .contact-title{top:calc(var(--sf-header) + 52px);width:88vw;height:calc(100svh - var(--sf-header) - 184px);min-height:300px;display:flex;flex-direction:column;align-items:flex-start}
 .contact-title h2{font-size:clamp(34px,9.4vw,42px);max-width:220px}
 .site-contact .email{margin-top:auto;width:100%;max-width:310px;flex-shrink:0;font-size:17px}
 .footer-bottom{bottom:max(24px,env(safe-area-inset-bottom))}
 .footer-mark{font-size:9vw;letter-spacing:-.07em}
 .footer-meta{margin-top:24px;gap:15px;font-size:11px}
}
@media(max-height:600px) and (orientation:landscape){
 .contact-composition{min-height:600px}
 .contact-title{top:110px;height:auto;min-height:0;width:65vw}
 .site-contact .email{margin-top:24px}
 .footer-bottom{bottom:36px}
 .footer-mark{font-size:8vw}
}
@media(prefers-reduced-motion:reduce){.work-menu summary span{transition:none}}