:root{--navy:#061522;--navy2:#0a2134;--gold:#c59b45;--cream:#f4efe6;--white:#fff;--ink:#171717;--muted:#6c7278;--red:#bd2929}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.header{height:92px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;position:sticky;top:0;z-index:50;border-bottom:1px solid #35485a}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.brand img{width:78px;height:70px;object-fit:contain}.brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:.8px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold);margin-top:4px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}nav{display:flex;gap:22px}nav a{color:#e7ebef;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1.1px}nav a:hover{color:var(--gold)}
.hero{min-height:680px;background:radial-gradient(circle at 77% 45%,#28465d 0,#0b2236 34%,#061522 72%);color:#fff;padding:70px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:bold;letter-spacing:2.3px;text-transform:uppercase}.hero h1,.page h1,.section h2,.profile h1,.construction h1{font-family:Georgia,serif;font-weight:500}.hero h1{font-size:74px;line-height:1;margin:15px 0 22px}.hero .lead{font-size:19px;line-height:1.7;color:#c4ced6;max-width:650px}.hero-logo{text-align:center}.hero-logo img{width:min(640px,100%);filter:drop-shadow(0 20px 30px #0008)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:15px 22px;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1.3px;font-weight:bold;border:1px solid var(--gold)}.btn.gold{background:var(--gold);color:var(--navy)}.btn.outline{color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #3c5366}.stats div{padding-top:18px;color:#abb8c2;text-transform:uppercase;font-size:10px;letter-spacing:.8px}.stats b{display:block;color:#fff;font-size:17px;margin-bottom:5px}
.section,.page{padding:80px 6vw}.section.dark{background:var(--navy);color:#fff}.section h2,.page h1{font-size:48px;margin:8px 0 28px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head>p{max-width:520px;line-height:1.7;color:var(--muted)}.dark .section-head>p{color:#b6c0c7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bird-card{display:block;text-decoration:none;background:#fff;border:1px solid #d7d0c5;overflow:hidden}.dark .bird-card{background:#10283a;border-color:#2b4558}.bird-card .copy{padding:19px}.bird-card small{color:var(--gold);font-weight:bold;text-transform:uppercase;letter-spacing:1.2px}.bird-card h3{font-family:Georgia,serif;font-size:24px;margin:7px 0}.bird-card p{color:#686d72;line-height:1.5;min-height:42px}.dark .bird-card p{color:#b8c2c9}
.photo-shell{position:relative;background:#fff;overflow:hidden}.photo-shell .bird{display:block;width:100%;height:auto;position:relative;z-index:1}.photo-shell .crest-watermark{position:absolute;z-index:2;opacity:.19;pointer-events:none;width:42%;filter:saturate(.82)}.photo-shell.wm-left .crest-watermark{left:4%;top:30%}.photo-shell.wm-right .crest-watermark{right:3%;top:30%}.photo-shell.wm-center .crest-watermark{left:29%;top:27%}
.cover{position:absolute;z-index:3;background:#fff;pointer-events:none}.photo-shell .crest-top{z-index:4}
.logo-superstar .cover{right:0;bottom:0;width:35%;height:31%}.logo-superstar .crest-watermark{right:2%;bottom:4%;top:auto;width:30%;opacity:.24}
.logo-lasterie .cover{right:0;top:0;width:31%;height:49%}.logo-lasterie .crest-watermark{right:3%;top:11%;width:25%;opacity:.24}
.logo-photo .cover.a{right:0;top:0;width:25%;height:13%}.logo-photo .cover.b{left:0;bottom:0;width:11%;height:11%}.logo-photo .crest-watermark{right:2%;top:2%;width:21%;opacity:.24}
.logo-kobal .cover.a{right:0;top:27%;width:31%;height:22%}.logo-kobal .cover.b{left:0;bottom:0;width:10%;height:10%}.logo-kobal .crest-watermark{right:2%;top:31%;width:25%;opacity:.24}
.logo-greek .cover{left:0;bottom:0;width:31%;height:11%;background:#000}.logo-greek .crest-watermark{left:4%;bottom:1%;top:auto;width:22%;opacity:.25}
.profile{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:48px;align-items:start}.profile h1{font-size:46px;margin:5px 0 5px}.nickname{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#875f1f}.profile .intro{font-size:17px;line-height:1.75;color:#555}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tag{padding:7px 10px;border:1px solid #d2c5a7;font-size:10px;text-transform:uppercase;letter-spacing:1px}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.credential-grid h2{font-family:Georgia,serif;font-size:27px}.cred-list{list-style:none;padding:0;margin:0}.cred-list li{padding:9px 0;border-bottom:1px solid #ddd;line-height:1.45}.cred-list.red li{color:#9d1f1f;font-weight:600}.pedigree-block{margin-top:58px;padding-top:34px;border-top:1px solid #d5cec2}.pedigree-block h2{font-family:Georgia,serif;font-size:31px}.pedigree-block img{display:block;width:100%;max-width:1100px;margin:auto;background:#fff}
.pair-grid{display:grid;gap:28px}.pair{display:grid;grid-template-columns:1fr 65px 1fr 1.15fr;gap:18px;align-items:center;background:#fff;border:1px solid #d8d1c6;padding:22px}.pair .x{font-family:Georgia,serif;font-size:50px;text-align:center;color:var(--gold)}.pair p{color:#555;line-height:1.7}.pair .bird-card{border:0}.pair .bird-card p{min-height:0}
.teasers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.teaser{background:#fff;border:1px solid #d8d1c6;padding:26px;text-decoration:none}.teaser h3{font-family:Georgia,serif;font-size:25px;margin:7px 0}.teaser p{color:#666;line-height:1.6}
.construction{min-height:560px;display:grid;place-items:center;padding:50px;background:linear-gradient(135deg,#f2ede4,#e6dccb)}.construction-box{max-width:760px;text-align:center;background:#fff;border:2px solid var(--gold);padding:55px}.construction h1{font-size:52px;margin:12px 0}.construction p{font-size:18px;line-height:1.7;color:#666}
.about{display:grid;grid-template-columns:390px 1fr;gap:60px;align-items:center}.about img{width:100%}.about h2{font-family:Georgia,serif;font-size:48px}.about p{font-size:17px;line-height:1.8;color:#555}.contact{text-align:center;max-width:760px;margin:auto}.contact img{width:min(430px,90%)}.contact .btn.outline{color:var(--navy)}
footer{background:#040e16;color:#aab4bb;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 5vw;font-size:11px;letter-spacing:1px}footer img{height:74px}
@media(max-width:920px){.header{height:76px}.brand img{width:56px;height:54px}.brand strong{font-size:14px}.brand small{font-size:7px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:20px 5vw;flex-direction:column}.header.open nav{display:flex}.hero{grid-template-columns:1fr;padding:55px 6vw}.hero h1{font-size:50px}.hero-logo{margin-top:35px}.stats{grid-template-columns:1fr}.grid,.teasers{grid-template-columns:1fr}.section-head{display:block}.profile{grid-template-columns:1fr}.credential-grid{grid-template-columns:1fr}.pair{grid-template-columns:1fr 38px 1fr}.pair>p{grid-column:1/-1}.about{grid-template-columns:1fr}.about img{max-width:430px;margin:auto}.section,.page{padding:60px 5vw}}

/* ============================
   FINAL APPROVED IMAGE TREATMENT
   Exact original pigeon files + exact Pieper Legacy Loft crest.
   ============================ */
.photo-shell{
    position:relative;
    overflow:hidden;
    background:#f6f1e8;
    isolation:isolate;
}
.photo-shell::before{
    content:"";
    position:absolute;
    inset:5% 8% 7% 8%;
    background:url("assets/logo-watermark.png") center center/contain no-repeat;
    opacity:.24;
    z-index:0;
    pointer-events:none;
}
.bird-card .photo-shell::before{opacity:.22}
.profile .photo-shell::before{opacity:.27}

/* The original user-supplied image remains the displayed pigeon file.
   Multiply allows the white original background to visually reveal the crest behind it. */
.photo-shell .bird{
    position:relative;
    z-index:2;
    width:100%;
    height:auto;
    display:block;
    mix-blend-mode:multiply;
}

/* Hide the old small watermark layer entirely. */
.crest-watermark{display:none!important}

/* Third-party logo covers — only over background/logo areas, never pigeon bodies. */
.cover{
    position:absolute;
    z-index:5;
    background:#f6f1e8;
    pointer-events:none;
}

/* Derby Superstar logo region */
.logo-superstar .cover{
    right:0; bottom:0; width:35%; height:31%;
}
/* Re-place exact crest over the cleaned region so it reads as a watermark, not a sticker. */
.logo-superstar::after{
    content:"";
    position:absolute; z-index:6; right:2.5%; bottom:3%; width:30%; height:28%;
    background:url("assets/logo-watermark.png") center/contain no-repeat;
    opacity:.22; pointer-events:none;
}

/* Lasterie race poster panel */
.logo-lasterie .cover{
    right:0; top:0; width:31%; height:50%;
}
.logo-lasterie::after{
    content:"";
    position:absolute; z-index:6; right:2%; top:9%; width:27%; height:31%;
    background:url("assets/logo-watermark.png") center/contain no-repeat;
    opacity:.22; pointer-events:none;
}

/* Photographer logo top right + EPA lower left */
.logo-photo .cover.a{right:0;top:0;width:25%;height:13%}
.logo-photo .cover.b{left:0;bottom:0;width:11%;height:11%}
.logo-photo::after{
    content:"";position:absolute;z-index:6;right:2%;top:1.5%;width:22%;height:11%;
    background:url("assets/logo-watermark.png") center/contain no-repeat;
    opacity:.22;pointer-events:none;
}

/* M&S Kobal logo and photographer logo */
.logo-kobal .cover.a{right:0;top:26%;width:31%;height:23%}
.logo-kobal .cover.b{left:0;bottom:0;width:10%;height:10%}
.logo-kobal::after{
    content:"";position:absolute;z-index:6;right:2%;top:28%;width:26%;height:20%;
    background:url("assets/logo-watermark.png") center/contain no-repeat;
    opacity:.22;pointer-events:none;
}

/* Greek Connection footer branding */
.logo-greek .cover{
    left:0;bottom:0;width:31%;height:12%;background:#000;
}
.logo-greek::after{
    content:"";position:absolute;z-index:6;left:2%;bottom:1%;width:26%;height:10%;
    background:url("assets/logo-watermark.png") center/contain no-repeat;
    opacity:.22;pointer-events:none;
}

/* Pedigree copy placed in photo negative space, matching existing black/red visual style. */
.photo-note{
    position:absolute;
    z-index:8;
    left:3.5%;
    top:7%;
    width:40%;
    padding:10px 12px;
    background:rgba(246,241,232,.88);
    color:#111;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.25;
    border-left:3px solid #b92929;
}
.photo-note strong{
    display:block;
    color:#b92929;
    font-size:14px;
    margin-bottom:5px;
}
.photo-note span{
    display:block;
    font-weight:700;
    font-size:12px;
    margin:4px 0;
}

/* 1477's note sits lower to avoid the band/origin copy */
.note-1477{top:23%;width:38%}
.note-rico{top:9%;width:42%}
.note-kobal{top:8%;width:38%}
.note-perfect{top:10%;width:41%}

@media(max-width:700px){
    .photo-note{width:48%;padding:7px 9px}
    .photo-note strong{font-size:11px}
    .photo-note span{font-size:10px}
}