/* Homepage only: quieter presentation, complete portrait, expandable archives. */
.home-details{margin-top:22px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;border-color:#a3a3a3}
.home-details+ .home-details{margin-top:0;border-top:0}
.home-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font:600 13px var(--tech);letter-spacing:.06em;text-transform:uppercase}
.home-details>summary::-webkit-details-marker{display:none}
.home-details>summary::after{content:'+';font:400 24px/1 var(--tech)}
.home-details[open]>summary::after{content:'−'}
.home-details>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.home-details .platforms{border-bottom:0;padding-top:0}
.home-details .mixes-label{margin-top:5px}
.home-details .mixes{border-bottom:0}
.release-info .button{color:#111;font-size:12px}
.release-info .button-row{align-items:center;gap:28px}
.about-photo{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;box-shadow:none}
.photo-note{gap:20px;line-height:1.6;margin-top:14px}
.press-more{margin-top:0}
.records{margin-top:0}
.hero-visual::after,.crosshair{display:none}
.hero-visual::before{opacity:.2}
.portrait-frame img:hover{transform:none}
@media(max-width:640px){
.about-photo{width:100%;height:auto;aspect-ratio:auto;object-position:center;box-shadow:none}
.photo-note{font-size:9px;gap:14px}
.about-grid{gap:30px}
.home-details>summary{font-size:12px;padding:20px 0}
.section{padding:48px 0}
.section-heading{margin-bottom:25px}
.hero-foot .disciplines{font-size:8px}
}

/* Compact service titles; complete descriptions remain available on tap. */
#services .service-list{border-top:1px solid #333;align-self:start}
.service-compact{border-bottom:1px solid #333}
.service-compact>summary{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:58px;padding:14px 0;cursor:pointer;list-style:none}
.service-compact>summary::-webkit-details-marker{display:none}
.service-compact>summary:focus-visible{outline:2px solid #ddd;outline-offset:4px}
.service-compact .service-number{font:500 11px var(--tech);color:#777}
.service-compact h3{font:600 18px/1.25 var(--tech);margin:0;overflow-wrap:break-word}
.service-expand{position:relative;display:block;width:14px;height:14px;color:#bbb}
.service-expand::before,.service-expand::after{content:'';position:absolute;background:currentColor;left:1px;top:6px;width:12px;height:1px}
.service-expand::after{transform:rotate(90deg)}
.service-compact[open] .service-expand::after{transform:none}
.service-compact>p{margin:0;padding:0 30px 16px 36px;color:#aaa;font-size:12px;line-height:1.7}
@media(max-width:900px){#services .experience-grid{gap:26px}}
@media(max-width:640px){
#services .experience-grid{gap:24px}
#services .metrics{margin-top:28px;padding-top:20px}
.service-compact>summary{grid-template-columns:20px minmax(0,1fr) 14px;gap:10px;min-height:52px;padding:13px 0}
.service-compact h3{font-size:16px;line-height:1.3}
.service-compact .service-number{font-size:10px}
.service-compact>p{padding:0 24px 14px 30px;font-size:12px}
}