/* Layout refinements requested for the existing landing. */
:root{--beige:#e7dcc7;--warm:#e7dcc7;--ink:#000}
body,.portfolio,dialog,.dialog-toolbar,.skip{background-color:var(--beige)}
.selected,.about,footer,.header.scrolled,.video-frame,.video-frame>button,.thanks{background-color:#000}
.privacy-dialog{background-color:var(--beige)}
.feature-secondary{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feature-secondary img{aspect-ratio:16/9;object-fit:cover}
.portfolio-grid{align-items:stretch}
.portfolio-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-self:stretch;height:100%;margin:0;vertical-align:top}
.portfolio-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;flex:0 0 auto;overflow:hidden;background:#000}
.portfolio-card .portfolio-cover img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.portfolio-card .card-meta{width:100%;align-items:flex-start;min-height:36px}
.portfolio-card h3,.portfolio-card .role{width:100%}
.photo-section{position:relative;isolation:isolate;overflow:hidden;display:block}
.photo-section .section-background{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.photo-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.photo-copy{position:relative;width:46%;max-width:660px;margin-left:auto}
.intro.photo-section{min-height:640px;padding-top:100px;padding-bottom:100px;background:var(--beige);border:0}
.intro.photo-section:before{background:linear-gradient(90deg,transparent 28%,rgba(231,220,199,.18) 41%,rgba(231,220,199,.92) 56%,#e7dcc7 100%)}
.intro .intro-copy{display:block}
.intro .intro-copy .eyebrow{margin-bottom:23px}
.intro .intro-copy h2{margin-bottom:30px}
.intro .intro-copy>p:not(.eyebrow){font-size:14px;line-height:1.95}
.intro .intro-copy>p+p{margin-top:20px}
.about.photo-section{min-height:1030px;background:#000;color:var(--beige);padding-top:90px;padding-bottom:90px}
.about.photo-section .section-background{height:100%;max-height:1140px;object-position:center top}
.about.photo-section:before{background:linear-gradient(90deg,transparent 28%,rgba(0,0,0,.12) 39%,rgba(0,0,0,.9) 54%,#000 100%),linear-gradient(0deg,#000 0,transparent 260px)}
.about .about-copy h2{font-size:clamp(30px,3.1vw,46px)}
.about .about-copy>p,.about details p{color:var(--beige)}
.about .about-copy .about-themes{font-family:var(--serif);font-size:clamp(22px,2.2vw,31px);line-height:1.45;margin-top:32px;margin-bottom:30px;color:var(--beige)}
.about details{padding:17px 0;border-color:#b6aa94}
.about summary{align-items:center;gap:20px;line-height:1.7}
.about details[open] summary span{transform:rotate(45deg)}
.contact.photo-section{background:var(--beige);border:0;min-height:1120px;padding-top:90px;padding-bottom:90px}
.contact.photo-section .section-background{height:100%;max-height:1400px;object-position:center top}
.contact.photo-section:before{background:linear-gradient(90deg,transparent 23%,rgba(231,220,199,.2) 37%,rgba(231,220,199,.96) 53%,#e7dcc7 100%),linear-gradient(0deg,#e7dcc7 0,transparent 300px)}
.contact .contact-content h2{font-size:clamp(30px,3.1vw,46px);line-height:1.3;margin:22px 0 28px}
.contact-intro{font-size:13px;line-height:1.95}
.contact-location{font-size:10px;letter-spacing:.08em;margin-top:22px;margin-bottom:32px}
.contact-content #contact-form{margin-top:0}
.contact .form-submit,.contact .form-submit:hover{background:#000;color:var(--beige);border-color:#000}
.contact .form-privacy{color:#494338}
.contact .optional{color:#494338}
@media(min-width:1700px){.photo-copy{width:48%;max-width:700px}.intro.photo-section{min-height:730px}.about.photo-section .section-background{object-position:30% top}.contact.photo-section .section-background{object-position:30% top}}
@media(min-width:701px) and (max-width:1000px){.photo-copy{width:49%;max-width:none}.intro.photo-section{min-height:670px}.intro .intro-copy h2,.about .about-copy h2,.contact .contact-content h2{font-size:30px}.photo-section .section-background{object-position:39% top}.about.photo-section .section-background{object-position:32% top}.contact.photo-section .section-background{object-position:30% top}.contact .form-row{grid-template-columns:1fr}.feature-secondary{gap:12px}}
@media(max-width:700px){
 .feature-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
 .photo-copy{width:100%;max-width:none;margin:0}
 .photo-section .section-background{height:350px;object-position:center top;object-fit:cover}
 .intro.photo-section{min-height:0;padding-top:320px;padding-bottom:60px}
 .intro.photo-section .section-background{height:350px;object-position:32% top}
 .intro.photo-section:before{background:linear-gradient(180deg,transparent 180px,rgba(231,220,199,.42) 240px,#e7dcc7 350px)}
 .intro .intro-copy h2{font-size:31px;margin-bottom:24px}
 .intro .intro-copy .eyebrow{margin-bottom:18px}
 .intro .intro-copy>p:not(.eyebrow){font-size:13px}
 .about.photo-section{min-height:0;padding-top:390px;padding-bottom:60px;display:block}
 .about.photo-section .section-background{height:440px;max-height:none;object-position:32% top}
 .about.photo-section:before{background:linear-gradient(180deg,transparent 280px,rgba(0,0,0,.5) 350px,#000 440px)}
 .about .about-copy h2{font-size:30px;max-width:480px}
 .about .about-copy .about-themes{font-size:24px;line-height:1.5;margin-top:28px;margin-bottom:28px}
 .contact.photo-section{min-height:0;padding-top:350px;padding-bottom:60px}
 .contact.photo-section .section-background{height:400px;max-height:none;object-position:center top}
 .contact.photo-section:before{background:linear-gradient(180deg,transparent 230px,rgba(231,220,199,.4) 300px,#e7dcc7 400px)}
 .contact .contact-content h2{font-size:30px;margin:22px 0 26px}
 .contact-content .form-row{grid-template-columns:1fr;gap:22px}
}
@media(min-width:701px){.about.photo-section .section-background{height:1140px;max-height:none;mask-image:linear-gradient(180deg,#000 0,#000 880px,transparent 1140px)}}
@media(max-width:700px){.contact.photo-section .section-background{object-position:20% top}}

/* Requested palette swap and initial signature size. */
.hero h1{width:min(585px,61.5%)}
.portfolio{background:#000;color:var(--beige)}
.portfolio .portfolio-card .card-meta,.portfolio .portfolio-card .role,.portfolio .section-heading>p:last-child:not(.eyebrow){color:#c5baa5}
.about.photo-section{background:var(--beige);color:#000}
.about.photo-section:before{background:linear-gradient(90deg,transparent 28%,rgba(231,220,199,.12) 39%,rgba(231,220,199,.92) 54%,#e7dcc7 100%),linear-gradient(0deg,#e7dcc7 0,transparent 260px)}
.about .about-copy>p,.about details p,.about .about-copy .lead,.about .about-copy .about-themes{color:#000}
.about .text-link{border-color:#000}
.about details{border-color:#9d917b}
@media(max-width:700px){.about.photo-section:before{background:linear-gradient(180deg,transparent 280px,rgba(231,220,199,.5) 350px,#e7dcc7 440px)}}
@media(max-width:600px){.hero h1{width:75%}}

#hero-video + img[hidden]{display:none!important}

.ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.round-play .ui-symbol{width:.85em;height:.85em}