/* Product photographs, original material views and responsible author. */
.application-section{padding-top:30px;padding-bottom:90px}
.application-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(35px,6vw,85px);align-items:center}
.application-copy h2{font-family:var(--display);font-size:clamp(36px,4vw,58px);font-weight:350;line-height:1.08;letter-spacing:-.025em;margin:20px 0 26px}
.application-copy .lead{font-size:19px;color:var(--muted);max-width:40ch}
.application-copy .text-link{display:inline-block;margin-top:16px}
.application-photo{margin:0;min-width:0}
.application-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line)}
.application-photo figcaption,.context-photo figcaption{font-size:12px;line-height:1.5;color:var(--muted);padding-top:10px}
.material-view{margin:0;min-width:0}
.material-image{display:block;position:relative;overflow:hidden;text-decoration:none;background:#e9e5db;border:1px solid #b9b19f;color:#27271f}
.material-image img{display:block;width:100%;height:auto;object-fit:contain;object-position:top;background:#e9e5db;transition:filter .2s}
.material-image:hover img{filter:brightness(1.025)}
.material-image:focus-visible,.original-peek:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.light-section .material-image:focus-visible{outline-color:#725d3f}
.material-image .image-enlarge{display:flex;justify-content:space-between;gap:14px;padding:13px 17px;background:#e9e5db;color:#3e3c34;border-top:1px solid #b9b19f;font-size:13px;line-height:1.5}
.material-view figcaption{padding-top:17px;font-size:14px;line-height:1.6;color:var(--muted)}
.material-view figcaption strong{display:block;font-size:18px;font-weight:600;color:var(--paper);margin-bottom:5px}
.material-view figcaption span{display:block;max-width:65ch}
.light-section .material-view figcaption{color:#535046}
.light-section .material-view figcaption strong{color:var(--ink)}
.digital-detail .package-grid>*{min-width:0}
.digital-detail .package-list h3{overflow-wrap:anywhere;hyphens:auto}
.package-grid>.material-view.document .material-image img{max-height:560px;object-fit:cover;object-position:top}
.package-grid>.material-view.screen .material-image img{max-height:550px;object-fit:cover;object-position:top}
.material-section{padding-top:80px;border-top:1px solid var(--line)}
.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.material-grid .material-image img{height:510px;object-fit:cover;object-position:top}
.preview-split{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(35px,6vw,85px);align-items:start}
.preview-split .material-image img{height:auto;max-height:620px;object-fit:cover;object-position:top}
.preview-explanation h3{font-family:var(--display);font-weight:350;font-size:clamp(32px,3.5vw,46px);line-height:1.12;margin:18px 0 30px}
.preview-explanation ol{list-style:none;padding:0;counter-reset:preview}
.preview-explanation li{position:relative;padding:20px 0 20px 38px;border-top:1px solid var(--line);counter-increment:preview}
.preview-explanation li::before{content:'0' counter(preview);position:absolute;left:0;top:22px;font-size:11px;color:var(--gold)}
.preview-explanation li strong{display:block;font-size:18px;margin-bottom:6px;font-weight:600}
.preview-explanation li span{display:block;color:var(--muted);font-size:16px}
.proof-person-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(45px,7vw,100px);align-items:start}
.proof-person-grid .product-proof{max-width:none}
.product-maker{margin:0;max-width:310px;justify-self:end;min-width:0}
.product-maker img{display:block;aspect-ratio:4/5;object-fit:cover;object-position:center 27%;width:100%;height:auto;border:1px solid var(--line)}
.product-maker figcaption{padding-top:18px;font-size:14px;line-height:1.5}
.product-maker figcaption strong{display:block;font-family:var(--display);font-weight:350;font-size:25px;color:var(--paper);margin-bottom:7px}
.product-maker figcaption>span{display:block;color:var(--muted);margin-bottom:14px}
.product-maker figcaption .text-link{font-size:14px}
.maker-note{max-width:58ch;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.context-section{padding-top:40px}
.context-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.context-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:32px}
.context-photo{margin:0}
.context-photo>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border:1px solid var(--line)}
.context-copy{padding-top:25px}
.context-copy h3{font-size:clamp(28px,3vw,40px);margin:16px 0 18px;line-height:1.1}
.context-copy>p:not(.eyebrow){color:var(--muted);font-size:18px;max-width:45ch}
.original-peek{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;text-decoration:none;color:var(--gold);font-size:16px;line-height:1.5}
.original-peek>img{flex:0 0 98px;width:98px;height:84px;object-fit:cover;object-position:top;border:1px solid var(--line)}
.original-peek small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.maker-section{padding-top:30px}
.maker-strip{display:grid;grid-template-columns:220px 1fr;gap:clamp(35px,6vw,85px);align-items:center;padding-top:50px;padding-bottom:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.maker-strip>img{display:block;width:220px;height:280px;object-fit:cover;object-position:center 25%}
.maker-strip h2{font-family:var(--display);font-size:clamp(34px,4vw,52px);line-height:1.1;font-weight:350;margin:18px 0 22px}
.maker-strip p:not(.eyebrow){max-width:60ch;color:var(--muted);font-size:18px}
.maker-links{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:26px}
.maker-links .text-link{font-size:15px}
@media(max-width:980px){
 .application-grid{grid-template-columns:1fr 1.2fr;gap:35px}
 .proof-person-grid{grid-template-columns:1fr 260px;gap:40px}
 .preview-split{grid-template-columns:1fr;gap:35px}
 .preview-explanation{max-width:680px}
 .material-grid .material-image img{height:420px}
}
@media(max-width:700px){
 .application-section{padding-top:0;padding-bottom:55px}
 .application-grid,.context-gallery,.material-grid,.proof-person-grid{grid-template-columns:1fr;gap:35px}
 .application-copy h2{font-size:38px}
 .application-copy .lead{font-size:18px}
 .application-photo img{aspect-ratio:4/3;object-position:center}
 .application-photo figcaption,.context-photo figcaption{font-size:11px}
 .material-section{padding-top:55px}
 .material-grid .material-image img{height:400px}
 .package-grid>.material-view.document .material-image img{max-height:440px}
 .package-grid>.material-view.screen .material-image img{max-height:none}
 .preview-split .material-image img{height:auto;max-height:none;object-fit:contain}
 .material-image .image-enlarge{font-size:12px;padding:12px 14px}
 .material-view figcaption{font-size:13px}
 .material-view figcaption strong{font-size:17px}
 .product-maker{display:grid;grid-template-columns:125px 1fr;gap:22px;align-items:center;justify-self:start;max-width:none;width:100%;border-top:1px solid var(--line);padding-top:30px}
 .product-maker img{width:125px;aspect-ratio:3/4}
 .product-maker figcaption{padding:0}
 .product-maker figcaption strong{font-size:23px}
 .context-section{padding-top:20px}
 .context-gallery{gap:45px}
 .context-copy h3{font-size:32px}
 .maker-strip{grid-template-columns:1fr;gap:26px;padding-top:35px;padding-bottom:35px}
 .maker-strip>img{width:165px;height:205px}
 .maker-strip h2{font-size:36px}
 .maker-links{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.material-image img{transition:none}}
