:root{--olive:#737448;--ink:#2b2a28;--paper:#fff;--design-w:390;--design-h:844}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#fff;color:var(--ink)}
body{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}
button{font:inherit}.app{width:100%;height:100svh;overflow:hidden;background:#fff}.screen{position:relative;width:100%;height:100svh;min-height:0;overflow:hidden}.screen[hidden]{display:none!important}
.hero{position:relative;width:100%;height:auto;aspect-ratio:1659/2048;flex:0 0 auto;overflow:visible;background:#fff}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.hero-wash{position:absolute;inset:0;background:rgba(255,255,255,.72)}
.lockup{position:absolute;width:min(77vw,300px);height:auto;left:50%;top:52.1%;transform:translateX(-50%)}
.primary{border:0;border-radius:0;background:var(--olive);color:#fff;cursor:pointer;line-height:1;padding:.34rem 1rem .42rem;font-size:clamp(20px,5.25vw,23px);white-space:nowrap}
.home-upload{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);width:min(63.6vw,248px)}
.intro{flex:1 1 auto;min-height:0;text-align:center;padding:55px 16px 12px;font-size:clamp(15px,4.15vw,18px);line-height:1.08;overflow:hidden}.intro p{margin:0 0 25px}.intro p:nth-of-type(2){margin-bottom:31px}.rule{display:block;width:82px;height:1px;background:#817d76;margin:0 auto 31px}.intro p:last-child{margin:0}
.state-screen{height:100svh;min-height:620px;overflow:hidden}.state-bg{position:absolute;inset:-18px;background-image:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),url('assets/background.jpg');background-size:cover;background-position:center 53%;filter:blur(5px);transform:scale(1.06)}
.state-lockup{position:absolute;top:27px;left:50%;transform:translateX(-50%);width:min(45.6vw,196px);height:auto}
.upload-panel{position:absolute;top:29.6%;left:0;width:100%;text-align:center;padding:0 34px}.upload-panel h1{font-size:clamp(27px,7.2vw,31px);font-weight:400;line-height:1;margin:0 0 28px}.progress{position:relative;width:100%;height:40px;border:1.5px solid var(--olive);overflow:hidden}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--olive);transition:width .18s linear}.progress-label{position:absolute;inset:0;display:grid;place-items:center;font-size:18px}.upload-panel>p{font-size:14px;margin:9px 0 0;line-height:1.1}
.complete-panel{position:absolute;top:30.5%;left:0;width:100%;text-align:center;padding:0 38px}.eyebrow{font-size:21px;margin:0 0 10px}.thanks{display:flex;align-items:center;justify-content:center;min-height:112px;margin:0;font-size:clamp(27px,7.4vw,32px);line-height:1.03}.more-upload{margin-top:45px;width:min(63.6vw,290px)}
.visually-hidden{position:fixed!important;width:1px;height:1px;opacity:0;pointer-events:none;left:-9999px}
@media (min-width:700px){body{background:#eee}.app{width:390px;height:844px;min-height:844px;margin:0 auto;box-shadow:0 0 30px rgba(0,0,0,.08)}.screen{height:844px;min-height:844px}.state-screen{height:844px}.primary{font-size:21px}.intro{font-size:17px}}
@media (max-height:700px){.intro{padding-top:30px;font-size:15px}.intro p{margin-bottom:13px}.intro p:nth-of-type(2){margin-bottom:13px}.rule{margin-bottom:14px}.upload-panel{top:27%}.complete-panel{top:27%}}

.home{display:flex;flex-direction:column;}