.photo-hero{min-height:630px;display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden;border-radius:30px;background:var(--black);color:white}
.photo-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:68px clamp(38px,5vw,76px)}
.photo-hero .hero-eyebrow{color:var(--orange)}
.photo-hero h1{margin:0;font-size:clamp(88px,9vw,144px)}.photo-hero h1 span{color:var(--orange)}
.photo-hero-copy>p:last-child{max-width:540px;margin:28px 0 0;color:rgba(255,255,255,.72);font-size:20px;line-height:1.55}
.photo-hero-image{position:relative;overflow:hidden}.photo-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,37,37,.44),transparent 32%),linear-gradient(0deg,rgba(42,37,37,.55),transparent 34%)}
.photo-hero-image img{width:100%;height:100%;object-fit:cover}.photo-hero-image>span{position:absolute;right:24px;bottom:22px;z-index:2;padding:8px 11px;border-radius:9px;background:rgba(42,37,37,.8);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}

.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.direction-grid article{min-height:270px;padding:30px;border-radius:22px;background:var(--eggshell)}
.direction-grid span{color:var(--orange);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.direction-grid h3{margin:50px 0 12px;font-size:25px}.direction-grid p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.photo-use-strip{display:grid;grid-template-columns:150px 1fr;gap:30px;margin-top:18px;padding:25px 28px;border-radius:18px;background:var(--black);color:white}.photo-use-strip b{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:var(--orange)}.photo-use-strip p{margin:0;color:rgba(255,255,255,.7);font-size:15px}
.library-handoff{display:flex;align-items:center;gap:36px;margin-top:24px;padding:36px 40px;border-radius:24px;background:var(--eggshell)}.library-handoff>div{max-width:760px}.library-handoff .eyebrow{margin-bottom:8px;color:var(--orange)}.library-handoff h2{margin:0;font:700 clamp(27px,3vw,42px)/1.05 var(--body)}.library-handoff p:last-child{margin:12px 0 0;color:var(--muted);font-size:17px}.library-handoff>a{display:flex;align-items:center;justify-content:space-between;gap:26px;min-width:230px;margin-left:auto;padding:18px 20px;border-radius:14px;background:var(--black);color:white;font-size:14px;font-weight:700}.library-handoff>a:hover{background:var(--orange);color:var(--black);transform:translateY(-2px)}

.menu-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.menu-photo{overflow:hidden;border-radius:24px;background:white}.menu-photo-feature{grid-column:span 2}.menu-photo-wide{grid-column:span 2}
.photo-frame{height:330px;overflow:hidden;background:white}.menu-photo-feature .photo-frame,.menu-photo-wide .photo-frame{height:430px}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-frame-tall img{object-position:center 72%}
.photo-info{padding:22px 24px 24px}.photo-info>span{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.photo-info h3{margin:8px 0 22px;font-size:24px}.photo-info a,.location-copy>a{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(42,37,37,.12);font-size:13px;font-weight:700}.photo-info a:hover,.location-copy>a:hover{color:var(--orange)}
[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 12px);z-index:12;width:min(310px,75vw);padding:12px 14px;border-radius:12px;background:var(--black);color:white;font:13px/1.45 var(--body);font-weight:400;opacity:0;transform:translateY(5px);pointer-events:none;transition:.2s;box-shadow:0 14px 36px rgba(0,0,0,.2)}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:none}
.library-note{display:flex;align-items:center;gap:30px;margin-top:20px;padding:28px 30px;border-radius:20px;background:var(--eggshell)}.library-note>div{max-width:760px}.library-note span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:var(--muted)}.library-note h3{margin:6px 0 7px;font-size:22px}.library-note p{margin:0;color:var(--muted);font-size:15px}.library-note a{margin-left:auto;padding:14px 18px;border-radius:12px;background:var(--black);color:white;font-size:13px;font-weight:700;white-space:nowrap}.library-note a:hover{background:var(--orange);color:var(--black)}

