:root{--color-bg:#0b0c0d;--color-bg-alt:#141518;--color-surface:#1c1e21;--color-metal:#9aa0a8;--color-metal-light:#d7dade;--color-accent:#a51e28;--color-accent-dark:#7d151d;--color-accent-bright:#d8432f;--color-text:#eeeae2;--color-text-muted:#83878d;--color-hairline:hsla(214,8%,64%,.18);--font-heading:"Big Shoulders Display",Arial Narrow,sans-serif;--font-body:"IBM Plex Sans",Arial,sans-serif;--font-mono:"IBM Plex Mono",Consolas,monospace;--max-width:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6}body.intro-lock{overflow:hidden;height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--color-metal-light)}h1{font-size:clamp(2rem,5vw,3.5rem)}h1,h2{margin-bottom:1rem}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:1.25rem;margin-bottom:.5rem}p{margin-bottom:1rem}ol,p,ul{color:var(--color-text-muted)}ol,ul{margin:0 0 1rem 1.25rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.eyebrow{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-metal-light);margin-bottom:.75rem}.eyebrow:before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--color-accent-bright);box-shadow:0 0 0 3px rgba(216,67,47,.18);flex:none}.btn{display:inline-flex;align-items:center;gap:.5em;position:relative;overflow:hidden;background:linear-gradient(155deg,var(--color-accent-bright),var(--color-accent) 65%);color:#fff8f6;font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:0;padding:.85rem 1.75rem;border:0;border-radius:2px;cursor:pointer;transition:box-shadow .2s ease;box-shadow:0 10px 24px -12px rgba(165,30,40,.65)}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,hsla(0,0%,100%,.35) 50%,transparent 60%);transform:translateX(-120%);transition:transform .6s ease}.btn:hover:after{transform:translateX(120%)}section{padding:3.5rem 0}.section-alt{background:var(--color-bg-alt)}.text-center{text-align:center}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(11,12,13,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline)}.header-inner{justify-content:space-between;padding:.75rem 1.25rem;position:relative}.header-inner,.logo{display:flex;align-items:center}.logo{gap:.75rem}.logo img{width:44px;height:44px;object-fit:contain}.logo-text{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.1rem;color:var(--color-metal-light)}.site-nav ul{display:flex;gap:1.5rem;list-style:none}.site-nav a{font-family:var(--font-body);font-weight:500;text-transform:none;font-size:.9rem;letter-spacing:0;color:var(--color-metal-light)}.site-nav a:hover{color:var(--color-accent-bright)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}.menu-toggle span{width:26px;height:2px;background:var(--color-metal-light)}@media (max-width:820px){.menu-toggle{display:flex}.site-nav{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-hairline);display:none}.site-nav.open{display:block}.site-nav ul{flex-direction:column;gap:0;padding:1rem 1.25rem}.site-nav li{border-bottom:1px solid var(--color-hairline)}.site-nav a{display:block;padding:.85rem 0}}.site-footer{position:relative;overflow:hidden;background:var(--color-bg-alt);padding:3rem 0 2rem;text-align:center;border-top:1px solid var(--color-hairline)}.site-footer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,60vw);height:min(420px,60vw);z-index:0;background:url(/img/logo-von-costa.png) 50%/contain no-repeat;opacity:.05;pointer-events:none}.footer-inner{position:relative;z-index:1}.footer-inner p{margin-bottom:.35rem}.footer-inner .social-links{margin:.75rem 0}.footer-inner .copyright{margin-top:1rem}.social-links{display:flex;justify-content:center;gap:1.25rem;list-style:none;margin:1rem 0;padding:0}.social-links a{text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--color-metal)}.copyright,.social-links a{font-family:var(--font-mono)}.copyright{font-size:.72rem;letter-spacing:.04em;color:var(--color-text-muted);margin-top:1.5rem}.whatsapp-float{position:fixed;bottom:1.25rem;right:1.25rem;z-index:200;width:58px;height:58px;border-radius:50%;background:linear-gradient(155deg,var(--color-accent-bright),var(--color-accent));display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(165,30,40,.7)}.whatsapp-float:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(216,67,47,.5);animation:wa-pulse 2.4s ease-out infinite}@keyframes wa-pulse{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.35);opacity:0}}@media (prefers-reduced-motion:reduce){.whatsapp-float:before{animation:none;display:none}}.whatsapp-float svg{width:30px;height:30px;position:relative}.card{background:var(--color-surface);border:1px solid var(--color-hairline);padding:1.5rem;transition:border-color .25s ease;flex:0 0 clamp(230px,80vw,280px);scroll-snap-align:start;overflow:hidden}.card img{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1rem;aspect-ratio:4/3;object-fit:cover;object-position:center 15%;transition:transform .5s ease}.card:hover{border-color:var(--color-metal)}.card:hover img{transform:scale(1.05)}.card-grid{display:flex;gap:1.5rem;overflow-x:auto;padding:.5rem .25rem 1.25rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-bg-alt)}.card-grid::-webkit-scrollbar{height:8px}.card-grid::-webkit-scrollbar-track{background:var(--color-bg-alt)}.card-grid::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 15%;border:1px solid var(--color-hairline);cursor:pointer;transition:transform .25s ease,border-color .25s ease}.gallery img:hover{transform:scale(1.06);border-color:var(--color-metal)}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox[hidden]{display:none}.lightbox img{max-width:90vw;max-height:85vh;box-shadow:0 20px 50px rgba(0,0,0,.6)}.lightbox-close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:0;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer}.hero{position:relative;overflow:hidden;min-height:82vh;display:flex;align-items:center;background-color:var(--color-bg-alt);background-image:radial-gradient(circle at 50% 35%,rgba(165,30,40,.28),transparent 55%),repeating-radial-gradient(circle at 50% 35%,transparent 0,transparent 70px,hsla(214,7%,63%,.05) 71px,hsla(214,7%,63%,.05) 72px),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,rgba(11,12,13,.45) 0,rgba(11,12,13,.55) 40%,rgba(11,12,13,.98) 85%),var(--hero-photo,none);background-position:center 20%,center 20%,center 20%,center 20%,center 15%;background-size:cover;background-repeat:no-repeat;text-align:center}.hero:before{inset:0;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:44px 44px}.hero:after,.hero:before{content:"";position:absolute;z-index:0;pointer-events:none}.hero:after{top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,70vw);height:min(560px,70vw);background:url(/img/logo-von-costa.png) 50%/contain no-repeat;opacity:.05}.hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto}.lead{font-size:1.15rem;color:var(--color-metal);max-width:60ch}.hero--compact{min-height:38vh}@media (max-width:820px){.hero--compact{min-height:0;padding:2.5rem 0}}.article{max-width:760px;margin:0 auto}.article p{font-size:1.05rem;line-height:1.85}.article h2{font-size:1.5rem;margin-top:2.75rem}.article h2:first-child{margin-top:0}.hero--plaque{text-align:left}.hero-grid{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem;display:grid;grid-gap:2.5rem;gap:2.5rem;align-items:center}.hero-copy{max-width:34rem}.hero-copy .lead{max-width:36ch}.plaque{position:relative;border:1px solid var(--color-hairline);background:repeating-linear-gradient(112deg,hsla(0,0%,100%,.025) 0 2px,transparent 2px 6px),linear-gradient(160deg,#202226,#131416);padding:clamp(1.6rem,3vw,2.4rem);display:grid;grid-gap:1.1rem;gap:1.1rem}.rivet{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-metal);box-shadow:inset 0 1px 1px rgba(0,0,0,.6)}.rivet:first-child{top:10px;left:10px}.rivet:nth-child(2){top:10px;right:10px}.rivet:nth-child(3){bottom:10px;left:10px}.rivet:nth-child(4){bottom:10px;right:10px}.plaque-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.plaque-stats{display:grid;grid-gap:0;gap:0}.plaque-stat{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-block:.85rem;border-top:1px solid var(--color-hairline)}.plaque-stat:first-child{border-top:none}.plaque-stat .val{font-family:var(--font-heading);font-weight:800;font-size:2.2rem;color:var(--color-metal-light);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plaque-stat .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--color-metal-light);text-align:right}.plaque-foot,.plaque-stat .lbl{font-family:var(--font-mono);font-size:.72rem}.plaque-foot{letter-spacing:.08em;color:var(--color-text-muted);border-top:1px solid var(--color-hairline);padding-top:.9rem}@media (min-width:800px){.hero-grid{grid-template-columns:1.05fr .95fr}}.intro{position:fixed;inset:0;z-index:400;background:radial-gradient(ellipse 70% 60% at 50% 45%,#101113,#08090a);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.3rem;transition:opacity .6s ease}.intro.is-leaving{opacity:0;pointer-events:none}.intro-stamp-wrap{position:relative;width:min(46vw,12.5rem)}.intro-stamp{width:100%;height:auto;opacity:0;transform:scale(1.6);filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))}.intro.is-running .intro-stamp{animation:stampImpact .85s cubic-bezier(.34,1.4,.6,1) forwards}.intro-impact-ring{position:absolute;inset:12%;border-radius:50%;border:3px solid var(--color-accent-bright);opacity:0}.intro.is-running .intro-impact-ring{animation:impactRing .9s ease-out .45s forwards}.intro-caption{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);opacity:0}.intro.is-running .intro-caption{animation:captionIn .7s ease .75s forwards}.intro-skip{position:absolute;right:clamp(1rem,4vw,2.2rem);bottom:clamp(1rem,4vw,2.2rem);background:none;border:1px solid var(--color-hairline);color:var(--color-metal-light);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.6em 1em;cursor:pointer;border-radius:2px}.intro-skip:hover{border-color:var(--color-metal)}@keyframes stampImpact{0%{transform:scale(1.6);opacity:0}55%{transform:scale(.9);opacity:1}78%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes impactRing{0%{transform:scale(.5);opacity:.85}to{transform:scale(2.4);opacity:0}}@keyframes captionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-stamp{opacity:1;transform:none}.intro-caption{opacity:1}.intro.is-running .intro-caption,.intro.is-running .intro-impact-ring,.intro.is-running .intro-stamp{animation:none}}.dog-facts{max-width:640px;margin:0 auto 2rem;border:1px solid var(--color-hairline);background:var(--color-surface);padding:.4rem 1.5rem}.fact{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:.9rem;border-top:1px solid var(--color-hairline)}.fact:first-child{border-top:none}.fact .lbl{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-metal-light)}.fact .val{color:var(--color-text-muted);text-align:right}.fact .val a{color:var(--color-accent-bright)}.fact .val a:hover{text-decoration:underline}.timeline{background:var(--color-bg-alt)}.timeline>.container>p.text-center{max-width:52ch;margin-inline:auto}.timeline-track{display:grid;grid-gap:2rem;gap:2rem;margin-top:2.5rem;grid-template-columns:1fr}.timeline-item{position:relative;padding-left:1.5rem;border-left:1px solid var(--color-hairline)}.timeline-item:before{content:"";position:absolute;left:-4.5px;top:.35rem;width:8px;height:8px;border-radius:50%;background:var(--color-accent-bright);box-shadow:0 0 0 4px var(--color-bg-alt),0 0 0 5px var(--color-hairline)}.timeline-year{font-family:var(--font-mono);font-size:1rem;color:var(--color-metal-light);letter-spacing:.06em;margin-bottom:.35rem}.timeline-item p{margin-bottom:0;max-width:42ch}@media (min-width:800px){.timeline-track{grid-template-columns:repeat(4,1fr)}}.dog-grid{display:grid;grid-gap:1.1rem;gap:1.1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.dog-card{border:1px solid var(--color-hairline);background:var(--color-surface);display:grid;grid-gap:0;gap:0;padding:0;cursor:pointer;transition:border-color .25s ease}.dog-card:hover{border-color:var(--color-metal)}.dog-photo{aspect-ratio:3/4;overflow:hidden;background:var(--color-bg-alt)}.dog-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.dog-card:hover .dog-photo img{transform:scale(1.06)}.dog-info{padding:.9rem 1rem 1.1rem;display:grid;grid-gap:.35rem;gap:.35rem}.dog-info h3{margin:0;font-size:1.25rem}.dog-info .see{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-bright)}@media (min-width:800px){.dog-grid{grid-template-columns:repeat(5,1fr)}}.pedigree-scroll{overflow-x:auto;padding-bottom:.5rem}.ped-row{display:flex;gap:.5rem;margin-bottom:.5rem}.ped-cell{border:1px solid var(--color-hairline);background:var(--color-bg-alt);padding:.5rem .6rem;display:grid;grid-gap:.15rem;gap:.15rem;min-width:6.4rem;flex:1 0 auto}.ped-gen3 .ped-cell{min-width:5.1rem;padding:.4rem .5rem}.ped-rel{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-bright)}.ped-name{font-size:.8rem;color:var(--color-metal-light);font-style:italic;text-decoration:none}a.ped-name:hover{text-decoration:underline}.ped-reg{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted)}.dog-section-title{margin-top:2.5rem}.gallery-more{aspect-ratio:1/1;border:1px dashed var(--color-hairline);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding:.5rem}.val.placeholder{font-style:italic;color:var(--color-text-muted)}