/* Overnight — Cormorant Garamond / Karla. Brand palette and layout. */
*{box-sizing:border-box}
:root{--paper:#f8f7f4;--ink:#252522;--muted:#65645f;--brass:#83704d;--line:#d6d2c9;font-family:'Karla',Arial,sans-serif;color:var(--ink);background:var(--paper)}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;border-top:4px solid var(--brass)}
a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:2px solid var(--brass);outline-offset:7px}
header{padding:30px 24px 24px}nav{display:flex;justify-content:center;gap:clamp(40px,8vw,100px)}nav a{position:relative;padding:12px 0;text-decoration:none;font-size:13px;letter-spacing:.2em;text-transform:uppercase;line-height:1.5}nav a:after{content:'';position:absolute;bottom:0;height:1px;background:var(--brass);left:50%;right:50%;transition:left .2s,right .2s}nav a[aria-current="page"]:after,nav a:hover:after{left:0;right:0}
/* The approved original image is unchanged. Its white margins are framed with CSS. */
.logo{display:block;width:100%;height:auto;aspect-ratio:3.3/1;object-fit:cover;object-position:center 46.5%;mix-blend-mode:multiply}
.inner{width:min(1160px,100%);margin:0 auto;padding:30px 48px 100px;flex:1}.small-logo{display:block;width:min(280px,100%);margin:0 auto 66px}
.copy h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(52px,6.4vw,88px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0 0 36px}
.copy p{font-size:18px;line-height:1.85;color:var(--muted);margin:0 0 26px}.copy strong{font-weight:500;color:var(--ink)}
.about-copy{display:grid;grid-template-columns:1fr 2fr;gap:80px;border-top:1px solid var(--line);padding-top:56px}.about-copy h1{color:var(--brass)}.about-text p:first-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,37px);line-height:1.35;color:var(--ink);margin-bottom:38px}.about-text p:last-child{margin-top:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;column-gap:88px;border-top:1px solid var(--line);padding-top:56px}.contact-copy h1{font-size:clamp(42px,4.8vw,65px);line-height:1.08;letter-spacing:.01em;max-width:480px}.contact-copy p:first-of-type{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;line-height:1.35;margin-bottom:22px}.contact-copy p{font-size:17px;max-width:410px}
form{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}form label{display:block;font-size:14px;letter-spacing:.025em;line-height:1.6;margin-bottom:28px}.optional{color:var(--muted);font-size:12px}form input:not([type="hidden"]),form textarea{display:block;width:100%;min-width:0;margin-top:8px;border:0;border-bottom:1px solid #a29b8c;border-radius:0;background:transparent;color:var(--ink);padding:10px 2px;font:inherit;font-size:16px;line-height:1.5}form textarea{resize:vertical;min-height:130px}form input:focus-visible,form textarea:focus-visible,form button:focus-visible{outline:2px solid var(--brass);outline-offset:5px}form button{min-height:50px;min-width:150px;padding:16px 34px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);font:inherit;font-size:12px;letter-spacing:.22em;cursor:pointer;transition:background .2s}form button:hover{background:#514b40}form button:disabled{opacity:.65;cursor:wait}#form-status{font-size:15px;line-height:1.6;margin:20px 0 0}#form-status:empty{display:none}.direct-email{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.direct-email p{font-size:15px;line-height:2;margin:0;color:var(--muted)}.direct-email a{color:var(--ink);overflow-wrap:anywhere}
footer{width:calc(100% - 96px);max-width:1064px;margin:0 auto;padding:26px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.5;letter-spacing:.04em}footer span:last-child{color:#c3ad82;font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;font-style:italic;letter-spacing:0}
.index-page{background:#20211f;color:#f0eee7;--line:#4b4b42;--brass:#c3ad82;--muted:#c2c0b7}.index-page header{padding-top:38px}.holding{flex:1;display:grid;place-items:center;padding:70px 36px 100px;min-height:440px}.logo-heading{width:min(830px,100%);margin:0;line-height:0}.index-page .logo{filter:invert(1);mix-blend-mode:screen}.index-page footer{max-width:none}
.thanks-page .copy{max-width:660px;margin:0 auto;border-top:1px solid var(--line);padding-top:48px}
.skip-link{position:fixed;left:12px;top:-100px;background:var(--paper);color:var(--ink);padding:12px;z-index:10}.skip-link:focus{top:12px}
@media(max-width:900px){.contact-layout{column-gap:40px}.about-copy{gap:40px;grid-template-columns:1fr 2.5fr}.inner{padding-left:32px;padding-right:32px}.contact-copy h1{font-size:44px}}
@media(max-width:650px){header{padding:20px 20px 22px}nav{gap:clamp(28px,8vw,52px)}nav a{font-size:12px;letter-spacing:.15em}.inner{padding:22px 24px 64px}.small-logo{width:230px;margin-bottom:42px}.about-copy,.contact-layout{grid-template-columns:1fr;gap:12px;padding-top:32px}.copy h1{font-size:54px;margin-bottom:28px}.contact-copy h1{font-size:42px}.contact-copy p{max-width:none}.contact-form-panel{margin-top:22px}.form-row{grid-template-columns:1fr;gap:0}.copy p{font-size:17px}.about-text p:first-child{font-size:29px}.contact-copy p:first-of-type{font-size:27px}footer{width:calc(100% - 48px);flex-direction:column;align-items:center;text-align:center;gap:8px}.holding{padding:60px 20px 90px;min-height:320px}.index-page header{padding-top:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Shared dark identity across the inner pages and submission confirmation. */
.about-page,.contact-page,.thanks-page{background:#20211f;color:#f0eee7;--paper:#20211f;--ink:#f0eee7;--muted:#c2c0b7;--brass:#c3ad82;--line:#4b4b42}
.about-page .logo,.contact-page .logo,.thanks-page .logo{filter:invert(1);mix-blend-mode:screen}
.about-page .copy h1,.contact-page .copy h1,.thanks-page .copy h1{color:var(--ink)}
.contact-page form input:not([type="hidden"]),.contact-page form textarea{color-scheme:dark;border-bottom-color:#88877b;color:var(--ink)}
.contact-page form button:hover{background:#d5c5a7;color:#20211f}

/* About: restrained heading and consistent body typography. */
.about-page .copy h1{font-size:32px;line-height:1.2;letter-spacing:0}
.about-page .about-text p,.about-page .about-text p:first-child{font-family:'Karla',Arial,sans-serif;font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:26px}

/* Supplied PRS / MCPS artwork, displayed in monochrome on charcoal. */
.about-page .inner{padding-bottom:0}
.society-marks{margin-top:28px;padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:center}
.society-marks img{display:block;width:min(180px,100%);height:auto;aspect-ratio:1000/390;object-fit:cover;object-position:center;filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:screen;opacity:.85}

/* Licensing follows the established inner-page styling. */
.licensing-page .inner{padding-bottom:0}
.licensing-page .about-text a{overflow-wrap:anywhere}
@media(max-width:650px){nav{gap:clamp(12px,4vw,26px)}nav a{letter-spacing:.08em}}

/* Continuous logo strip above the homepage footer. */
.logo-banner{position:relative;width:calc(100% - 96px);margin:0 auto;padding:12px 0 28px;isolation:isolate}
.logo-strip-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.logo-strip-track{display:flex;width:max-content;animation:logo-scroll 90s linear infinite}
.logo-strip-group{display:flex;align-items:center;gap:42px;padding-right:42px;flex-shrink:0}
.logo-strip-group img{display:block;flex:none;width:120px;height:90px;object-fit:contain;filter:grayscale(1) contrast(1.4) invert(1);mix-blend-mode:screen;opacity:.8}



.logo-strip-window:hover .logo-strip-track{animation-play-state:paused}
@keyframes logo-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){.logo-banner{width:calc(100% - 48px)}.logo-strip-group{gap:26px;padding-right:26px}.logo-strip-group img{width:100px;height:76px}}
@media(prefers-reduced-motion:reduce){.logo-strip-track{animation:none}.logo-strip-window{overflow-x:auto;mask-image:none}.logo-strip-group:nth-child(2){display:none}.logo-pause,}



/* A solid backdrop keeps blending independent of animation and page layers. */
.logo-banner{background:#20211f}
.logo-strip-window{background:#20211f;mix-blend-mode:normal}
.logo-strip-track{background:#000;mix-blend-mode:screen}
.logo-strip-group img{filter:grayscale(1) contrast(1.4) invert(1);mix-blend-mode:normal;opacity:1}

.logo-banner{padding-bottom:12px}
.logo-strip-group img.apple-mark{object-fit:contain;padding:19px 38px}
.logo-strip-group img.bmg-mark{object-fit:cover;object-position:center;width:140px}
@media(max-width:650px){.logo-strip-group img.apple-mark{padding:16px 32px}.logo-strip-group img.bmg-mark{width:125px}}

.logo-strip-group img.gold-mark{width:140px;padding:22px 8px;filter:brightness(0) invert(1)}
.logo-strip-group img.freemans-mark{width:140px;padding:22px 8px;filter:brightness(0) invert(1)}
@media(max-width:650px){.logo-strip-group img.gold-mark,.logo-strip-group img.freemans-mark{width:125px;padding:18px 6px}}

.logo-strip-group img.masterchef-mark{filter:none;object-fit:contain;padding:17px 32px}
@media(max-width:650px){.logo-strip-group img.masterchef-mark{padding:14px 26px}}

.logo-strip-group img.korean-mark{width:150px;object-fit:contain}
.logo-strip-group img.bleeding-mark{width:150px;object-fit:contain;padding:12px 0;filter:grayscale(1)}
@media(max-width:650px){.logo-strip-group img.korean-mark,.logo-strip-group img.bleeding-mark{width:135px}}

@media(max-width:650px){.society-marks img{width:min(150px,100%)}}

/* Centre editorial text without changing navigation or form controls. */
.copy h1,.copy h2,.copy h3,.copy p,
.direct-email p,#form-status,.logo-heading,footer span{text-align:center}
.about-copy{grid-template-columns:minmax(0,1fr);gap:0}
.about-text{width:100%;max-width:680px;margin-inline:auto}
.contact-copy h1,.contact-copy p{margin-inline:auto}
footer{flex-direction:column;align-items:center;gap:8px}
footer span{max-width:100%}

/* Blend the monochrome society artwork against the actual page colour. */
.society-marks{background:#20211f;isolation:isolate}
.society-marks img{mix-blend-mode:screen}



/* Added banner marks: transparent vectors and a dark-background title treatment. */
.logo-strip-group img.new-mark{width:140px;padding:18px 4px;filter:brightness(0) invert(1)}
.logo-strip-group img.dove-mark{width:112px;padding:17px 8px}
.logo-strip-group img.wix-mark{width:108px;padding:22px 10px}
.logo-strip-group img.love-mark{width:180px;padding:0;filter:grayscale(1) contrast(3) brightness(1.4)}
@media(max-width:650px){
 .logo-strip-group img.new-mark{width:125px;padding:16px 4px}
 .logo-strip-group img.dove-mark{width:100px;padding:15px 8px}
 .logo-strip-group img.wix-mark{width:96px;padding:20px 10px}
 .logo-strip-group img.love-mark{width:160px}
}

/* Equal banner slots; artwork bounds exclude built-in image margins. */
.logo-strip-group{gap:28px;padding-right:28px}
.logo-slot{width:160px;height:80px;display:grid;place-items:center;flex:none}
.logo-art{position:relative;display:block;overflow:hidden;flex:none}
.logo-strip-group .logo-art img{position:absolute;display:block;max-width:none;padding:0;object-fit:fill;margin:0}
@media(max-width:650px){
 .logo-strip-group{gap:20px;padding-right:20px}
 .logo-slot{width:140px;height:70px}
 .logo-art{transform:scale(.875)}
}

/* Standalone transparent artwork; no CSS mask compositing required. */
.index-page .logo,.about-page .logo,.contact-page .logo,.thanks-page .logo,.music-page .logo{
 filter:none;mix-blend-mode:normal;aspect-ratio:1690/500;object-fit:contain;
 -webkit-mask-image:none;mask-image:none;
}

/* Preserve the former logo’s visible scale after removing its canvas margins. */
.index-page .logo,.about-page .logo,.contact-page .logo,.thanks-page .logo,.music-page .logo{width:84.5%;margin-inline:auto}

/* Transparent vector society marks need no image blending. */
.society-marks img{filter:none;mix-blend-mode:normal}

/* Keep the short licensing content and society/footer rules together.
   Body retains its full-height background; content must not absorb spare height. */
.licensing-page .inner{flex:0 0 auto}
.licensing-page .about-text{max-width:680px;margin-inline:auto}