/* TOUCH OF CLASS — a black-and-white editorial. White paper, her photographs edge to edge, Cormorant italic, claret the only colour, one gold hairline. No frames, no plaques, nothing dark: the velvet is gone. */
.tc{--paper:#FFFFFF;--claret:#7A0030;--ink:#2E0F1E;--gold:#B8935A;--pale:#F4E9EC;color:var(--ink);background:var(--paper);overflow-x:hidden}
.tc .tc-eyebrow{font:500 .7rem/1.2 var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--claret);margin:0 0 1.4rem}
.tc .tc-eyebrow--pale{color:var(--pale)}.tc .tc-eyebrow--gold{color:var(--gold)}
.tc .tc-huge{font:italic 400 clamp(2.6rem,8vw,7.2rem)/.98 var(--head);letter-spacing:-.02em;margin:0 0 1.6rem;color:var(--ink);text-wrap:balance;max-width:14ch}
.tc .tc-big{font:italic 400 clamp(2.4rem,6vw,5rem)/1 var(--head);margin:0 0 1.2rem;color:#fff;text-wrap:balance}
.tc .tc-lit{font:italic 400 clamp(1.1rem,1.7vw,1.45rem)/1.4 var(--head);color:var(--claret);margin:0 0 1.8rem}
.tc .tc-lit--pale{color:var(--pale)}
.tc .tc-small{font:300 .8rem/1.5 var(--body);letter-spacing:.06em;color:var(--gold);margin:1.2rem 0 0}
.tc .tc-small--pale{color:var(--pale);opacity:.85}
.tc .tc-word{display:inline-block;font:500 .8rem/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--claret);padding:0 0 .55rem;transition:color .3s}
.tc .tc-word:hover{color:var(--claret)}
.tc .tc-word--pale{color:#fff;border-color:var(--gold)}.tc .tc-word--pale:hover{color:var(--gold)}

/* cover — the masthead runs along the foot of the photograph */
.tc-cover{position:relative;min-height:100svh;display:grid;align-content:end;padding:0 4vw 5vh;isolation:isolate;overflow:hidden;background:var(--pale)}
.tc-cover__pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1) contrast(1.05);opacity:0;animation:tc-in 2s ease forwards}
.tc-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.92) 100%);z-index:1;pointer-events:none}
.tc-mast{position:relative;z-index:2;font:400 clamp(4rem,15.5vw,15rem)/.82 var(--name);color:var(--ink);margin:0;letter-spacing:-.035em;white-space:nowrap;opacity:0;transform:translateY(.15em);animation:tc-up 1.6s .7s cubic-bezier(.2,.8,.2,1) forwards}
.tc-mast em{font-style:italic;color:var(--claret);margin-left:.16em;font-weight:300}
.tc-cover__line{position:relative;z-index:2;font:italic 400 clamp(1.3rem,2.4vw,2rem)/1.2 var(--head);color:var(--claret);margin:1.4rem 0 0 .3vw;opacity:0;animation:tc-in 1.4s 1.5s ease forwards}
.tc-cover__line span{display:block;font:300 .8rem/1.5 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-top:.5rem}
.tc-cover__reach{position:absolute;z-index:2;top:6rem;right:4vw;margin:0;font:300 .66rem/1.3 var(--body);letter-spacing:.32em;text-transform:uppercase;color:#fff;writing-mode:vertical-rl;mix-blend-mode:difference}

/* a line alone on white */
.tc-line{min-height:92svh;display:grid;align-content:center;padding:14vh 6vw}
.tc-line--r{justify-items:end;text-align:right}.tc-line--r .tc-huge{margin-left:auto}

/* the photograph washed claret */
.tc-plate{position:relative;min-height:100svh;display:grid;align-content:end;padding:14vh 6vw 10vh;isolation:isolate;overflow:hidden;background:var(--claret)}
.tc-plate__pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.85}
.tc-plate::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(122,0,48,0) 40%,rgba(122,0,48,.75) 100%);z-index:1;pointer-events:none}
.tc-plate__words{position:relative;z-index:2;max-width:40rem}

/* two photographs, the names beneath — never words over a photograph */
.tc-ways{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--paper);padding:0 0 12vh}
.tc-way{display:block;text-decoration:none;color:var(--ink)}
.tc-way__pic{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--pale)}
.tc-way__pic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter .8s}
.tc-way:hover .tc-way__pic img{transform:scale(1.04);filter:grayscale(.3) contrast(1.05)}
.tc-way__name{display:block;font:italic 400 clamp(1.7rem,3.4vw,3rem)/1.05 var(--head);margin:1.4rem 6vw 0;transition:color .3s}
.tc-way:hover .tc-way__name{color:var(--claret)}
.tc-way__say{display:block;font:300 .9rem/1.5 var(--body);color:var(--claret);margin:.5rem 6vw 0;max-width:28rem}

