/* Warm editorial palette and the revised cover composition. */
:root{--ivory:#F1E3D6;--cover-blush:#EFDED7;--rose:#DCC3C1}
.site-header{background:rgba(241,227,214,.96)}
.hero{background:var(--cover-blush)}
.hero-top{align-items:flex-start}
.hero-socials,.social-links{display:flex;gap:10px;align-items:center}
.hero-socials{margin-top:15px}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;color:var(--burgundy);transition:color .2s,background .2s,transform .2s}
.social-icon svg{width:16px;height:16px}
.social-icon:hover{background:var(--burgundy);color:var(--ivory);transform:translateY(-2px)}
.contact .social-links{gap:12px}
.contact .social-icon{color:var(--ivory);border-color:rgba(246,240,233,.45);width:39px;height:39px}
.contact .social-icon:hover{background:var(--rose);color:var(--burgundy);border-color:var(--rose)}
.hero-composition{height:min(560px,44vw);min-height:460px;margin-top:-10px}
.hero-portrait{height:80%;left:59%;bottom:4%}
.hero-signature{top:26%;left:0;width:100%;height:auto;filter:drop-shadow(.8px 0 0 #6A303F) drop-shadow(-.8px 0 0 #6A303F) drop-shadow(0 .6px 0 #6A303F)}
.signature-front{clip-path:inset(0 0 0 51%);z-index:3}
.signature-back{clip-path:inset(0 48% 0 0)}
.hero-side.left{top:5%;left:28%;display:flex;gap:20px;align-items:center}
.hero-side.left .tiny-star{margin-bottom:0}
.hero-side.right{top:82%;right:1%}
.hero-bottom{padding:10px 0 4px}
.photography{background:#EAD8CF}
/* A standalone lead story avoids the old two-row span and uneven gaps. */
@media(min-width:701px){
  .video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
  .video-item.featured{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(200px,310px) 1fr;gap:9%;align-items:center;padding:28px 7% 35px;border-top:1px solid var(--champagne);border-bottom:1px solid var(--champagne);margin-bottom:5px;background:rgba(220,195,193,.2)}
  .featured .video-info{max-width:460px}
  .featured .video-meta{align-items:start;margin:0}
  .featured .video-meta h3{font-size:clamp(48px,5.6vw,78px);line-height:.95}
  .featured .video-number{font-size:11px;padding-top:8px}
  .featured .video-category{margin-top:25px;font-size:11px;letter-spacing:.2em}
  .featured .video-label{margin-top:8px;font-size:11px}
  .video-info{min-height:105px}
  .video-item.featured .video-cover{aspect-ratio:9/16}
  .video-cover{border-radius:0}
}
@media(min-width:1600px){.hero-composition{height:620px}}
@media(min-width:701px) and (max-width:1000px){
  .hero-composition{min-height:440px}
  .hero-portrait{height:77%;left:59%}
  .hero-signature{top:33%}
  .video-item.featured{grid-template-columns:minmax(180px,240px) 1fr;gap:8%;padding:25px 5%}
  .video-grid{gap:32px 20px}
}
@media(max-width:700px){
  .hero-top{flex-direction:row;gap:12px;align-items:flex-start;flex-wrap:wrap}
  .hero-intro{flex:1 1 100%}
  .hero-top .eyebrow{font-size:9px}
  .hero-socials{margin-top:12px;gap:9px}
  .hero-socials .social-icon{width:31px;height:31px}
  .hero-socials .social-icon svg{width:14px;height:14px}
  .hero-actions{margin-top:-43px;margin-left:auto;gap:7px}
  .hero-actions .pill{padding:7px 10px;gap:12px;font-size:9px}
  .hero-composition{height:475px;min-height:0;margin-top:18px}
  .hero-portrait{height:76%;left:55%;bottom:1%}
  .hero-signature{width:100%;left:0;top:1%;height:auto;filter:drop-shadow(.45px 0 0 #6A303F) drop-shadow(-.45px 0 0 #6A303F)}
  .signature-back{width:135%;clip-path:inset(0 48% 0 0)}
  .signature-front{display:block;width:135%;left:-35%;top:35%;clip-path:inset(0 0 0 51%)}
  .hero-side.left{top:75%;left:0;display:block}
  .hero-side.left .tiny-star{margin-bottom:10px}
  .hero-side.right{top:92%;right:0}
  .hero-bottom{padding-top:20px}
}
@media(max-width:370px){.hero-actions{margin-top:0}.hero-composition{height:440px}.hero-portrait{height:73%}.hero-socials{margin-top:10px}}

/* Center the approved cutout at every breakpoint; lift the doorway portrait. */
.hero-portrait{left:50%}
.contact-image img{filter:brightness(1.18) saturate(1.2) contrast(1.03)}

/* Approved seated cover: the existing portrait ends at the intro boundary. */
.hero{position:relative;height:min(840px,calc(100svh - 83px));min-height:690px;padding-bottom:0;isolation:isolate}
.hero-top{position:relative;z-index:5}
.hero-composition{position:absolute;inset:0;height:100%;min-height:0;max-width:none;margin:0;overflow:hidden}
.hero-portrait{height:137%;top:5%;bottom:auto;left:50%;filter:none}
.hero-signature{width:91%;left:4.5%;top:31%;height:auto}
.signature-back{clip-path:inset(0 51% 0 0);transform:translateX(-3.5vw)}
.signature-front{clip-path:inset(0 0 0 49%);display:block;transform:none}
.hero-side.left{top:18%;left:29%}
.hero-side.right{top:78%;right:6%}
.hero-bottom{position:absolute;z-index:4;bottom:24px;left:4.5%;right:4.5%;padding:0;align-items:flex-end}
.hero-bottom>div{max-width:29%}
.hero-role{font-size:10px;letter-spacing:.08em}
.hero-tagline{font-size:24px;line-height:1.3}
@media(min-width:701px) and (max-width:1000px){
  .hero{height:760px;min-height:690px}
  .hero-signature{top:38%}
  .hero-portrait{height:137%;top:5%}
  .hero-side{display:none!important}
  .signature-back{transform:translateX(-5vw)}
  .hero-bottom{top:18%;bottom:auto;display:block}
  .hero-bottom>div{max-width:32%}
  .hero-role{font-size:8px}.hero-tagline{font-size:20px}
  .hero-bottom .scroll-link{display:none}
}
@media(max-width:700px){
  .hero{height:780px;min-height:0;padding-top:24px}
  .hero-composition{height:100%;margin:0;min-height:0}
  .hero-portrait{height:101%;top:31%;bottom:auto;left:44%}
  .hero-signature{height:auto}
  .signature-back{width:145%;top:18%;left:0;transform:translateX(-10px);clip-path:inset(0 51% 0 0)}
  .signature-front{width:135%;top:49%;left:-35%;transform:none;clip-path:inset(0 0 0 49%)}
  .hero-side{display:none!important}
  .hero-bottom{left:6%;right:6%;top:97px;bottom:auto;padding:0;display:block}
  .hero-bottom>div{max-width:none}
  .hero-role{font-size:8px;letter-spacing:.06em}
  .hero-tagline{font-size:21px;margin-top:5px;line-height:1.3}
  .hero-bottom .scroll-link{display:none}
}
@media(max-width:370px){.hero{height:760px}.hero-bottom{top:137px}.hero-portrait{top:36%;height:94%}.signature-back{top:27%}.signature-front{top:56%}.hero-tagline{font-size:19px}}

/* Creator reels introduce the range; project context follows the category filter. */
.reel-showcase{display:grid;grid-template-columns:.8fr 1.5fr;gap:8%;align-items:center;border-top:1px solid var(--champagne);padding:40px 0 45px;margin:10px 0 25px}
.reel-intro .eyebrow{margin-bottom:22px;color:var(--burgundy)}
.reel-intro h3{font:400 clamp(48px,5.8vw,80px)/.95 var(--serif);letter-spacing:-.04em;color:var(--burgundy)}
.reel-intro>p:not(.eyebrow){font-size:13px;max-width:240px;margin-top:24px;line-height:1.8}
.reel-flourish{font-size:32px;display:block;margin-top:22px;color:var(--burgundy)}
.reel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}
.reel-grid .video-info{min-height:0}
.reel-grid .video-meta h3{font-size:25px}
.reel-grid .video-category{display:none}
.reel-grid .video-label{margin-top:7px}
.reel-grid .video-number{display:none}
.filters{overflow-y:hidden}
.project-approaches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8%;padding:0 0 35px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.approach{max-width:620px}
.approach .eyebrow{font-size:8px;color:var(--burgundy);margin-bottom:10px}
.approach h3{font:400 34px/1.1 var(--serif);letter-spacing:-.02em;color:var(--burgundy);margin-bottom:13px}
.approach-copy{font-size:13px;line-height:1.85;max-width:520px}
@media(max-width:1000px) and (min-width:701px){.reel-showcase{gap:5%;grid-template-columns:.8fr 1.5fr}.reel-grid{gap:16px}.reel-grid .video-meta h3{font-size:21px}}
@media(max-width:700px){.reel-showcase{grid-template-columns:1fr;gap:28px;padding:28px 0 32px}.reel-intro h3{font-size:54px}.reel-intro h3 br{display:none}.reel-intro h3 em{margin-left:8px}.reel-intro .eyebrow{margin-bottom:15px}.reel-intro>p:not(.eyebrow){margin-top:18px;max-width:290px;font-size:12px}.reel-flourish{display:none}.reel-grid{gap:15px}.reel-grid .video-meta h3{font-size:24px}.reel-grid .video-label{font-size:9px}.project-approaches{gap:25px;padding-bottom:28px;margin-bottom:28px}.approach h3{font-size:31px}.approach-copy{font-size:12px}}