@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#111210;--gold:#c9ae73;--paper:#f2eddf;--muted:#9b9d91;--line:#35392f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.6 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}em{color:var(--gold);font-weight:400}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:19px;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2.6px;color:var(--gold);margin-top:1px}.brand-seal{font-size:42px;color:var(--gold)}nav{display:flex;gap:35px;font-size:12px;color:#c6c9bc}.text-button{background:none;font-size:12px;padding:13px 0}.text-button span{margin-left:10px;color:var(--gold)}.hero{position:relative;min-height:690px;height:calc(100vh - 110px);max-height:900px;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#111210 2%,#111210df 22%,#11121020 65%,#11121005),url('assets/vault-scene.png') center right/cover no-repeat;opacity:.88}.hero-grid{position:absolute;inset:24px;border:1px solid #c9ae7320;pointer-events:none}.hero-copy{position:relative;padding:85px 7.5%;max-width:900px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--gold)}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(72px,7.7vw,122px);line-height:.99;letter-spacing:-3px;margin:30px 0}.hero p{color:#bbbeb1;font-size:14px;line-height:1.9;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 23px;font-size:12px;font-weight:600;letter-spacing:.2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:var(--ink)}.gold:hover{background:#dfc68e}.dark{background:var(--ink);color:var(--paper);width:100%}.outline{border:1px solid #6b705b;background:transparent}.hero-footnote{margin-top:40px;display:flex;align-items:center;gap:20px}.hero-footnote>span:first-child{font:28px 'Cormorant Garamond',Georgia;color:var(--gold);border-right:1px solid #575441;padding-right:20px}.hero-footnote>span:last-child{font-size:8px;letter-spacing:1.2px;line-height:1.9;color:#a1a695}.hero-label{position:absolute;bottom:44px;right:5%;text-align:right;font-size:10px;letter-spacing:2px;color:var(--gold)}.hero-label span{display:block;font-size:7px;margin-top:8px;color:#a8a88f}.ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:25px 4%;border-block:1px solid var(--line);font-size:10px;letter-spacing:2px;color:#b8bda9}.ticker b{font-size:19px;color:var(--gold)}.section{padding:95px 7.5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-head h2{font-size:60px;line-height:1.03;margin-top:20px;letter-spacing:-1px}.section-head>p{font-size:12px;color:#9ba28f;line-height:1.9;padding-bottom:6px}.archive-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.filter-row{display:flex;gap:9px;border-bottom:1px solid var(--line);padding-bottom:22px}.filter{font-size:10px;min-height:40px;background:transparent;border:1px solid #44483a;padding:8px 12px;color:#a5ad98}.filter.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}.batch{display:flex;align-items:center;gap:19px;padding:26px 15px;width:100%;text-align:left;background:transparent;border-bottom:1px solid var(--line)}.batch:hover,.batch.selected{background:#1b1e17}.batch.selected{border-left:2px solid var(--gold)}.batch-icon{font-family:Georgia;font-size:27px;color:var(--gold);width:39px;flex-shrink:0;text-align:center}.batch strong{font-size:12px;display:block;letter-spacing:.5px}.batch small{display:block;color:#909982;font-size:10px;margin-top:5px}.batch .arrow{margin-left:auto;font-size:20px;color:var(--gold)}#serial-form{margin-top:35px}label{display:block;font-size:9px;letter-spacing:1.5px;color:var(--gold);margin-bottom:12px}.input-line{display:flex;border-bottom:1px solid #6b705b}input,select{width:100%;background:transparent;border:0;border-bottom:1px solid #6b705b;border-radius:0;color:var(--paper);padding:12px 0;min-height:48px;font-size:13px}.input-line input{border:0}.input-line button{background:transparent;color:var(--gold);width:50px}.input-line input::placeholder{color:#8d957f}#lookup-status{color:#959e86;font-size:10px;margin-top:13px;min-height:34px}.record{background:var(--paper);color:var(--ink);position:relative;box-shadow:0 12px 45px #0003}.record-top,.record-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;padding:15px 24px;border-bottom:1px solid #c8c4b4}.record-bottom{border:0;border-top:1px solid #c8c4b4}.record-body{padding:26px 37px 30px;position:relative}.seal-large{float:right;width:52px;height:52px;border:1px solid #9d885b;outline:1px solid #9d885b;outline-offset:4px;border-radius:50%;text-align:center;font-size:29px;line-height:52px;color:#96763c}.record .eyebrow{color:#8a713d;font-size:8px}.record h3{font-size:34px;letter-spacing:1px;margin:18px 0 0}.record-subtitle,#record-subtitle{font-size:11px;color:#72745f}dl{margin:25px 0}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #d6d1c1;padding:8px 0;font-size:10px}dt{color:#777866}dd{margin:0}.evidence h4{font-size:8px;letter-spacing:1.8px}.evidence ul{padding:0;list-style:none;font-size:10px}.evidence li{margin:8px 0}.evidence li:before{content:'✓';margin-right:10px;color:#647149}.evidence li.missing:before{content:'!';color:#9d5639}.record-warning{font-size:9px;color:#7b7c68;margin:18px 0}.record .button{min-height:45px}#inspection-result{font-size:10px;border-top:1px solid #aaa38d;margin-top:15px;padding-top:15px}.coverage{background:#191c16;border-block:1px solid var(--line)}.scenario-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario{background:transparent;text-align:left;padding:24px;border:1px solid #414737;min-height:142px}.scenario.active{border-color:var(--gold);background:#22271c}.scenario>span{display:block;font-size:9px;letter-spacing:2px;color:var(--gold)}.scenario strong{display:block;font-family:'Cormorant Garamond',Georgia;font-size:29px;font-weight:400;margin:10px 0 2px}.scenario small{color:#9aa48b;font-size:10px}.coverage-display{display:flex;align-items:center;gap:8%;padding:50px 5%}.ratio-dial{width:240px;flex-shrink:0;position:relative}.ratio-dial svg{width:100%;transform:rotate(-90deg)}.dial-track,.dial-progress{fill:none;stroke:#323a29;stroke-width:2}.dial-progress{stroke:var(--gold);stroke-width:3;stroke-dasharray:603;stroke-dashoffset:27;transition:stroke-dashoffset .6s}.ratio-dial>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ratio-dial strong{font:70px 'Cormorant Garamond',Georgia;color:var(--gold)}.ratio-dial strong span{font-size:30px}.ratio-dial small{font-size:7px;letter-spacing:1.5px;color:#9fa78f}.ratio-detail h3{font-size:38px;margin:15px 0}.ratio-detail p{font-size:12px;color:#a4ad97;max-width:490px}.formula{display:flex;gap:15px;align-items:center;margin-top:26px;font-family:'Cormorant Garamond',Georgia;font-size:27px}.formula b{font-size:14px;font-weight:400;color:#6f785e}.formula-label{display:flex;gap:21px;font-size:7px;color:#879176;letter-spacing:.5px}.comparison{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #394230;padding-top:25px}.comparison>span{font-size:8px;color:var(--gold);letter-spacing:1px}.comparison div{display:flex;gap:16px;font-size:10px}.comparison b{font-weight:500}.comparison div span{color:#8e997f}.collect-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}#preview-form input,#preview-form select{margin-bottom:27px}select option{background:var(--ink)}#preview-form p{font-size:10px;color:#a4ae94;margin:0 0 22px}#preview-form strong{color:var(--gold);font-weight:400}#reset{display:block;margin:15px 0}.keepsake{background:var(--paper);color:var(--ink);padding:15px;transform:rotate(-2deg);box-shadow:12px 20px 0 #292d22;transition:background .3s}.certificate-border{border:1px solid #ab905a;outline:1px solid #ab905a;outline-offset:-5px;text-align:center;padding:29px 20px;background:repeating-conic-gradient(from 0deg at 50% 43%,#c9ae7315 0 1deg,transparent 1deg 15deg)}.certificate-border .eyebrow{font-size:8px;color:#8c713c}.certificate-icon{font-size:45px;line-height:1.3;color:#9d7b3b;margin:12px}.keepsake h3{font-size:42px;line-height:1}.keepsake p{font-family:'Cormorant Garamond',Georgia;font-size:22px;margin:16px 0 8px;overflow-wrap:anywhere}.certificate-number{font-size:14px;letter-spacing:2px;border-block:1px solid #b4a382;margin:15px 15%;padding:9px 0}.certificate-border>span:not(.eyebrow){font-size:8px;letter-spacing:.9px}.certificate-border>small{display:block;font-size:7px;letter-spacing:1px;margin-top:20px}.keepsake.obsidian{background:#22251d;color:var(--paper)}.preview-status{font-size:10px;color:#a3ac95;text-align:center;margin:32px 0 14px}.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-actions .button{font-size:10px;gap:15px;min-height:45px}.preview-actions .text-button{font-size:10px}.principles{padding-top:50px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:28px}.principle-grid article{border-top:1px solid var(--line);padding-top:30px}.principle-grid article>span{font:25px Georgia;color:var(--gold)}.principle-grid h3{font-size:27px;margin:15px 0}.principle-grid p{color:#909c81;font-size:11px;line-height:1.9}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:40px 7.5%;border-top:1px solid var(--line);gap:25px}footer .brand{font-size:15px}footer>span{font-size:8px;letter-spacing:2px;color:var(--gold)}footer>a:last-of-type{font-size:11px}footer small{width:100%;font-size:9px;color:#838d75}dialog{background:#1b1f17;color:var(--paper);border:1px solid var(--gold);max-width:610px;width:calc(100% - 35px);padding:48px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:43px;line-height:1.1;margin:20px 0}dialog p,dialog li{font-size:12px;color:#bac2ae}dialog p{margin:20px 0}.dialog-close{position:absolute;right:15px;top:10px;background:transparent;font-size:28px}.intro[hidden]{display:none}.intro{position:fixed;inset:0;z-index:100;background:#0c0e0b;overflow:hidden}.intro-top,.intro-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:8px;letter-spacing:2px;color:var(--gold)}.intro-top{top:25px}.intro-bottom{bottom:35px}.intro-top button{background:transparent;min-height:44px;border:1px solid #58533d;padding:10px 20px;font-size:10px}.intro-scene{position:absolute;inset:0;perspective:1000px;background:radial-gradient(ellipse,#32352840,transparent 60%)}.vault-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #988350;box-shadow:0 0 0 12px #10130f,0 0 0 13px #655834,0 0 0 35px #0d100c,0 0 0 37px #655834;background:repeating-conic-gradient(#c9ae7377 0 1deg,transparent 1deg 6deg);mask:radial-gradient(transparent 64%,black 64%);animation:turn 5.5s cubic-bezier(.2,.8,.2,1) forwards,ringFade 10s forwards}.outer{width:570px;height:570px;--rotation:175deg}.inner{width:440px;height:440px;--rotation:-210deg;animation-delay:.2s}.intro-note{position:absolute;top:50%;left:50%;width:310px;height:170px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;border:1px solid #baa064;background:linear-gradient(135deg,#99804f,#e5d4a2 42%,#b09860);color:#343425;box-shadow:0 15px 50px #0008;animation:noteEnter 10s forwards}.intro-note span{font-size:8px;letter-spacing:4px}.intro-note strong{font:66px Georgia;letter-spacing:12px}.intro-note small{font-size:7px;letter-spacing:2px}.press-head{position:absolute;left:50%;top:50%;width:150px;height:110px;background:linear-gradient(90deg,#322f24,#8d805d,#29291f);border:1px solid #a4925b;box-shadow:0 20px 50px #000;animation:press 10s forwards}.light-beam{position:absolute;inset:-60%;background:conic-gradient(from 255deg,transparent 0deg,#f4d79688 10deg,transparent 22deg);animation:beam 10s forwards;mix-blend-mode:screen}.intro-brand{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:brandReveal 10s forwards}.intro-brand small{font-size:8px;letter-spacing:4px;color:var(--gold)}.intro-brand h1{font-size:clamp(45px,8vw,100px);letter-spacing:8px;margin:12px}.intro-brand p{font:italic 25px 'Cormorant Garamond',Georgia;color:var(--gold)}@keyframes turn{from{transform:translate(-50%,-50%) rotate(0) scale(.85)}to{transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1.1)}}@keyframes ringFade{0%,60%{opacity:1}80%,100%{opacity:0}}@keyframes noteEnter{0%,20%{opacity:0;transform:translate(-50%,150%) rotateX(65deg)}35%,52%{opacity:1;transform:translate(-50%,-50%) rotateX(15deg)}56%,63%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}77%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}@keyframes press{0%,35%{opacity:0;transform:translate(-50%,-400%)}43%,49%{opacity:1;transform:translate(-50%,-80%)}53%,100%{opacity:0;transform:translate(-50%,-400%)}}@keyframes beam{0%,51%{opacity:0;transform:rotate(-30deg)}60%,70%{opacity:1}90%,100%{opacity:0;transform:rotate(55deg)}}@keyframes brandReveal{0%,69%{opacity:0;transform:translateY(20px)}79%,96%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-15px)}}
@media(min-width:1700px){.hero-art{background-position:center}}@media(max-width:950px){header{padding:0 5%;height:90px}nav{gap:18px}.hero{height:auto;min-height:690px}.hero-copy{padding:80px 7%}.hero h1{font-size:88px}.hero-art{background-position:62% center}.section{padding:70px 6%}.section-head h2{font-size:49px}.archive-layout{gap:5%}.record-body{padding:24px}.filter-row{gap:5px}.filter{padding:8px;font-size:9px}.coverage-display{padding:40px 0;gap:5%}.ratio-dial{width:210px}.comparison div{display:block}.collect-layout{gap:7%}.preview-actions{flex-wrap:wrap}.principle-grid{gap:25px}}
@media(max-width:640px){header{height:84px;padding:0 22px}.brand{font-size:15px;gap:8px}.brand small{font-size:6px}.brand-seal{font-size:32px}nav{display:none}#replay{font-size:9px}.hero{min-height:730px}.hero-copy{padding:55px 28px}.hero h1{font-size:78px;letter-spacing:-2px;margin:26px 0}.hero-art{background:linear-gradient(180deg,#11121020,#111210c0 45%,#11121000),linear-gradient(90deg,#111210e0,#11121000),url('assets/vault-scene.png') 61% bottom/auto 83% no-repeat;opacity:.65}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero p{font-size:12px}.hero-grid{inset:12px}.hero-label{bottom:30px;right:28px;font-size:8px}.hero-footnote{margin-top:30px}.ticker{gap:10px;padding:20px;font-size:7px;letter-spacing:1px;flex-wrap:wrap}.ticker span{width:40%;text-align:center}.ticker b{font-size:12px}.ticker b:nth-of-type(2){display:none}.section{padding:58px 24px}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:45px;margin-top:15px}.section-head>p{margin-top:22px;font-size:11px}.archive-layout{grid-template-columns:1fr;gap:32px}.filter{font-size:9px;flex:1;padding:8px 5px}.record-body{padding:26px}.record-top,.record-bottom{font-size:6px;padding:14px 20px;letter-spacing:1px}.record h3{font-size:30px}.scenario-options{gap:8px;grid-template-columns:1fr}.scenario{padding:17px 20px;min-height:0;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:0 10px}.scenario>span{font-size:8px;grid-row:span 2}.scenario strong{font-size:26px;margin:0}.scenario small{font-size:9px}.coverage-display{flex-direction:column;gap:20px;padding:30px 0}.ratio-dial{width:210px}.ratio-detail h3{font-size:33px}.ratio-detail p{font-size:11px}.formula{gap:11px;font-size:25px}.comparison{flex-wrap:wrap;gap:18px}.comparison>span{width:100%}.comparison div{font-size:9px}.collect-layout{grid-template-columns:1fr;gap:30px}.keepsake{box-shadow:7px 12px 0 #292d22}.certificate-border{padding:24px 12px}.keepsake h3{font-size:39px}.certificate-number{margin-inline:6%;font-size:13px}.preview-actions{justify-content:center}.principle-grid{grid-template-columns:1fr;gap:30px}.principle-grid article{padding-top:20px}.principle-grid h3{margin:8px 0;font-size:29px}.principle-grid p{max-width:400px}.principles{padding-top:25px}footer{padding:30px 24px;gap:22px}footer>span{display:none}dialog{padding:35px 25px}dialog h2{font-size:36px}.intro-bottom{font-size:6px;letter-spacing:1px;gap:15px}.intro-top>span{font-size:6px;letter-spacing:1px}.outer{width:390px;height:390px}.inner{width:300px;height:300px}.intro-note{width:245px;height:150px}.intro-brand h1{letter-spacing:4px;font-size:45px}.intro-brand small{font-size:6px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none!important}}

.brand-seal{width:43px;height:43px}.seal-large img{width:100%;height:100%}.certificate-icon img{width:55px;height:55px}.intro-brand:before{content:"";width:70px;height:70px;background:url(assets/otter-mark.svg) center/contain no-repeat;margin-bottom:10px}

.vault-ring{transform:translate(-50%,-50%);animation-fill-mode:both}.intro-pre #site{visibility:hidden}.intro-pre body:before{content:"";position:fixed;inset:0;background:#111210 url(assets/vault-scene.png) center/cover;z-index:99}