/* Azariah Events: black and ivory with blush pink. Serif display, sans body, script used sparingly. */
:root{
  --ink:#0B0909; --ink-2:#1E1719; --ink-line:#2A2124; --on-ink:#F4ECEF; --on-ink-soft:#D9CBD0; --on-ink-muted:#9C868D;
  --ivory:#FAF6F4; --blush-bg:#F2E8EA; --ph:#EDE1E3; --ph-text:#6B545C;
  --text:#1B1517; --text-soft:#4E4247; --muted:#6F5F65; --line:#E3D4D9; --line-strong:#C9A9B4;
  --blush:#E3A0B6; --rose:#9E3B63; --rose-dark:#7A2A4B;
  --f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-body:"Jost","Century Gothic","Futura",system-ui,sans-serif;
  --f-script:"Pinyon Script","Snell Roundhand",cursive;
  --gutter:clamp(20px,5.5vw,80px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ivory);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--rose);text-decoration:none}
a:hover{color:var(--rose-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blush);outline-offset:3px}
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--gutter)}
.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.script{font-family:var(--f-script);font-weight:400}
h1,h2,h3{font-family:var(--f-display);font-weight:400;margin:0;text-wrap:balance}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 32px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.btn-blush{background:var(--blush);color:#1A0D12;font-weight:500}.btn-blush:hover{background:#EDB6C8;color:#1A0D12}
.btn-ghost{border-color:#5A474E;color:var(--on-ink)}.btn-ghost:hover{border-color:var(--blush);color:var(--blush)}
.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-ink:hover{background:#2A2124;color:var(--on-ink)}
.btn-line{border-color:var(--blush);color:var(--on-ink)}.btn-line:hover{background:var(--blush);color:#1A0D12}
.link-line{font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:10px 0 4px;align-self:flex-start;display:inline-block}

/* photo slots: show the image when the file exists, a labelled placeholder until then */
.photo{position:relative;background:var(--ph);color:var(--ph-text);overflow:hidden}
.photo.dark{background:var(--ink-2);color:var(--on-ink-muted)}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.photo.loaded img{opacity:1}
.photo .ph-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;font-size:13px;letter-spacing:.04em}
.photo.loaded .ph-label{display:none}

/* header */
.site-header{position:absolute;inset:0 0 auto 0;z-index:20}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:28px}
.brand img{width:clamp(130px,16vw,240px);height:auto}
.nav{display:flex;align-items:center;gap:40px;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.nav a{color:var(--on-ink);opacity:.85}.nav a:hover{opacity:1;color:var(--blush)}
.nav .nav-cta{border:1px solid var(--blush);color:var(--blush);opacity:1;padding:12px 22px}
.menu-btn{display:none;width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid #4A3A40;color:var(--on-ink);align-items:center;justify-content:center;cursor:pointer}
@media (max-width:900px){
  .menu-btn{display:flex}
  .nav{position:fixed;inset:0;background:var(--ink);flex-direction:column;justify-content:center;gap:28px;font-size:16px;transform:translateY(-100%);transition:transform .35s ease;z-index:30}
  .nav.open{transform:none}
  .nav .close-btn{position:absolute;top:28px;right:var(--gutter)}
}
@media (min-width:901px){.nav .close-btn{display:none}}

/* hero */
.hero{position:relative;background:var(--ink);color:var(--on-ink);min-height:820px;overflow:hidden}
.hero .photo{position:absolute;right:0;top:0;width:57%;height:100%}
.hero-shade{position:absolute;left:0;top:0;width:62.5%;height:100%;background:var(--ink);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}
.hero-copy{position:relative;z-index:2;padding-top:250px;padding-bottom:120px;margin:0;max-width:calc(680px + 2 * var(--gutter));display:flex;flex-direction:column;gap:28px}
.hero-copy .eyebrow{color:var(--blush)}
.hero h1{font-size:clamp(46px,6vw,86px);line-height:.98;letter-spacing:-.01em}
.hero h1 .script{font-size:1.12em;color:var(--blush)}
.hero p{margin:0;font-size:18px;line-height:1.7;font-weight:300;color:var(--on-ink-soft);max-width:500px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.hero-area{position:absolute;left:var(--gutter);bottom:44px;z-index:2;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#8F7B82}
@media (max-width:900px){
  .hero{min-height:0;display:flex;flex-direction:column}
  .hero .photo{position:relative;width:100%;height:56vw;min-height:280px;order:1;margin-top:110px}
  .hero-shade{display:none}
  .hero-copy{order:2;padding-top:32px;padding-bottom:40px;gap:20px}
  .hero-area{position:static;order:3;padding:0 var(--gutter) 36px}
}

/* intro */
.intro{padding-block:110px 90px}
.intro .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.intro p{grid-column:2/span 7;margin:0;font-family:var(--f-display);font-size:clamp(28px,3.2vw,44px);line-height:1.22}
.intro .sign{grid-column:10/span 3;align-self:end;display:flex;flex-direction:column;gap:6px}
.intro .sign .script{font-size:44px;color:var(--rose);line-height:1}
.intro .sign span:last-child{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.intro{padding-block:60px}.intro p,.intro .sign{grid-column:1/-1}.intro .sign{margin-top:22px}}

/* section heads */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(40px,4.4vw,64px);line-height:1.02}

/* services */
.services{padding-block:20px 110px}
.services .sec-head{border-top:1px solid var(--line);padding-top:28px;margin-bottom:48px}
.services .sec-head .eyebrow{color:var(--muted);font-size:11px}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.svc{display:flex;flex-direction:column;gap:16px}
.svc .photo{aspect-ratio:4/3.2}
.svc h3{font-size:32px;font-weight:500}
.svc p{margin:0;font-size:15px;line-height:1.7;color:var(--text-soft)}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr;gap:44px}}

/* work */
.work{background:var(--ink);color:var(--on-ink);padding-block:80px 90px}
.work .eyebrow{color:var(--blush)}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.filters button{min-height:44px;padding:0 20px;border-radius:999px;font:inherit;font-size:13px;letter-spacing:.08em;cursor:pointer;background:transparent;color:var(--on-ink);border:1px solid #4A3A40}
.filters button[aria-pressed="true"]{background:var(--blush);color:#1A0D12;border-color:var(--blush)}
.work-grid{margin-top:36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.work-grid figure{margin:0;display:flex;flex-direction:column;grid-column:span 4}
.work-grid figure.wide{grid-column:span 7}.work-grid figure.mid{grid-column:span 5}
.work-grid .photo{height:clamp(240px,30vw,440px)}
.work-grid figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px}
.work-grid figcaption b{font-family:var(--f-display);font-size:24px;font-weight:400}
.work-grid figcaption span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--on-ink-muted);text-align:right}
.work-grid figure[hidden]{display:none}
.work .more{display:flex;justify-content:center;margin-top:40px}.work .more a{color:var(--blush)}
@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-grid figure,.work-grid figure.wide,.work-grid figure.mid{grid-column:span 1}.work-grid figure.wide{grid-column:1/-1}.work-grid .photo{height:200px}.work-grid figure.wide .photo{height:240px}.work-grid figcaption{flex-direction:column;gap:2px}.work-grid figcaption span{text-align:left}}

/* hire */
.hire{padding-block:100px}
.hire .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.hire-copy{grid-column:1/span 5;display:flex;flex-direction:column;gap:22px}
.hire-copy .eyebrow{color:var(--rose)}
.hire-copy h2{font-size:clamp(36px,3.8vw,52px);line-height:1.05}
.hire-copy p{margin:0;color:var(--text-soft);max-width:440px}
.hire-copy .btn{align-self:flex-start}
.hire-pics{grid-column:7/span 6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;height:400px}
.hire-pics .stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}
@media (max-width:900px){.hire{padding-block:60px}.hire-copy,.hire-pics{grid-column:1/-1}.hire-pics{margin-top:32px;height:300px}}

/* process */
.process{background:var(--blush-bg);padding-block:70px 80px}
.process h2{font-size:clamp(36px,3.8vw,52px);margin-bottom:44px}
.process ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.process li{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line-strong);padding-top:22px}
.process li i{font-family:var(--f-display);font-size:30px;color:var(--rose)}
.process li strong{font-weight:500;font-size:18px}
.process li span{font-size:15px;color:var(--text-soft)}
@media (max-width:900px){.process ol{grid-template-columns:1fr;gap:22px}}