.campaign-board{display:grid;grid-template-columns:.9fr 1.1fr;min-height:680px;overflow:hidden;border-radius:28px;background:var(--orange)}.campaign-visual{position:relative;overflow:hidden;background:var(--black)}.campaign-visual img{width:100%;height:100%;object-fit:cover}.campaign-visual span{position:absolute;left:20px;bottom:20px;padding:8px 10px;border-radius:8px;background:var(--black);color:white;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.campaign-copy{align-self:center;padding:54px clamp(34px,5vw,74px)}.campaign-copy h2{margin:0;font-size:clamp(74px,7vw,112px)}.campaign-copy>p:not(.eyebrow){font-size:18px;line-height:1.55}.campaign-copy ul{display:grid;gap:10px;margin:32px 0;padding:0;list-style:none}.campaign-copy li{font-size:15px;font-weight:700}.campaign-copy li::before{content:'•';margin-right:9px}.campaign-copy a{display:inline-block;padding:14px 18px;border-radius:12px;background:var(--black);color:white;font-size:13px;font-weight:700}.campaign-copy a:hover{transform:translateY(-2px)}

.iphone-board{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border-radius:28px;background:var(--black);color:white}.iphone-photo{position:relative;min-height:680px;overflow:hidden}.iphone-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,37,37,.7),transparent 45%)}.iphone-photo img{width:100%;height:100%;object-fit:cover}.iphone-photo span{position:absolute;left:24px;bottom:22px;z-index:2;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.iphone-rules{display:flex;flex-direction:column;justify-content:center;padding:30px 46px}.iphone-rules article{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.13)}.iphone-rules article:last-child{border-bottom:0}.iphone-rules b{color:var(--orange);font-size:18px}.iphone-rules ul{display:grid;gap:7px;margin:12px 0 0;padding-left:18px;color:rgba(255,255,255,.72);font-size:14px}

.people-layout{display:grid;grid-template-columns:1fr 1fr .72fr;gap:18px}.people-layout figure{position:relative;min-height:520px;overflow:hidden;margin:0;border-radius:24px;background:var(--black)}.people-layout figure img{width:100%;height:100%;object-fit:cover}.people-layout figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,37,37,.86),transparent 55%)}.people-layout figcaption{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:white}.people-layout figcaption b{display:block;font-size:20px}.people-layout figcaption span{display:block;margin-top:4px;color:rgba(255,255,255,.7);font-size:14px}.people-layout aside{padding:30px;border-radius:24px;background:var(--eggshell)}.people-layout aside>span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:var(--muted)}.people-layout aside ul{display:grid;gap:18px;margin:70px 0 0;padding:0;list-style:none}.people-layout aside li{font-size:15px;font-weight:700;line-height:1.4}.people-layout aside li::before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;margin:0 10px 8px 0;border-radius:50%;background:var(--status-green);color:white;font-size:12px}

