.masthead .contact-link{letter-spacing:0;text-transform:none;font-size:14px;border:1px solid #ffac1970;border-radius:6px;padding:10px 16px}
.film{width:min(100%,360px);justify-self:center}
.media-stage{position:relative;aspect-ratio:9/16;width:100%;overflow:hidden;background:#111;border:1px solid #ffffff24;border-radius:12px}
.media-stage video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0}
.media-stage img{width:100%;height:100%;object-fit:contain;display:block}
[hidden]{display:none!important}
.media-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.media-tools button,.submit-button{font:inherit;color:#faf8f4;background:#242424;border:1px solid #ffffff35;padding:10px 14px;border-radius:6px;cursor:pointer;min-height:44px}
.media-tools button:hover{background:#353535}.media-state{font-size:14px;line-height:1.5;color:#d0ccc5;min-height:42px;margin:12px 0 0}
.film figcaption{display:block;font-size:13px}.film figcaption span{display:block;margin-top:8px}
.details-section,.contact-section{max-width:1100px;margin:auto;padding:64px 6vw;border-top:1px solid #ffffff1a}
.details-section h2,.contact-section h2{font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-.03em;margin:0 0 20px}
.details-section p,.contact-section p{color:#b8b5af;line-height:1.65;max-width:730px;font-size:16px}
.details-section details{border-top:1px solid #ffffff20;padding:18px 0}.details-section summary{cursor:pointer;font-size:18px}.details-section details p{margin-bottom:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-grid label{display:flex;flex-direction:column;gap:8px;font-size:16px}.contact-grid .full{grid-column:1/-1}
.contact-grid input,.contact-grid textarea{font:inherit;font-size:16px;background:#171718;border:1px solid #ffffff40;color:#faf8f4;border-radius:6px;padding:12px;width:100%;min-width:0}.contact-grid textarea{resize:vertical}
.contact-grid input:focus,.contact-grid textarea:focus{outline:2px solid #ffac19;outline-offset:3px}.contact-grid .consent{display:flex;flex-direction:row;align-items:flex-start;font-size:14px;line-height:1.5}.consent input{width:20px;min-width:20px;height:20px;margin:0;accent-color:#ffac19}
.submit-button{background:#ffac19;color:#17110a;font-weight:700;justify-self:start}.submit-button:hover{background:#ffc55d}.contact-section .form-note{font-size:14px}.form-status{min-height:22px}
@media(max-width:700px){.story{gap:35px}.film{width:min(100%,320px)}.contact-grid{grid-template-columns:1fr}.contact-grid .full{grid-column:auto}.details-section,.contact-section{padding:44px 24px}.masthead{gap:16px}.masthead .contact-link{white-space:nowrap}}
/* Flexible layout for small phones, tablets and landscape orientations. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{overflow-wrap:break-word}
main,.story>*,.contact-grid>*{min-width:0}
img,video{max-width:100%}
.masthead{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right));gap:16px}
.masthead>a{min-height:44px;display:inline-flex;align-items:center}
.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px)}
.story-copy h2{font-size:clamp(1.8rem,3.6vw,3.1rem);line-height:1.15;letter-spacing:-.025em}
.story-copy p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.story-copy .obstacle-warning{color:#faf8f4;font-size:clamp(1.2rem,2.2vw,1.65rem)}
.story-copy .obstacle-list{color:#f7dfb5}
.story-copy .principle{font-size:1rem!important;line-height:1.7;color:var(--amber)!important}
.film{width:min(100%,400px)}
.story .video-heading{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3;letter-spacing:-.025em;margin:0 0 22px;max-width:none;color:#faf8f4}
.media-stage{max-width:360px;margin-inline:auto}
.media-tools button{flex:1 1 auto}
.contact-grid input{min-height:48px}
.details-section summary{min-height:44px;padding-block:8px;line-height:1.5}
@media(max-width:850px){.story{grid-template-columns:1fr;padding:44px max(24px,5vw);gap:36px}.story-copy{max-width:600px}.story-copy p{max-width:none}.film{width:min(100%,400px)}.hero{min-height:auto}.hero .coming{font-size:clamp(2rem,9.4vw,4.5rem);letter-spacing:-.04em;line-height:1.15}.hero .logo{width:min(76vw,360px)}.hero h1{font-size:clamp(1.45rem,5.7vw,2rem)}.masthead{padding:16px max(16px,4vw)}.contact-grid{grid-template-columns:1fr}.contact-grid .full{grid-column:auto}}
@media(max-width:360px){.hero{padding-inline:16px}.story,.details-section,.contact-section{padding-inline:18px}.masthead{font-size:10px;letter-spacing:.08em;gap:10px}.masthead .contact-link{padding-inline:12px}.media-tools{gap:6px}.media-tools button{padding-inline:10px}}
@media(orientation:landscape) and (max-height:550px){.hero .logo{width:min(42vh,230px)}.hero{padding-top:24px;padding-bottom:32px}.media-stage{max-width:260px}}
