/* Coasyn Website Catalogue — Phase 02 Visual Polish */
:root{
  --catalogue-rule:rgba(199,169,105,.30);
  --catalogue-rule-strong:rgba(199,169,105,.48);
  --catalogue-soft:rgba(255,255,255,.035);
  --catalogue-deep:#171a1f;
  --catalogue-panel:#20242a;
  --catalogue-panel-hover:#252a31;
  --catalogue-ivory:#f2eee5;
  --catalogue-muted:#aaa49a;
  --catalogue-gold:#c7a969;
}

/* Global catalogue refinement */
body{background:var(--catalogue-deep)}
.site-header{background:rgba(23,26,31,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(199,169,105,.14)}
.header-inner{min-height:84px}
.primary-nav{gap:.3rem}
.primary-nav a{position:relative;padding:.7rem .95rem}
.primary-nav a::after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.35rem;height:1px;background:var(--catalogue-gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.primary-nav a:hover::after,.primary-nav a[aria-current="page"]::after{transform:scaleX(1)}
.brand-mark{box-shadow:inset 0 0 0 1px rgba(199,169,105,.22)}

/* Home foyer */
.catalogue-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(199,169,105,.16)}
.catalogue-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,26,31,.35),transparent 55%);pointer-events:none}
.catalogue-hero .hero-grid{position:relative;z-index:1;align-items:center}
.catalogue-hero .hero-copy{padding-block:clamp(3.5rem,7vw,7rem)}
.catalogue-hero .eyebrow{margin-bottom:1.25rem}
.catalogue-hero h1{letter-spacing:-.025em;line-height:1.02}
.catalogue-hero .lead{font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.72}
.hero-art-frame{position:relative;border:1px solid rgba(199,169,105,.24);background:#111419;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.hero-art-frame::before{content:"";position:absolute;inset:14px;border:1px solid rgba(199,169,105,.14);z-index:1;pointer-events:none}
.hero-art-image{display:block;filter:saturate(.88) contrast(1.03)}
.hero-actions{gap:.85rem}
.button{min-height:48px;padding:.85rem 1.35rem;letter-spacing:.015em}
.button.secondary{border-color:rgba(199,169,105,.36)}

.foyer-section{position:relative}
.foyer-section::after{content:"";display:block;width:92px;height:1px;background:var(--catalogue-gold);opacity:.65;margin-top:3.25rem}
.narrow-copy .kicker,.section-head .kicker{letter-spacing:.19em}
.narrow-copy h2,.section-head h2{letter-spacing:-.018em}

.catalogue-preview{background:linear-gradient(180deg,#1b1f24 0%,#1d2127 100%)}
.collection-grid{box-shadow:0 24px 70px rgba(0,0,0,.22)}
.collection-card{position:relative;overflow:hidden;background:var(--catalogue-panel);transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.collection-card::before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--catalogue-gold);transition:height .24s ease}
.collection-card:hover{background:var(--catalogue-panel-hover);transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.collection-card:hover::before{height:100%}
.collection-card h3{line-height:1.15;letter-spacing:-.015em}
.collection-state{display:inline-flex;align-items:center;gap:.65rem}
.collection-state::before{content:"";width:20px;height:1px;background:var(--catalogue-gold);opacity:.62}
.closing-invitation{background:#181c21}
.text-link{position:relative;padding-bottom:.25rem}
.text-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .22s ease}
.text-link:hover::after{transform:scaleX(1)}

/* Store as museum catalogue */
.catalogue-page-hero{position:relative;border-bottom:1px solid rgba(199,169,105,.16);background:linear-gradient(180deg,#1b1f24 0%,#181b20 100%)}
.catalogue-page-hero::after{content:"";position:absolute;right:clamp(1rem,5vw,5rem);bottom:0;width:min(28vw,360px);height:1px;background:var(--catalogue-gold);opacity:.45}
.catalogue-page-hero h1{letter-spacing:-.025em}
.breadcrumbs{opacity:.72}
.museum-catalogue{background:#181b20}
.museum-catalogue .container{border-top:0}
.museum-collection{position:relative;isolation:isolate;overflow:hidden;padding:clamp(2.6rem,5vw,4.5rem) clamp(1rem,3vw,2rem);min-height:230px;border-top:1px solid var(--catalogue-rule);border-bottom:0;transition:background .22s ease}
.museum-collection:last-child{border-bottom:1px solid var(--catalogue-rule)}
.museum-collection::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,169,105,.06),transparent 38%);opacity:0;transition:opacity .22s ease;z-index:-1}
.museum-collection::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--catalogue-gold);transition:width .3s ease}
.museum-collection:hover{background:rgba(255,255,255,.018)}
.museum-collection:hover::before{opacity:1}
.museum-collection:hover::after{width:100%}
.museum-number{font-size:.78rem;align-self:start;padding-top:.25rem}
.museum-copy .kicker{letter-spacing:.2em}
.museum-copy h2{letter-spacing:-.025em;line-height:1.05}
.museum-status{border-color:rgba(199,169,105,.38);background:rgba(23,26,31,.68)}

/* About / founder statement */
.founder-layout{position:relative}
.founder-marker{border-top-color:var(--catalogue-rule-strong)}
.founder-marker::after{content:"";display:block;width:44px;height:1px;background:var(--catalogue-gold);margin-top:1.6rem;opacity:.66}
.founder-marker strong{letter-spacing:-.01em}
.founder-statement{position:relative}
.founder-statement::before{content:"";position:absolute;left:calc(-1 * clamp(1.5rem,4vw,3rem));top:.2rem;bottom:.2rem;width:1px;background:linear-gradient(180deg,var(--catalogue-gold),rgba(199,169,105,.08));opacity:.42}
.founder-statement p{color:#d4d0c8}
.founder-statement .lead{color:var(--catalogue-ivory)}

/* Footer */
.site-footer{border-top:1px solid rgba(199,169,105,.18);background:#15181d}
.catalogue-footer-grid{gap:clamp(2rem,5vw,4.5rem)}
.site-footer h3{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:var(--catalogue-gold)}
.site-footer a{transition:color .18s ease}
.site-footer a:hover{color:var(--catalogue-gold)}
.footer-base{border-top-color:rgba(199,169,105,.14)}

/* Accessibility and responsive finish */
:focus-visible{outline:2px solid var(--catalogue-gold);outline-offset:4px}
@media(max-width:850px){
  .header-inner{min-height:74px}
  .catalogue-hero .hero-copy{padding-block:3.2rem}
  .museum-collection{min-height:200px}
  .founder-statement::before{display:none}
}
@media(max-width:560px){
  .catalogue-hero .hero-copy{padding-block:2.7rem}
  .hero-actions{align-items:stretch}
  .hero-actions .button{justify-content:center}
  .collection-card{padding:1.6rem}
  .museum-collection{grid-template-columns:42px 1fr;padding:2.25rem 0}
  .museum-status{font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){
  .primary-nav a::after,.collection-card,.collection-card::before,.museum-collection,.museum-collection::before,.museum-collection::after,.text-link::after{transition:none}
  .collection-card:hover{transform:none}
}