.location-section{display:grid;grid-template-columns:1.2fr .8fr;gap:0}.location-image{position:relative;min-height:650px;overflow:hidden;border-radius:28px 0 0 28px}.location-image img{width:100%;height:100%;object-fit:cover}.location-image span{position:absolute;left:22px;bottom:22px;padding:8px 10px;border-radius:8px;background:rgba(42,37,37,.82);color:white;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.location-copy{display:flex;flex-direction:column;justify-content:center;padding:50px clamp(30px,4vw,62px);border-radius:0 28px 28px 0;background:var(--eggshell)}.location-copy h2{margin:0;font-size:clamp(66px,6vw,100px)}.location-copy>p{color:var(--muted);font-size:17px}.location-copy ul{display:grid;gap:9px;margin:25px 0 34px;padding-left:18px;font-size:14px}.location-copy>a{margin-top:auto}

@media(max-width:1180px){.photo-hero{grid-template-columns:.9fr 1.1fr}.menu-photo-grid{grid-template-columns:1fr 1fr}.menu-photo-feature,.menu-photo-wide{grid-column:span 1}.people-layout{grid-template-columns:1fr 1fr}.people-layout aside{grid-column:1/-1}.people-layout aside ul{grid-template-columns:1fr 1fr;margin-top:30px}.location-section{grid-template-columns:1fr}.location-image{min-height:500px;border-radius:28px 28px 0 0}.location-copy{border-radius:0 0 28px 28px}}
@media(max-width:900px){.photo-hero{position:relative;grid-template-columns:1fr;min-height:780px}.photo-hero-copy{position:relative;z-index:3;align-self:end;grid-row:1;padding:330px 30px 55px;background:linear-gradient(0deg,var(--black) 14%,rgba(42,37,37,.96) 58%,transparent 100%)}.photo-hero-image{position:absolute;inset:0}.direction-grid{grid-template-columns:1fr}.direction-grid article{min-height:220px}.library-handoff{align-items:flex-start;flex-direction:column}.library-handoff>a{margin-left:0}.campaign-board,.iphone-board{grid-template-columns:1fr}.campaign-visual{min-height:650px}.iphone-photo{min-height:520px}.people-layout{grid-template-columns:1fr}.people-layout aside{grid-column:auto}.people-layout aside ul{grid-template-columns:1fr}}
@media(max-width:640px){.photo-hero{min-height:700px;border-radius:22px}.photo-hero-copy{padding:285px 22px 42px}.photo-hero h1{font-size:76px}.photo-hero-copy>p:last-child{font-size:17px}.photo-use-strip{grid-template-columns:1fr;gap:8px}.library-handoff{padding:28px 24px}.library-handoff>a{width:100%;min-width:0}.campaign-board{border-radius:22px}.campaign-visual{min-height:540px}.campaign-copy{padding:42px 24px}.campaign-copy h2{font-size:70px}.iphone-photo{min-height:430px}.iphone-rules{padding:22px 25px}.people-layout figure{min-height:430px}.location-image{min-height:380px;border-radius:22px 22px 0 0}.location-copy{padding:38px 24px;border-radius:0 0 22px 22px}.location-copy h2{font-size:65px}}

/* Match the shared chapter rhythm and keep large display moments out of Quiroh. */
@media(min-width:901px){.photo-hero{min-height:590px}}
.library-handoff h2{font:800 clamp(44px,4.4vw,68px)/.88 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.library-handoff p:last-child{line-height:1.45}
.people-layout aside ul{gap:14px}
.people-layout aside li{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;font-size:17px;font-weight:400;line-height:1.3}
.people-layout aside li::before{margin:1px 0 0;width:24px;height:24px}

/* Match the other chapter heroes exactly and keep compact links technical. */
@media(min-width:901px){.photo-hero,.photo-hero-image{height:590px;min-height:590px}.photo-hero{grid-template-columns:1.08fr .92fr}.photo-hero-copy,.photo-hero-image{min-width:0}.photo-hero-image img{display:block}.photo-hero h1{font-size:clamp(82px,7vw,116px)}.photo-hero h1 span{font-size:.92em;white-space:nowrap}}
@media(min-width:901px) and (max-width:1180px){.photo-hero{grid-template-columns:1.18fr .82fr}.photo-hero-copy{padding-left:34px;padding-right:28px}.photo-hero h1{font-size:82px}}
.chapter-jump a,.photo-info a,.location-copy>a{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.library-handoff>a,.library-note a,.campaign-copy a{font-weight:500}
.campaign-copy li{font-weight:500}

/* The library handoff is a quiet utility, distinct from editorial section headlines. */
.library-handoff{padding:28px 32px;background:var(--black);color:white}
.library-handoff>div{max-width:820px}.library-handoff h2{font:500 clamp(24px,2.2vw,34px)/1.15 var(--body);text-transform:none;letter-spacing:0}
.library-handoff p:last-child{margin-top:8px;color:rgba(255,255,255,.62);font-size:15px}
.library-handoff>a{background:var(--orange);color:var(--black)}.library-handoff>a:hover{background:var(--eggshell);color:var(--black)}

/* Center tooltips, expose them outside cards, and add a downward caret. */
.menu-photo{overflow:visible}.photo-frame{border-radius:24px 24px 0 0}.photo-info{border-radius:0 0 24px 24px;background:white}
[data-tooltip]::after{left:50%;transform:translate(-50%,5px)}
[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:13;border:7px solid transparent;border-top-color:var(--black);opacity:0;transform:translate(-50%,5px);pointer-events:none;transition:.2s}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{transform:translate(-50%,0)}
[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){.photo-hero h1{font-size:clamp(62px,18vw,72px)}.photo-hero h1 span{font-size:.92em}.library-handoff{padding:26px 22px}}
