/* ALPHA — The Making of a Frame. Shared shell, with the original camera preserved. */
.making-frame{--paper:#ede8df;--gold:#cbb286;--ink:#0c0c0e;--gutter:5vw;background:#0c0c0e;color:#ede8df;overflow-x:clip}
.making-frame :where(section[id]){scroll-margin-top:76px}
.making-frame .site-header{height:88px;border-bottom:1px solid #ffffff14;background:linear-gradient(#0c0c0e80,transparent)}
.making-frame .site-header.scrolled{height:76px;background:#0c0c0eee;backdrop-filter:blur(20px)}
.making-frame .brand{width:118px}.making-frame .brand img{height:66px;width:100%;object-fit:contain}
.making-frame .desktop-nav{gap:28px;font-size:12px}.making-frame .header-actions{gap:22px}
.making-frame .header-cta{min-height:42px;font-size:12px;gap:24px;padding:8px 20px;border:1px solid #d0bc9280;border-radius:30px}
.making-frame .motion-switch{min-width:38px;min-height:44px;font-size:11px}
.m-sound{display:flex;align-items:center;gap:8px;background:none;font-size:11px;padding:8px 0;color:#ccc5b5;min-height:44px}.m-sound>span:first-child{font-size:21px;color:var(--gold)}
.making-frame .menu-toggle{min-width:44px;min-height:44px}.making-frame .mobile-menu{overflow-y:auto;padding-top:115px}.making-frame .mobile-menu nav{gap:12px}.making-frame .mobile-menu nav a{font-size:clamp(25px,7vw,42px)}.making-frame .mobile-menu p{margin-top:35px;font-size:10px}
.m-eyebrow,.m-section-label{font:10px/1.5 Studio,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--gold)}
.m-wrap{width:min(1480px,90vw);margin-inline:auto}.m-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:12px 20px;border:1px solid currentColor;border-radius:28px;font-size:12px;background:transparent;transition:background .25s,color .25s}.m-button:hover{background:#d5bd8e;color:#111}.m-button span{font-size:20px}
.making-frame :where(button,a,summary,input):focus-visible{outline:2px solid #e4bd6c;outline-offset:5px}.making-frame button:disabled{opacity:.65}
.m-footer{padding:55px var(--gutter) 25px;background:#0c0c0e;color:#dad2c3}.m-footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.m-footer-top>a{font-size:11px;padding:12px 0}.m-footer-logo{display:block;width:min(730px,80%);margin:65px auto 75px}.m-footer-logo img{width:100%;height:auto;filter:drop-shadow(0 0 35px #b69a4911)}.m-footer>nav{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 35px;padding-bottom:50px;font-size:12px}.m-footer>nav a{min-height:32px;padding-block:6px}.m-footer-bottom{border-top:1px solid #ffffff20;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#a9a79d}.m-footer-bottom button{background:none;font-size:11px;min-height:40px}.m-footer-bottom a{padding-block:12px}
.m-privacy{width:min(660px,calc(100% - 32px));padding:56px;color:#ede8df;background:#171719;border:1px solid #cbb28660}.m-privacy::backdrop{background:#000a;backdrop-filter:blur(8px)}.m-privacy h2{font:52px/1 Editorial,Georgia,serif;margin:25px 0}.m-privacy>p:not(.m-eyebrow){font-size:14px;line-height:1.8;color:#c6c1b5;margin:20px 0}.m-privacy .m-button{margin-top:15px}.m-close{position:absolute;right:14px;top:12px;width:44px;height:44px;background:none;font-size:30px;font-weight:300}.m-noscript{padding:30px var(--gutter);font-size:14px}.m-noscript a{text-decoration:underline}
@media(max-width:1050px){.making-frame .desktop-nav{gap:18px}.making-frame .header-actions{gap:16px}.m-sound .sound-label{display:none}}
@media(max-width:760px){.making-frame{--gutter:6vw}.making-frame .site-header,.making-frame .site-header.scrolled{height:72px;padding-inline:5vw}.making-frame .brand{width:93px}.making-frame .brand img{height:58px}.making-frame .header-actions{gap:7px}.making-frame .header-cta{font-size:10px;min-height:38px;gap:10px;padding:7px 11px}.making-frame .motion-switch{min-width:30px}.m-sound{min-width:25px}.making-frame .motion-label{display:none}.m-footer{padding-top:40px}.m-footer-top{align-items:flex-start}.m-footer-top .m-eyebrow{font-size:8px;max-width:150px}.m-footer-logo{width:100%;margin:50px auto}.m-footer>nav{gap:12px 25px;justify-content:flex-start;padding-bottom:30px}.m-footer-bottom{flex-wrap:wrap;font-size:9px;gap:6px 20px}.m-footer-bottom>span{width:100%}.m-footer-bottom button{margin-left:auto}.m-privacy{padding:45px 25px 30px}.m-privacy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.making-frame *{scroll-behavior:auto!important}.m-button{transition:none}}