/* the figure, on claret */
.tc-ask{min-height:80svh;display:grid;place-items:center;text-align:center;padding:14vh 6vw;background:var(--claret);color:#fff}
.tc-ask__price{font:italic 300 clamp(5rem,17vw,13rem)/1 var(--head);color:#fff;margin:0;letter-spacing:-.03em}
.tc-ask__when{font:300 .85rem/1.5 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:.6rem 0 2.4rem}

/* the code, small and quiet */
.tc-code{padding:10vh 6vw 12vh;max-width:46rem;margin:0 auto;border-top:1px solid var(--gold)}
.tc-code__head{font:italic 400 clamp(1.5rem,3vw,2.2rem)/1.15 var(--head);margin:0 0 2rem}
.tc-code ol{list-style:none;margin:0 0 2rem;padding:0}
.tc-code li{display:grid;grid-template-columns:2.6rem 1fr;gap:.6rem;font:300 .95rem/1.55 var(--body);padding:.75rem 0;border-top:1px solid var(--pale)}
.tc-code__n{font:italic 400 .95rem/1.55 var(--head);color:var(--claret)}
.tc-close{font:italic 400 clamp(1.4rem,2.6vw,2rem)/1.15 var(--head);color:var(--claret);margin:2rem 0 0}

.tc-reveal{opacity:0;transform:translateY(22px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.tc-reveal.is-in{opacity:1;transform:none}
@keyframes tc-in{to{opacity:1}}
@keyframes tc-up{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tc-cover__pic,.tc-mast,.tc-cover__line,.tc-reveal{animation:none;opacity:1;transform:none;transition:none}}

@media(max-width:820px){
 .tc-mast{white-space:normal;font-size:clamp(3.4rem,20vw,6rem)}.tc-mast em{display:block;margin:0}
 .tc-cover__reach{writing-mode:horizontal-tb;top:auto;bottom:2vh;right:auto;left:4vw;color:var(--claret);mix-blend-mode:normal}
 .tc-ways{grid-template-columns:1fr;gap:3rem}
 .tc-line--r{justify-items:start;text-align:left}.tc-line--r .tc-huge{margin-left:0}
}


/* THE DARK IS BACK AT THE TOP — hers, 21 September 2026: "the treatment you had at the very top, put it back." The velvet cover alone: the light follows your hand across her photograph, then the white editorial under it. */
:root{--tn-night:#150309;--tn-velvet:#3D0A1F;--tn-wine:#5C0F2E;--tn-bone:#F1E8E2;--tn-bone2:rgba(241,232,226,.66);--tn-hair:rgba(241,232,226,.14);--tn-lit:#FF3F7A;--tn-gold:#C9A86A;--tn-head:'Cormorant Garamond',Georgia,serif;--tn-body:'Jost',system-ui,sans-serif}
.tn-dark{position:relative;min-height:100svh;display:grid;align-items:end;padding:0 6vw clamp(3rem,8vh,6rem);background:var(--tn-night);overflow:hidden;isolation:isolate}
.tn-dark__pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:grayscale(1) sepia(.35) hue-rotate(300deg) saturate(1.5) brightness(.95) contrast(1.05);
 -webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,45%),rgba(0,0,0,1) 0,rgba(0,0,0,.85) 9vmax,rgba(0,0,0,.28) 22vmax,rgba(0,0,0,.05) 36vmax,rgba(0,0,0,0) 48vmax);mask-image:radial-gradient(circle at var(--x,50%) var(--y,45%),rgba(0,0,0,1) 0,rgba(0,0,0,.85) 9vmax,rgba(0,0,0,.28) 22vmax,rgba(0,0,0,.05) 36vmax,rgba(0,0,0,0) 48vmax);
 transition:none;z-index:0}
.tn-dark__grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
.tn-dark::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(21,3,9,.7) 0%,rgba(21,3,9,0) 30%,rgba(21,3,9,0) 55%,rgba(21,3,9,.92) 100%)}
.tn-dark__hint{position:absolute;top:calc(50% - 1rem);left:0;right:0;z-index:2;text-align:center;margin:0;pointer-events:none;font-size:.62rem;letter-spacing:.42em;text-transform:uppercase;color:var(--tn-bone2);opacity:0;animation:tn-hint 6s ease 2.6s 1 forwards}
@keyframes tn-hint{0%{opacity:0}18%{opacity:.85}80%{opacity:.85}100%{opacity:0}}
.tn-dark__words{position:relative;z-index:2;max-width:40rem}
.tn-dark__name{font-family:var(--tn-head);font-weight:400;font-size:clamp(4.2rem,13vw,11rem);line-height:.86;letter-spacing:-.02em;margin:0 0 1rem;color:var(--tn-bone)}
.tn-dark__n{display:block;opacity:0;transform:translateY(14px);animation:tn-up 1.6s cubic-bezier(.2,.7,.2,1) .3s forwards}
.tn-dark__t{display:block;font-style:italic;font-size:.34em;letter-spacing:.04em;margin-top:.2em;color:var(--tn-bone2);opacity:0;animation:tn-up 1.6s cubic-bezier(.2,.7,.2,1) .9s forwards}
.tn-dark__line{font-family:var(--tn-head);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.1;color:var(--tn-lit);margin:0 0 .9rem;opacity:0;animation:tn-up 1.6s cubic-bezier(.2,.7,.2,1) 1.6s forwards}
.tn-dark__sub{font-size:.76rem;letter-spacing:.32em;text-transform:uppercase;color:var(--tn-bone);margin:0;opacity:0;animation:tn-up 1.6s ease 2.2s forwards}
.tn-dark__reach{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--tn-gold);margin:1rem 0 0;opacity:0;animation:tn-up 1.6s ease 2.6s forwards}
@keyframes tn-up{to{opacity:1;transform:none}}
.tn-dark__down{position:absolute;right:6vw;bottom:clamp(3rem,8vh,6rem);z-index:2;width:1px;height:5rem;display:block}
.tn-dark__down span{position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(180deg,var(--tn-gold),transparent);transform-origin:top;animation:tn-fall 2.6s ease-in-out infinite}
@keyframes tn-fall{0%{transform:scaleY(0);opacity:0}30%{opacity:1}100%{transform:scaleY(1);opacity:0}}
.tn-dark{font-family:var(--tn-body)}
@media(max-width:820px){.tn-dark{padding-bottom:5rem}.tn-dark__name{font-size:clamp(4rem,22vw,6rem)}.tn-dark__down{display:none}}
@media(prefers-reduced-motion:reduce){.tn-dark__n,.tn-dark__t,.tn-dark__line,.tn-dark__sub,.tn-dark__reach{opacity:1;transform:none;animation:none}}

