:root{--sans:"Roboto",Arial,sans-serif;--mono:"Roboto",Arial,sans-serif;--display:"Roboto Condensed","Arial Narrow",Arial,sans-serif}
body{font-family:var(--sans)}
h1,h2,h3,.wordmark,.statement-copy,.large-copy,.quote-list blockquote{font-family:var(--display);font-style:normal;letter-spacing:-.025em;line-height:1.08}
.hero h1{font-family:var(--display);font-size:clamp(76px,10vw,160px);font-weight:700;letter-spacing:-.035em;line-height:.96}
.wordmark{font-size:24px;line-height:.9;letter-spacing:-.025em}.wordmark span{font-size:18px;letter-spacing:0}
.hero-intro{font-size:20px;line-height:1.5}.hero-copy{padding:7vw 5vw 7vw 7vw}
.section-heading h2,.about-copy h2{font-family:var(--display);letter-spacing:-.025em;line-height:1.06}
.quote-lead h2{font-family:var(--display);letter-spacing:-.025em;line-height:1.08;font-weight:600}
.quote-list blockquote{font-family:var(--display);letter-spacing:-.015em;line-height:1.22}
.statement-copy,.large-copy{letter-spacing:-.025em;line-height:1.18}
.expand-copy h2{font-family:var(--display);letter-spacing:-.03em;line-height:1}
.nav,.header-cta,.button,.text-link,.card-link,.tour-row>a{font-size:14px}
.eyebrow,.kicker,.section-index,.product-info p,.shop-intro span,.lineup span,.quote-source,.quote-list cite{font-size:14px;letter-spacing:.02em}
.lineup i,.photo-caption span,.about-photo>span{font-size:12px}
.product-info h3,.project-meta h3{letter-spacing:-.015em}
.product-cover{height:auto;aspect-ratio:1}.product-cover img{object-fit:contain;width:100%;height:100%}
.cover-poetry:before,.cover-long:before,.art-poetry:before,.art-expand:before,.art-expand:after{display:none}
.project-art,.project-card:not(.featured) .project-art{height:auto;aspect-ratio:1}.project-art img{object-fit:contain}
.cover-bundle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:14px;background:#dddcd4}.cover-bundle img{height:auto;aspect-ratio:1}
.quote-source{margin-top:22px;text-transform:uppercase}
@media(max-width:760px){.hero-copy{padding:65px 8vw}.hero h1{font-size:clamp(76px,22vw,130px)}.hero-actions{flex-wrap:wrap}.nav.open{position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;gap:18px}.project-art,.project-card:not(.featured) .project-art{height:auto}.product-cover{height:auto}.quote-lead h2{font-size:44px}.expand-copy h2{font-size:80px}}

