.fraim-page{background:var(--color-cream,#FAF7F1);color:var(--color-ink,#1A1A1A)}.fraim-page__hero{background:var(--color-ink,#1A1A1A);color:var(--color-avorio,#F4EFE6);padding:clamp(5rem,12vh,9rem) clamp(1.5rem,5vw,4rem) clamp(4rem,9vh,7rem)}.fraim-page__hero-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem)}.fraim-page__hero-eyebrow-row{display:flex;align-items:center;gap:.85rem}.fraim-page__hero-eyebrow-rule{display:inline-block;width:2.25rem;height:1px;background:var(--color-sienna-bright,#C2693C);flex-shrink:0}.fraim-page__hero-eyebrow{margin:0;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:clamp(.7rem,.85vw,.78rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-sienna-bright,#C2693C)}.fraim-page__hero-heading{margin:0;font-family:var(--font-serif,"EB Garamond","Cormorant Garamond",serif);font-weight:400;font-size:clamp(3.5rem,9vw,6.5rem);line-height:1;letter-spacing:-.01em;color:var(--color-cream,#FAF7F1)}.fraim-page__hero-lead{margin:0;max-width:56ch;font-family:var(--font-sans,"Inter",system-ui,sans-serif);font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.55;color:rgba(244,239,230,.78)}.fraim-page__hero-badge{align-self:flex-start;margin-top:clamp(.75rem,1.5vw,1.25rem);padding:.45rem .9rem;background:rgba(194,105,60,.12);border:1px solid var(--color-sienna-bright,#c2693c);border-radius:2px;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-sienna-bright,#C2693C)}.fraim-page__shots{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,4vw,3rem)}.fraim-page__shots-container{max-width:1180px;margin:0 auto}.fraim-page__shots-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.5rem)}@media (max-width:720px){.fraim-page__shots-grid{grid-template-columns:1fr}}.fraim-page__shot{display:flex;flex-direction:column;gap:.85rem}.fraim-page__shot-placeholder{position:relative;aspect-ratio:4/3;background:rgba(244,239,230,.5);border:1px solid var(--color-sienna-bright,#c2693c);border-radius:2px;display:flex;align-items:center;justify-content:center}.fraim-page__shot-placeholder-text{font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(26,26,26,.5)}.fraim-page__shot-title{margin:.5rem 0 0;font-family:var(--font-serif,"EB Garamond","Cormorant Garamond",serif);font-weight:500;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;color:var(--color-ink,#1A1A1A)}.fraim-page__shot-caption{margin:0;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:.85rem;line-height:1.5;color:rgba(26,26,26,.7)}.fraim-page__preview-panel{max-width:720px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3rem);border:1px solid var(--color-sienna-bright,#c2693c);border-radius:2px;background:rgba(244,239,230,.5);text-align:center}.fraim-page__preview-text{margin:0;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.55;letter-spacing:.04em;color:rgba(26,26,26,.7)}.fraim-page__back{margin:clamp(3rem,5vw,4.5rem) 0 0;text-align:center}.fraim-page__back-link{display:inline-block;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:.85rem;letter-spacing:.06em;color:var(--color-sienna-bright,#C2693C);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-sienna-bright,#c2693c) 35%,transparent);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.fraim-page__back-link:focus-visible,.fraim-page__back-link:hover{color:var(--color-sienna,#B45F2F);border-bottom-color:var(--color-sienna,#B45F2F);outline:none}