/* the way pictures wear the same claret wash as the plate — hers: "I like how they have got that sort of pinkish colour on them" — and the couple stands centred */
.tc-way__pic{background:var(--claret)}
.tc-way__pic img{mix-blend-mode:luminosity;opacity:.85;filter:grayscale(1) contrast(1.1)}
.tc-way:hover .tc-way__pic img{filter:grayscale(1) contrast(1.1);opacity:.95}
.tc-way--find .tc-way__pic img{object-position:22% 50%}

/* the two ways are a description for a stranger, a press for a member */
.tc-ways{grid-template-areas:"k k" "a b" "go go"}
.tc-ways__k{grid-area:k;margin:8vh 6vw 2rem}
.tc-ways__go{grid-area:go;margin:3rem 6vw 0}
.tc-way:first-of-type{grid-area:a}.tc-way:nth-of-type(2){grid-area:b}
div.tc-way:hover .tc-way__pic img{transform:none;opacity:.85}div.tc-way:hover .tc-way__name{color:var(--ink)}
@media(max-width:820px){.tc-ways{grid-template-areas:"k" "a" "b" "go"}}

/* her films — hers, 21 September 2026: "some really just beautiful ones for the homepage." The cover film sits under the light that follows the hand; the two below wear the claret plate */
video.tn-dark__film{object-position:50% 30%}
video.tc-plate__film{object-position:50% 40%}
.tc-plate--r{justify-items:end}.tc-plate--r .tc-plate__words{text-align:right}
@media(max-width:820px){.tc-plate--r{justify-items:start}.tc-plate--r .tc-plate__words{text-align:left}}
/* a film cannot be blended the way a photograph can — it is tinted claret with a filter instead, and stays a film */
video.tc-plate__film{mix-blend-mode:normal;opacity:1;filter:grayscale(1) sepia(.9) hue-rotate(295deg) saturate(2.1) brightness(.82) contrast(1.05)}
@media(max-width:820px){.tc-ways__k{font-size:.6rem;letter-spacing:.22em;margin:6vh 6vw 1.4rem}}

