/* Third concept: photo-led, high-contrast editorial composition. */
.handwriting{display:none!important}
.noir{--bg:#130f10;--ink:#f6ebe0;--muted:#c1adb1;--accent:#edc6ce;--on-accent:#26151a;--line:#513038;--card:#2b1b20}
.noir-header{max-width:1440px;height:100px;border-bottom:0;padding:0 5%;}
.noir-wordmark{font:600 32px/1 Georgia,serif;letter-spacing:7px}.noir-wordmark span{display:block;font:9px/1 Arial,sans-serif;letter-spacing:8px;margin-top:10px}
.noir-header nav{display:flex;gap:38px;align-items:center;font-size:12px}.noir-header nav>a{padding:12px 0;min-height:44px}.noir-header .noir-header-cta{display:flex;gap:35px;border-bottom:1px solid #dfbdc5}
.noir .noir-hero{max-width:1440px;margin:auto;padding:0;display:grid;grid-template-columns:1.02fr 1fr;gap:0;min-height:670px;align-items:stretch;}
.noir-portrait{height:100%;min-height:670px;position:relative;margin:0;overflow:hidden;background:#070707}.noir-portrait>img{position:absolute;inset:0;object-position:50% 29%}.noir-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#090708d9)}
.noir-portrait figcaption{position:absolute;bottom:22px;left:30px;right:30px;z-index:1;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:#fff}
.noir-intro{background:#461824;padding:65px 10% 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.noir-intro .eyebrow{color:#e6c4c7;font-size:9px;letter-spacing:2.4px;margin-bottom:30px}
.noir .noir-intro h1{font:400 clamp(70px,7vw,108px)/.94 Georgia,serif;letter-spacing:-5px;margin:0 0 28px;color:#f8ebe1}.noir-intro h1 em{color:#e4a6b4;display:inline-block;padding-bottom:8px}.noir-lead{font-size:19px;line-height:1.5;margin-bottom:18px}.noir-intro .intro{font-size:14px;line-height:1.85;color:#e0c8cd;max-width:350px;margin-bottom:30px}
.noir-button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:#f3e7d9;color:#35141e;padding:16px 25px;font-size:13px}.noir-button span{font-size:21px}.noir-button:hover{background:#e8c6ce;opacity:1;transform:translateY(-2px)}
.noir-tease{display:flex;justify-content:space-between;gap:24px;width:100%;padding-top:22px;margin-top:32px;border-top:1px solid #865262;font-size:11px;color:#e2c3c9}.noir-tease a{padding:4px 0}
.noir-strip{max-width:1440px;margin:auto;padding:21px 5%;background:#efded0;color:#441a25;display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:2px;font-weight:600}
.noir-about{max-width:1280px;margin:auto;padding:85px 5%;display:grid;grid-template-columns:1.05fr 1fr;gap:12%;align-items:center;scroll-margin-top:75px}.noir-about .eyebrow{color:#dca9b7}.noir-about h2{font:44px/1.1 Georgia,serif;letter-spacing:-1px;max-width:440px}.noir-about h2 em{color:#dca9b7}.noir-about-copy>p:not(.eyebrow){max-width:400px;font-size:14px;color:var(--muted);line-height:1.8}
.noir-line{display:flex;gap:25px;padding:23px 0;border-top:1px solid var(--line)}.noir-line>span{font:italic 16px Georgia,serif;color:#dca9b7}.noir-line h3{font:23px/1.2 Georgia,serif;margin:0 0 9px}.noir-line p{font-size:13px;color:var(--muted);margin:0;max-width:320px}.noir-about .text-link{color:#e9bbc8;border-bottom:1px solid;margin-top:12px}
.noir-second-photo{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#241f20}.noir-second-photo img{object-position:center 20%;transition:transform .4s}.noir-second-photo:hover{opacity:1}.noir-second-photo:hover img{transform:scale(1.025)}.noir-second-photo>span{position:absolute;bottom:0;left:0;right:0;background:#461824f2;color:#fff0e7;padding:20px 24px;display:flex;justify-content:space-between;font-size:13px}
.noir-closing{max-width:1440px;margin:auto;padding:70px 5%;text-align:center;border-top:1px solid var(--line);background:#211216}.noir-closing .eyebrow{color:#dca9b7}.noir-closing h2{font:clamp(38px,5vw,67px)/1.1 Georgia,serif;letter-spacing:-2px;margin-bottom:32px}.noir-closing h2 em{color:#dca9b7}.noir footer .logo{font-style:normal}.noir .chat-panel{background:#1c1316;border-color:#54303c}.noir .chat-heading{background:#461824}.noir .chat-symbol{font:30px Georgia,serif}.noir .bubble{border-radius:2px 12px 12px 12px}.noir .bubble.user{border-radius:12px 2px 12px 12px}.noir .side-photo img{border-radius:0}.noir .chat-welcome h2{font:29px/1.2 Georgia,serif;color:#e4b1be}.noir .tags span{border-radius:0}
@media(max-width:800px){.studio nav a{padding:8px 10px;min-height:44px;font-size:10px}.noir-header{height:84px;padding:0 6%}.noir-wordmark{font-size:26px}.noir-header nav{gap:20px}.noir-header nav>a:first-child{display:none}.noir .noir-hero{display:flex;flex-direction:column;min-height:0;padding:0}.noir-portrait{height:370px;min-height:0}.noir-portrait>img{object-position:50% 25%}.noir-portrait figcaption{bottom:16px;left:23px;right:23px;font-size:9px}.noir-intro{padding:32px 7% 24px}.noir-intro .eyebrow{margin-bottom:18px}.noir .noir-intro h1{font-size:70px;letter-spacing:-3px;margin-bottom:20px}.noir-lead{font-size:17px;margin-bottom:10px}.noir-intro .intro{max-width:100%;font-size:14px;margin-bottom:23px}.noir-button{width:100%;max-width:380px}.noir-tease{margin-top:23px}.noir-strip{padding:18px 6%;gap:15px;flex-wrap:wrap;font-size:8px;letter-spacing:1px}.noir-strip>span:last-child{display:none}.noir-about{grid-template-columns:1fr;gap:32px;padding:48px 7%}.noir-about h2{font-size:39px}.noir-second-photo{aspect-ratio:4/5}.noir-closing{padding:50px 7%}.noir-closing h2{font-size:40px}.noir .chat-welcome h2{font-size:24px}}
/* Keep the complete portrait visible, framed like an editorial print. */
.noir-portrait{height:auto;min-height:0;padding:24px 24px 0;display:flex;flex-direction:column;justify-content:center;gap:18px;background:radial-gradient(ellipse at top,#372329,#130f10 75%)}
.noir-portrait>img{position:static;inset:auto;width:100%;height:auto;max-height:820px;object-fit:contain;object-position:center;box-shadow:0 12px 40px #0005}
.noir-portrait:after{display:none}
.noir-portrait figcaption{position:static;padding:0 0 22px;font-size:9px;color:#e6c4c7}
@media(max-width:800px){.noir-portrait{height:auto;min-height:0;padding:14px 14px 0;gap:14px}.noir-portrait>img{height:auto;max-height:none;object-position:center}.noir-portrait figcaption{padding:0 5px 16px}}
.noir-portrait>img{aspect-ratio:798 / 870;height:auto;max-height:none;object-fit:cover;object-position:center bottom}
@media(prefers-reduced-motion:reduce){.noir-button:hover{transform:none}.noir-second-photo:hover img{transform:none}}
@media(max-width:800px){.noir-header{position:sticky;top:0;z-index:30;background:#130f10eF;backdrop-filter:blur(14px);gap:10px}.noir-header>.member-main-nav{max-width:calc(100vw - 112px);overflow-x:auto;scrollbar-width:none}.noir-header>.member-main-nav::-webkit-scrollbar{display:none}.noir-header>.member-main-nav a{padding-inline:11px}.noir-remix{overflow:hidden}.noir-cutout img{max-width:100%;height:auto}.noir-intro{width:100%;box-sizing:border-box}.noir .noir-intro h1{font-size:clamp(54px,18vw,70px)}.noir-floating-pass{max-width:calc(100% - 28px);box-sizing:border-box}.noir-about,.noir-closing{overflow:hidden}.members-shell,.lovers-section{max-width:100%;overflow:hidden}}

/* Compact member navigation keeps the wordmark and destinations visually balanced. */
.noir-header:has(.member-main-nav){gap:28px}.member-main-nav{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #5b3948;border-radius:18px;background:#1e151a;box-shadow:0 10px 28px #0004}.member-main-nav a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px;min-height:46px!important;padding:10px 15px!important;border:1px solid transparent!important;border-radius:13px;color:#d7c1ca;text-decoration:none;font:650 13px/1 "Segoe UI",Arial,sans-serif;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.member-main-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.member-main-nav a:hover{opacity:1;background:#34232b;color:#fff}.member-main-nav a[aria-current=page],.member-main-nav .member-chat-cta{background:linear-gradient(145deg,#d3264d,#9f1737)!important;border-color:#f36887!important;color:#fff!important;box-shadow:0 7px 20px #d01d4855!important}.member-main-nav .member-unread{position:absolute;right:-4px;top:-5px}
@media(max-width:800px){.noir-header:has(.member-main-nav){height:auto;min-height:78px;padding:9px 4%;gap:10px}.noir-header>.member-main-nav{max-width:none;overflow:visible;padding:4px;border-radius:16px}.member-main-nav a{min-width:64px;min-height:48px!important;padding:8px 10px!important;flex-direction:column;gap:4px;font-size:10px}.member-main-nav a svg{width:17px;height:17px}.noir-header:has(.member-main-nav) .noir-wordmark{font-size:21px;letter-spacing:5px}.noir-header:has(.member-main-nav) .noir-wordmark span{font-size:7px;letter-spacing:5px;margin-top:7px}}
@media(max-width:430px){.noir-header:has(.member-main-nav){align-items:center}.noir-header:has(.member-main-nav) .noir-wordmark{font-size:0;letter-spacing:0}.noir-header:has(.member-main-nav) .noir-wordmark:before{content:'L';display:grid;place-items:center;width:40px;height:40px;border:1px solid #744859;border-radius:14px;font:700 17px/1 "Segoe UI",Arial,sans-serif;color:#f4dfe6}.noir-header:has(.member-main-nav) .noir-wordmark span{display:none}.member-main-nav{flex:1;justify-content:space-between}.member-main-nav a{min-width:0;flex:1}}
