.title{gap:var(--space-5);min-height:100%;padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));background:var(--vault);flex-direction:column;display:flex}.title-cover{flex-direction:column;gap:10px;display:flex}.cover{border-radius:var(--radius-card);background:var(--paper);height:clamp(300px,50svh,440px);color:var(--cover-ink);position:relative;overflow:hidden}.cover-window{position:absolute;inset:18px;overflow:hidden}.cover-waves{width:100%;height:100%;position:absolute;inset:0}.cover-strip{opacity:0;height:100%;transition:opacity var(--cover-fade) var(--ease-out);position:absolute;top:0}.cover-printed .cover-strip{opacity:1;animation:cover-pan var(--cover-pan-seconds) ease-in-out infinite alternate;animation-delay:calc(var(--cover-pan-seconds) / -2)}.cover-paused .cover-strip{animation-play-state:paused}.cover-canvas{display:block}@keyframes cover-pan{0%{transform:translateX(calc(-1 * var(--cover-pan)))}to{transform:translateX(var(--cover-pan))}}.cover-mat{pointer-events:none;position:absolute;inset:0}.cover-mat:before,.cover-mat:after{content:"";border:1px solid var(--cover-ink);border-radius:2px;position:absolute}.cover-mat:before{inset:6px}.cover-mat:after{border-width:.5px;border-radius:0;inset:17.5px}.cover-micro{white-space:nowrap;text-align:center;height:11px;font-family:var(--font-ui);letter-spacing:1.3px;text-transform:uppercase;color:var(--cover-ink);font-size:5.5px;font-weight:600;line-height:11px;position:absolute;left:7px;right:7px;overflow:hidden}.cover-micro-top{top:7px}.cover-micro-bottom{bottom:7px}.reduced-motion .cover-strip{transition-duration:.2s}.reduced-motion .cover-printed .cover-strip{animation:none}@media (prefers-reduced-motion:reduce){.cover-strip{transition-duration:.2s}.cover-printed .cover-strip{animation:none}}.title-caption{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-12);color:var(--ivory-dim);display:flex}.title-now{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.title-now-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.title-swatch{width:8px;height:8px;box-shadow:0 0 0 1px var(--hairline);border-radius:50%;flex:none}.title-dots{flex:none;gap:5px;display:inline-flex}.title-dots span{border:1px solid var(--brass);border-radius:50%;width:5px;height:5px}.title-dots .on{background:var(--brass)}.title-side{gap:var(--space-5);flex-direction:column;flex:1;display:flex}.title-words{text-align:center}.title-wordmark{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ivory);margin:0;font-size:38px;font-weight:900;line-height:1}.title-tagline{margin:var(--space-2) 0 0;font-size:var(--text-14);color:var(--ivory-dim)}.title-menu{flex-direction:column;gap:10px;display:flex}.title-main{min-height:48px}.title-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.title-row .btn{padding:0 var(--space-2);font-size:var(--text-14)}.title-backup{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--hairline);border-left:3px solid var(--brass);border-radius:var(--radius-card);background:var(--vault-deep);font-size:var(--text-14);color:var(--ivory);flex-direction:column;display:flex}.title-backup p{margin:0}.title-footer{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-12);color:var(--ivory-dim);margin-top:auto;display:flex}.title-update{min-height:var(--tap-min);padding:0 var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--brass-light);font:inherit;font-size:var(--text-12);cursor:pointer;background:0 0;flex:none;font-weight:600}.title-update:active{background:#b8913d26}.title-update:disabled{color:var(--ivory-dim);cursor:default}@media (width<=350px){.title-wordmark{font-size:32px}}@media (width>=900px),(orientation:landscape) and (height>=500px){.title{justify-content:center;align-items:stretch;gap:var(--space-6);flex-direction:row}.title-cover{width:min(60vw,760px)}.cover{flex:1;height:auto;min-height:300px}.title-side{flex:none;justify-content:center;width:min(100%,360px)}.title-footer{margin-top:var(--space-3)}}@media (orientation:landscape) and (height<=499px){.cover{height:45svh;min-height:0}}