/* DesigningAxis — casestudy.min.css | Generated 2026-05-29 */
.cs-hero{
background:var(--dark);padding:8rem 5% 4rem;position:relative;overflow:hidden}
.cs-hero::before{
content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(201,169,110,0.03) 0,rgba(201,169,110,0.03) 1px,transparent 1px,transparent 40px)}
.cs-hero-inner{
position:relative;max-width:var(--container);margin:0 auto}
.cs-breadcrumb{
font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:1.5rem;font-weight:300}
.cs-breadcrumb a{
color:var(--gold);text-decoration:none}
.cs-hero-tag{
font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:block}
.cs-hero h1{
font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);color:var(--white);font-weight:400;line-height:1.2;margin-bottom:1rem}
.cs-hero h1 em{
color:var(--gold);font-style:italic}
.cs-hero-sub{
font-size:0.95rem;color:rgba(255,255,255,0.5);font-weight:300;max-width:560px;line-height:1.8;margin-bottom:2rem}
.cs-meta{
display:flex;gap:2rem;flex-wrap:wrap}
.cs-meta-item{
font-size:0.75rem;color:rgba(255,255,255,0.4);font-weight:300;letter-spacing:0.05em}
.cs-meta-item strong{
color:var(--gold);font-weight:400;display:block;margin-bottom:0.15rem;font-size:0.85rem}
.cs-hero-image{
width:100%;max-width:var(--container);margin:0 auto;height:460px;object-fit:cover;display:block}
.cs-hero-image-placeholder{
width:100%;max-width:var(--container);margin:0 auto;height:460px;background:var(--cream-dk);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}
.cs-hero-image-placeholder p{
font-size:0.85rem;color:var(--muted);font-weight:300;text-align:center;line-height:1.7}
.cs-content{
max-width:var(--container);margin:0 auto;padding:4rem 5%}
.cs-grid{
display:grid;grid-template-columns:1fr 320px;gap:4rem;align-items:start}
.cs-body h2{
font-family:var(--serif);font-size:1.5rem;color:var(--dark);font-weight:400;margin:2.5rem 0 1rem;line-height:1.3}
.cs-body h2:first-child{
margin-top:0}
.cs-body p{
font-size:0.95rem;color:var(--text);line-height:1.85;font-weight:300;margin-bottom:1.25rem}
.cs-divider{
width:48px;height:2px;background:var(--gold);margin:2rem 0}
.cs-cards{
display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin:2rem 0}
.cs-card{
background:var(--white);padding:2rem}
.cs-card-label{
font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:400}
.cs-card h3{
font-family:var(--serif);font-size:1.05rem;color:var(--dark);margin-bottom:0.75rem;font-weight:500}
.cs-card ul{
list-style:none}
.cs-card ul li{
font-size:0.88rem;color:var(--muted);padding:0.5rem 0;border-bottom:1px solid var(--border);font-weight:300;display:flex;gap:0.6rem;line-height:1.6}
.cs-card ul li::before{
content:'◈';color:var(--gold);font-size:0.55rem;margin-top:0.45rem;flex-shrink:0}
.cs-photo-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border);margin:2rem 0}
.cs-photo-item{
aspect-ratio:4/3;background:var(--cream-dk);overflow:hidden;position:relative}
.cs-photo-item.tall{
grid-row:span 2;aspect-ratio:auto}
.cs-photo-item img{
width:100%;height:100%;object-fit:cover}
.cs-photo-placeholder{
width:100%;height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream-dk)}
.cs-photo-placeholder span{
font-size:2rem;opacity:0.2}
.cs-photo-placeholder p{
font-size:0.72rem;color:var(--muted);font-weight:300;margin-top:0.5rem;text-align:center;padding:0 1rem}
.cs-results{
display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);margin:2rem 0}
.cs-result{
background:var(--white);padding:1.5rem;text-align:center}
.cs-result-num{
font-family:var(--serif);font-size:2rem;color:var(--gold);line-height:1}
.cs-result-lbl{
font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:0.4rem}
.cs-quote{
background:var(--dark);padding:2.5rem;margin:2rem 0;border-left:4px solid var(--gold)}
.cs-quote p{
font-family:var(--serif);font-size:1.1rem;color:rgba(255,255,255,0.85);line-height:1.8;font-style:italic;margin:0}
.cs-quote-attr{
font-size:0.78rem;color:var(--gold);margin-top:1rem;font-weight:400;letter-spacing:0.05em}
.cs-sidebar{
}
.cs-cta-card{
background:var(--dark);padding:2rem;margin-bottom:1.5rem;text-align:center}
.cs-cta-card .label{
color:var(--gold)}
.cs-cta-card h3{
font-family:var(--serif);font-size:1.1rem;color:var(--white);margin:0.5rem 0 0.5rem;font-weight:400;line-height:1.4}
.cs-cta-card p{
font-size:0.8rem;color:rgba(255,255,255,0.4);font-weight:300;margin-bottom:1.5rem;line-height:1.6}
.cs-info-card{
background:var(--white);border:1px solid var(--border);padding:1.75rem;margin-bottom:1.5rem}
.cs-info-title{
font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;font-weight:400}
.cs-spec{
display:flex;justify-content:space-between;padding:0.6rem 0;border-bottom:1px solid var(--border);font-size:0.85rem}
.cs-spec:last-child{
border-bottom:none}
.cs-spec-label{
color:var(--muted);font-weight:300}
.cs-spec-value{
color:var(--dark);font-weight:500;text-align:right}
.cs-related-links{
list-style:none}
.cs-related-links li{
margin-bottom:0.6rem}
.cs-related-links a{
font-size:0.85rem;color:var(--text);text-decoration:none;font-weight:300;transition:color 0.2s;display:flex;gap:0.5rem;align-items:flex-start;line-height:1.5}
.cs-related-links a::before{
content:'→';color:var(--gold);flex-shrink:0;font-size:0.75rem;margin-top:0.2rem}
.cs-related-links a:hover{
color:var(--gold)}
.cs-ba-note{
background:var(--cream-dk);border:1px solid var(--border);padding:1.25rem;margin:1.5rem 0;font-size:0.82rem;color:var(--muted);font-weight:300;line-height:1.7;text-align:center}
@media(max-width:768px){
.cs-grid{
grid-template-columns:1fr}
.cs-sidebar{
order:-1}
.cs-cards{
grid-template-columns:1fr}
.cs-photo-grid{
grid-template-columns:1fr 1fr}
.cs-photo-item.tall{
grid-row:span 1}
}