/*
  STAPLEFIELD LIND — Edición II / Archivo vivo
  Esta capa respeta las fotografías originales y el contenido semántico.
  No se han añadido fotografías sintéticas ni un logotipo presentado como oficial.
  Diseño editorial inspirado en un álbum real de perros, jardín y pista.
*/
:root {
  --forest:#112f23;
  --forest-deep:#0c2017;
  --forest-soft:#345140;
  --cream:#faf6ec;
  --paper:#eee7d7;
  --bronze:#d3b47e;
  --bronze-light:#eed7a5;
  --ink:#1c3429;
  --ease:cubic-bezier(.19,1,.22,1);
}
body { background:var(--cream); }
::selection {background:#d9b67f;color:var(--forest-deep)}
.shell {width:min(calc(100% - 110px),1340px)}
.display-title {letter-spacing:-.055em;}
.display-title em {color:#78856c}
.eyebrow {font-size:10px;letter-spacing:.20em}
/* KENNEL-STYLE LETTERHEAD */
.topline {background:#0b1c15;border-bottom-color:#a995622a}
.topline-inner {font-size:9px;letter-spacing:.23em;color:#ddd4bd}
.site-header {background:#123023;border-color:#e1c9952e}
.site-header.is-scrolled{background:rgba(15,38,27,.97)}
.header-inner {height:92px}
.is-scrolled .header-inner{height:74px}
.wordmark {gap:13px;min-width:255px}
.wordmark-icon {width:53px;height:56px;border:1px solid #d3b47e;border-radius:2px 18px 2px 2px;transform:none;font-style:normal;overflow:visible}
.wordmark-letters{font:500 39px/1 var(--serif);letter-spacing:-.09em;transform:translate(-1px,-1px)}
.wordmark-small{font-size:23px;letter-spacing:-.11em;vertical-align:baseline;margin-left:0}
.wordmark-text strong{font-size:29px;white-space:nowrap}
.wordmark-text small{letter-spacing:.21em;font-size:7px;padding-top:10px}
.wm-star {background:#123023;color:#d1b47e;right:-8px;bottom:-10px;font-size:15px;transform:rotate(9deg)}
.desktop-nav {gap:22px}
.desktop-nav a {position:relative;font-size:11px;color:#eee8d8;letter-spacing:.012em;padding:12px 0}
.desktop-nav a::after {content:'';position:absolute;left:0;right:100%;height:1px;bottom:4px;background:#d0ac72;transition:right .38s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after {right:0}
.header-cta {min-height:49px;display:inline-flex;align-items:center;gap:13px;background:transparent;border:1px solid #d1bb966e;color:#f1e8d8;padding:5px 5px 5px 17px;border-radius:3px 20px 3px 20px;transition:background .35s,border-color .35s;letter-spacing:.025em;font-size:11px}
.header-cta:hover{background:#efe0c211;color:#fff;border-color:#d1bb96}
.header-cta-arrow{height:38px;width:38px;background:#d9bc86;color:#193729;display:grid;place-items:center;border-radius:50%;font-size:19px;transition:transform .45s var(--ease),background .35s}
.header-cta:hover .header-cta-arrow{background:#f0d5a5;transform:translate(2px,-2px) rotate(20deg)}
/* DISTINGUISHABLE CTAs: editorial paper ticket + arrow button */
.btn {position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;min-height:65px;gap:22px;padding:7px 8px 7px 24px;border:1px solid transparent;border-radius:3px 23px 3px 23px;font-size:12px;letter-spacing:.01em;font-weight:800;white-space:normal;box-shadow:0 12px 25px #0000000e;transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .3s,color .3s}
.btn::before {content:'';position:absolute;left:8px;top:12px;bottom:12px;width:1px;background:currentColor;opacity:.27;pointer-events:none}
.btn:hover {transform:translateY(-3px);box-shadow:0 20px 35px #0000001a}
.btn-gold {background:#ddc396;color:#213c2c;border-color:#f4e0b6}
.btn-gold:hover {background:#f3dfb7}
.btn-arrow {display:grid;place-items:center;flex:0 0 auto;width:47px;height:47px;border-radius:50%;background:#234331;color:#f6eada;font-size:20px;font-weight:400;line-height:1;transition:transform .45s var(--ease),background .3s,color .3s}
.btn:hover .btn-arrow {transform:translate(2px,-2px) rotate(20deg);background:#10291c;color:#f5d7a7}
.btn-outline-light {background:transparent;color:#f5e9d4;border:1px solid #d6c39e80}
.btn-outline-light .btn-arrow {background:#f3e5c9;color:#193629}
.btn-outline-light:hover {background:#ead8b5;color:#1c3629}
.btn-outline-light:hover .btn-arrow {background:#244a34;color:#f7e9cf}
.text-link,.underlined-link,.editorial-small-link {display:inline-flex;gap:18px;align-items:center;justify-content:flex-start;min-height:45px;padding:0 0 5px;border:0;position:relative;font-size:12px;font-weight:800;letter-spacing:.01em;transition:color .3s}
.text-link::after,.underlined-link::after,.editorial-small-link::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:currentColor;opacity:.65;transform-origin:left center;transition:transform .4s var(--ease)}
.text-link:hover,.underlined-link:hover,.editorial-small-link:hover {gap:18px;color:#bda06c}
.text-link:hover::after,.underlined-link:hover::after,.editorial-small-link:hover::after{transform:scaleX(.68)}
.text-link-arrow {border:1px solid currentColor;color:inherit;height:32px;width:32px;display:grid;place-items:center;border-radius:50%;font-size:16px;line-height:1;transition:transform .45s var(--ease),background .35s,color .35s}
.text-link:hover .text-link-arrow,.underlined-link:hover .text-link-arrow,.editorial-small-link:hover .text-link-arrow {transform:translate(3px,-2px) rotate(18deg);background:#d4b786;color:#133122}
.light-link {color:#f5ead8}
.circle-arrow {border:1px solid #ad9474;box-shadow:inset 0 0 0 4px #faf6ec,0 0 0 1px #ad947455;color:#1c3a29}
.circle-arrow span {transition:transform .4s var(--ease)}
.circle-arrow:hover{transform:none;background:#e4cdab}
.circle-arrow:hover span{transform:rotate(40deg)}
.editorial-small-link {margin-top:32px;color:#334e3b}
/* HERO / A REAL KENNEL PHOTO ALBUM */
.hero{min-height:750px;background:#102e21;overflow:hidden}
.hero-radial{background:radial-gradient(circle at 76% 37%,#647b5831,transparent 43%),radial-gradient(circle at 13% 3%,#81926913,transparent 42%)}
.hero-layout {grid-template-columns:43% 57%;gap:0;min-height:750px;align-items:center}
.hero-copy {max-width:590px;padding:86px 0 107px}
.hero-copy h1{font:500 clamp(57px,5.85vw,86px)/.91 var(--serif);letter-spacing:-.064em;max-width:590px;margin:33px 0 24px;text-wrap:balance}
.hero-copy h1>span{display:block}
.hero-copy h1 em{font-size:clamp(70px,6.95vw,108px);line-height:.88;display:block;color:#dfc291;margin:16px 0 0;max-width:555px;letter-spacing:-.067em}
.hero-description{max-width:410px;font-size:14px;line-height:1.85;margin-bottom:26px;color:#e0e4d7}
.hero-actions{display:flex;gap:24px;align-items:center}
.hero-trust{margin-top:73px;font-size:9px;color:#d7c398;letter-spacing:.16em;flex-wrap:wrap}
.hero-visual{position:relative;width:100%;height:670px;align-self:center;margin-left:15px;transform:translate3d(0,0,0);isolation:isolate}
.hero-visual::before{content:'';position:absolute;inset:5% 0% 10% 11%;border:1px solid #9b9f7455;border-radius:49% 49% 2px 2px;transform:rotate(6deg);pointer-events:none}
.hero-visual::after{content:'✳';position:absolute;right:7%;bottom:3%;font:38px var(--serif);color:#c4aa7b5e;pointer-events:none}
.hero-visual-label {position:absolute;left:18%;top:6%;font-size:9px;font-weight:800;letter-spacing:.25em;color:#d5c49f}
.hero-photo-wrap,.hero-photo-inset,.hero-photo-ribbon{margin:0;position:absolute;box-shadow:0 20px 45px #040f095e;background:#e5dcc8;overflow:hidden}
.hero-photo-wrap{width:82%;height:68%;left:13%;top:18%;border:9px solid #efe7d7;border-bottom-width:41px;z-index:2;border-radius:2px 60px 2px 2px;transform:rotate(-2deg)}
.hero-photo-wrap img {width:100%;height:100%;object-fit:cover;object-position:center 56%;transition:transform 1.3s var(--ease)}
.hero-photo-wrap:hover img{transform:scale(1.055)}
.hero-photo-wrap figcaption,.hero-photo-inset figcaption,.hero-photo-ribbon figcaption{position:absolute;bottom:-34px;left:9px;font-size:9px;letter-spacing:.16em;font-weight:800;color:#2d4a33;height:29px;display:flex;align-items:center}
.hero-photo-inset{width:31%;height:33%;right:0%;top:2%;border:7px solid #f4ece0;border-bottom-width:31px;z-index:4;transform:rotate(6deg);border-radius:2px 2px 45px 2px}
.hero-photo-inset img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform 1.2s var(--ease)}
.hero-photo-inset:hover img{transform:scale(1.07)}
.hero-photo-inset figcaption{bottom:-26px;left:5px;font-size:8px}
.hero-photo-ribbon{width:30%;height:30%;bottom:0%;left:0%;z-index:5;border:7px solid #eee5d5;border-bottom-width:29px;transform:rotate(-8deg);border-radius:2px}
.hero-photo-ribbon img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;transition:transform 1.2s var(--ease)}
.hero-photo-ribbon:hover img{transform:scale(1.07)}
.hero-photo-ribbon figcaption{bottom:-26px;left:5px;font-size:8px}
.hero-registry{position:absolute;right:-1%;bottom:8%;z-index:7;color:#f2e5cc;padding:14px 17px 13px;background:#234332;box-shadow:0 11px 30px #0005;border:1px solid #bfaa79;transform:rotate(6deg)}
.hero-registry span{display:block;font-size:8px;letter-spacing:.15em;color:#d6c39c;font-weight:800;line-height:1.3}
.hero-registry strong{font:600 29px/1.25 var(--serif);letter-spacing:-.02em}
.hero-film-edge{position:absolute;bottom:1%;left:40%;font-size:8px;letter-spacing:.2em;font-weight:800;color:#d1c09a}
.hero-scroll{bottom:17px}
/* THE BREEDER IS MORE THAN A MONOGRAM */
.manifesto {background:#faf6ec}
.manifesto-grid{grid-template-columns:30% 1fr;gap:8%;align-items:center}
.manifesto-side{padding:0;border:0;gap:16px;max-width:370px;color:#6d765e}
.manifesto-side-photo{width:100%;margin:5px 0;position:relative;background:#f5efe3;box-shadow:0 15px 32px #273c2521;padding:8px 8px 25px;transform:rotate(-3deg)}
.manifesto-side-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 42%}
.manifesto-side-photo figcaption{position:absolute;bottom:7px;left:9px;font-size:7px;letter-spacing:.115em;font-weight:800;color:#52634f}
.manifesto-side p{margin:0;font-size:9px;letter-spacing:.15em}
.manifesto-content .display-title{font-size:clamp(62px,5.8vw,97px);max-width:850px}
.manifesto-content .display-title em{display:block;margin-top:10px}
.manifesto-bottom{margin-top:37px;align-items:center}
.manifesto-bottom p{font-size:15px;max-width:550px}
/* BREEDS: photograph first, information second */
.breeds{background:#e7dfd0}
.breed-stage{grid-template-columns:55% 45%;border:0;box-shadow:0 25px 60px #2f362317}
.breed-stage-visual{background:#bbc6af}
.breed-stage-info{padding:50px 59px;background:#fbf8f0}
.breed-tabs{gap:25px;margin-top:20px;margin-bottom:27px}
.breed-tab{font-size:11px;padding-bottom:15px;transition:opacity .2s}
.breed-tab span{font-size:clamp(27px,2.7vw,38px)}
.breed-tab.active:after{height:3px;background:#b4915f}
.breed-title{font-size:clamp(50px,4.3vw,66px)}
.breed-stage-info .underlined-link{font-size:12px}
/* PORTRAITS — GENUINE STAPLEFIELD DOGS */
.faces{background:#f7f1e7;overflow:hidden;padding-block:150px 140px}
.faces-intro{display:grid;grid-template-columns:2fr 1fr;gap:9%;align-items:end;margin-bottom:60px}
.faces-intro .display-title{max-width:800px}
.faces-intro-note{display:flex;align-items:flex-end;gap:15px;color:#667366;border-left:1px solid #cbbda6;padding-left:25px;margin-bottom:12px}
.faces-intro-note p{font-size:13px;line-height:1.8;max-width:310px;margin:0}
.faces-intro-mark{font:49px/.85 var(--serif);color:#b79970;transform:translateY(-7px)}
.faces-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;align-items:start}
.face-card{display:block;color:#213d2b;outline-offset:8px}
.face-card-two{margin-top:65px}
.face-card-three{margin-top:25px}
.face-image{height:clamp(325px,36vw,535px);position:relative;overflow:hidden;background:#c9c6b8;box-shadow:0 12px 30px #1f36201b;border-radius:2px 80px 2px 2px}
.face-image::after{content:'';position:absolute;inset:0;border:1px solid #0002;pointer-events:none}
.face-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .7s;filter:saturate(.85)}
.face-card-one img{object-position:50% 45%}
.face-card-two img{object-position:50% 50%}
.face-card-three img{object-position:50% 52%}
.face-card:hover img{transform:scale(1.065);filter:saturate(1)}
.face-caption{padding:22px 4px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-bottom:1px solid #c6c5b9;padding-bottom:18px}
.face-caption span:not(.face-arrow){font-size:9px;font-weight:800;color:#8b7756;letter-spacing:.17em}
.face-caption h3{font:500 clamp(46px,4.3vw,66px)/.98 var(--serif);letter-spacing:-.05em;margin:11px 0 7px}
.face-caption p{font-size:12px;color:#6f7b70;margin:0}
.face-arrow{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #9da791;border-radius:50%;font-size:19px;transition:background .35s,transform .35s;color:#244631}
.face-card:hover .face-arrow{background:#244631;color:#fff3dc;transform:rotate(20deg) translate(2px,-2px)}
.faces-footnote{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:65px;font-size:9px;letter-spacing:.15em;color:#738071;font-weight:800}
/* PROCESS / DOCUMENTARY FILM FEEL */
.journey{background:#fbf8ef}
.journey-photo-stack{border-radius:2px 85px 2px 2px;background:#e2e1d6}
.journey-photo img{object-position:center center}
.journey-photo:first-child img{object-position:center 50%}
.journey-step h3 em{color:#7d8d72}
.journey-track-fill{background:#a88c61}
/* ARCHIVE / EMULATE CONTACT PRINTS */
.archive{background:#e5dbcb}
.archive-grid{gap:13px}
.archive-item{border-radius:2px 52px 2px 2px;box-shadow:0 10px 25px #2d3b2915}
.archive-item img{filter:saturate(.94)}
.archive-caption{left:16px;right:16px;bottom:15px}
.archive-caption b{width:38px;height:38px;background:#efe2ca;color:#173b27;border:0;transition:background .3s,transform .35s}
.archive-item:hover .archive-caption b{background:#fff7e8;transform:rotate(20deg)}
/* SHOWS / REAL EXHIBITION CONTEXT */
.shows{background:#142e22}
.shows-grid{grid-template-columns:44% 52%;gap:4%}
.shows-main-photo{border-radius:2px 70px 2px 2px;box-shadow:0 22px 50px #07171049}
.shows-secondary-photo{border-radius:2px;border-color:#142e22;transform:rotate(-5deg)}
.shows .btn-outline-light{max-width:410px}
/* QUIZ OPTIONS WITH PRODUCT-LIKE FEEDBACK, NOT GENERIC SQUARES */
.quiz-card{background:#eee7da;box-shadow:0 17px 38px #283c2415;border-radius:2px 55px 2px 2px}
.quiz-option{border:1px solid #b5bdb0;background:#fcf9f0;border-radius:1px 20px 1px 20px;transition:background .3s,transform .35s var(--ease),border-color .3s;min-height:63px;padding:13px 16px}
.quiz-option:hover,.quiz-option:focus-visible{background:#e1ebdf;transform:translateX(6px);border-color:#729072}
.quiz-option>span:last-child{border:1px solid #b1c0ac;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:16px}
.quiz-result a.btn{display:inline-flex;background:#1f432f;color:#f6ecd9;margin-top:19px;padding:8px 10px 8px 19px;max-width:100%}
.quiz-result a.btn:hover{background:#2c5941}
.quiz-result .btn-arrow{background:#f4e3c6;color:#193a28}
/* FINAL CTA — TURN A BLANK MONOGRAM INTO A PHOTO */
.closing{background:#163629;padding:120px 0 115px}
.closing-grid{grid-template-columns:54% 43%;gap:3%;align-items:center}
.closing-copy{position:relative;z-index:2;padding:30px 0 20px}
.closing h2{font-size:clamp(68px,6.55vw,98px);max-width:720px}
.closing h2 em{display:block;color:#dfc390}
.closing p{max-width:455px;color:#d3d8c8}
.closing-actions{gap:20px}
.closing-undertext{display:block;margin-top:65px;font-size:9px;letter-spacing:.22em;font-weight:800;color:#c9b68e}
.closing-photo{margin:0;padding:10px 10px 36px;background:#f0e7d7;position:relative;transform:rotate(3deg);box-shadow:0 28px 55px #0917104f;border-radius:2px 80px 2px 2px}
.closing-photo img{width:100%;height:min(480px,37vw);min-height:350px;object-fit:cover;object-position:center center;border-radius:2px 70px 2px 2px}
.closing-photo figcaption{position:absolute;left:14px;bottom:10px;color:#284332;font-size:9px;letter-spacing:.18em;font-weight:800}
/* MOBILE -- dog photo appears immediately after title, not hidden after everything */
@media(max-width:1260px){
  .shell{width:min(calc(100% - 76px),1340px)}
  .desktop-nav{gap:15px}
  .desktop-nav a{font-size:10px}
  .wordmark{min-width:221px;gap:10px}
  .wordmark-text strong{font-size:25px}
  .header-cta{padding-left:11px}
  .hero-layout{grid-template-columns:44% 56%}
  .hero-visual{height:610px}
  .hero-copy h1{font-size:clamp(56px,5.6vw,79px)}
  .hero-copy h1 em{font-size:clamp(64px,6.3vw,91px)}
  .manifesto-content .display-title{font-size:clamp(56px,5.8vw,84px)}
  .faces-intro .display-title{font-size:clamp(62px,6vw,83px)}
}
@media(max-width:1040px){
  .desktop-nav{display:none}
  .menu-button{display:flex}
  .hero-layout{grid-template-columns:46% 54%}
  .hero-visual{height:560px}
  .hero-photo-wrap{left:11%;width:85%}
  .hero-photo-inset{right:-1%;width:34%}
  .hero-registry{right:1%}
  .hero-trust{margin-top:45px}
  .faces-gallery{gap:16px}
  .face-image{height:380px}
  .manifesto-grid{grid-template-columns:30% 1fr;gap:6%}
  .closing h2{font-size:clamp(62px,6.4vw,80px)}
}
@media(max-width:760px){
  .shell{width:calc(100% - 38px)}
  .section-space{padding-block:90px}
  .topline-inner{font-size:8px;letter-spacing:.11em}
  .header-inner{height:70px;gap:6px}
  .is-scrolled .header-inner{height:64px}
  .wordmark{min-width:0;gap:9px}
  .wordmark-icon{width:42px;height:46px;border-radius:2px 13px 2px 2px}
  .wordmark-letters{font-size:30px}
  .wordmark-small{font-size:18px}
  .wordmark-text strong{font-size:24px}
  .wordmark-text small{font-size:6px;letter-spacing:.1em;padding-top:8px}
  .header-actions{gap:2px}
  .header-cta{display:flex;background:transparent;border:0;padding:0;min-height:44px;min-width:44px;border-radius:50%}
  .header-cta-label{display:none}
  .header-cta-arrow{height:41px;width:41px;font-size:20px}
  .menu-button{display:flex;padding:11px 8px}
  .menu-button span{width:25px}
  .hero{min-height:0}
  .hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:45px;padding-bottom:78px;min-height:0}
  .hero-copy{display:contents}
  .hero-copy .eyebrow{order:1;align-self:flex-start;margin:0 0 15px;font-size:9px;letter-spacing:.14em}
  .hero-copy h1{order:2;margin:0 0 12px;font-size:clamp(52px,11.7vw,75px);line-height:.91;max-width:620px}
  .hero-copy h1 em{font-size:clamp(60px,13vw,84px);line-height:.9;margin-top:10px;letter-spacing:-.06em}
  .hero-visual{order:3;position:relative;width:calc(100% + 14px);max-width:620px;height:480px;margin:7px 0 0 -9px}
  .hero-visual-label{font-size:7px;left:14%;top:2%}
  .hero-visual::before{inset:5% 2% 12% 5%}
  .hero-photo-wrap{width:79%;height:68%;left:10%;top:14%;border-width:7px;border-bottom-width:34px;border-radius:2px 48px 2px 2px}
  .hero-photo-wrap figcaption{bottom:-30px;font-size:8px}
  .hero-photo-inset{width:34%;height:33%;right:1%;top:0%;border-width:6px;border-bottom-width:29px;border-radius:2px 2px 30px 2px}
  .hero-photo-inset figcaption{bottom:-24px;font-size:7px}
  .hero-photo-ribbon{width:31%;height:29%;bottom:4%;left:0%;border-width:5px;border-bottom-width:26px}
  .hero-photo-ribbon figcaption{bottom:-22px;font-size:7px}
  .hero-registry{right:2%;bottom:13%;padding:9px 10px;transform:rotate(4deg)}
  .hero-registry span{font-size:6px}
  .hero-registry strong{font-size:23px}
  .hero-film-edge{bottom:0%;font-size:6px;left:35%}
  .hero-description{order:4;font-size:13px;margin:10px 0 20px;max-width:480px}
  .hero-actions{order:5;display:flex;flex-wrap:wrap;flex-direction:row;gap:12px 20px;align-items:center}
  .hero-trust{order:6;margin-top:36px;font-size:8px}
  .hero-scroll{display:none}
  .btn{min-height:60px;padding-left:20px;font-size:11px}
  .btn-arrow{width:43px;height:43px}
  .manifesto-grid{display:grid;grid-template-columns:1fr;gap:45px}
  .manifesto-side{display:grid;grid-template-columns:42% 1fr;align-items:start;gap:7px 23px;max-width:500px;border:0}
  .manifesto-side .section-number{grid-column:2;grid-row:1;align-self:end}
  .manifesto-side-photo{grid-column:1;grid-row:1/3;margin:0}
  .manifesto-side p{grid-column:2;grid-row:2;align-self:start}
  .manifesto-content .display-title{font-size:clamp(59px,11.5vw,83px)}
  .manifesto-bottom p{font-size:14px}
  .manifesto-bottom{gap:18px}
  .circle-arrow{width:60px;height:60px}
  .breed-stage{display:block}
  .breed-stage-visual{height:430px;min-height:0}
  .breed-stage-info{padding:34px 30px 37px}
  .breed-tabs{margin:18px 0 25px}
  .breed-title{font-size:58px}
  .faces{padding-block:95px 90px}
  .faces-intro{display:block;margin-bottom:30px}
  .faces-intro .display-title{font-size:clamp(58px,11vw,80px)}
  .faces-intro-note{margin:29px 0 10px;padding-left:20px}
  .faces-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 19px 23px;margin:0 -19px;scrollbar-width:thin;scrollbar-color:#bba17a transparent}
  .face-card{flex:0 0 min(77vw,360px);scroll-snap-align:start}
  .face-card-two,.face-card-three{margin-top:0}
  .face-image{height:390px}
  .face-caption h3{font-size:54px}
  .faces-footnote{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:26px;letter-spacing:.10em}
  .journey-photo-stack{border-radius:2px 50px 2px 2px}
  .journey-sticky{top:70px}
  .shows-grid{grid-template-columns:1fr}
  .shows-visual{min-height:460px}
  .quiz-card{border-radius:2px 40px 2px 2px}
  .closing{padding:95px 0 100px}
  .closing-grid{grid-template-columns:1fr;gap:54px}
  .closing-copy{padding:0}
  .closing h2{font-size:clamp(70px,12.7vw,98px)}
  .closing-photo{max-width:550px;margin:auto;transform:rotate(2deg)}
  .closing-photo img{height:375px;min-height:0}
  .closing-undertext{margin-top:40px}
  .footer-grid{gap:30px 20px}
}
@media(max-width:440px){
  .wordmark-text strong{font-size:21px}
  .wordmark-icon{width:38px;height:43px}
  .wordmark-letters{font-size:28px}
  .wordmark-small{font-size:16px}
  .hero-layout{padding-top:38px}
  .hero-copy h1{font-size:clamp(49px,12.5vw,59px)}
  .hero-copy h1 em{font-size:clamp(56px,13.8vw,67px)}
  .hero-visual{height:345px;margin-left:-5px}
  .hero-visual-label{font-size:6px}
  .hero-photo-wrap{width:80%;top:14%;height:70%;left:9%;border-width:5px;border-bottom-width:28px}
  .hero-photo-wrap figcaption{font-size:6px;bottom:-23px}
  .hero-photo-inset{border-width:5px;border-bottom-width:23px}
  .hero-photo-inset figcaption{font-size:6px;bottom:-20px}
  .hero-photo-ribbon{border-width:4px;border-bottom-width:22px}
  .hero-photo-ribbon figcaption{font-size:6px;bottom:-18px}
  .hero-registry{padding:8px;bottom:10%}
  .hero-registry strong{font-size:21px}
  .hero-visual::after{font-size:21px}
  .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
  .hero-description{margin:5px 0 18px}
  .hero-trust{margin-top:30px}
  .manifesto-side-photo figcaption{font-size:6px}
  .manifesto-content .display-title{font-size:clamp(53px,12vw,61px)}
  .breed-stage-visual{height:360px}
  .breed-stage-info{padding:30px 24px}
  .breed-title{font-size:52px}
  .face-card{flex-basis:82vw}
  .face-image{height:350px}
  .face-caption h3{font-size:48px}
  .closing h2{font-size:clamp(65px,12.8vw,76px)}
  .closing-photo img{height:290px}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual,.hero-photo-wrap,.hero-photo-inset,.hero-photo-ribbon,.closing-photo,.manifesto-side-photo{transform:none!important}
  .faces-gallery{scroll-behavior:auto}
  .face-image img,.hero-photo-wrap img,.hero-photo-inset img,.hero-photo-ribbon img{transition:none}
}