/* THE WOMEN — her film whole, edge to edge, under the dark; shown as she made it, never tinted */
.tc-women{position:relative;background:var(--paper);line-height:0}
.tc-women__film{display:block;width:100%;height:100svh;object-fit:cover;object-position:50% 30%}
/* ON A PHONE A LANDSCAPE FILM IS SHOWN WHOLE — hers: "you can't even see the touching of the face video. You don't know what they're touching." A wide film keeps its own shape at the top of the plate, the words on the claret beneath it */
@media(max-width:820px){
 .tc-women__film{height:auto;aspect-ratio:9/16;max-height:100svh}
 .tc-plate{display:block;padding:0 0 10vh;min-height:0}
 .tc-plate__pic,video.tc-plate__film{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;display:block}
 .tc-plate::after{display:none}
 .tc-plate__words{padding:3rem 6vw 0;max-width:none}
 .tc-plate--r .tc-plate__words{text-align:left}
}
/* a little veil over the women — hers: "a bit of an overlay on top of the girls, just a little bit" */
.tc-women::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(122,0,48,.22),rgba(122,0,48,.12) 50%,rgba(46,15,30,.28))}

/* why we need it — small and elevated, on white, under the women */
.tc-need{display:grid;place-items:center;text-align:center;padding:14vh 6vw}
.tc-need__head{font:italic 400 clamp(2.2rem,5.4vw,4.4rem)/1 var(--head);color:var(--ink);margin:0 0 2.4rem;letter-spacing:-.015em}
.tc-need__three{list-style:none;margin:0 0 2.4rem;padding:0;display:grid;gap:1rem;max-width:34rem}
.tc-need__three li{font:300 clamp(1rem,1.5vw,1.2rem)/1.6 var(--body);color:var(--ink);letter-spacing:.02em}
.tc-need__three li::before{content:"";display:block;width:2.4rem;height:1px;background:var(--gold);margin:0 auto .9rem}

