:root{--paper:#f5f0e9;--ink:#30251e;--muted:#685e55;--orange:#b4542c;--line:#dcd3c9;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.header{min-height:128px;display:flex;align-items:center;justify-content:space-between;padding:24px max(4.5vw,24px);border-bottom:2px solid var(--orange);gap:24px}.logo{width:260px;max-width:100%;height:auto;display:block}nav{display:flex;gap:32px}nav a{text-transform:uppercase;font-size:.875rem;letter-spacing:.12em;text-decoration:none;font-weight:600}nav a:hover,.text-link:hover{color:var(--orange)}.section{padding:76px max(4.5vw,24px);border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 28px;color:var(--orange);font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h1{font-size:clamp(3rem,5.3vw,5.4rem);margin:0;letter-spacing:-.025em}h2{font-size:clamp(2.3rem,4vw,3.8rem);margin:0 0 28px;letter-spacing:-.025em}h3{font-size:1.8rem;margin:0 0 16px}p{margin:0 0 20px}.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(200px,.7fr);gap:70px;align-items:center;min-height:600px}.accent{display:block;width:34px;height:2px;background:var(--orange);margin:30px 0}.intro{font-size:1.25rem;max-width:660px}.body-copy{max-width:650px;color:var(--muted)}.text-link{text-underline-offset:6px;font-size:1rem}.brand-art{text-align:center}.brand-art img{width:100%;max-width:280px;max-height:330px;object-fit:contain}.brand-art p{margin-top:20px;font-size:.875rem;color:var(--muted);letter-spacing:.08em}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px}.three-columns p,.principles p{color:var(--muted);max-width:38rem}.number{font-size:.875rem;color:var(--orange);display:block;margin-bottom:22px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:36px}.section-heading>p{max-width:420px;color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.project{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;padding:32px 28px 28px 0}.project+.project{border-left:1px solid var(--line);padding-left:28px}.project-kind{font-size:.875rem;letter-spacing:.06em;color:var(--orange)}.project h3{font-size:2.1rem}.project p:not(.project-kind){color:var(--muted)}.project-url{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.project:hover h3{color:var(--orange)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px}.principles article+article{border-top:1px solid var(--line);padding-top:28px}.principles h3{font-size:1.65rem}.contact{background:#ece2d6}.contact h2{font-size:clamp(3rem,5.4vw,5rem)}.contact-link{display:inline-block;padding:13px 25px;background:var(--ink);color:var(--paper);text-decoration:none;margin-top:8px}.contact-link:hover{background:var(--orange)}.contact-note{color:var(--muted);font-size:.875rem;margin:14px 0 0}footer{display:flex;justify-content:space-between;gap:24px;padding:28px max(4.5vw,24px);font-size:.875rem;color:var(--muted)}@media(min-width:1500px){.section,.header,footer{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}@media(max-width:760px){.header{flex-wrap:wrap;min-height:auto}.logo{width:220px}nav{gap:22px}.section{padding-top:52px;padding-bottom:52px}.hero{grid-template-columns:1fr;gap:36px;min-height:auto}.brand-art{display:none}.three-columns,.projects,.approach{grid-template-columns:1fr;gap:24px}.three-columns{margin-top:32px}.section-heading{display:block}.section-heading>p{max-width:none}.project,.project+.project{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}footer{flex-direction:column;gap:6px}h1{font-size:clamp(2.8rem,10vw,4.5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project{padding:32px 28px;border-bottom:1px solid var(--line)}.project+.project{border-left:0}.project:nth-child(even){border-left:1px solid var(--line)}.project-credit{font-size:.875rem;margin:0;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin-top:36px}.team-grid article{border-top:1px solid var(--line);padding-top:24px}.team-grid h3{margin-bottom:12px}.team-role{color:var(--orange);font-size:1rem}nav{flex-wrap:wrap}@media(max-width:760px){.projects,.team-grid{grid-template-columns:1fr}.project,.project+.project,.project:nth-child(even){padding:28px 0;border-left:0}}
.portrait{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;margin:0 0 24px;border:0;background:var(--paper);cursor:pointer;overflow:hidden}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:opacity .3s ease}.portrait-photo{opacity:0}.portrait:hover .portrait-photo,.portrait:focus-visible .portrait-photo,.portrait.is-photo .portrait-photo{opacity:1}.portrait:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.team-grid h3{font-size:1.65rem}@media(max-width:1000px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.team-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.portrait img{transition:none}}
/* Mid-century studio fieldbook */
:root{--ink:#32271f;--orange:#a94420;--serif:'Bodoni MT','Didot',Georgia,serif}
.header{min-height:105px;border-bottom:1px solid var(--ink)}.logo{width:235px}nav a{font-size:.875rem;letter-spacing:.1em}
.hero{grid-template-columns:1.2fr 1fr;gap:40px;min-height:660px;padding-top:68px;padding-bottom:68px;overflow:hidden}.hero h1{font-size:clamp(3.5rem,6vw,6rem);line-height:1.02;letter-spacing:-.04em}.hero h1 em{font-weight:400;color:var(--orange)}.hero .intro{margin:30px 0 22px;font-size:1.1rem}.hero .eyebrow{margin-bottom:24px}.contact-link{font-weight:500;background:var(--ink);padding:15px 24px}
.brand-art{display:block;position:relative;align-self:stretch;min-height:440px;background:#e9bd91;overflow:hidden}.art-circle{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:#b74d26;top:8%;left:-14%}.art-arch{position:absolute;width:44%;height:75%;right:14%;bottom:-3%;border-radius:200px 200px 0 0;background:#3c3927;border:20px solid #edcf9f}.art-arch:after{content:'';position:absolute;inset:24% 25% 0;background:#f5b65d;border-radius:90px 90px 0 0}.art-line{position:absolute;inset:8% 7%;border:1px solid rgba(50,39,31,.55);border-radius:50%}.art-label{position:absolute;left:24px;bottom:22px;font-size:.875rem;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em}.art-index{position:absolute;top:24px;right:22px;font-size:.875rem;letter-spacing:.12em}
.transition-strip{display:grid;grid-template-columns:1fr 2fr;gap:50px;background:#e8dfcf;padding:32px max(4.5vw,24px);border-bottom:1px solid var(--line)}.transition-strip .eyebrow{margin:0;color:var(--ink)}.transition-strip p{margin:0}.transition-strip div p+p{margin-top:8px;color:var(--muted)}
.services{padding-top:50px;padding-bottom:50px}.services h2{font-size:2.5rem}.three-columns{gap:0;margin-top:30px}.three-columns article{padding:0 30px;border-left:1px solid var(--line)}.three-columns article:first-child{padding-left:0;border:0}.three-columns article:last-child{padding-right:0}.number{margin-bottom:14px}.three-columns h3{font-size:2.1rem}
#work{background:#ead5b9}.featured-project{display:grid;grid-template-columns:1.35fr 1fr;color:inherit;text-decoration:none;margin:0 0 48px;background:var(--paper)}.project-preview{padding:42px 32px;background:#6a6b4e;display:flex;flex-direction:column;justify-content:center;gap:22px;overflow:hidden}.project-preview img{width:100%;display:block;box-shadow:12px 16px 0 rgba(28,35,24,.22)}.preview-caption{color:#fff6e7;font-size:.875rem;letter-spacing:.08em}.feature-copy{padding:42px}.feature-copy h3{font-size:clamp(2.2rem,3.5vw,3.5rem);margin-bottom:24px}.feature-copy .project-url{display:block;margin-top:28px}.featured-project:hover h3{color:var(--orange)}.projects{gap:22px;border-top:0}.project,.project+.project,.project:nth-child(even){border:0;padding:30px;background:#f5f0e9}.project:nth-child(2){background:#eedca4}.project:nth-child(3){background:#f0c4a5}.project:nth-child(4){background:#dedfc9}.project-kind{font-size:.875rem}.project-credit{margin-bottom:16px}
.approach{background:var(--ink);color:var(--paper);gap:90px}.approach .eyebrow{color:#ecac83}.principles p{color:#dbd0c3}.principles article+article{border-color:#665b50}.approach h2{font-size:clamp(3rem,5vw,4.8rem)}
#team{background:#ede5d8}.portrait{margin-bottom:20px}.team-grid article{border-top:0}.team-grid{gap:22px}.portrait-hint{font-size:.875rem;color:var(--muted)}.team-role{line-height:1.4}
.contact{background:#ad4825;color:#fff5e8;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.contact .eyebrow{color:#fff0da;grid-column:1/-1}.contact h2{grid-row:2/5;font-size:clamp(3rem,5.5vw,5.4rem)}.contact>p:not(.eyebrow){align-self:end;max-width:410px}.contact .contact-link{justify-self:start;align-self:start;margin:0}.contact .contact-note{color:#fff0da;align-self:start;margin-top:12px}footer{background:var(--ink);color:#dfd2c1}
@media(max-width:900px){.hero{grid-template-columns:1.2fr .8fr;gap:24px;min-height:560px}.hero h1{font-size:clamp(3rem,6.5vw,5rem)}.brand-art{min-height:380px}.feature-copy{padding:28px}.project-preview{padding:28px 22px}.transition-strip{gap:24px}.three-columns article{padding:0 20px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:36px;min-height:auto}.hero h1{font-size:clamp(3rem,9vw,5rem)}.brand-art{display:block;min-height:320px;max-height:380px}.transition-strip,.featured-project,.contact{grid-template-columns:1fr}.transition-strip{gap:18px}.three-columns article,.three-columns article:first-child{padding:20px 0;border:0;border-top:1px solid var(--line)}.three-columns{gap:0}.projects{gap:20px}.project,.project+.project,.project:nth-child(even){padding:26px}.contact h2{grid-row:auto}.contact .contact-link{margin-top:10px}.approach{gap:30px}.feature-copy h3 br{display:none}.project-preview{padding:28px}.team-grid{gap:28px}.section-heading{margin-bottom:24px}}
.work-visual{margin:-30px -30px 28px;padding:26px;background:#c8b492;overflow:hidden}.work-visual img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;object-position:top;box-shadow:6px 8px 0 #0002}.work-visual figcaption{font-size:.875rem;margin-top:18px;color:var(--ink)}.work-visual.pastor{background:#c4c7a5}.work-visual.echo{background:#e7b791}.work-visual.fan{background:#171d2d}.work-visual.fan img{object-fit:contain;box-shadow:none}.work-visual.fan figcaption{color:#eee8de}@media(max-width:760px){.work-visual{margin:-26px -26px 24px}}
.work-visual img{height:auto;aspect-ratio:auto;object-fit:contain}.work-visual.seen{background:#d9dfd5}.work-visual.seen img{height:300px;object-fit:contain;box-shadow:none}.project-preview img{height:auto;object-fit:contain}
.work-visual{height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.work-visual figcaption{align-self:flex-start;margin:0}.work-visual.seen img,.work-visual.echo img{width:auto;max-width:100%;height:440px;object-fit:contain;border-radius:20px;box-shadow:8px 12px 0 #0002}.work-visual.pastor img{width:100%;height:auto;max-height:440px;object-fit:contain}.work-visual.echo{background:#d9cbdc}@media(max-width:760px){.work-visual{height:490px}.work-visual.seen img,.work-visual.echo img{height:390px}}
.work-visual.pastor img{height:440px;width:auto;max-width:100%;object-fit:contain;box-shadow:8px 12px 0 #0002}@media(max-width:760px){.work-visual.pastor img{height:390px}}

/* Copy and team detail refinements */
.team-bio{font-size:.95rem;line-height:1.65;color:var(--muted);max-width:38rem}.project-scope{font-size:.95rem;padding-top:18px;border-top:1px solid var(--line)}.studio-history{max-width:560px;margin:0}footer>span{flex-shrink:0}.contact>p:not(.eyebrow){max-width:470px}.art-label{letter-spacing:.035em}@media(max-width:760px){footer>span{flex-shrink:1}.studio-history{max-width:none}}

/* Studio inquiry form */
.inquiry-form{grid-column:2;grid-row:3;display:grid;gap:18px;max-width:540px;width:100%;margin:16px 0}.inquiry-form label{display:grid;gap:7px;font-size:.95rem}.inquiry-form label span{font-size:.85rem}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid #e7ba99;border-radius:0;background:var(--paper);color:var(--ink)}.inquiry-form input:focus-visible,.inquiry-form select:focus-visible,.inquiry-form textarea:focus-visible{outline:3px solid #f5b65d;outline-offset:3px}.inquiry-form textarea{resize:vertical}.inquiry-form .contact-link{border:0;font:inherit;cursor:pointer;justify-self:start}.inquiry-form button:disabled{opacity:.65;cursor:wait}.inquiry-form p{margin:0;max-width:none}.form-trap{position:absolute;left:-10000px}.contact h2{grid-row:2/5}.contact .contact-note{grid-column:2;grid-row:4}@media(max-width:760px){.inquiry-form,.contact .contact-note{grid-column:1;grid-row:auto}.contact h2{grid-row:auto}}

.team-role{min-height:4.4em}.team-focus{display:block;color:var(--muted);font-size:.9rem;margin-top:6px;line-height:1.5}

.team-location{font-size:.85rem;color:var(--muted);margin:0 0 14px;line-height:1.5}

.project-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}.project-links a:hover{color:var(--orange)}

.portrait.is-illustration .portrait-photo{opacity:0}.contact-note a{text-underline-offset:4px}