/* Additions only. Original shared styles.css preserved. */
.hip-preview{position:fixed;right:12px;bottom:12px;z-index:9999;background:#fffef3ed;border:1px solid #a8b6ad;border-radius:24px;padding:7px 14px;font-size:12px;color:#29484a;box-shadow:0 2px 12px #0001;pointer-events:none}
.hip-extra .section-head{margin-bottom:28px}.hip-extra .prose>p,.hip-extra .prose>ul{max-width:900px;margin:20px auto;font-size:17px;line-height:1.9;color:var(--muted)}.hip-extra .prose>ul{padding-left:24px}.hip-extra .prose strong{color:var(--teal)}.hip-extra .visual{margin:30px 0;background:#fffaf2;border:1px solid var(--line);border-radius:12px;overflow:hidden}.hip-extra .visual img{display:block;width:100%;height:auto}.hip-extra .visual-labels{display:grid;grid-template-columns:repeat(3,1fr);padding:22px;gap:24px}.hip-extra .visual-labels h3{font-size:20px;margin:6px 0}.hip-extra .visual-labels p{font-size:14px;line-height:1.7;color:var(--muted)}.hip-extra .num{font-size:12px;color:var(--teal-soft)}.hip-extra figcaption,.hip-note{font-size:13px;line-height:1.7;color:var(--muted);padding:16px 22px}.hip-note{max-width:1140px;margin:auto}.hip-extra .visual figcaption{border-top:1px solid var(--line)}.hip-extra figcaption a{display:block;text-decoration:underline;text-underline-offset:4px}.hip-lead{max-width:820px;margin-top:22px}.hip-links{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:20px}.hip-links a,.hip-related{font-size:15px;border-bottom:1px solid var(--teal-soft);padding-bottom:4px}.hip-related{display:inline-block;margin-top:20px}.hip-extra .case-meta{background:var(--mint);padding:25px;text-align:center;display:flex;flex-direction:column;gap:5px;margin-bottom:24px}.hip-extra .case-meta span{font-size:14px;color:var(--muted)}.hip-extra .case-meta strong{font-size:24px}.hip-extra .case-main{max-width:900px;margin:auto}.hip-extra .case-main img{display:block;width:100%;height:auto;border-radius:12px}.hip-extra .case-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:25px auto}.hip-extra .case-details img{display:block;width:100%;aspect-ratio:5/4;object-fit:contain;background:var(--sand);border-radius:12px}.hip-extra details{border-top:1px solid var(--line);padding:20px 0;max-width:900px;margin:auto}.hip-extra details:last-child{border-bottom:1px solid var(--line)}.hip-extra summary{cursor:pointer;font-weight:600;font-size:18px}.hip-extra details p{color:var(--muted);font-size:16px;line-height:1.85;margin-top:16px}.triocard .tc-media.hip-atlas{aspect-ratio:1/1.65;position:relative;background:#fffaf2}.triocard .tc-media.hip-atlas img{position:absolute;max-width:none;width:300%;height:auto;top:0;left:0;object-fit:initial}.triocard .tc-media.hip-panel-1 img{left:-100%}.triocard .tc-media.hip-panel-2 img{left:-200%}.hip-context{margin-bottom:20px}.hip-extra .section-head .eyebrow{display:block;margin-bottom:12px}
@media(max-width:820px){.hip-extra .visual-labels{grid-template-columns:1fr;gap:15px}.hip-extra .visual-labels>div{padding-bottom:12px;border-bottom:1px solid var(--line)}.hip-extra .visual-labels>div:last-child{border:0}.hip-extra .case-details{grid-template-columns:1fr}.hip-extra .prose>p,.hip-extra .prose>ul{font-size:16px}.hip-extra .case-meta strong{font-size:20px}.triocard .tc-media.hip-atlas{aspect-ratio:1/1.4}.hip-note{padding:14px 24px}.hip-preview{font-size:10px}.hip-links{gap:16px}.hip-extra summary{font-size:16px}}

/* Soft photographic transition, matching the shared treatment hero. */
.hero-full.hp-hip{background:var(--warm)}
.hero-full.hp-hip .hf-bg{left:35%}
.hero-full.hp-hip .hf-bg img{object-position:center top;display:block}
.hero-full.hp-hip .hf-bg::after{display:block;background:linear-gradient(90deg,#faf3e8 0%,rgba(250,243,232,.97) 7%,rgba(250,243,232,.82) 17%,rgba(250,243,232,.48) 30%,rgba(250,243,232,.15) 43%,rgba(250,243,232,0) 57%)}
@media(max-width:820px){.hero-full.hp-hip .hf-bg{left:0;height:340px}.hero-full.hp-hip .hf-bg img{object-position:72% top}.hero-full.hp-hip .hf-bg::after{display:block;background:linear-gradient(180deg,rgba(250,243,232,0) 65%,rgba(250,243,232,.28) 80%,#faf3e8 100%)}.hero-full.hp-hip .wrap{padding-top:12px}}
