.brief-page{--brief-bg:oklch(10.5% .004 100);--brief-fg:oklch(92% .008 86);--brief-muted:oklch(15% .005 90);--brief-muted-fg:oklch(66% .009 83);--brief-border:oklch(29% .008 85);--brief-primary:oklch(78% .042 72);--brief-line-soft:oklch(24% .006 85);--brief-surface:oklch(12.5% .004 95);--brief-surface-raised:oklch(16% .006 88);--brief-diagram:oklch(74% .012 88);box-sizing:border-box;width:min(100%,1680px);min-height:calc(100svh - 5.25rem);color:var(--brief-fg);font-family:var(--font-sans), "Jost", ui-sans-serif, system-ui, sans-serif;letter-spacing:0;background:linear-gradient(110deg, transparent 0%, color-mix(in oklab, var(--brief-fg) 1.5%, transparent) 42%, transparent 70%), var(--brief-bg);margin:0 auto;padding:5.25rem 1rem 0;overflow:hidden}.brief-page *,.brief-page :before,.brief-page :after{box-sizing:border-box}.brief-page .brief-header{border-bottom:1px solid var(--brief-line-soft);grid-template-columns:1.35fr .74fr auto;align-items:start;gap:1.5rem;min-height:0;padding:0 .45rem .65rem;display:grid}.brief-page .brief-header h1{font-family:var(--font-display), "Cormorant Garamond", ui-serif, Georgia, serif;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.35rem,2.2vw,2.05rem);font-weight:400;line-height:.95}.brief-page .tagline,.brief-page .manifesto,.brief-page .diagram-caption,.brief-page .brief-footer,.brief-page .materials>h2,.brief-page .material-item h3,.brief-page .frame-heading strong,.brief-page .frame-heading small,.brief-page .drop-prompt,.brief-page .moodboard-prompt{font-family:var(--font-sans), "Jost", ui-sans-serif, system-ui, sans-serif;letter-spacing:.16em;text-transform:uppercase}.brief-page .tagline{color:var(--brief-muted-fg);margin:.45rem 0 0;font-size:clamp(.52rem,.7vw,.68rem);font-weight:300}.brief-page .header-note{color:var(--brief-muted-fg);font-family:var(--font-sans), "Jost", ui-sans-serif, system-ui, sans-serif;letter-spacing:.04em;margin:.1rem 0 0;font-size:clamp(.52rem,.65vw,.72rem);font-weight:300;line-height:1.55}.brief-page .manifesto{border-left:1px solid var(--brief-border);color:var(--brief-muted-fg);margin:0;padding-left:1.2rem;font-size:.5rem;font-weight:300;line-height:1.55}.brief-page .frame-grid{border-bottom:1px solid var(--brief-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding:.45rem 0;display:grid}.brief-page .frame-card{border:1px solid var(--brief-border);background:var(--brief-surface);min-width:0}.brief-page .frame-heading{background:linear-gradient(90deg, var(--brief-surface-raised), var(--brief-surface));align-items:center;gap:.65rem;min-height:3.6rem;padding:.55rem .75rem;display:flex}.brief-page .frame-number{font-family:var(--font-display), "Cormorant Garamond", ui-serif, Georgia, serif;letter-spacing:.06em;flex:none;font-size:clamp(1.15rem,1.7vw,1.65rem);font-weight:400;line-height:1}.brief-page .frame-heading strong{font-size:clamp(.55rem,.72vw,.78rem);font-weight:400;line-height:1.15;display:block}.brief-page .frame-heading small{color:var(--brief-muted-fg);margin-top:.22rem;font-size:clamp(.4rem,.48vw,.55rem);font-weight:300;display:block}.brief-page .image-wrap{aspect-ratio:9/16;background:var(--brief-muted);width:100%;color:inherit;cursor:pointer;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:hidden}.brief-page .image-wrap img{object-fit:cover;transform-origin:50%;width:100%;height:112%;animation:18s ease-in-out infinite alternate brief-cinematic-drift;transform:scale(1.035)}.brief-page .frame-card:nth-child(2n) .image-wrap img{animation-direction:alternate-reverse}.brief-page .image-sheen{background:linear-gradient(120deg, transparent 35%, color-mix(in oklab, var(--brief-fg) 10%, transparent) 50%, transparent 65%);pointer-events:none;animation:8s ease-in-out 2s infinite brief-sheen;position:absolute;inset:0;transform:translate(-130%)}.brief-page .frame-copy{padding:.9rem 1rem .7rem}.brief-page .frame-copy p{min-height:4.2em;color:var(--brief-muted-fg);font-family:var(--font-sans), "Jost", ui-sans-serif, system-ui, sans-serif;letter-spacing:.02em;text-transform:none;margin:0;font-size:clamp(.52rem,.62vw,.7rem);font-weight:300;line-height:1.45}.brief-page .diagram-drop{border:1px dashed var(--brief-border);background:linear-gradient(155deg, var(--brief-surface), var(--brief-bg));width:100%;height:7.2rem;color:inherit;cursor:pointer;border-radius:0;margin-top:.8rem;padding:0;display:block;position:relative;overflow:hidden}.brief-page .diagram{height:100%;margin:0;position:absolute;inset:0;overflow:hidden}.brief-page .diagram-drop>img{object-fit:cover;width:100%;height:100%}.brief-page .diagram-camera{z-index:2;color:var(--brief-diagram);font-size:1.1rem;position:absolute;bottom:.8rem;left:10%}.brief-page .diagram-plane{border:1px solid var(--brief-muted-fg);background:var(--brief-surface-raised);width:18%;position:absolute;bottom:.8rem}.brief-page .plane-a{height:2.9rem;right:28%;transform:skewY(-8deg)}.brief-page .plane-b{opacity:.65;height:3.8rem;right:10%}.brief-page .diagram-line{background:repeating-linear-gradient(90deg, var(--brief-diagram) 0 3px, transparent 3px 6px);transform-origin:0;height:1px;position:absolute}.brief-page .line-a{width:65%;bottom:1.35rem;left:15%;transform:rotate(-12deg)}.brief-page .line-b{width:65%;bottom:1.35rem;left:15%;transform:rotate(12deg)}.brief-page .diagram-2 .diagram-camera{left:45%}.brief-page .diagram-2 .line-a,.brief-page .diagram-2 .line-b{width:37%;left:50%}.brief-page .diagram-3 .diagram-camera{left:50%}.brief-page .diagram-3 .plane-a{width:30%;height:3.7rem;left:8%;right:auto}.brief-page .diagram-4 .diagram-camera{left:auto;right:9%}.brief-page .diagram-4 .line-a,.brief-page .diagram-4 .line-b{transform-origin:100%;left:auto;right:14%}.brief-page .diagram-caption{color:var(--brief-muted-fg);margin-top:.35rem;font-size:.46rem;display:block}.brief-page .image-wrap input,.brief-page .diagram-drop input{display:none}.brief-page .drop-prompt{z-index:4;background:color-mix(in oklab, var(--brief-bg) 68%, transparent);color:var(--brief-fg);letter-spacing:.12em;opacity:0;justify-content:center;align-items:center;gap:.55rem;font-size:.55rem;transition:opacity .25s,background-color .25s;display:flex;position:absolute;inset:0}.brief-page .drop-prompt b{font-size:1.25rem;font-weight:300}.brief-page .image-wrap:hover .drop-prompt,.brief-page .diagram-drop:hover .drop-prompt,.brief-page .is-dragging .drop-prompt{opacity:1}.brief-page .is-dragging{outline:1px solid var(--brief-primary);outline-offset:-3px}.brief-page .is-dragging .drop-prompt{background:color-mix(in oklab, var(--brief-primary) 28%, var(--brief-bg))}.brief-page .materials{border-bottom:1px solid var(--brief-border);padding:.85rem .55rem 1rem}.brief-page .materials>h2{color:var(--brief-muted-fg);letter-spacing:.2em;text-transform:uppercase;margin:0 0 .8rem;font-size:.58rem;font-weight:400}.brief-page .materials-grid{grid-template-columns:1fr 1.15fr 1.5fr;display:grid}.brief-page .material-item{border-right:1px solid var(--brief-border);grid-template-columns:3.4rem 1fr;gap:1rem;min-height:7.5rem;padding:.35rem 1.4rem .3rem .2rem;display:grid;position:relative}.brief-page .material-item+.material-item{padding-left:1.4rem}.brief-page .material-item:last-child{border-right:0;grid-template-columns:11.5rem 1fr}.brief-page .material-icon{width:3.2rem;height:4.2rem;color:var(--brief-fg);align-self:start;place-items:center;display:grid}.brief-page .material-icon svg{width:100%;height:100%}.brief-page .material-item h3{letter-spacing:.08em;gap:.7rem;margin:.35rem 0 .55rem;font-size:.66rem;display:flex}.brief-page .material-number{color:var(--brief-muted-fg)}.brief-page .material-item ul{color:var(--brief-muted-fg);margin:0;padding:0;font-size:.56rem;line-height:1.65;list-style:none}.brief-page .brief-moodboard{border:1px solid var(--brief-border);background:var(--brief-bg);cursor:pointer;border-radius:0;grid-template-columns:repeat(4,1fr);grid-auto-rows:1.85rem;align-self:start;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.brief-page .brief-moodboard img{object-fit:cover;filter:saturate(.78);width:100%;height:100%;transition:filter .25s,transform .45s}.brief-page .brief-moodboard:hover img{filter:saturate();transform:scale(1.05)}.brief-page .brief-moodboard input{display:none}.brief-page .moodboard-prompt{background:color-mix(in oklab, var(--brief-bg) 68%, transparent);color:var(--brief-fg);letter-spacing:.12em;opacity:0;place-items:center;font-size:.52rem;transition:opacity .25s;display:grid;position:absolute;inset:0}.brief-page .brief-moodboard:hover .moodboard-prompt,.brief-page .brief-moodboard.is-dragging .moodboard-prompt{opacity:1}.brief-page .brief-footer{color:var(--brief-muted-fg);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:.8rem .55rem;font-size:.5rem;line-height:1.7;display:flex}.brief-page .brief-footer span:last-child{text-align:right}.brief-page .reveal{opacity:0;animation:.9s cubic-bezier(.2,.75,.2,1) forwards brief-reveal;transform:translateY(18px)}.brief-page .reveal-1{animation-delay:50ms}.brief-page .reveal-2{animation-delay:.18s}.brief-page .reveal-3{animation-delay:.28s}.brief-page .reveal-4{animation-delay:.38s}.brief-page .reveal-5{animation-delay:.48s}.brief-page .reveal-6{animation-delay:.62s}.brief-page .reveal-7{animation-delay:.72s}@keyframes brief-reveal{to{opacity:1;transform:translateY(0)}}@keyframes brief-cinematic-drift{0%{transform:scale(1.035)translateY(0)}to{transform:scale(1.09)translateY(-3%)}}@keyframes brief-sheen{0%,68%{transform:translate(-130%)}84%,to{transform:translate(130%)}}@media (width<=900px){.brief-page .brief-header{grid-template-columns:1fr auto;gap:1rem}.brief-page .header-note{display:none}.brief-page .frame-grid{grid-template-columns:repeat(2,1fr);gap:.55rem}.brief-page .frame-card:nth-child(n+3){border-top:1px solid var(--brief-border)}.brief-page .materials-grid{grid-template-columns:1fr 1fr;row-gap:1.2rem}.brief-page .material-item:nth-child(2){border-right:0}.brief-page .material-item:last-child{grid-column:1/-1;grid-template-columns:13rem 1fr}}@media (width<=560px){.brief-page{padding:4.75rem .65rem 0}.brief-page .brief-header{min-height:0}.brief-page .brief-header h1{font-size:1.35rem}.brief-page .manifesto{display:none}.brief-page .frame-grid{gap:0;padding:0;display:block}.brief-page .frame-card{border:1px solid var(--brief-border);border-top:0;margin-bottom:.55rem}.brief-page .frame-card:first-child{border-top:1px solid var(--brief-border)}.brief-page .frame-card:last-child{margin-bottom:0}.brief-page .frame-heading{min-height:3.25rem}.brief-page .frame-number{font-size:1.35rem}.brief-page .frame-heading strong{font-size:.68rem}.brief-page .frame-heading small{font-size:.45rem}.brief-page .frame-copy p{min-height:auto;margin-bottom:.8rem;font-size:.67rem}.brief-page .drop-prompt{opacity:.82;background:color-mix(in oklab, var(--brief-bg) 72%, transparent);width:auto;height:auto;padding:.5rem .65rem;inset:auto .65rem .65rem auto}.brief-page .materials-grid{display:block}.brief-page .material-item,.brief-page .material-item+.material-item{border-right:0;border-bottom:1px solid var(--brief-border);padding:.8rem .2rem}.brief-page .material-item:last-child{border-bottom:0;grid-template-columns:3.4rem 1fr}.brief-page .material-item ul{font-size:.62rem}.brief-page .brief-moodboard{grid-column:1/-1;grid-auto-rows:3.2rem;margin-top:.6rem}.brief-page .brief-footer{gap:1rem;line-height:1.5}}@media (prefers-reduced-motion:reduce){.brief-page .reveal,.brief-page .image-wrap img,.brief-page .image-sheen{opacity:1;animation:none;transform:none}}.brief-stage{background:oklch(10.5% .004 100);min-height:100svh}