/* Shared inner pages for BRIGG STUDIO. Uses the homepage's established palette. */
:root { --paige-ink:#252421; --paige-paper:#f6f4f0; --paige-stone:#e7e3dd; --paige-tone:#837c73; --paige-muted:#77736d; --paige-rule:rgba(37,36,33,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.paige-page { background:var(--paige-paper); color:var(--paige-ink); font-family:Poppins,Arial,sans-serif; margin:0; }
.paige-page a { color:inherit; text-decoration:none; }
.paige-page-header { align-items:center; display:flex; justify-content:space-between; margin:auto; max-width:1520px; padding:27px 4.5vw; }
.paige-page-wordmark { font-size:17px; font-weight:600; letter-spacing:.28em; white-space:nowrap; }
.paige-page-nav { display:flex; gap:28px; }
.paige-page-nav a,.paige-page-menu summary { font-size:10px; font-weight:500; letter-spacing:.17em; text-transform:uppercase; }
.paige-page-nav a { padding-bottom:6px; position:relative; }
.paige-page-nav a::after { background:var(--paige-tone); bottom:0; content:""; height:1px; left:0; position:absolute; transform:scaleX(0); transform-origin:right; transition:transform .3s ease; width:100%; }
.paige-page-nav a:hover::after,.paige-page-nav a.is-active::after { transform:scaleX(1); transform-origin:left; }
.paige-page-menu { display:none; position:relative; }
.paige-page-menu summary { cursor:pointer; list-style:none; }
.paige-page-menu summary::-webkit-details-marker { display:none; }
.paige-page-menu summary::after { content:"+"; font-size:16px; margin-left:9px; }
.paige-page-menu[open] summary::after { content:"−"; }
.paige-page-menu nav { background:var(--paige-ink); color:#fff; display:flex; flex-direction:column; gap:17px; min-width:180px; padding:24px; position:absolute; right:0; top:29px; z-index:5; }
.paige-page-menu nav a { font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.paige-page-hero { border-top:1px solid var(--paige-rule); margin:auto; max-width:1520px; padding:clamp(70px,10vw,145px) 4.5vw clamp(58px,8vw,110px); }
.paige-page-kicker { font-size:10px; font-weight:500; letter-spacing:.2em; margin:0 0 26px; text-transform:uppercase; }
.paige-page-hero h1,.paige-page-section-title { font-family:'Playfair Display',Georgia,serif; font-size:clamp(58px,8.5vw,135px); font-weight:400; letter-spacing:-.06em; line-height:.86; margin:0; }
.paige-page-hero h1 em,.paige-page-section-title em { color:var(--paige-tone); font-weight:400; }
.paige-page-lede { color:var(--paige-muted); font-size:14px; line-height:1.8; margin:35px 0 0 min(50%,590px); max-width:370px; }
.paige-filter { align-items:center; border-top:1px solid var(--paige-rule); display:flex; gap:22px; justify-content:center; margin:0 auto clamp(40px,6vw,88px); max-width:1384px; padding:24px 0; }
.paige-filter button { background:transparent; border:0; color:var(--paige-muted); cursor:pointer; font:500 10px Poppins,Arial,sans-serif; letter-spacing:.15em; padding:4px 0; text-transform:uppercase; }
.paige-filter button.is-active,.paige-filter button:hover { color:var(--paige-tone); }
.paige-portfolio-grid { display:grid; gap:clamp(16px,2vw,30px); grid-template-columns:repeat(3,1fr); margin:0 auto; max-width:1520px; padding:0 4.5vw clamp(100px,12vw,180px); }
.paige-project { display:block; }
.paige-project.is-hidden { display:none; }
.paige-project-image { background:#d5cfc6; display:block; overflow:hidden; position:relative; }
.paige-project-image img { display:block; height:clamp(220px,29vw,430px); object-fit:cover; transition:transform .6s cubic-bezier(.2,.6,.2,1); width:100%; }
.paige-project-image::after { background:rgba(28,26,23,.15); content:""; inset:0; opacity:0; position:absolute; transition:opacity .3s ease; }
.paige-project:hover img { transform:scale(1.045); }
.paige-project:hover .paige-project-image::after { opacity:1; }
.paige-project-info { border-bottom:1px solid var(--paige-rule); display:flex; justify-content:space-between; padding:15px 0 22px; }
.paige-project-info h2 { font-family:'Playfair Display',Georgia,serif; font-size:24px; font-weight:400; letter-spacing:-.03em; margin:0; }
.paige-project-info span { color:var(--paige-muted); font-size:9px; letter-spacing:.13em; padding-top:8px; text-transform:uppercase; }
.paige-gallery-wrap { margin:auto; max-width:1520px; padding:0 4.5vw clamp(100px,12vw,180px); }
.paige-gallery-grid { columns:3 280px; column-gap:clamp(14px,2vw,30px); }
.paige-gallery-item { break-inside:avoid; display:block; margin:0 0 clamp(14px,2vw,30px); overflow:hidden; position:relative; }
.paige-gallery-item img { display:block; height:auto; transition:transform .6s cubic-bezier(.2,.6,.2,1); width:100%; }
.paige-gallery-item:hover img { transform:scale(1.04); }
.paige-gallery-item span { background:rgba(28,26,23,.75); bottom:0; color:#fff; font-size:9px; left:0; letter-spacing:.13em; opacity:0; padding:12px 14px; position:absolute; text-transform:uppercase; transition:opacity .3s ease; }
.paige-gallery-item:hover span { opacity:1; }
.paige-inquiry-panel { background:var(--paige-ink); color:var(--paige-paper); margin-top:0; padding:clamp(90px,11vw,165px) 4.5vw; }
.paige-inquiry-inner { display:grid; gap:clamp(50px,10vw,150px); grid-template-columns:1fr 1fr; margin:auto; max-width:1420px; }
.paige-inquiry-copy h1 { color:#fff; font-family:'Playfair Display',Georgia,serif; font-size:clamp(56px,7vw,106px); font-weight:400; letter-spacing:-.06em; line-height:.88; margin:0; }
.paige-inquiry-copy h1 em { color:var(--paige-tone); font-weight:400; }
.paige-inquiry-copy > p:not(.paige-page-kicker) { color:#c6c0b8; font-size:14px; line-height:1.8; margin:30px 0; max-width:320px; }
.paige-contact-details { font-size:11px; letter-spacing:.09em; line-height:2; }
.paige-contact-details a { border-bottom:1px solid var(--paige-tone); padding-bottom:3px; }
.paige-inquiry-form { display:flex; flex-direction:column; gap:24px; padding-top:8px; }
.paige-inquiry-form label { color:#c6c0b8; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.paige-inquiry-form input,.paige-inquiry-form select,.paige-inquiry-form textarea { background:transparent; border:0; border-bottom:1px solid rgba(244,241,235,.4); border-radius:0; color:#fff; font:400 13px Poppins,Arial,sans-serif; outline:0; padding:0 0 13px; width:100%; }
.paige-inquiry-form select option { color:var(--paige-ink); }
.paige-inquiry-form textarea { min-height:112px; resize:vertical; }
.paige-inquiry-form input:focus,.paige-inquiry-form select:focus,.paige-inquiry-form textarea:focus { border-color:var(--paige-tone); }
.paige-inquiry-form button { align-self:flex-start; background:var(--paige-tone); border:1px solid var(--paige-tone); color:#fff; cursor:pointer; font:600 10px Poppins,Arial,sans-serif; letter-spacing:.16em; margin-top:11px; padding:16px 25px; text-transform:uppercase; transition:background .25s ease; }
.paige-inquiry-form button:hover { background:transparent; }
.paige-page-footer { background:var(--paige-ink); border-top:1px solid rgba(244,241,235,.2); color:#c6c0b8; font-size:10px; letter-spacing:.12em; padding:26px 4.5vw; text-transform:uppercase; }
.paige-page-footer-inner { display:flex; justify-content:space-between; margin:auto; max-width:1420px; }
.paige-page-footer nav { display:flex; gap:22px; }
@media (max-width:700px) { .paige-page-header { padding:23px 6vw; } .paige-page-nav { display:none; } .paige-page-menu { display:block; } .paige-page-hero { padding:72px 6vw 62px; } .paige-page-hero h1 { font-size:clamp(55px,16vw,84px); } .paige-page-lede { margin-left:0; } .paige-filter { gap:15px; justify-content:flex-start; overflow-x:auto; padding-left:6vw; padding-right:6vw; } .paige-filter button { flex:none; } .paige-portfolio-grid { grid-template-columns:1fr; padding-left:6vw; padding-right:6vw; } .paige-project-image img { height:115vw; max-height:550px; } .paige-gallery-wrap { padding-left:6vw; padding-right:6vw; } .paige-gallery-grid { columns:2 140px; column-gap:14px; } .paige-gallery-item { margin-bottom:14px; } .paige-inquiry-panel { padding-left:6vw; padding-right:6vw; } .paige-inquiry-inner { display:block; } .paige-inquiry-form { margin-top:54px; } .paige-page-footer { padding-left:6vw; padding-right:6vw; } .paige-page-footer-inner { align-items:flex-start; flex-direction:column; gap:13px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; } }