:root{--brand:#974c32;--paper:#eee3d2;--cream:#eee3d2;--ink:#30362b;--muted:#796d60;--rule:#d3c4b0}
html{scroll-behavior:smooth}.brand-mark{fill:var(--brand)}.brand-accent{color:var(--brand)}.legal-brand span{background:var(--brand)}
.theatre{background:radial-gradient(ellipse at 78% 16%,#fff7e34d,transparent 63%),var(--paper)}
.reveal-word{display:inline-block;position:relative;vertical-align:baseline;white-space:nowrap}.reveal-ink{display:inline-block;transform-origin:0 100%}
.scene-copy{transition:opacity .23s ease,visibility 0s linear .23s}.scene-copy.is-active{transition:opacity .28s ease,visibility 0s}
.navigation nav{gap:25px}.navigation nav>a{transition:color .3s}.navigation nav>a:hover{color:var(--brand)}.navigation .brand-mark{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.navigation .wordmark:hover .brand-mark{transform:translateY(-2px) rotate(-3deg)}
.scene-progress i{background:var(--brand);transition:width .12s linear}.arrow{transition:transform .12s ease-out}.index-toggle span{border-radius:0;width:10px;height:7px;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:transform .3s}.index-toggle:hover span{background:none;transform:scaleX(1.35)}
.intro-copy{top:17%;left:7%;right:7%;text-align:center}.hero-emblem{width:72px;margin:0 auto 26px}.hero-logo{width:100%}.intro-copy>.eyebrow{font-size:9px;letter-spacing:.14em;margin:0 0 24px}.intro-copy h1{font-size:clamp(78px,9.2vw,158px);line-height:.91}.intro-text{max-width:425px;margin:30px auto 10px;font-size:13px;line-height:1.75}.intro-copy .text-link{margin-top:0;font-size:11px}
.desert-signature{right:8%;bottom:13%;display:flex;align-items:flex-end;gap:15px;color:var(--muted);font-size:9px}.yucca-signature{width:51px;color:var(--ink)}.desert-signature>span{padding-bottom:4px}.specimen-label{display:block;text-align:center;font-size:9px;letter-spacing:.025em;color:var(--muted);margin-top:17px;white-space:nowrap}
[data-yucca]{color:var(--ink);aspect-ratio:1000/1120}[data-yucca] .living-yucca{height:auto}.philosophy-plant{right:9%;left:auto;top:27%;width:min(22vw,33vh)}.principles-plant{left:8%;bottom:14%;width:64px}.principles-plant .specimen-label{text-align:left;font-size:8px;margin-top:12px}.exit-plant{right:10%;bottom:15%;width:58px}
.founders-copy{left:8%;right:8%;top:21%}.founders-copy h2{font-size:clamp(65px,7.7vw,125px);line-height:.92;margin:28px 0 25px;max-width:70%}.founders-intro{font-size:12px;margin:0}.founder-list{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:70%;margin-top:54px}.founder{border-top:1px solid var(--rule);padding-top:16px;position:relative}.founder:after{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.founder:hover:after{transform:scaleX(1)}.founder-number{font-size:9px;color:var(--muted)}.founder h3{font:400 clamp(27px,2.65vw,42px)/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:18px 0 14px}.founder p{font-size:11px;line-height:1.65;color:var(--muted);margin:0;max-width:220px}.founders-plant{right:7%;top:27%;width:min(20vw,35vh)}
.contact-yucca{width:96px;margin:55px 0 0 8px}.contact-yucca .specimen-label{text-align:left;font-size:8px}.contact-wordmark .brand-mark{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.contact-wordmark:hover .brand-mark{transform:translateY(-4px) rotate(-2deg)}.contact-links a{transition:color .3s}.contact-links a:hover,.contact-location a:hover{color:var(--brand)}.contact-colophon .brand-accent{font-style:italic}.contact-card-head{border-color:var(--rule)}.contact-field:focus-within:after{background:var(--brand)}.contact-another:hover,.contact-send:hover{color:var(--brand)}
.catalogue{row-gap:3vh}.catalogue li button{padding:12px 0}.catalogue-phrase{font-size:clamp(19px,1.88vw,29px)}.catalogue li button:hover .catalogue-title,.catalogue li button:focus-visible .catalogue-title,.catalogue li button[aria-current="step"] .catalogue-title{color:var(--brand)}.catalogue-title{transition:color .35s}
.legal-header{grid-template-columns:auto 1fr auto}.legal-header>p{justify-self:center}.legal-brand{width:31px}.legal-main h1{line-height:1}.legal-content p,.legal-lead{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}.legal-footer{background:var(--ink)}.legal-footer a:hover{color:var(--paper)}body:has(.legal-main){animation:none}
@media(max-width:1000px){.founders-copy h2{font-size:8.5vw}.founder-list{max-width:74%;gap:25px}.founder h3{font-size:3.4vw}.founders-plant{width:20vw;right:6%}.intro-copy h1{font-size:10.5vw}}
@media(max-width:620px){
 .navigation nav{gap:15px}.navigation nav>a:nth-child(2),.navigation nav>a:nth-child(4){display:none}.navigation nav>a:nth-child(3){display:inline-block}.navigation nav>a{font-size:10px}
 .intro-copy{top:18%;left:7%;right:7%}.hero-emblem{width:52px;margin-bottom:25px}.intro-copy>.eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:22px}.intro-copy h1{font-size:16vw;line-height:.95}.intro-text{font-size:11px;max-width:290px;line-height:1.75;margin-top:25px;margin-bottom:9px}.intro-copy .text-link{font-size:10px;margin-top:0}.desert-signature{right:9%;bottom:13%;gap:12px;font-size:8px}.yucca-signature{width:40px}
 .philosophy-plant{width:min(24vw,17vh);top:auto;bottom:16%;right:12%}.philosophy-plant .specimen-label{font-size:7px;position:relative;left:-45px}.principles-plant{width:43px;left:9%;bottom:17%}.principles-plant .specimen-label{font-size:7px}.exit-plant{width:40px;right:12%;bottom:16%}
 .founders-copy{top:17%;left:7%;right:7%}.founders-copy>.eyebrow{font-size:8px}.founders-copy h2{max-width:100%;font-size:15vw;margin:23px 0 22px}.founders-intro{font-size:10px}.founder-list{grid-template-columns:1fr;max-width:100%;margin-top:30px;gap:24px}.founder{padding-top:12px}.founder-number{font-size:8px}.founder h3{font-size:29px;margin:12px 0 9px}.founder p{font-size:10px;max-width:none}.founders-plant{width:51px;top:auto;bottom:13%;right:9%}.founders-plant .specimen-label{font-size:7px;position:relative;left:-24px;margin-top:10px}
 .contact-yucca{width:58px;margin:32px 0 0 0}.contact-yucca .specimen-label{font-size:7px;white-space:normal}.contact-content{gap:3.7rem}.catalogue li button{padding:12px 0}.catalogue-phrase{font-size:21px}.legal-header{grid-template-columns:auto 1fr}.legal-header>p{justify-self:end}.legal-header nav{grid-column:1/-1}
}
@media(min-width:621px) and (max-height:650px){
 .intro-copy{top:19%}.hero-emblem{width:9vh;margin-bottom:16px}.intro-copy>.eyebrow{font-size:7px;margin-bottom:15px}.intro-copy h1{font-size:16.5vh;line-height:.92}.intro-text{font-size:10px;line-height:1.6;max-width:390px;margin-top:19px;margin-bottom:7px}.intro-copy .text-link{font-size:9px;padding:7px 0}.desert-signature{bottom:15%;font-size:8px}.yucca-signature{width:35px}
 .philosophy-plant{top:27%;width:31vh}.founders-copy{top:22%}.founders-copy h2{font-size:15vh;margin:17px 0 17px;max-width:70%}.founders-intro{font-size:10px}.founder-list{margin-top:28px;gap:27px;max-width:70%}.founder{padding-top:10px}.founder h3{font-size:5.9vh;margin:11px 0 10px}.founder p{font-size:9px}.founders-plant{top:30%;width:33vh;right:8%}.specimen-label{font-size:8px}.principles-plant,.exit-plant{width:44px;bottom:17%}.catalogue-phrase{font-size:21px}.catalogue li button{padding:8px 0}
}
@media(max-width:620px) and (max-height:650px){
 .intro-copy{top:17%}.hero-emblem{width:38px;margin-bottom:17px}.intro-copy>.eyebrow{margin-bottom:17px}.intro-copy h1{font-size:15.5vw}.intro-text{font-size:10px;margin:19px auto 7px;max-width:270px;line-height:1.6}.intro-copy .text-link{padding:5px 0}.desert-signature{bottom:14%;gap:9px;font-size:7px}.yucca-signature{width:28px}.philosophy-plant{width:14vh;bottom:16%}
 .founders-copy{top:17%}.founders-copy h2{font-size:14.5vw;margin:17px 0 15px}.founder-list{gap:20px;margin-top:22px}.founder{padding-top:9px}.founder h3{font-size:25px;margin:9px 0 7px}.founder p{font-size:9px}.founder-number{font-size:7px}.founders-plant{width:32px;bottom:13%;right:10%}.founders-plant .specimen-label{display:none}.principles-plant{width:34px}.exit-plant{width:32px}
}
@media(min-width:621px) and (max-height:460px){
 .intro-copy{top:20%}.hero-emblem{width:8vh;margin-bottom:11px}.intro-copy>.eyebrow{margin-bottom:12px;font-size:6px}.intro-copy h1{font-size:15vh}.intro-text{font-size:9px;margin-top:13px;margin-bottom:4px;max-width:390px}.intro-copy .text-link{font-size:8px;padding:5px 0}.desert-signature{font-size:7px}.yucca-signature{width:26px}
 .founders-copy{top:21%}.founders-copy h2{font-size:14vh;margin:13px 0}.founder-list{margin-top:20px}.founder h3{font-size:5.5vh;margin:8px 0}.founder p{font-size:8px}.founder-number{font-size:7px}.founders-intro{font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ink{transform:none!important;clip-path:none!important;opacity:1!important}.scene-progress i{transition:none}.navigation .wordmark:hover .brand-mark,.contact-wordmark:hover .brand-mark{transform:none}}
/* Desert marginalia stay small; the typography owns the composition. */
@font-face{font-family:'Space Mono';src:url('assets/fonts/SpaceMono-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.philosophy-text,.philosophy-small{font-family:'Space Mono',ui-monospace,monospace;font-size:13px;line-height:1.95;letter-spacing:-.025em}.philosophy-text{max-width:470px;margin-top:34px}.philosophy-small{font-size:11px;max-width:450px;margin-top:25px}
.collection-copy h2{font-size:clamp(78px,10vw,160px);line-height:.92}.collection-copy .scene-text{max-width:420px;font-size:13px;line-height:1.8;margin-top:30px}.growth-meta{left:8%;right:8%;bottom:14%;font-size:9px}.growth-meta>span:last-child{font-size:8px}
.founders-copy h2{max-width:100%}.founder-list{max-width:90%;gap:65px}.founders-plant{width:52px;top:auto;right:9%;bottom:14%}.founders-plant .specimen-label{font-size:8px;position:relative;left:-24px;white-space:nowrap}.contact-yucca{width:58px;margin-top:40px}.desert-signature .yucca-signature{width:35px}.exit-plant{width:37px}.founders-bridge{display:block;margin:0;font-size:14px;line-height:1.45;letter-spacing:-.025em;color:var(--muted);text-transform:none}.bridge-label{display:inline-block}.anagram-stone{position:absolute;left:0;top:0;color:var(--ink);transform-origin:50% 50%;pointer-events:none;z-index:0;opacity:0;will-change:transform}.anagram-stone svg{width:100%;height:100%;overflow:visible;display:block}
.notebook-tumbleweed{position:absolute;right:5px;bottom:-1px;width:14px;height:14px;opacity:0;pointer-events:none;color:var(--muted)}
@media(max-width:1000px){.founder-list{max-width:100%;gap:38px}}
@media(max-width:620px){.philosophy-text{font-size:10px;line-height:1.9;max-width:290px;margin-top:27px}.philosophy-small{font-size:9px;line-height:1.85;max-width:270px;margin-top:22px}.collection-copy h2{font-size:18vw;line-height:.95}.collection-copy .scene-text{font-size:11px;max-width:290px;margin-top:27px}.growth-meta{left:7%;right:7%;bottom:14%;font-size:8px}.founder-list{gap:24px;margin-top:34px}.founders-bridge{font-size:11px}.founders-copy h2{margin-top:23px}.founders-plant{width:43px;bottom:14%;right:10%}.contact-yucca{width:45px;margin-top:28px}.desert-signature .yucca-signature{width:32px}.exit-plant{width:32px}}
@media(min-width:621px) and (max-height:650px){.philosophy-text{font-size:10px;line-height:1.8;max-width:400px;margin-top:23px}.philosophy-small{font-size:9px;line-height:1.8;max-width:410px;margin-top:17px}.collection-copy h2{font-size:17vh}.collection-copy .scene-text{font-size:10px;line-height:1.75;max-width:380px;margin-top:20px}.growth-meta{left:8%;bottom:16%}.founders-plant{width:39px;top:auto;bottom:16%;right:10%}.founders-bridge{font-size:11px}.founder-list{gap:35px}.founder h3{font-size:5.9vh}}
@media(max-width:620px) and (max-height:650px){.philosophy-text{font-size:9px;line-height:1.8;margin-top:21px}.philosophy-small{font-size:8px;line-height:1.85;max-width:260px;margin-top:19px}.collection-copy h2{font-size:18vw}.collection-copy .scene-text{font-size:10px;margin-top:21px}.growth-meta{bottom:14%;font-size:7px}.founders-bridge{font-size:9px}.founder-list{gap:19px;margin-top:24px}.founders-plant{width:28px;bottom:14%}}
@media(min-width:621px) and (max-height:460px){.philosophy-text{font-size:9px;line-height:1.65;margin-top:18px;max-width:360px}.philosophy-small{font-size:8px;line-height:1.75;margin-top:14px;max-width:390px}.collection-copy h2{font-size:17vh}.founders-bridge{font-size:9px}.founder h3{font-size:5.5vh}.founders-plant{width:29px}}
.contact-yucca{width:51px}
@media(max-width:620px){.contact-yucca{width:43px}}


/* The editorial system has two voices: display serif, and Space Mono everywhere else. */
:root{--mono:'Space Mono',ui-monospace,monospace;font-family:var(--mono)}
body,button,input,textarea{font-family:var(--mono)}
.navigation nav,.eyebrow,.scene-text,.text-link,.continue,.stage-bottom,.state-label b,.next-scene,.catalogue-head,.catalogue-colophon,.index-close,.catalogue li button small,.catalogue-phrase,.catalogue li button,.specimen-label,.growth-meta,.study-counter,.desert-signature,.founders-bridge,.contact-links a,.contact-location,.contact-card-head,.contact-field label,.contact-field input,.contact-field textarea,.contact-send,.contact-another,.contact-note-status,.contact-colophon,.founder-number,.founder p{font-family:var(--mono)}
.anagram-message p{font-family:var(--mono);font-size:15px;line-height:1.7;letter-spacing:-.045em;max-width:650px}.plate-caption p{font:12px/1.9 var(--mono);letter-spacing:-.025em;margin-top:25px}.studies-copy p{font-family:var(--mono);font-size:13px;line-height:1.95;letter-spacing:-.025em;max-width:570px}
.founder h3{font:400 clamp(16px,1.35vw,22px)/1.6 var(--mono);letter-spacing:-.045em;margin:18px 0 12px}.founder p{font-size:10px;line-height:1.9;max-width:330px}.founder-list{gap:65px}.intro-text{font-size:11px;line-height:1.95;max-width:465px}.collection-copy .scene-text{font-size:11px;line-height:1.95;max-width:445px}.navigation nav{font-size:10px;gap:23px}.text-link,.continue{font-size:10px}.founders-intro{font-size:10px}.founders-bridge{font-size:12px;line-height:1.7}.stage-bottom,.state-label b,.next-scene{font-size:9px}.scene-copy .eyebrow{font-size:8px;letter-spacing:.025em}.specimen-label,.desert-signature{font-size:7px}
.catalogue li button{font-size:14px;line-height:1.7;padding:14px 0}.catalogue-phrase{font-size:clamp(12px,1vw,16px);line-height:1.7;letter-spacing:-.04em}.catalogue li button small{font-size:8px}.catalogue h2{font-family:'Instrument Serif',Georgia,serif}.contact-links a{font-size:11px}.contact-location{font-size:10px}.contact-card-head{font-size:9px;letter-spacing:0}.contact-field label{font-size:10px}.contact-field input,.contact-field textarea{font-size:14px;line-height:1.8}.contact-send,.contact-another{font-size:11px}.contact-note-status{font-size:10px}.contact-colophon{font-size:9px}
.legal-main h2{font:400 15px/1.6 var(--mono);letter-spacing:-.02em}.legal-main p,.legal-main a,.legal-header p,.legal-header nav,.legal-footer p,.legal-footer nav{font-family:var(--mono)}.legal-content p{font-size:12px;line-height:1.9}.legal-lead{font-size:13px;line-height:1.85}.legal-header p,.legal-header nav,.legal-footer{font-size:9px;font-weight:400}
@media(max-width:1000px){.founder h3{font-size:16px}.founder-list{gap:35px}.navigation nav{gap:18px}}
@media(max-width:620px){.navigation nav{font-size:8px;gap:11px}.navigation nav>a{font-size:8px}.intro-text{font-size:9px;line-height:1.95;max-width:290px;margin-top:23px}.intro-copy .text-link{font-size:8px}.scene-copy .eyebrow{font-size:7px}.collection-copy .scene-text{font-size:9px;max-width:295px}.anagram-message p{font-size:11px;line-height:1.85;max-width:300px}.anagram-note{font-family:var(--mono);font-size:7px}.plate-caption p{font-size:10px;line-height:1.8;max-width:280px}.studies-copy p{font-size:10px;line-height:1.9;max-width:290px}.founders-bridge{font-size:9px}.founders-intro{font-size:9px}.founder h3{font-size:16px;line-height:1.5;margin:12px 0 10px;letter-spacing:-.06em}.founder p{font-size:9px;line-height:1.9;max-width:none}.founder-list{gap:27px;margin-top:34px}.stage-bottom,.state-label b,.next-scene{font-size:7px}.state-label{max-width:47%;gap:10px}.next-scene{max-width:40%;gap:12px}.catalogue-phrase{font-size:12px;line-height:1.7}.catalogue li button{padding:12px 0}.catalogue-head,.catalogue-colophon,.index-close{font-size:8px}.contact-links a{font-size:10px}.contact-field input,.contact-field textarea{font-size:16px}.contact-location{font-size:9px}.contact-colophon{font-size:8px}.contact-note-status{font-size:9px}.contact-send-row{gap:15px}.legal-main h2{font-size:13px}.legal-content p{font-size:11px}.legal-lead{font-size:12px}}
@media(min-width:621px) and (max-height:650px){.intro-text{font-size:9px;line-height:1.7;margin-top:16px;max-width:450px}.intro-copy .text-link{font-size:8px}.plate-caption p{font-size:10px;line-height:1.75}.studies-copy p{font-size:10px;max-width:520px}.founder h3{font-size:15px;line-height:1.6;margin:12px 0 9px}.founder p{font-size:9px;line-height:1.75}.anagram-message p{font-size:12px;line-height:1.75}.founders-bridge{font-size:10px}.founders-intro{font-size:9px}.catalogue li button{padding:9px 0}.catalogue-phrase{font-size:12px}}
@media(max-width:620px) and (max-height:650px){.intro-text{font-size:8px;line-height:1.75;max-width:270px;margin-top:17px}.intro-copy .text-link{font-size:7px}.plate-caption p{font-size:9px;line-height:1.75;margin-top:14px}.founder-list{margin-top:25px;gap:22px}.founder h3{font-size:14px;margin:9px 0 8px;line-height:1.45}.founder p{font-size:8px}.founders-bridge{font-size:8px}.founders-intro{font-size:8px}.anagram-message p{font-size:10px}.studies-copy p{font-size:9px}}
@media(min-width:621px) and (max-height:460px){.intro-text{font-size:8px;margin-top:12px;max-width:450px}.intro-copy .text-link{font-size:7px}.founder h3{font-size:13px;margin:8px 0;line-height:1.5}.founder p{font-size:8px}.founders-bridge,.founders-intro{font-size:8px}}
/* The growing specimen has its own large composition. Later yuccas stay small. */
.collection-copy{left:8%;right:auto;top:27%;width:34%}
.collection-copy h2{font-size:clamp(62px,7.2vw,115px);line-height:.95}
.collection-copy .scene-text{max-width:340px;margin-top:28px}
.growth-tree{width:min(42vw,61dvh);right:7%;bottom:14%;left:auto;transform:none}
.growth-meta{left:8%;right:8%;bottom:12%}
#kinetic-letters{position:absolute;inset:0;z-index:1}
@media(max-width:620px){
 .collection-copy{left:7%;right:7%;top:15%;width:auto}
 .collection-copy h2{font-size:14.5vw;line-height:.95;margin-top:18px}
 .collection-copy .scene-text{max-width:280px;margin-top:18px}
 .growth-tree{left:50%;right:auto;transform:translateX(-50%);bottom:15%;width:min(78vw,42dvh)}
 .growth-meta{left:7%;right:7%;bottom:12%}
}
@media(min-width:621px) and (max-height:650px){
 .collection-copy{top:25%}.collection-copy h2{font-size:15dvh}
 .collection-copy .scene-text{max-width:300px;margin-top:19px}
 .growth-tree{width:min(42vw,61dvh);bottom:14%}
}
@media(max-width:620px) and (max-height:650px){
 .collection-copy{top:14%}.collection-copy h2{font-size:13vw;margin-top:15px}
 .collection-copy .scene-text{font-size:8px;line-height:1.8;max-width:270px;margin-top:14px}
 .growth-tree{width:min(74vw,39dvh);bottom:14%}
}