/* Keep the expanded navigation calm and legible across project pages. */
.nav{gap:clamp(13px,1.7vw,26px)}
.nav a{white-space:nowrap}
@media(max-width:1080px){.nav{gap:13px}.nav a{font-size:13px}}
.language-switch{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:16px;font-size:12px;font-weight:700;letter-spacing:.05em;white-space:nowrap}
.language-switch a{padding:5px 2px;opacity:.48}
.language-switch a[aria-current=true]{opacity:1;color:var(--pink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1180px){.site-header{padding-left:3vw;padding-right:3vw}.header-cta{display:none}.language-switch{margin-left:8px;margin-right:0}}
@media(max-width:760px){.language-switch{display:flex;margin-left:auto;margin-right:18px}.site-header .menu-toggle{display:block}.nav.open+.language-switch{visibility:hidden}}

/* Colours drawn from Sara's jumpsuit and the poetryfied artwork. */
:root{--blue:#97b3c1;--pink:#c9007e;--paper:#f3f6f7;--ink:#17262f;--line:rgba(23,38,47,.18)}
.site-header{background:rgba(243,246,247,.95)}
.quotes-section,.about-section{background:var(--blue)}
.statement,.expand-feature,.footer{background:var(--ink)}
.statement .eyebrow,.expand-copy h2{color:var(--blue)}
.tour-section,.cover-bundle{background:#dce6eb}
.hero h1::after{content:"";display:inline-block;width:.095em;height:.095em;background:var(--pink);border-radius:50%;margin-left:.1em}
.header-cta,.button-dark{background:var(--pink);color:#fff}
.header-cta:hover,.button-dark:hover{background:#a40067}
.text-link{ text-decoration-color:var(--pink);border-bottom-color:var(--pink)}
.nav a:hover,.tour-row>a:hover{color:var(--pink);opacity:1}
.section-index{color:#a40067}
.quote-list blockquote{border-bottom-color:rgba(23,38,47,.3)}
a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
::selection{background:var(--pink);color:#fff}

/* Consistent space between the wordmark and the navigation. */
.site-header>.wordmark{flex-shrink:0;margin-right:clamp(32px,4vw,64px)}
.site-header>.nav{flex-shrink:0}
.site-header>.language-switch{padding-left:24px}
.about-photo{font-size:initial;letter-spacing:normal}
.project-pagination{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:48px 7vw;border-top:1px solid var(--line);background:var(--paper)}
.project-pagination a{display:flex;flex-direction:column;gap:10px;max-width:48%}
.project-pagination a:last-child{text-align:right;margin-left:auto}
.project-pagination small{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.project-pagination strong{font-family:var(--display);font-size:clamp(25px,3.4vw,46px);line-height:1.15}
.project-pagination a:hover strong{color:var(--pink)}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:60px 7vw;background:var(--blue)}
.project-gallery figure{margin:0;min-width:0}
.project-gallery img{width:100%;height:auto;display:block}
.project-gallery figcaption{font-size:12px;margin-top:12px;letter-spacing:normal}
.frida-page .yotoco-hero-image{min-height:0;align-self:center;background:transparent}
.frida-page .yotoco-hero-image img{height:auto}
.frida-page .saudades-strip h2{font-size:clamp(50px,8vw,110px)}
@media(max-width:1000px) and (min-width:761px){.site-header>.wordmark{margin-right:26px}.site-header>.nav{gap:12px}.site-header>.language-switch{padding-left:16px}.site-header{padding-left:20px;padding-right:20px}.site-header>.nav a{font-size:12px}}
@media(max-width:760px){.site-header>.wordmark{margin-right:16px}.site-header>.language-switch{padding-left:0}.project-gallery{grid-template-columns:1fr}.project-pagination{padding:32px 6vw;gap:20px}}

/* Separate Sara’s bookable main projects from her parallel ensembles and voice work. */
.projects-current .section-heading>div{max-width:760px}
.projects-current .section-heading .eyebrow{margin:0 0 10px}
.projects-intro{font-size:18px;line-height:1.5;margin:14px 0 0;max-width:650px}
.booking-status{color:var(--pink);font-weight:700}
.main-project-links{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:end}
.main-project-links>p{margin:0;display:flex;flex-direction:column;gap:8px}
.main-project-links>p span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--pink)}
.main-project-links>p strong{font-family:var(--display);font-size:clamp(24px,2.6vw,38px);line-height:1.12}
.main-project-links a{max-width:none;border-left:1px solid var(--line);padding-left:28px}
.active-booking>div{max-width:650px}
.active-booking>div>p:last-child{font-size:17px;line-height:1.55;margin:14px 0 0}
.button-secondary{background:transparent;color:inherit;border:1px solid currentColor}
.parallel-project-nav{padding:clamp(64px,8vw,110px) 7vw;background:#dce6eb}
.parallel-project-nav h2{font-size:clamp(38px,5vw,70px);line-height:1.05;max-width:900px;margin:0 0 30px}
.other-intro>.text-link{display:inline-block;margin-top:22px}
@media(max-width:760px){.main-project-links{grid-template-columns:1fr;align-items:start}.main-project-links>p{margin-bottom:18px}.main-project-links a{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;max-width:100%;text-align:left!important;margin-left:0!important}.active-booking{align-items:flex-start}.projects-intro{font-size:16px}}

.main-project-links a:last-child{margin-left:0;text-align:left}
.shipping-note{font-size:12px;line-height:1.35;color:#61717a;margin:auto 2px 12px}
.checkout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.checkout-options .button{text-align:center;padding:11px 8px}
.checkout-options.checkout-single{grid-template-columns:1fr}
.tour-booking-card{margin:2rem 0 4rem;padding:clamp(2rem,4vw,4rem);border:1px solid var(--line);display:grid;grid-template-columns:.35fr 1fr auto;gap:2rem;align-items:center;background:rgba(255,255,255,.38)}
.tour-booking-card h3{font:700 clamp(1.7rem,3vw,3rem)/1.05 var(--display);margin:0 0 .8rem}
.tour-booking-card p{margin:0;line-height:1.6}
.tour-booking-card .eyebrow{color:var(--pink);font-weight:700;margin:0}
.tour-booking-card .button{white-space:nowrap}
.tour-subheading{font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.14em;margin-bottom:1rem;color:var(--pink)}
.event-category{display:block;font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pink);margin-bottom:.35rem}
@media(max-width:1100px) and (min-width:761px){.checkout-options{grid-template-columns:1fr}.checkout-options .button{width:100%}}
@media(max-width:800px){.tour-booking-card{grid-template-columns:1fr}.tour-booking-card .button{justify-self:start}}
.thank-you-main{max-width:1500px;margin:auto}
.thank-you-hero{position:relative;padding:clamp(80px,11vw,170px) 8vw clamp(80px,10vw,150px);overflow:hidden}
.thank-you-mark{position:absolute;right:7vw;top:50%;transform:translateY(-54%);font-family:var(--display);font-size:clamp(200px,34vw,520px);line-height:.7;color:var(--blue);opacity:.42;z-index:-1}
.thank-you-hero h1{font-size:clamp(78px,12vw,180px);line-height:.82;margin:12px 0 34px}
.thank-you-hero h1 span{color:var(--pink)}
.thank-you-lead{font-family:var(--display);font-size:clamp(24px,3vw,42px);line-height:1.25;max-width:790px;margin:0}
.thank-you-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:42px}
.thank-you-details{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:clamp(64px,9vw,120px) 8vw;background:var(--blue)}
.thank-you-details h2{font-size:clamp(42px,6vw,82px);line-height:1;margin:0;max-width:580px}
.thank-you-steps{border-top:1px solid var(--ink)}
.thank-you-steps article{padding:25px 0;border-bottom:1px solid rgba(23,38,47,.3)}
.thank-you-steps span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#455d69}
.thank-you-steps h3{font-size:27px;margin:8px 0}
.thank-you-steps p{font-size:16px;line-height:1.6;margin:0;max-width:570px}
.thank-you-steps a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.thank-you-hero{padding-left:7vw;padding-right:7vw}.thank-you-mark{right:-12vw;top:26%;opacity:.28}.thank-you-details{grid-template-columns:1fr;gap:40px}.thank-you-hero h1{font-size:clamp(76px,24vw,120px)}}