/* STRAWBERRIES AND ROSE — hers, 21 September 2026: "think strawberries and rose, a white fluffy rug in front of a fire, as opposed to a cigar tobacco place. I don't like the gold hairline." The claret and the gold thread go; strawberry, rose and firelight take their place. */
.tc{--claret:#E23D5C;--pale:#FFE9EF;--gold:#F4A9BA;--ink:#3B1220}
.tc .tc-eyebrow{color:#E23D5C}.tc .tc-eyebrow--gold{color:#FFC9D4}
.tc .tc-small{color:#C9647A}
.tc-cover::after,.tc-plate::after{background:linear-gradient(180deg,rgba(226,61,92,0) 40%,rgba(160,20,52,.72) 100%)}
.tc-plate{background:#E23D5C}
video.tc-plate__film{filter:grayscale(1) sepia(.9) hue-rotate(318deg) saturate(2.6) brightness(.95) contrast(1.02)}
.tc-way__pic{background:#E23D5C}
.tc-ask{background:#E23D5C}
.tc-code,.tc-code li{border-color:#FFD3DC}
.tc-need__three li::before{background:#F4A9BA}
/* the dark at the top, warmed — firelight rather than tobacco */
:root{--tn-night:#3A0A1F;--tn-velvet:#5A1230;--tn-lit:#FF6B8A;--tn-gold:#F4A9BA;--tn-bone:#FFF3F5;--tn-bone2:rgba(255,243,245,.7)}
.tn-dark{background:#3A0A1F}
.tn-dark__pic{filter:grayscale(1) sepia(.5) hue-rotate(318deg) saturate(1.9) brightness(1.02) contrast(1.02)}
.tn-dark::after{background:linear-gradient(180deg,rgba(58,10,31,.55) 0%,rgba(58,10,31,0) 30%,rgba(58,10,31,0) 55%,rgba(58,10,31,.9) 100%)}
/* the women centred — never a slice of the window — with the lightest rose veil, which sits above the film */
.tc-women{position:relative;background:#FFF3F5}
.tc-women__film{object-fit:cover;object-position:64% 38%}
.tc-women::after{z-index:1;background:linear-gradient(180deg,rgba(226,61,92,.14),rgba(226,61,92,.06) 55%,rgba(58,10,31,.22))}
@media(max-width:820px){.tc-women__film{height:100svh;aspect-ratio:auto;object-position:66% 35%}}
/* "inside, once you are a member" stands under the two pictures, above the one press — never squashed above them */
.tc-ways{grid-template-areas:"a b" "k k" "go go"}
.tc-ways__k{margin:3rem 6vw 0;text-align:center;color:#C9647A}
.tc-ways__go{margin:1.2rem 6vw 0;text-align:center}
@media(max-width:820px){.tc-ways{grid-template-areas:"a" "b" "k" "go"}.tc-ways__k{margin:2rem 6vw 0}}
/* hers: "too much — move Touch of Class up higher, we've got four different colours there." The name sits higher, and everything on the dark is white but the one rose line */
.tn-dark{align-items:center;padding-bottom:0}
.tn-dark__words{margin-top:-8vh}
.tn-dark__n,.tn-dark__t,.tn-dark__sub,.tn-dark__reach{color:#fff}
.tn-dark__reach{opacity:.72}
.tn-dark__hint{color:rgba(255,255,255,.55)}
.tn-dark__down span{background:linear-gradient(180deg,#fff,transparent)}
@media(max-width:820px){.tn-dark{padding-bottom:0}.tn-dark__words{margin-top:-4vh}.tn-dark__hint{top:auto;bottom:6vh}}
/* the name sits a little higher than the foot, below the hands and the light — never across them */
.tn-dark{align-items:end;padding-bottom:12vh}
.tn-dark__words{margin-top:0}
.tn-dark__hint{top:14vh;bottom:auto}
.tn-dark__name{text-shadow:0 2px 30px rgba(58,10,31,.55)}
@media(max-width:820px){.tn-dark{padding-bottom:10vh}.tn-dark__hint{top:12vh;bottom:auto}}

/* THE COVER, CLEAN — hers: "I don't like this colour at all, it's dead and flat, and I hate the overlay. Too much on our hero. It's all about the hands." Her photograph as she gave it, no tint, no veil, no light; the name and one line up in the bright of the curtain, the hands and the faces left alone. */
.tc-hero{position:relative;min-height:100svh;overflow:hidden;background:#fff}
.tc-hero__pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:none;opacity:0;animation:tc-in 1.6s ease forwards}
.tc-hero__words{position:absolute;left:6vw;top:11vh;z-index:2;opacity:0;transform:translateY(10px);animation:tc-up 1.4s .6s cubic-bezier(.2,.8,.2,1) forwards}
.tc-hero__name{font:400 clamp(3.4rem,9vw,7.6rem)/.86 var(--head);letter-spacing:-.025em;color:var(--ink);margin:0}
.tc-hero__name span{display:block}
.tc-hero__name em{display:block;font-style:italic;font-weight:300;font-size:.42em;margin-top:.12em;letter-spacing:0}
.tc-hero__line{font:italic 400 clamp(1.1rem,2vw,1.6rem)/1.2 var(--head);color:#E23D5C;margin:1rem 0 0 .1em}
@media(max-width:820px){.tc-hero__pic{object-position:50% 45%}.tc-hero__words{top:9vh}.tc-hero__name{font-size:clamp(3.2rem,17vw,4.6rem)}}
@media(prefers-reduced-motion:reduce){.tc-hero__pic,.tc-hero__words{animation:none;opacity:1;transform:none}}

/* hers, 21 September 2026: "I want them all long." Every film full height on a phone too, its focal point kept in frame */
@media(max-width:820px){
 .tc-plate{display:grid;min-height:100svh;padding:14vh 6vw 10vh}
 .tc-plate__pic,video.tc-plate__film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
 .tc-plate::after{display:block}
 .tc-plate__words{padding:0;max-width:40rem}
 video.tc-plate__film[src*="home1"]{object-position:45% 50%}
 video.tc-plate__film[src*="home2"]{object-position:40% 50%}
 .tc-women__film{height:100svh;aspect-ratio:auto;object-position:66% 35%}
}
/* hers, 21 September 2026: "a slight overlay on them — I'm not quite sure what colour." One veil on every film: the world's own strawberry at a whisper, deepening to the ink at the foot so the words read. One number changes it: --veil */
.tc{--veil:226,61,92}
video.tc-plate__film{filter:none}
.tc-plate::after{background:linear-gradient(180deg,rgba(var(--veil),.16) 0%,rgba(var(--veil),.16) 45%,rgba(59,18,32,.66) 100%)}
.tc-women::after{background:linear-gradient(180deg,rgba(var(--veil),.16),rgba(var(--veil),.16) 60%,rgba(59,18,32,.28))}
/* hers: on the phone the name a little bigger, and "Everybody needs it. This is where it is honoured." bigger too */
@media(max-width:820px){.tc-hero__name{font-size:clamp(3.8rem,20vw,5.4rem)}.tc-hero__line{font-size:1.35rem}}
.tc-need .tc-lit{font-size:clamp(1.5rem,3vw,2.3rem);max-width:22ch;margin-top:.6rem}
/* the veil's strength comes from her press as well as its colour */
.tc{--veil-a:.16}
.tc-plate::after{background:linear-gradient(180deg,rgba(var(--veil),var(--veil-a)) 0%,rgba(var(--veil),var(--veil-a)) 45%,rgba(59,18,32,.66) 100%)}
.tc-women::after{background:linear-gradient(180deg,rgba(var(--veil),var(--veil-a)),rgba(var(--veil),var(--veil-a)) 60%,rgba(59,18,32,.28))}
/* hers: "a little heavier at the bottom and not so much at the top — I don't mind if it's white." The veil is lightest at the top and gathers at the foot, in whichever colour she pressed */
.tc-plate::after{background:linear-gradient(180deg,rgba(var(--veil),calc(var(--veil-a) * .2)) 0%,rgba(var(--veil),var(--veil-a)) 50%,rgba(var(--veil),calc(var(--veil-a) * 2.8)) 100%)}
.tc-women::after{background:linear-gradient(180deg,rgba(var(--veil),calc(var(--veil-a) * .2)),rgba(var(--veil),var(--veil-a)) 55%,rgba(var(--veil),calc(var(--veil-a) * 2.8)) 100%)}
.tc-plate .tc-big,.tc-plate .tc-lit--pale,.tc-plate .tc-eyebrow--pale,.tc-plate .tc-small--pale,.tc-plate .tc-word--pale{text-shadow:0 1px 24px rgba(59,18,32,.45)}
video.tc-plate__film[src*="homepage"]{object-position:50% 45%}
/* hers: "plum — but put it over all of the image." The veil is even across the whole film, only a touch deeper at the very foot for the words */
.tc-plate::after{background:linear-gradient(180deg,rgba(var(--veil),var(--veil-a)) 0%,rgba(var(--veil),var(--veil-a)) 70%,rgba(var(--veil),calc(var(--veil-a) * 1.8)) 100%)}
.tc-women::after{background:linear-gradient(180deg,rgba(var(--veil),var(--veil-a)),rgba(var(--veil),var(--veil-a)) 75%,rgba(var(--veil),calc(var(--veil-a) * 1.6)) 100%)}

/* ONE OVERLAY ON EVERY FILM AND EVERY PICTURE, AND THE COLOUR EVERYWHERE ELSE — hers, 21 September 2026: "a colour going over all these videos because they don't look uniform — a 20% dark overlay, or white — and then put a colour in everywhere else." So: the same 20% plum on every film and both pictures, no tint underneath any of them; and the pages between them carry the colour — blush, white, strawberry, blush, white. */
.tc{--veil:58,11,46;--veil-a:.2}
.tc-plate::after,.tc-women::after{background:rgba(var(--veil),var(--veil-a))}
video.tc-plate__film,.tc-plate__pic{filter:none;mix-blend-mode:normal;opacity:1}
.tc-way__pic{background:#000;position:relative}
.tc-way__pic img{filter:grayscale(1);mix-blend-mode:normal;opacity:1}
.tc-way__pic::after{content:"";position:absolute;inset:0;background:rgba(var(--veil),var(--veil-a));pointer-events:none}
.tc-way:hover .tc-way__pic img{filter:grayscale(1);opacity:1}
.tc-plate .tc-big,.tc-plate .tc-lit--pale,.tc-plate .tc-eyebrow--pale,.tc-plate .tc-small--pale,.tc-plate .tc-word--pale{text-shadow:0 2px 28px rgba(59,18,32,.7)}
.tc-line{background:#FFE9EF}
.tc-need{background:#fff}
.tc-line#privacy{background:#FFE9EF}
.tc-ways{background:#fff}
.tc-ask{background:#E23D5C}
.tc-code{background:#fff}
/* hers: a bit more space between the lines in the headings */
.tc .tc-huge{line-height:1.08}.tc .tc-big{line-height:1.1}.tc-need__head{line-height:1.1}.tc-hero__name{line-height:.94}.tc-way__name{line-height:1.15}.tc-code__head{line-height:1.25}

/* THE LOOK, SETTLED — one palette on the front: white, the palest blush, plum. Nothing strawberry. */
.tc{--claret:#3B1220;--pale:#FFE9EF;--gold:#3B1220;--ink:#3B1220;--veil:59,18,32;--veil-a:.2}
.tc .tc-eyebrow,.tc .tc-eyebrow--gold{color:#3B1220;opacity:.8}.tc .tc-lit{color:#3B1220}.tc .tc-small{color:#3B1220;opacity:.7}
.tc .tc-word{border-color:#3B1220}.tc .tc-word:hover{color:#3B1220;opacity:.7}
.tc-line,.tc-line#privacy{background:#FFE9EF}.tc-need,.tc-ways,.tc-code{background:#fff}
.tc-ask{background:#3B1220}.tc-ask__when{color:#FFE9EF}.tc .tc-eyebrow--gold{color:#FFE9EF;opacity:1}
.tc-need__three li::before{background:#3B1220;opacity:.4}
.tc-hero__line{color:#3B1220;opacity:.85}
.tc-hero__name .toc-name{font-size:clamp(2.2rem,5.6vw,4.6rem);letter-spacing:.14em;font-weight:500;line-height:1.2;white-space:normal}
.tc-hero__name .toc-name__w b{font-size:1.4em}
.tc-way__say{color:#3B1220;opacity:.8}.tc-ways__k{color:#3B1220;opacity:.7}
.tc-code__n,.tc-close{color:#3B1220}
@media(max-width:820px){.tc-hero__name .toc-name{font-size:clamp(1.9rem,9vw,2.6rem);letter-spacing:.1em}}
.tc-hero__age{font:500 .78rem/1 var(--body);letter-spacing:.3em;color:#3B1220;opacity:.7;margin:1.1rem 0 0 .15em}
/* the name on the hero: TOUCH OF on one line, CLASS on the next */
.tc-hero__name .toc-name{display:block}.tc-hero__name .toc-name__w{white-space:nowrap}.tc-hero__name .toc-name em{display:block}
@media(max-width:820px){.tc-hero__name .toc-name{font-size:clamp(1.9rem,8.4vw,2.6rem)}}

/* SETTLED AGAIN — white ground everywhere, warm charcoal words, ONE white overlay on every film and every picture, and one dusty rose for the single italic line */
.tc{--claret:#B8536E;--pale:#fff;--gold:#B8536E;--ink:#2A2226;--veil:255,255,255;--veil-a:.3;color:#2A2226}
.tc .tc-eyebrow,.tc .tc-eyebrow--gold,.tc .tc-eyebrow--pale{color:#2A2226;opacity:.7}
.tc .tc-huge,.tc .tc-big,.tc-need__head,.tc-hero__name,.tc-way__name,.tc-code__head,.tc-code li,.tc-need__three li,.tc-way__say,.tc-ask__price,.tc-ask__when,.tc .tc-small,.tc .tc-small--pale,.tc-ways__k,.tc-code__n{color:#2A2226}
.tc .tc-lit,.tc .tc-lit--pale,.tc-hero__line,.tc-close{color:#B8536E;opacity:1}
.tc .tc-word,.tc .tc-word--pale{color:#2A2226;border-color:#2A2226}.tc .tc-word:hover{opacity:.6}
.tc-line,.tc-line#privacy,.tc-need,.tc-ways,.tc-code,.tc-ask,.tc-women{background:#fff}
.tc-ask__when{opacity:.7}
.tc-need__three li::before{background:#2A2226;opacity:.3}
/* the one overlay: white, 30%, flat, on every film and picture — and it sits ABOVE the film on every browser */
.tc-plate::after,.tc-women::after,.tc-way__pic::after{background:rgba(255,255,255,.3);z-index:2;transform:translateZ(0)}
.tc-plate__pic,video.tc-plate__film,.tc-women__film,.tc-way__pic img{z-index:0;filter:none;opacity:1;mix-blend-mode:normal}
.tc-plate__words{z-index:3}
.tc-plate .tc-big,.tc-plate .tc-lit--pale,.tc-plate .tc-eyebrow--pale,.tc-plate .tc-small--pale,.tc-plate .tc-word--pale{color:#2A2226;text-shadow:none}
.tc-plate .tc-word--pale{border-color:#2A2226}
.tc-hero__name .toc-name{display:inline;white-space:nowrap;font-size:clamp(1.5rem,4.2vw,3.4rem);letter-spacing:.14em}
.tc-hero__name .toc-name em{display:inline}
@media(max-width:820px){.tc-hero__name .toc-name{font-size:clamp(1.25rem,6.2vw,1.9rem);letter-spacing:.1em}}
.tc-hero__age{color:#2A2226;opacity:.6}

/* ── SETTLED AGAIN · TWO MENDS, 21 SEPTEMBER ─────────────────────────────
   The name stacked in three lines on a phone (an old rule made every span
   a block); and the plates showed a hot pink behind the film before it
   played — the pink she hates. White under every film, always. */
.tc-hero__name span.toc-name__w,.tc-hero__name .toc-name__w{display:inline}
.tc-hero__name .toc-name{display:inline-block;white-space:nowrap}
.tc-plate,.tc-plate--r,.tc-way__pic,.tc-women,.tc-hero{background:#fff}
.tc-hero__name .toc-name em{font-size:1em;margin-top:0;font-weight:500}

/* ── INK — hers, 21 September 2026, late: "what is with that same colour again — it's not sexy. I can't even read Introducing An Invitation, you have that on the video." So: no colour on this world at all. Her photographs are black and white; the words are ink on white; a film stands alone, full height, with the one white veil, and its words sit UNDER it on white — never over it. */
.tc{--claret:#111;--pale:#fff;--gold:#111;--ink:#111;--veil:255,255,255;--veil-a:.3;color:#111}
.tc-hero__line{color:#111}
.tc .tc-huge,.tc .tc-big,.tc-need__head,.tc-hero__name,.tc-way__name,.tc-code__head,.tc-code li,.tc-need__three li,.tc-way__say,.tc-ask__price,.tc-ask__when,.tc-plate__words,.tc-plate__words *{color:#111}
.tc .tc-small,.tc .tc-small--pale,.tc-ways__k,.tc-code__n,.tc-eyebrow,.tc-plate__words .tc-eyebrow{color:#6B6468}
.tc .tc-word,.tc a.tc-word{color:#111;border-color:#111}.tc .tc-word:hover{color:#6B6468;border-color:#6B6468}
.tc .tc-word--fill{background:#111;color:#fff;border-color:#111}
/* a plate is the film, whole and tall, then its words on white beneath — never over the film */
.tc-plate,.tc-plate--r{display:block;min-height:0;padding:0 0 10vh;background:#fff;isolation:isolate}
.tc-plate video.tc-plate__film,.tc-plate .tc-plate__pic{position:relative;display:block;width:100%;height:100svh;object-fit:cover;z-index:0;filter:none;opacity:1}
.tc-plate::after{display:none}
.tc-plate::before{content:"";position:absolute;left:0;right:0;top:0;height:100svh;background:rgba(255,255,255,.3);z-index:2;pointer-events:none;transform:translateZ(0)}
.tc-plate__words,.tc-plate--r .tc-plate__words{position:relative;z-index:3;padding:3rem 6vw 0;max-width:40rem;text-align:left}
@media(max-width:820px){.tc-plate,.tc-plate--r{display:block;min-height:0;padding:0 0 8vh}.tc-plate::after{display:none}.tc-plate__words{padding:2.4rem 6vw 0}}
.tc-way__pic::after,.tc-women::after{background:rgba(255,255,255,.3)}
/* ── HER PHOTOGRAPHS on the home — 21 September: "way more images on both homepages". A magazine run: one wide, a pair, one tall, a pair. Black and white, the one white veil, nothing over them. */
.tc-gal{background:#fff;padding:0 0 6vh;display:grid;gap:2.4vw}
.tc-gal__pic{position:relative;margin:0;overflow:hidden;isolation:isolate;background:#fff}
.tc-gal__pic img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06)}
.tc-gal__pic::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.3);z-index:2;pointer-events:none;transform:translateZ(0)}
.tc-gal__wide{height:100svh}.tc-gal__wide img{object-position:50% 45%}
.tc-gal__tall{height:100svh;width:min(100%,64vh);margin:0 auto}
.tc-gal__pair{display:grid;grid-template-columns:1fr 1fr;gap:2.4vw;padding:0 2.4vw}.tc-gal__pair .tc-gal__pic{aspect-ratio:4/5}
@media(max-width:820px){.tc-gal{gap:4vw}.tc-gal__wide,.tc-gal__tall{height:100svh;width:100%}.tc-gal__pair{gap:4vw;padding:0 4vw}}
/* ── HER FILMS, THE REEL — 21 September: whole and tall, white air between each, the one white veil above every one, no words on any of them */
.tc-reel{position:relative;background:#fff;padding:0;margin:0 0 6vh;isolation:isolate;height:100svh;overflow:hidden}
.tc-reel .tc-reel__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:0;display:block}
.tc-reel::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.3);z-index:2;pointer-events:none;transform:translateZ(0)}
.tc-reel{margin:0 0 14vh}
/* the African couple, centred on the two of them on a phone — hers, 21 September */
.tc-reel--couple .tc-reel__film{object-position:48% 42%}
@media(max-width:820px){.tc-reel--couple .tc-reel__film{object-position:46% 40%}}