@charset "UTF-8";

:root{
  --ink:#29241d;
  --brown:#3a3026;
  --paper:#eee5d2;
  --paper-light:#faf6ec;
  --paper-deep:#d8c9ae;
  --red:#a4412f;
  --gold:#b68a43;
  --line:rgba(67,52,36,.24);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 86% 5%,rgba(255,255,255,.74) 0 4%,transparent 24%),
  linear-gradient(90deg,rgba(64,48,31,.025) 1px,transparent 1px),var(--paper);
  background-size:auto,8px 100%,auto;font-family:"Songti SC","STSong",Georgia,serif}
a{color:inherit}
.paper-noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.25;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E")}

.masthead{height:84px;padding:0 clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(246,239,224,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.identity{display:flex;align-items:center;gap:12px;text-decoration:none;width:max-content}
.identity-seal{width:42px;height:42px;display:grid;place-items:center;background:var(--red);color:#fff;border:1px solid #6d251a;box-shadow:3px 3px 0 rgba(85,48,30,.18);font-size:13px;letter-spacing:.08em}
.identity b,.identity small{display:block}.identity b{font-size:16px;letter-spacing:.12em}.identity small{margin-top:3px;color:#766753;font:8px/1.1 "Avenir Next",sans-serif;letter-spacing:.17em}
.masthead nav{display:flex;align-items:center;border-left:1px solid var(--line)}
.masthead nav a{padding:10px 22px;border-right:1px solid var(--line);text-decoration:none;font-size:13px;transition:.2s}
.masthead nav a:hover{background:var(--red);color:#fff;transform:translateY(-2px)}
.archive-state{justify-self:end;color:#776956;font:9px "Avenir Next",sans-serif;letter-spacing:.14em}.archive-state i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#667c54;box-shadow:0 0 0 4px rgba(102,124,84,.13);animation:statePulse 1.8s ease-in-out infinite}

main{overflow:hidden}.hero{width:min(1420px,100%);min-height:690px;margin:auto;padding:74px clamp(24px,7vw,108px) 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);align-items:center;gap:8vw;position:relative}.hero:before{content:"DOCUMENT ARCHIVE";position:absolute;left:3vw;bottom:8px;color:rgba(62,47,31,.06);font:800 clamp(70px,12vw,180px)/.8 Georgia,serif;letter-spacing:-.1em;white-space:nowrap;pointer-events:none}
.hero-copy{position:relative;z-index:2;animation:riseIn .8s cubic-bezier(.2,.75,.2,1) both}.folio{display:flex;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:9px 0;justify-content:space-between;gap:20px;color:#6c5d4b;font:9px "Avenir Next",sans-serif;letter-spacing:.12em}.eyebrow{margin:46px 0 12px;color:var(--red);font:700 10px "Avenir Next",sans-serif;letter-spacing:.24em}.hero h1{margin:0;font-size:clamp(52px,6.2vw,95px);line-height:.94;letter-spacing:-.08em;font-weight:800}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--red)}.hero-intro{max-width:620px;margin:30px 0;color:#655947;font-size:16px;line-height:2}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.primary-action{min-width:225px;padding:17px 18px 17px 22px;background:var(--brown);color:#fff;display:flex;justify-content:space-between;text-decoration:none;box-shadow:6px 6px 0 var(--red);transition:.22s}.primary-action:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--red)}.text-action{text-underline-offset:7px;text-decoration-color:#9d8d75;font-size:13px}.hero-notes{display:flex;gap:24px;margin-top:48px;border-top:1px solid var(--line);padding-top:15px}.hero-notes span{font-size:11px;color:#6c5f4d}.hero-notes b{color:var(--red);margin-right:6px;font:10px "Avenir Next",sans-serif}

.archive-visual{height:540px;position:relative;animation:riseIn .85s .1s cubic-bezier(.2,.75,.2,1) both}.catalog-label{position:absolute;right:1%;top:0;width:82%;height:62px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#756653;font:10px "Avenir Next",sans-serif;letter-spacing:.15em}.catalog-label b{font-size:11px;color:var(--red)}.sheet{position:absolute;width:min(390px,76%);height:440px;padding:28px;background:var(--paper-light);border:1px solid #b8a98d;box-shadow:10px 12px 0 rgba(73,54,34,.09)}.sheet-back{right:1%;top:54px;transform:rotate(7deg);background:#d8c9ae;color:#8e7d62;font:10px "Avenir Next",sans-serif;letter-spacing:.15em}.sheet-mid{right:12%;top:68px;transform:rotate(-5deg);background:#e8ddc7;color:#88785e;font:10px "Avenir Next",sans-serif;letter-spacing:.15em}.sheet-front{right:7%;top:80px;transform:rotate(1.5deg);animation:paperFloat 5s ease-in-out infinite}.sheet-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:32px;font-size:13px}.sheet-head b{color:var(--red);font-size:11px}.sheet-front>i{display:block;height:7px;margin:15px 0;background:#c9baa0}.sheet-front>i.short{width:63%}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:35px}.document-grid span{height:49px;border:1px solid #c7b89e;background:repeating-linear-gradient(0deg,transparent 0 8px,#ded3bf 9px 10px)}.red-stamp{position:absolute;right:30px;bottom:32px;width:78px;height:78px;border:4px double var(--red);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--red);font-weight:800;line-height:1.25;transform:rotate(-12deg)}.scan-beam{position:absolute;right:3%;top:112px;width:88%;height:3px;background:var(--red);box-shadow:0 0 16px rgba(164,65,47,.7);z-index:4;animation:scanDocument 3.4s ease-in-out infinite}.float-tag{position:absolute;z-index:5;padding:9px 12px;background:var(--brown);color:#fff;font:9px "Avenir Next",sans-serif;letter-spacing:.12em}.tag-one{left:1%;top:210px;transform:rotate(-90deg)}.tag-two{right:-2%;bottom:22px;background:var(--red)}

.tool-desk{padding:86px clamp(24px,5.5vw,90px) 105px;background:var(--brown);color:#f5ecda;position:relative}.tool-desk:before{content:"";position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(90deg,transparent 0 80px,#e0cba71c 81px 82px)}.section-heading{position:relative;display:block;margin-bottom:48px}.section-heading span,.workflow-title span,.preservation-copy>span{color:#c5a56c;font:9px "Avenir Next",sans-serif;letter-spacing:.21em}.section-heading h2,.workflow h2,.preservation h2{font-size:clamp(30px,3.4vw,50px);line-height:1.05;margin:12px 0 0;letter-spacing:-.04em}.tool-grid{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.tool-card{min-height:470px;padding:25px;color:var(--ink);text-decoration:none;background:var(--paper-light);border:1px solid #c8b99d;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.tool-card:hover{transform:translateY(-9px);box-shadow:0 16px 0 var(--red)}.scan-card{grid-column:span 5}.archive-card{grid-column:span 4;background:#e3d6bd}.ocr-card{grid-column:span 3;background:#c7a96f}.card-index{font:9px "Avenir Next",sans-serif;letter-spacing:.16em;color:#806f59}.card-copy{margin-top:auto}.card-copy h3{font-size:34px;margin:0 0 10px;letter-spacing:-.05em}.card-copy p{min-height:54px;color:#625542;line-height:1.7;font-size:13px}.card-copy ul{margin:20px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--line);display:grid;gap:7px;color:#70624e;font-size:11px}.card-copy li:before{content:"—";color:var(--red);margin-right:7px}.tool-card>strong{margin-top:25px;display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:13px;font-size:13px}.card-symbol{width:130px;height:130px;border:1px solid #9f8e72;margin:30px 0;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px}.card-symbol i{border-style:solid;border-color:var(--red);border-width:2px 0 0 2px}.card-symbol i:nth-child(2){transform:rotate(90deg)}.card-symbol i:nth-child(3){transform:rotate(-90deg)}.card-symbol i:nth-child(4){transform:rotate(180deg)}.folder-symbol{height:130px;margin:30px 0;position:relative}.folder-symbol span{position:absolute;inset:25px 12px 5px;background:#ad4632;transform:skewY(-4deg)}.folder-symbol i{position:absolute;width:72%;height:72px;left:0;background:#f4ead5;border:1px solid #9c896a}.folder-symbol i:nth-of-type(1){top:11px;left:13%}.folder-symbol i:nth-of-type(2){top:20px;left:18%}.folder-symbol i:nth-of-type(3){top:29px;left:23%}.ocr-symbol{width:130px;height:130px;margin:30px 0;border:1px solid #6e5a39;display:grid;place-items:center;position:relative}.ocr-symbol b{font-size:54px}.ocr-symbol span{position:absolute;right:-18px;top:12px;background:var(--red);color:#fff;padding:5px;font:8px "Avenir Next",sans-serif;letter-spacing:.1em}.ocr-symbol i{position:absolute;left:8px;right:8px;height:2px;background:#fff;box-shadow:0 0 8px #fff;animation:ocrScan 2.7s ease-in-out infinite}

.workflow{padding:92px clamp(24px,5.5vw,90px);display:grid;grid-template-columns:280px 1fr;gap:7vw;border-bottom:1px solid var(--line)}.workflow-title span{color:var(--red)}.workflow ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.workflow li{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding-left .25s}.workflow li:hover{padding-left:12px}.workflow li>span{color:var(--red);font:10px "Avenir Next",sans-serif}.workflow b{font-size:17px}.workflow p{margin:5px 0 0;color:#6f624f;font-size:12px}
.preservation{margin:0 clamp(24px,5.5vw,90px) 96px;padding:72px;background:#a4412f;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;position:relative;overflow:hidden}.preservation:after{content:"✓";position:absolute;right:-20px;bottom:-100px;color:rgba(255,255,255,.08);font:260px Georgia,serif}.preservation-copy>span{color:#f0cabf}.preservation p{max-width:560px;color:#f1d8d0;line-height:1.9}.preservation-list{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px;position:relative;z-index:1}.preservation-list span{padding:16px;border:1px solid rgba(255,255,255,.28);font-size:12px}.preservation-list i{font-style:normal;margin-right:10px;color:#f6d09a}
.site-footer{padding:36px clamp(24px,5.5vw,90px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:#211c17;color:#d5c8b4}.site-footer b,.site-footer span{display:block}.site-footer b{color:#fff;font-size:16px}.site-footer span{margin-top:6px;font:8px "Avenir Next",sans-serif;letter-spacing:.17em}.site-footer p{text-align:right;margin:0;font-size:10px;line-height:1.9}

@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes paperFloat{50%{transform:rotate(-.5deg) translateY(-8px)}}
@keyframes scanDocument{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(335px);opacity:1}}
@keyframes ocrScan{0%,100%{top:18px;opacity:.35}50%{top:108px;opacity:1}}
@keyframes statePulse{50%{opacity:.25}}

@media(max-width:980px){.masthead{grid-template-columns:1fr auto}.masthead nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.archive-visual{width:min(600px,100%);margin:20px auto 0}.scan-card,.archive-card,.ocr-card{grid-column:span 12;min-height:370px}.tool-card{display:grid;grid-template-columns:170px 1fr;column-gap:28px}.tool-card .card-index,.tool-card>strong{grid-column:1/-1}.card-copy{margin:0}.workflow{grid-template-columns:1fr}.preservation{grid-template-columns:1fr;padding:48px}}
@media(max-width:640px){.masthead{height:72px;padding:0 16px}.archive-state{display:none}.hero{padding:50px 18px}.folio span:nth-child(2){display:none}.hero h1{font-size:47px}.hero-intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-notes{gap:10px;justify-content:space-between}.hero-notes span{font-size:9px}.archive-visual{height:430px}.sheet{height:345px;padding:20px}.scan-beam{top:100px}.document-grid{margin-top:20px}.tool-desk{padding:65px 18px}.section-heading{grid-template-columns:1fr}.tool-card{display:flex;min-height:440px}.workflow{padding:65px 18px}.preservation{margin:0 18px 65px;padding:34px 24px}.preservation-list{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}.site-footer p{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}