/* Scrapbook and field notebook styling for the signed document archive. */
.testimonials-page{background:#eee9dc}
.ts-main{overflow:hidden}
.ts-main .display{font-family:"Graphite Std","Arial Narrow",Impact,Arial,sans-serif;text-transform:uppercase;line-height:1.02;letter-spacing:.018em}
.ts-eyebrow,.ts-kicker,.ts-case-number,.ts-stamp{font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:12px}
.ts-eyebrow,.ts-kicker{color:#c25a22}
.ts-hero{position:relative;min-height:690px;padding:160px 0 95px;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(50,85,105,.48),transparent 42%),linear-gradient(140deg,#122740,#07192b 72%)}
.ts-hero::before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#8eb0c9 1px,transparent 1px),linear-gradient(90deg,#8eb0c9 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.ts-hero-inner{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:80px}
.ts-stamp{display:inline-block;border:1px solid #edb066;color:#ffcf83;padding:9px 14px;transform:rotate(-2deg);margin-bottom:32px;background:rgba(4,17,29,.45)}
.ts-hero .breadcrumb{color:#b4cbdd;margin-bottom:18px}.ts-hero .breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.ts-hero h1{font-size:clamp(56px,6vw,94px);margin:0 0 22px}.ts-hero h1 em{font-style:normal;color:#ffb155}
.ts-hero-copy>p{font-size:20px;max-width:610px;color:#d9e5ec;margin:0 0 30px}
.ts-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.ts-hero-link{text-decoration:underline;text-decoration-color:#ffb155;text-underline-offset:6px;font-weight:800}
.ts-hero-board{position:relative;height:475px;border:1px solid rgba(197,228,245,.36);background:linear-gradient(140deg,rgba(8,28,45,.8),rgba(43,78,101,.6));box-shadow:0 35px 70px rgba(0,0,0,.25);transform:rotate(2deg)}
.ts-blueprint{position:absolute;inset:0;color:#9cb8c7;opacity:.44;display:grid;place-items:center}.ts-blueprint svg{width:73%;height:73%}
.ts-hero-letter{position:absolute;object-fit:cover;object-position:top;aspect-ratio:612/792;border:8px solid #f9f5ea;background:#fff;box-shadow:0 24px 30px rgba(0,0,0,.36)}
.ts-hero-letter-one{width:225px;max-height:330px;left:13%;top:14%;transform:rotate(-10deg)}.ts-hero-letter-two{width:220px;max-height:325px;right:12%;top:25%;transform:rotate(8deg)}
.ts-round-seal{position:absolute;right:5%;top:3%;z-index:2;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px double #aa441b;border-radius:50%;background:#f7d69c;color:#71391f;font-family:"Graphite Std",Impact,sans-serif;font-size:39px;line-height:.9;transform:rotate(12deg)}.ts-round-seal small{font-size:12px;letter-spacing:.08em;margin-top:8px}
.ts-intro{background:#ede2cb;border-bottom:1px solid #c9bda9;padding:48px 0}.ts-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:end}.ts-intro h2{font-size:clamp(40px,4vw,62px);margin:8px 0 0;color:#23384b}.ts-intro p{font-size:18px;max-width:740px;margin:0;color:#475262}
.ts-notebook{padding:90px 0 115px;background:radial-gradient(#d9c8a5 .7px,transparent .7px),#f4eddf;background-size:15px 15px}
.ts-section-header{max-width:830px;margin-bottom:48px}.ts-section-header h2{font-size:clamp(44px,5vw,72px);color:#182e43;margin:10px 0 14px}.ts-section-header p{font-size:18px;color:#596170;margin:0 0 25px}
.ts-letter{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:52px;margin:0 0 64px;padding:55px 55px 55px 80px;background:repeating-linear-gradient(to bottom,#fffdf6 0,#fffdf6 34px,#d9e1e0 35px,#fffdf6 36px);border:1px solid #c8c4b7;box-shadow:12px 14px 0 #d5cbb7,0 25px 60px rgba(48,35,17,.16)}
.ts-letter:nth-of-type(2){transform:rotate(-.5deg)}.ts-letter:nth-of-type(3){transform:rotate(.45deg)}
.ts-letter::before{content:"";position:absolute;top:0;bottom:0;left:39px;width:2px;background:#dfb0a3}
.ts-letter::after{content:"";position:absolute;left:12px;top:34px;bottom:34px;width:18px;background:radial-gradient(circle,#9e9d96 0 4px,#eee6d6 5px 8px,transparent 9px) top/18px 110px repeat-y;pointer-events:none}
.ts-case-number{display:inline-block;background:#23384b;color:#fff;padding:7px 12px;transform:rotate(-2deg);margin-bottom:20px}.ts-kicker{margin:8px 0 10px}.ts-letter h3{font-family:"Graphite Std",Impact,sans-serif;text-transform:uppercase;font-size:clamp(31px,3.2vw,50px);line-height:1.02;margin:0 0 18px;color:#172f46}.ts-summary{font-size:18px;color:#3f4d5b;margin:0 0 26px;max-width:620px}
.ts-pull-quote{position:relative;margin:32px 0;padding:24px 27px 22px;background:#ffe0a4;box-shadow:5px 7px 0 rgba(106,73,25,.16);transform:rotate(-1deg)}.ts-quote-mark{position:absolute;left:12px;top:-22px;font:72px Georgia,serif;color:#ae4d27}.ts-pull-quote p{position:relative;color:#243448;font-family:Georgia,serif;font-size:clamp(22px,2.25vw,30px);font-weight:700;line-height:1.34;margin:0 0 15px}.ts-pull-quote footer{font-size:14px;font-weight:800;color:#694b35}
.ts-letter-context strong{text-transform:uppercase;letter-spacing:.08em;color:#24384b;font-size:13px}.ts-letter-context ul{padding-left:20px;margin:10px 0 22px;color:#43505d}.ts-letter-context li{margin:9px 0}
.ts-text-link{color:#b44c1b;font-weight:900;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.ts-letter-evidence{align-self:start;position:relative;padding:14px;background:#fff;border:1px solid #dfdbcf;box-shadow:0 20px 35px rgba(28,41,54,.2);transform:rotate(2deg)}.ts-letter:nth-of-type(2) .ts-letter-evidence{transform:rotate(-2.5deg)}.ts-letter-evidence img{width:100%;aspect-ratio:612/792;object-fit:cover;object-position:top}.ts-letter-evidence p{font-size:12px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin:12px 5px 2px;color:#657082}.ts-tape{position:absolute;z-index:2;top:-18px;left:40%;width:100px;height:35px;background:rgba(255,199,105,.65);transform:rotate(-4deg);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ts-project-strip{padding:86px 0;background:#16344d;color:#fff}.ts-strip-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.ts-strip-heading h2{font-size:clamp(40px,4vw,60px);margin:8px 0 0}.ts-strip-heading .ts-text-link{color:#ffbb76}.ts-project-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ts-project-photos a{position:relative;overflow:hidden;background:#091e30}.ts-project-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.ts-project-photos a:hover img{transform:scale(1.05)}.ts-project-photos span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(1,14,23,.92));padding:35px 18px 14px;font-weight:900}.ts-caption{color:#b4c6d4;font-size:13px;margin:16px 0 0}
.ts-archive{padding:92px 0 112px;background:#ede7da;background-image:linear-gradient(rgba(141,116,83,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,116,83,.08) 1px,transparent 1px);background-size:24px 24px}.ts-archive .btn{margin-top:3px}.ts-archive-group{background:#fffdf7;border:1px solid #c9bda9;margin:14px 0;box-shadow:4px 5px 0 rgba(89,68,41,.12)}.ts-archive-group summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:24px 28px}.ts-archive-group summary::-webkit-details-marker{display:none}.ts-archive-group summary strong{display:block;font-family:"Graphite Std",Impact,sans-serif;font-size:27px;line-height:1;text-transform:uppercase;color:#1c344c}.ts-archive-group summary small{display:block;color:#6d6b68;font-size:13px;margin-top:8px}.ts-expand{font-size:28px;font-weight:300;color:#ab521f;line-height:1}.ts-archive-group[open] .ts-expand{transform:rotate(45deg)}
.ts-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:4px 28px 28px}.ts-archive-page{display:flex;flex-direction:column;min-width:0;padding:12px;background:#f2eee6;border:1px solid #d2c6b5;transition:transform .2s,box-shadow .2s}.ts-archive-page:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(29,38,43,.15)}.ts-archive-page img{width:100%;height:210px;object-fit:contain;object-position:top;background:white;border:1px solid #dedcd4}.ts-page-label{margin:12px 0 3px;color:#ac511f;font-size:11px;letter-spacing:.15em;font-weight:900}.ts-archive-page strong{font-size:14px;line-height:1.3;color:#293a4e}
.ts-outro{padding:90px 0;background:#ead2a5;text-align:center}.ts-outro h2{font-size:clamp(44px,5vw,68px);max-width:850px;margin:10px auto 16px;color:#1b344a}.ts-outro p{margin:0 auto 27px;max-width:700px;font-size:18px}.ts-outro .btn-row{justify-content:center}.ts-outro .btn.ghost{border-color:#1b344a;color:#1b344a}
.ts-home-proof{padding:56px 0;background:#f4eddf;border-block:1px solid #d5c5a5}.ts-home-proof-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.ts-home-proof blockquote{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,36px);line-height:1.3;color:#203951;max-width:900px;margin:12px 0}.ts-home-proof p{color:#64594b;font-size:14px;font-weight:800;margin:0}.ts-home-proof .btn{flex:0 0 auto}
.ts-about-link{padding:75px 0;background:#f4eddf}.ts-about-link h2{font-size:clamp(40px,4vw,58px);color:#203951;max-width:850px;margin:12px 0}.ts-about-link p{font-size:18px;color:#52606a;margin:0 0 24px}
.ts-portfolio-note{background:#e9dfc8;border-block:1px solid #d4c2a4}.ts-portfolio-note .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;font-weight:800;color:#24394b}.ts-portfolio-note .note-prompt{display:inline-flex;align-items:center;gap:12px;font-size:clamp(20px,2.1vw,29px);line-height:1.2}.ts-portfolio-note .note-prompt svg{width:38px;height:38px;flex:0 0 auto;padding:8px;border-radius:50%;background:#17385b;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ts-portfolio-note a{display:inline-flex;align-items:center;min-height:46px;padding:9px 17px;border-radius:4px;background:#a93213;color:#fff;font-size:18px;box-shadow:0 6px 18px rgba(63,32,17,.18)}.ts-portfolio-note a:hover{background:#78230f}
@media(max-width:1050px){.ts-hero-inner{gap:35px}.ts-hero-letter-one{left:7%}.ts-hero-letter-two{right:6%}.ts-letter{gap:25px;padding-right:30px}}
@media(max-width:760px){.ts-hero{padding:140px 0 70px}.ts-hero-inner,.ts-intro-grid,.ts-letter{grid-template-columns:1fr}.ts-hero-board{height:350px;max-width:530px;width:100%;margin:15px auto 0}.ts-hero-letter-one,.ts-hero-letter-two{width:165px;max-height:250px}.ts-letter{padding:38px 22px 30px 55px}.ts-letter::before{left:32px}.ts-letter::after{left:5px}.ts-letter-evidence{max-width:430px;margin-inline:auto}.ts-project-photos{grid-template-columns:1fr 1fr}.ts-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-home-proof-inner{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:520px){.ts-hero h1{font-size:53px}.ts-hero-board{height:290px}.ts-hero-letter-one,.ts-hero-letter-two{width:130px;max-height:195px}.ts-round-seal{width:73px;height:73px;font-size:30px}.ts-round-seal small{font-size:9px}.ts-intro,.ts-notebook,.ts-archive,.ts-outro{padding-block:60px}.ts-project-photos,.ts-archive-grid{grid-template-columns:1fr 1fr;gap:10px}.ts-archive-page img{height:145px}.ts-archive-page{padding:7px}.ts-strip-heading,.ts-portfolio-note .container{align-items:flex-start;flex-direction:column}.ts-pull-quote{padding:22px 16px}.ts-project-photos span{font-size:12px;padding:30px 8px 7px}.ts-archive-group summary{padding:18px}.ts-archive-grid{padding:0 12px 16px}}
@media(prefers-reduced-motion:reduce){.ts-letter,.ts-letter-evidence,.ts-hero-board,.ts-hero-letter{transform:none}}
/* The extra primary link needs the compact menu before navigation crowds the brand. */
@media(min-width:1051px) and (max-width:1320px){
  .nav-toggle{display:block}
  .site-nav{position:fixed;inset:92px 0 auto;background:var(--navy);display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 26px;border-top:1px solid rgba(255,255,255,.15);white-space:normal}
  .site-nav.open{display:flex}
  .site-nav>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .site-nav>a::after{display:none}
  .site-nav .nav-cta{margin-top:12px;text-align:center;border-bottom:0}
  .account-links{display:flex;justify-content:center;gap:25px;padding:13px 0 2px;font-size:14px}
  .account-links a{border-bottom:1px solid rgba(255,255,255,.2)}
}
.ts-company-mark{display:inline-flex;align-items:center;justify-content:flex-start;max-width:min(100%,260px);min-height:62px;padding:6px 12px;margin:2px 0 14px;background:#fff;border:1px solid #dfd8c9;box-shadow:3px 4px 0 rgba(50,59,66,.12);transform:rotate(-1deg)}
.ts-company-mark img{display:block;width:auto;max-width:100%;max-height:68px;object-fit:contain;object-position:left}