/* instagram */
.insta{padding-block:80px}
.insta h2{font-size:clamp(32px,3.8vw,52px)}
.insta h2 em{color:var(--rose)}
.insta-grid{margin-top:32px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.insta-grid .photo{aspect-ratio:1/1}
@media (max-width:900px){.insta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}

/* closing cta */
.cta{background:var(--ink);color:var(--on-ink);text-align:center;padding-block:90px}
.cta .wrap{display:flex;flex-direction:column;align-items:center;gap:22px}
.cta .script{font-size:52px;color:var(--blush);line-height:1}
.cta h2{font-size:clamp(40px,4.2vw,60px);line-height:1.05}
.cta p{margin:0;color:var(--on-ink-soft);max-width:560px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:14px}
@media (max-width:600px){.cta-actions{flex-direction:column;width:100%}.cta-actions .btn{width:100%}}

/* footer */
.site-footer{background:var(--ink);color:var(--on-ink-soft);border-top:1px solid var(--ink-line);padding-block:60px 36px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.foot-grid .eyebrow{font-size:11px;color:var(--blush);display:block;margin-bottom:12px}
.foot-grid a{color:var(--on-ink-soft)}.foot-grid a:hover{color:var(--blush)}
.foot-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot-logo{width:190px;height:auto}
.socials{display:flex;gap:12px}
.socials a{width:46px;height:46px;border:1px solid #4A3A40;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--on-ink)}
.socials a:hover{border-color:var(--blush);color:var(--blush)}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:20px;border-top:1px solid var(--ink-line);font-size:12px;color:#8F7B82}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-logo{width:150px}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}

/* enquire page */
.enq{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);min-height:100vh}
.enq-side{background:var(--ink);color:var(--on-ink);padding:40px 64px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.enq-side .script{font-size:48px;color:var(--blush);line-height:1}
.enq-side h1{font-size:clamp(40px,4vw,58px);line-height:1.02;margin-top:14px}
.enq-side p{color:var(--on-ink-soft);font-weight:300}
.enq-side .contact{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--on-ink-soft)}
.enq-side .contact a{color:var(--on-ink-soft)}
.enq-main{padding:64px clamp(24px,6vw,96px) 56px;display:flex;flex-direction:column;gap:36px}
.svc-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc-pick button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:20px 22px;min-height:112px;cursor:pointer;font:inherit;background:transparent;color:var(--text);border:1px solid #C9B3BB}
.svc-pick button b{font-family:var(--f-display);font-size:26px;font-weight:400;line-height:1.1}
.svc-pick button span{font-size:13px;opacity:.8}
.svc-pick button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px}
.fl{display:flex;flex-direction:column;gap:6px;min-width:0}
.fl.full{grid-column:1/-1}
.fl label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.fl input,.fl select,.fl textarea{font:inherit;font-size:16px;color:var(--text);background:transparent;border:0;border-bottom:1px solid #C9B3BB;padding:10px 0;min-height:44px;border-radius:0}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-bottom-color:var(--rose);outline:none}
.fl textarea{resize:vertical;min-height:96px}
.send-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px}
.send-row p{margin:0;font-size:14px;color:var(--muted);max-width:460px}
.send-row .alt{font-size:13px;color:var(--muted);width:100%}
@media (max-width:900px){.enq{grid-template-columns:1fr}.enq-side{padding:28px var(--gutter) 36px}.svc-pick{grid-template-columns:1fr}.fields{grid-template-columns:1fr}}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--ivory);padding:8px 14px}
[hidden]{display:none!important}