*{box-sizing:border-box;margin:0;padding:0} :root{--pink:#f76f81;--blue:#93a8c3;--dark:#2a3240;--mid:#718196;--pale:#dce2e5;--light:#f6f8fa;--yellow:#F6E7B8;--white:#fff;--bg:#c8d5e3} html,body{height:100%;overflow:hidden} body{font-family:'Manrope',sans-serif;background:var(--bg);display:flex;flex-direction:column} .nav{height:48px;min-height:48px;flex-shrink:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--pale);display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:11px;color:var(--mid)} .brand{font-weight:700;color:var(--dark);letter-spacing:.14em;font-size:10px} .nr{display:flex;align-items:center;gap:10px} .btn{border:1px solid var(--pale);background:#fff;color:var(--mid);padding:4px 14px;border-radius:20px;font-size:10px;font-family:inherit;cursor:pointer;font-weight:600;transition:all .15s} .btn:hover{background:var(--dark);color:#fff;border-color:var(--dark)} .prog{height:3px;background:var(--pale);flex-shrink:0} .progf{height:100%;background:var(--pink);transition:width .3s ease} .sw{flex:1;overflow:hidden;position:relative} .slide{display:none;position:absolute;inset:0;background:#fff;padding:38px 58px;flex-direction:column;animation:fi .25s ease} .slide.active{display:flex} .photo-slide{padding:0;background:#111} @keyframes fi{from{opacity:0}to{opacity:1}} .snum{position:absolute;top:15px;right:25px;font-size:9px;letter-spacing:.1em;color:var(--pale);font-weight:600;z-index:10} .photo-slide .snum{color:rgba(255,255,255,.25)} .lbl{font-size:8.5px;font-weight:700;letter-spacing:.22em;color:var(--blue);text-transform:uppercase;margin-bottom:12px;flex-shrink:0} h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:48px;line-height:1.05;color:var(--dark)}