.ma-main{--ma-margin:clamp(.75rem,.579rem + .621vw,1.25rem);--ma-display:clamp(3.8rem,1.523rem + 9.006vw,11.25rem);color:#0d0d0d;background:#f6f6f6;font-weight:600}.ma-main button,.ma-main a{-webkit-tap-highlight-color:transparent}.ma-main button{cursor:pointer}.ma-main :focus-visible{outline:2px solid currentColor;outline-offset:5px}.ma-main [hidden]{display:none!important}.ma-gallery{min-height:700px;height:100dvh;display:flex;flex-direction:column;padding:30px 0 var(--ma-margin);overflow:hidden}.ma-thumbs{display:flex;gap:6px;padding:0 var(--ma-margin);height:clamp(115px,12vw,170px);flex-shrink:0;align-items:flex-start;overflow-x:auto}.ma-thumb{position:relative;flex:none;width:6em;height:4em;border:1px solid transparent;padding:0;background:transparent}.ma-thumb:nth-child(2){height:5.2em}.ma-thumb:nth-child(3){height:8em}.ma-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .35s}.ma-thumb span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ma-thumb[aria-pressed=true]{border-bottom:2px solid #0d0d0d}.ma-thumb.is-excluded{border:1px solid #bcbcbc;background:linear-gradient(transparent 49%,#bcbcbc 50%,transparent 51%)}.ma-thumb.is-excluded img{opacity:0}.ma-index-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--ma-margin) 10px;border-bottom:1px solid #d4d4d4;gap:16px}.ma-index-heading h1{font-size:clamp(2.063rem,1.783rem + 1.016vw,2.875rem);line-height:1.1;letter-spacing:-.03em;margin:0}.ma-filters{display:flex;gap:8px;align-items:center;font-size:16px}.ma-filters button[aria-pressed=true]{color:#9d9d9d}.ma-filter-toggle{display:none}.ma-stage{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;flex:1;min-height:0;padding:20px var(--ma-margin) 0}.ma-details{grid-column:1/4;display:flex;flex-direction:column;justify-content:space-between;font-size:16px;line-height:1.35}.ma-details h2{font-size:inherit;margin:0 0 20px}.ma-details dl{margin:0 0 20px}.ma-details dl div{display:flex;gap:8px;margin:3px 0}.ma-details dt{color:#9d9d9d}.ma-details dd{margin:0}.ma-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;border-bottom:1px solid;padding-bottom:5px;text-decoration:none}.ma-link img{width:auto;height:.7em}.ma-controls{display:flex;gap:16px;font-size:13px;margin-top:25px}.ma-controls button:disabled{opacity:.35;cursor:default}.ma-progress{font-size:var(--ma-display);line-height:.8;letter-spacing:-.07em;margin:0}.ma-selected{grid-column:4/11;position:relative;min-height:0;overflow:hidden;display:block;background:#e6e6e6}.ma-selected>img{height:100%;width:100%;object-fit:cover;display:block}.ma-image-error{position:absolute;inset:0;display:grid;place-content:center;padding:24px}.ma-empty{padding:40px var(--ma-margin)}.ma-empty button{text-decoration:underline;margin-top:12px}.ma-detail-hero,.ma-next{position:relative;height:115vh;min-height:700px;color:#f6f6f6;overflow:hidden;display:flex;align-items:center;background:#0d0d0d}.ma-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.ma-hero-content{position:relative;width:100%;z-index:1}.ma-hero-label,.ma-hero-display{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;padding:0 var(--ma-margin)}.ma-hero-label{align-items:start;margin-bottom:clamp(130px,10vw,170px)}.ma-hero-label>p{grid-column:1/4;margin:0;padding-top:6px;font-size:16px}.ma-hero-label h1,.ma-hero-label h2{grid-column:5/10;margin:0;font-size:clamp(2.063rem,1.783rem + 1.016vw,2.875rem);line-height:1.1;letter-spacing:-.03em}.ma-hero-display{font-size:var(--ma-display);line-height:.8;letter-spacing:-.05em;border-bottom:1px solid #ffffff70;padding-bottom:20px;position:relative}.ma-hero-display>span:first-child{grid-column:1/4}.ma-hero-display>span:nth-child(2){grid-column:5/10;font-size:.85em}.ma-hero-display>a,.ma-next-arrow{position:absolute;right:var(--ma-margin);bottom:20px;height:.85em;width:auto}.ma-hero-display>a img{height:100%;width:auto}.ma-info{padding:50px var(--ma-margin) clamp(260px,20vw,340px)}.ma-facts{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin:0;font-size:15px;line-height:1.3}.ma-facts>div:nth-child(1){grid-column:1/4}.ma-facts>div:nth-child(2){grid-column:5/7}.ma-facts>div:nth-child(3){grid-column:7/9}.ma-facts>div:nth-child(4){grid-column:9/11;text-align:right}.ma-facts dt{color:#9d9d9d;margin-bottom:10px}.ma-facts dd{margin:0}.ma-description{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-top:clamp(130px,10vw,170px);font-size:16px;line-height:1.3}.ma-description>span{grid-column:1/3}.ma-description>div{grid-column:5/8}.ma-description p{margin:0 0 22px}.ma-description button{margin-top:18px}.ma-detail-images{margin:clamp(75px,6vw,100px) 0 0 calc(40% + 4px)}.ma-detail-images figure{margin:0;overflow:hidden;background:#ddd}.ma-detail-images img{width:100%;height:100%;object-fit:cover}.ma-landscape{aspect-ratio:1980/1485}.ma-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ma-image-pair figure{aspect-ratio:1590/1980}.ma-image-pair figure:first-child img{object-position:22% center}.ma-image-pair figure:last-child img{object-position:80% center}.ma-detail-images>p{font-size:12px;margin:12px 0 0;color:#686868}.ma-next{height:100vh;min-height:600px;text-decoration:none}.ma-next-hint{margin:25px var(--ma-margin);text-align:right;font-size:15px}.ma-next-arrow{transform:rotate(-90deg)}
@media(max-width:1025px){.ma-gallery{min-height:740px;padding:30px 0 10px}.ma-stage{display:flex;flex-direction:column;order:0;padding:0 var(--ma-margin);gap:5px;flex:1}.ma-selected{order:0;flex-shrink:0;height:35dvh;min-height:250px}.ma-details{order:1;flex:1;font-size:13px;justify-content:flex-start}.ma-details h2{margin-bottom:20px}.ma-details dl{margin-bottom:20px}.ma-controls{margin-top:16px}.ma-details .ma-progress{position:absolute;right:var(--ma-margin);bottom:175px;font-size:15px;letter-spacing:0}.ma-index-heading{order:1;margin-top:20px;padding-bottom:10px}.ma-thumbs{order:2;height:190px;align-items:flex-end;gap:6px;padding-top:40px}.ma-thumb{width:6.5em;height:4.4em}.ma-thumb:nth-child(2){height:4.5em}.ma-thumb:nth-child(3){height:9.5em}.ma-filter-wrap{position:relative}.ma-filter-toggle{display:flex;gap:4px;background:#e9e9eb;padding:2px 7px;border-radius:3px;font-size:13px}.ma-filter-toggle span{color:#9d9d9d}.ma-filters{display:none;position:absolute;right:0;bottom:28px;background:#e9e9eb;min-width:140px;padding:12px;z-index:5;flex-direction:column;align-items:stretch}.ma-filters.is-open{display:flex}.ma-filters>span{display:none}.ma-filters button{text-align:left;padding:5px 0}.ma-hero-display{font-size:clamp(62px,10vw,120px)}.ma-hero-label h1,.ma-hero-label h2{grid-column:4/11}.ma-hero-display>span:nth-child(2){grid-column:4/10}.ma-description>div{grid-column:4/9}}
@media(max-width:479px){.ma-gallery{position:relative;min-height:740px}.ma-index-heading h1{font-size:32px}.ma-hero-label,.ma-hero-display{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ma-detail-hero{min-height:650px;height:115svh}.ma-hero-label{margin-bottom:100px}.ma-hero-label>p{grid-column:1;font-size:12px}.ma-hero-label h1,.ma-hero-label h2{grid-column:2/5;font-size:28px}.ma-hero-display{font-size:clamp(54px,14vw,70px);padding-bottom:15px}.ma-hero-display>span:first-child{grid-column:1}.ma-hero-display>span:nth-child(2){grid-column:2/5;font-size:.8em}.ma-hero-display>a,.ma-next-arrow{height:.55em;bottom:15px}.ma-info{padding-top:30px}.ma-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 5px;font-size:13px}.ma-facts>div:nth-child(n){grid-column:2/5;text-align:left}.ma-description{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;font-size:14px}.ma-description>span{grid-column:1}.ma-description>div{grid-column:2/5}.ma-detail-images{margin-left:0}.ma-image-pair{gap:5px;margin-top:5px}.ma-next{min-height:600px}.ma-next-hint{font-size:13px}}
@media(min-width:1026px){.ma-selected{grid-column:5/11;width:auto;aspect-ratio:4/3;height:100%;max-width:100%;justify-self:end;min-width:0}.ma-details,.ma-filters{font-size:clamp(.8061rem,.7876rem + .0671vw,.8599rem);line-height:1.3}}
@media(min-width:1720px){.ma-details,.ma-filters{font-size:clamp(.8599rem,1.81vw - 1.086rem,1.2898rem)}}
@media(prefers-reduced-motion:reduce){.ma-main *{scroll-behavior:auto!important;transition:none!important}}

/* Continuous Applications: the full four families stay in normal document flow. */
.ma-continuous .ma-info{padding-bottom:clamp(100px,10vw,160px)}.ma-continuous .ma-description{margin-top:clamp(64px,7vw,100px)}.ma-continuous .ma-detail-images{margin-top:clamp(40px,5vw,75px)}.ma-chapter{scroll-margin-top:0}