
:root{--navy:#103247;--mast:#17485f;--gold:#ffd22a;--red:#a53a3d;--paper:#f4f2ed;--ink:#17232d;--muted:#667681;--line:#dad7cf;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:#215b7a}
.mast{background:var(--mast)}.mast-inner{max-width:1180px;margin:auto;padding:8px 16px 3px;text-align:center}.mast-inner img{width:min(520px,92vw);max-width:100%;height:auto;display:block;margin:auto}.dedication{color:var(--gold);font-size:clamp(11px,1.05vw,14px);font-weight:700;margin:5px auto 8px;padding:0 10px;text-align:center}.company-name{white-space:nowrap}.mast-rule{height:3px;background:var(--gold)}
.nav{background:#0e2f43;color:white;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #0002}.nav-inner{max-width:1180px;margin:auto;display:flex;align-items:center;padding:0 15px}.nav a,.dropbtn{display:block;padding:15px 12px;border:0;background:none;color:white;text-decoration:none;font-size:14px;cursor:pointer;white-space:nowrap}.nav a:hover,.dropbtn:hover,.dropbtn[aria-expanded=true]{background:#ffffff12}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:235px;background:white;box-shadow:0 9px 28px #0003;border-radius:0 0 6px 6px;overflow:hidden;z-index:60}.dropdown.open>.dropdown-content{display:block}.dropdown-content a{color:var(--ink)!important;background:white;padding:11px 15px}.dropdown-content a:hover{background:#ece9e2}.search-nav{margin-left:auto}
.hero{background:linear-gradient(120deg,#15364d,#315f77);color:white;padding:54px 22px}.hero-inner{max-width:1040px;margin:auto}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.eyebrow{opacity:.72}.hero h1,.page-head h1{font:48px/1.1 Georgia,serif;margin:11px 0 12px}.hero p{font-size:18px;max-width:800px;opacity:.92}.searchbox{display:flex;background:white;border-radius:6px;overflow:hidden;max-width:780px;margin-top:28px}.searchbox input{flex:1;border:0;outline:0;padding:17px 19px;font-size:16px}.searchbox button{border:0;background:var(--red);color:white;padding:0 24px;font-weight:bold}
.wrap{max-width:1180px;margin:auto;padding:36px 22px}.page-head{background:#e7e3db;border-bottom:1px solid #d4d0c6}.page-head .wrap{padding-top:28px;padding-bottom:25px}.page-head h1{font-size:40px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb a{color:inherit}
.content-shell{max-width:1040px;margin:auto;background:white;border:1px solid var(--line);border-radius:7px;padding:34px;margin-top:32px;margin-bottom:48px;box-shadow:0 2px 12px #0000000c}.legacy-content{font-size:16px}.legacy-content img{max-width:100%;height:auto!important}.legacy-content table{max-width:100%!important;width:auto!important;border-collapse:collapse}.legacy-content td,.legacy-content th{max-width:100%;padding:4px}.legacy-content h1:first-child{display:none}.legacy-content h1,.legacy-content h2,.legacy-content h3{font-family:Georgia,serif;color:#173e58}.legacy-content center{max-width:100%}.legacy-content a{overflow-wrap:anywhere}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{font:32px Georgia,serif;margin:0}.section-head p,.muted{color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:white;border:1px solid var(--line);border-radius:7px;padding:21px;text-decoration:none;color:inherit}.feature h3{font:21px Georgia,serif;margin:5px 0}.feature p{color:var(--muted);font-size:14px}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #d5d3cc;background:white;border-radius:20px;padding:9px 13px;cursor:pointer}.tabs .active{background:#173c55;color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;cursor:pointer}.thumb{height:220px;background:#e9e6df}.thumb img{width:100%;height:100%;object-fit:contain}.card-body{padding:15px}.kicker{color:var(--red)}.title{font:18px/1.25 Georgia,serif;margin:8px 0 13px}.id{font-size:12px;color:var(--muted)}
.wish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wish-card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.wish-thumb{height:240px;background:#ece8df}.wish-thumb img{width:100%;height:100%;object-fit:contain}.wish-body{padding:16px;border-top:4px solid var(--red)}.wish-body h3{font:19px Georgia,serif;margin:7px 0}.pill{display:inline-block;background:#f2e1de;color:#8d292c;font-size:10px;font-weight:bold;padding:5px 8px;border-radius:10px;letter-spacing:.12em}
.search-results{display:grid;gap:12px;margin-top:25px}.result{background:white;border:1px solid var(--line);border-radius:6px;padding:17px}.result h3{margin:0 0 5px;font:20px Georgia,serif}.result p{margin:6px 0;color:var(--muted)}.result .result-type{font-size:10px;letter-spacing:.13em;color:var(--red);font-weight:bold}
.archive-note,.notice{background:#fff7df;border:1px solid #e7d6a0;padding:13px 15px;border-radius:5px;margin:0 0 22px}
.footer{background:#0e2f43;color:#dce5ea;padding:34px 22px}.footer-inner{max-width:1180px;margin:auto}.footer a{color:#fff}.small{font-size:12px;opacity:.78}
.modal{display:none;position:fixed;inset:0;background:#07131ccc;z-index:100;padding:30px;align-items:center;justify-content:center}.modal.open{display:flex}.panel{background:white;max-width:900px;width:100%;display:grid;grid-template-columns:1.1fr 1fr;border-radius:8px;overflow:hidden}.panel img{width:100%;height:500px;object-fit:contain;background:#ece9e1}.detail{padding:34px}.detail h2{font:34px Georgia,serif}.close{float:right;border:0;background:none;font-size:28px;cursor:pointer}
@media(min-width:901px){.dropdown:hover>.dropdown-content{display:block}}
@media(max-width:900px){.nav-inner{overflow-x:auto}.feature-grid,.grid{grid-template-columns:repeat(2,1fr)}.wish-grid{grid-template-columns:1fr 1fr}.panel{grid-template-columns:1fr}.panel img{height:310px}}
@media(max-width:620px){.mast-inner{padding-left:8px;padding-right:8px}.dedication{font-size:11px}.nav a,.dropbtn{padding:13px 9px;font-size:12px}.search-nav{display:none}.hero{padding:38px 15px}.hero h1{font-size:36px}.wrap{padding-left:14px;padding-right:14px}.page-head h1{font-size:32px}.content-shell{margin:18px 10px 35px;padding:20px 15px}.grid{grid-template-columns:1fr 1fr;gap:10px}.thumb{height:165px}.wish-grid,.feature-grid{grid-template-columns:1fr}.section-head{display:block}}

/* Build 1.1 home-page heritage treatment */
.home-heritage{
  background:#000;
  color:#fff;
  padding:28px 22px 24px;
}
.home-heritage-inner{
  max-width:1040px;
  margin:auto;
}
.home-original-intro{
  display:grid;
  grid-template-columns:240px 1fr;
  gap:24px;
  align-items:center;
}
.home-original-intro img{
  width:240px;
  max-width:100%;
  height:auto;
  display:block;
}
.home-original-copy{
  font-size:16px;
  line-height:1.45;
}
.home-preserve-line{
  margin:18px 0 0;
  color:#fff;
  font-size:16px;
}
.home-heritage .searchbox{
  margin-top:20px;
}
.home-legacy-copy{
  background:#e7e3db;
}
.home-legacy-copy .wrap{
  max-width:1040px;
}
.home-legacy-copy p{
  max-width:950px;
}
@media(max-width:700px){
  .home-original-intro{
    grid-template-columns:1fr;
    text-align:center;
  }
  .home-original-intro img{
    margin:auto;
  }
  .home-original-copy{
    text-align:left;
  }
}

/* Build 1.2 full-collection refinements */
.no-photo{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#7b858d;
  background:linear-gradient(180deg,#efede7,#e6e2d9);
  text-align:center;
  padding:18px;
}
.no-photo-mark{
  width:58px;
  height:44px;
  border:2px solid #9ca4aa;
  border-radius:4px;
  position:relative;
  opacity:.8;
}
.no-photo-mark:before{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border:2px solid #9ca4aa;
  border-radius:50%;
  left:9px;
  top:8px;
}
.no-photo-mark:after{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  bottom:7px;
  height:16px;
  background:
    linear-gradient(135deg,transparent 45%,#9ca4aa 46% 54%,transparent 55%) left/50% 100% no-repeat,
    linear-gradient(45deg,transparent 45%,#9ca4aa 46% 54%,transparent 55%) right/50% 100% no-repeat;
}
.no-photo-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.collection-tools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.collection-tools input{
  min-width:280px;
}
@media(max-width:620px){
  .collection-tools input{min-width:0;width:100%}
}
