@layer components{.media-page{min-height:100vh;& .media-page__container{max-width:760px;margin-inline:auto;padding-inline:var(--space-l)}& .media-page__header{padding-block:var(--space-2xl);background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border)}& .media-page__title{font-size:var(--size-step-4);font-weight:900;color:var(--color-text);margin:0 0 var(--space-s)}& .media-page__book-sentence{font-size:var(--size-step-0);color:var(--color-text-muted);margin:0;font-style:italic}& .media-page__section{padding-block:var(--space-2xl);border-bottom:1px solid var(--color-border);&.media-page__section--alt{background-color:var(--color-surface-raised)}&.media-page__section--contact{background-color:var(--color-surface)}}& .media-page__section-title{font-size:var(--size-step-1);font-weight:700;color:var(--color-text);margin:0 0 var(--space-m)}& .media-page__body{border-bottom:1px solid var(--color-border);& .media-page__container{padding-block:var(--space-2xl)}& h2{font-size:var(--size-step-1);font-weight:700;color:var(--color-text);margin:var(--space-2xl)0 var(--space-m);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);&:first-child{margin-top:0;padding-top:0;border-top:none}}& p{font-size:var(--size-step-0);line-height:1.8;color:var(--color-text-muted);margin:0 0 var(--space-m);&:last-child{margin-bottom:0}}}& .media-page__photos-note{font-size:var(--size-step--1);color:var(--color-text-muted);margin:0 0 var(--space-m);font-style:italic}&.media-page__section--press{background-color:var(--color-surface-raised)}& .media-page__press-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);margin-bottom:var(--space-m);flex-wrap:wrap}& .media-page__press-bio{font-size:var(--size-step-1);line-height:1.65;color:var(--color-text);font-weight:500;margin:0;padding:var(--space-l)var(--space-xl);border-left:3px solid var(--color-accent);background-color:var(--color-surface);border-radius:0 4px 4px 0;font-style:normal;cursor:text;user-select:all}& .media-page__copy-btn{display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-xs)var(--space-m);border:1px solid var(--color-border);border-radius:4px;background:0 0;color:var(--color-text-muted);font-size:var(--size-step--1);font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease;flex-shrink:0;&:hover{color:var(--color-accent);border-color:var(--color-accent)}&.is-done{color:var(--color-accent);border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 8%,transparent)}}& .media-page__copy-icon{position:relative;width:16px;height:16px;display:flex;align-items:center;& svg:first-child{transition:opacity .15s ease,transform .15s ease}& .media-page__copy-check{position:absolute;inset:0;opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease}}& .media-page__copy-btn.is-done .media-page__copy-icon svg:first-child{opacity:0;transform:scale(.7)}& .media-page__copy-btn.is-done .media-page__copy-check{opacity:1;transform:scale(1)}& .media-page__no-photos{font-size:var(--size-step-0);color:var(--color-text-muted);margin:0}& .media-page__photo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-l)}& .media-page__photo-link{display:block;position:relative;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--color-text);transition:border-color .2s ease;&:hover{border-color:var(--color-accent);& .media-page__photo-caption{background-color:var(--color-accent);color:var(--color-surface)}}}& .media-page__photo-img{width:100%;height:auto;display:block;object-fit:cover}& .media-page__photo-caption{display:block;padding:var(--space-xs)var(--space-m);font-size:var(--size-step--1);font-weight:600;background-color:var(--color-surface-raised);border-top:1px solid var(--color-border);transition:background-color .2s ease,color .2s ease}& .media-page__contact-email{font-size:var(--size-step-2);font-weight:700;color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}}}.media-page__photo-link>.progressive-image-container{width:100%}