/* Photographic scenes with original drawn interventions. */
.public-landing{background:#0b0c0b}
.public-landing .demo{display:none}
.public-landing .login-language{position:absolute;right:clamp(18px,3vw,48px);top:24px;z-index:4;margin:0}
.public-landing .language-control select{color:#f7f1e6;background:#161817d9;border-color:#ffffff40;border-radius:0;font-size:12px}
.public-landing .language-control option{background:#161817;color:#f7f1e6}
.yoapy-intro{height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate;background:#252725;color:#fff8e9}
.yoapy-scene{position:absolute;inset:0;display:block}
.yoapy-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.yoapy-intro:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b0c0b20,transparent 20%,transparent 77%,#0b0c0b7d)}
.yoapy-title{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;width:max-content;max-width:94%;pointer-events:none}
.yoapy-title:before{content:'';position:absolute;inset:-38px -55px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#101310dd 12%,#10131078 48%,transparent 73%)}
.yoapy-title h1{font-family:var(--font-general);font-size:clamp(40px,5.6vw,88px);font-weight:300;letter-spacing:.12em;line-height:1.14;margin:0 0 20px;color:#fff8ed;text-transform:uppercase;text-shadow:0 2px 22px #060e17b3;white-space:nowrap}
.yoapy-title p{color:#fff8ed;font-size:clamp(13px,1.3vw,20px);letter-spacing:.22em;margin:0;text-shadow:0 2px 14px #000}
.scroll-access{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;color:#fff8ed;background:#0d1725b3;padding:9px 22px 3px;border-radius:2px;text-decoration:none;font-size:11px;letter-spacing:2px;text-align:center;white-space:nowrap}
.scroll-access span{display:block;font-size:23px;line-height:1.4}
.scroll-access:hover{background:#0d1725e6}
.scroll-access:focus-visible,.access-profiles button:focus-visible{outline:2px solid #fff8ed;outline-offset:5px}
.public-landing .login{max-width:1180px;min-height:85svh;margin:0 auto;padding:100px 30px;align-items:center;gap:75px;scroll-margin-top:20px}
.access-title{font:300 clamp(34px,4vw,58px)/1.2 var(--font-general);color:#fff8e9;text-transform:lowercase;margin:22px 0}
.access-profiles{display:grid;gap:12px;margin:32px 0}
.access-profiles button{text-align:left;color:#f1e8d9;background:transparent;border:1px solid #ffffff38;border-radius:0;padding:17px}
.access-profiles button:hover{background:#ffffff10}
.public-landing .login .card{border-radius:0;padding:30px}
.public-landing .login>section:first-child .eyebrow{color:#c6d2c9}
@media(max-width:760px){
 .public-landing .login-language{top:18px;right:18px}
 .public-landing .language-control select{font-size:11px;min-width:108px}
 .yoapy-title h1{font-size:clamp(29px,8.3vw,56px);letter-spacing:.08em;margin-bottom:17px}
 .yoapy-title p{font-size:12px;letter-spacing:.15em}
 .public-landing .login{padding:65px 20px;gap:30px}
 .public-landing .login .card{padding:24px 20px}
 .scroll-access{bottom:24px;font-size:10px}
}
@media(max-aspect-ratio:4/5){
 .yoapy-title{top:40%}
 .yoapy-scene img{object-position:50% 55%}
}
@media(max-height:520px) and (min-aspect-ratio:1/1){
 .yoapy-intro{min-height:360px}
 .yoapy-title{top:38%}
 .yoapy-title h1{font-size:40px;margin-bottom:10px}
 .scroll-access{bottom:12px;padding:4px 15px}
}
/* Selected palette, with a warm glow beneath the photographic opening. */
.public-landing{background:radial-gradient(ellipse at 0 80%,#FF6D2924,transparent 55%),#161316}
.yoapy-intro{background:#161316;color:#FFFFFF}.yoapy-title h1,.yoapy-title p,.access-title{color:#FFFFFF}
.yoapy-intro:after{background:linear-gradient(180deg,#16131620,transparent 20%,transparent 77%,#161316A0)}
.scroll-access{background:#453027DE;color:#FFFFFF;border:1px solid #FF6D2970}.scroll-access:hover{background:#FF6D29;color:#161316}
.public-landing .language-control select,.public-landing .language-control option{background:#161316;color:#FFFFFF;border-color:#806358}
.public-landing .login .card{background:#453027;color:#FFFFFF;border:1px solid #806358}
.public-landing .login>section:first-child .eyebrow{color:#BABABA}

.illustrator-cover .yoapy-scene img{object-fit:contain;object-position:center}
.illustrator-cover .yoapy-title{top:20%;width:90%;max-width:90%;transform:translate(-50%,-50%)}
.illustrator-cover .yoapy-title:before{display:none}
.illustrator-cover .yoapy-title h1{font-size:clamp(30px,4.2vw,64px);text-shadow:none}
.illustrator-cover .yoapy-title p{text-shadow:none}
.illustrator-cover:after{background:none}
html[data-theme=light] .illustrator-cover{background:#FFFFFF}
html[data-theme=light] .yoapy-title h1,html[data-theme=light] .yoapy-title p{color:#161316}
html[data-theme=light] .public-landing .login .card{background:#FFFFFF;color:#161316;border-color:#BABABA}
html[data-theme=light] .public-landing .language-control select{background:#FFFFFF;color:#161316}
@media(max-aspect-ratio:4/5){.illustrator-cover .yoapy-title{top:22%}.illustrator-cover .yoapy-title h1{font-size:clamp(27px,7vw,42px)}}

/* Position lettering relative to the artwork, including when it is letterboxed. */
.illustrator-cover{height:auto;min-height:0;aspect-ratio:1672/941;width:100%}
.illustrator-cover .yoapy-scene img{height:100%;width:100%;object-fit:contain}
.illustrator-cover .yoapy-title{top:78%;left:50%;width:33%;max-width:33%}
.illustrator-cover .yoapy-title h1{font-size:clamp(16px,3.1vw,52px);letter-spacing:.08em;white-space:nowrap;margin:0 0 10px}
.illustrator-cover .yoapy-title p{font-size:clamp(8px,1.15vw,19px);letter-spacing:.13em}
.project-inquiry{max-width:1120px;margin:0 auto 80px;padding:36px;scroll-margin-top:24px}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.inquiry-consent{display:flex;align-items:flex-start;gap:12px}.inquiry-consent input{width:auto;margin-top:5px}.inquiry-trap{display:none}.inquiry-status{font-weight:600}.landing-destinations{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:850px){.landing-destinations{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-inquiry{margin:0 20px 80px;padding:24px}.inquiry-fields{grid-template-columns:1fr}.illustrator-cover .yoapy-title{top:78%}.illustrator-cover .yoapy-title h1{font-size:clamp(12px,3.2vw,27px);margin-bottom:4px}.illustrator-cover .yoapy-title p{font-size:clamp(6px,1.4vw,12px);letter-spacing:.05em}}

.landing-destinations a,.landing-destinations button{font-size:clamp(14px,1.5vw,20px);padding:20px 14px;gap:9px;min-width:0}.landing-destinations b{flex-shrink:0}.landing-destinations span{flex-shrink:0}

/* Pencil navigation and crayon accents, desktop and mobile. */
:root{--pencil-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23453027%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%221.5%22%20d%3D%22M8%207L110%205%20235%208%20374%205%20492%208%20495%2043%20492%20101%20364%20104%20219%20101%2083%20105%206%20101%208%2061Z%22%2F%3E%3Cpath%20stroke-width%3D%22.65%22%20opacity%3D%22.7%22%20d%3D%22M5%2010L132%208%20291%205%20489%2011%20491%2067%20496%20104%20318%20102%20146%20107%209%20103%205%2045Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--crayon-fill:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20104%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22grain%22%20width%3D%2264%22%20height%3D%2264%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200H64V64H0Z%22%2F%3E%3Ccircle%20cx%3D%2240.9%22%20cy%3D%221.6%22%20r%3D%220.71%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.3%22%20cy%3D%2247.1%22%20r%3D%221.23%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2257.1%22%20cy%3D%225.6%22%20r%3D%220.90%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221.9%22%20cy%3D%2214.0%22%20r%3D%221.01%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221.7%22%20cy%3D%2212.7%22%20r%3D%221.19%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2234.9%22%20cy%3D%2214.1%22%20r%3D%221.12%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2251.8%22%20cy%3D%220.4%22%20r%3D%221.40%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2244.7%22%20cy%3D%2221.8%22%20r%3D%220.55%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2261.3%22%20cy%3D%2221.5%22%20r%3D%220.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%226.2%22%20cy%3D%2254.2%22%20r%3D%221.13%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2251.7%22%20cy%3D%2246.7%22%20r%3D%221.05%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2262.3%22%20cy%3D%2224.2%22%20r%3D%221.07%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2253.1%22%20cy%3D%2239.6%22%20r%3D%221.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2237.0%22%20cy%3D%2245.1%22%20r%3D%220.41%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.6%22%20cy%3D%2218.5%22%20r%3D%220.45%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.9%22%20cy%3D%226.5%22%20r%3D%220.71%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2240.7%22%20cy%3D%2223.3%22%20r%3D%220.83%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2213.4%22%20cy%3D%2217.1%22%20r%3D%221.57%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2241.5%22%20cy%3D%2239.0%22%20r%3D%220.57%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2246.7%22%20cy%3D%2210.5%22%20r%3D%220.84%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2263.3%22%20cy%3D%2241.0%22%20r%3D%221.07%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2243.8%22%20cy%3D%2253.9%22%20r%3D%221.36%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.7%22%20cy%3D%222.1%22%20r%3D%220.76%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.1%22%20cy%3D%2213.5%22%20r%3D%221.58%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2256.1%22%20cy%3D%2220.1%22%20r%3D%221.20%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2225.3%22%20cy%3D%2258.5%22%20r%3D%220.95%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.0%22%20cy%3D%2215.8%22%20r%3D%221.08%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2216.8%22%20cy%3D%2237.4%22%20r%3D%221.52%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2225.6%22%20cy%3D%2214.0%22%20r%3D%221.65%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2232.6%22%20cy%3D%225.8%22%20r%3D%220.41%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%227.0%22%20cy%3D%2240.2%22%20r%3D%221.38%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2227.0%22%20cy%3D%224.1%22%20r%3D%220.85%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2263.8%22%20cy%3D%2233.9%22%20r%3D%221.61%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2255.1%22%20cy%3D%220.7%22%20r%3D%221.29%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2243.6%22%20cy%3D%2234.4%22%20r%3D%220.70%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2241.0%22%20cy%3D%227.1%22%20r%3D%220.92%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2229.0%22%20cy%3D%2261.0%22%20r%3D%221.49%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2216.9%22%20cy%3D%2232.0%22%20r%3D%220.58%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2258.4%22%20cy%3D%2255.7%22%20r%3D%220.74%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2240.9%22%20cy%3D%2239.0%22%20r%3D%220.55%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2248.8%22%20cy%3D%2234.5%22%20r%3D%221.36%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2233.9%22%20cy%3D%220.0%22%20r%3D%220.77%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221.2%22%20cy%3D%2259.5%22%20r%3D%221.49%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2253.2%22%20cy%3D%2219.7%22%20r%3D%220.43%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2256.2%22%20cy%3D%2260.6%22%20r%3D%220.46%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2231.1%22%20cy%3D%224.4%22%20r%3D%221.34%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249.0%22%20cy%3D%228.2%22%20r%3D%220.97%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2235.2%22%20cy%3D%2217.0%22%20r%3D%221.48%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2227.1%22%20cy%3D%2213.6%22%20r%3D%221.05%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2246.7%22%20cy%3D%2212.9%22%20r%3D%220.76%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2263.7%22%20cy%3D%2241.6%22%20r%3D%220.92%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2233.1%22%20cy%3D%227.7%22%20r%3D%220.64%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2221.6%22%20cy%3D%2237.7%22%20r%3D%220.65%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%224.5%22%20r%3D%221.17%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.7%22%20cy%3D%2257.9%22%20r%3D%221.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2215.2%22%20r%3D%221.22%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2213.7%22%20cy%3D%228.5%22%20r%3D%221.57%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2236.5%22%20cy%3D%2230.3%22%20r%3D%221.37%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2251.7%22%20cy%3D%2212.2%22%20r%3D%220.48%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2227.6%22%20cy%3D%2227.1%22%20r%3D%220.96%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2246.7%22%20cy%3D%2243.1%22%20r%3D%221.63%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%226.3%22%20cy%3D%2225.8%22%20r%3D%220.79%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2255.1%22%20cy%3D%2215.9%22%20r%3D%220.60%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2228.7%22%20cy%3D%2227.0%22%20r%3D%220.71%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2216.0%22%20cy%3D%2259.1%22%20r%3D%220.93%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2255.1%22%20cy%3D%2235.2%22%20r%3D%220.42%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2264.0%22%20cy%3D%2253.5%22%20r%3D%221.61%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2259.3%22%20cy%3D%2254.3%22%20r%3D%220.57%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2231.1%22%20cy%3D%2213.7%22%20r%3D%220.87%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%223.8%22%20cy%3D%2224.3%22%20r%3D%221.63%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.0%22%20cy%3D%2250.2%22%20r%3D%220.94%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2227.1%22%20cy%3D%2261.3%22%20r%3D%221.64%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2235.6%22%20cy%3D%2246.0%22%20r%3D%220.55%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2219.0%22%20cy%3D%2262.0%22%20r%3D%221.10%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2234.7%22%20cy%3D%2247.9%22%20r%3D%220.42%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2237.4%22%20cy%3D%2232.2%22%20r%3D%221.46%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2210.1%22%20cy%3D%2261.5%22%20r%3D%220.45%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2211.9%22%20cy%3D%2238.1%22%20r%3D%221.23%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2215.1%22%20cy%3D%227.7%22%20r%3D%221.51%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2215.8%22%20cy%3D%2238.0%22%20r%3D%221.16%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2226.8%22%20cy%3D%2237.4%22%20r%3D%221.03%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2259.8%22%20cy%3D%2213.1%22%20r%3D%221.28%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2215.3%22%20cy%3D%2225.3%22%20r%3D%221.22%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2219.2%22%20cy%3D%2220.2%22%20r%3D%221.33%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%2229.3%22%20r%3D%221.65%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2263.8%22%20cy%3D%224.7%22%20r%3D%220.63%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.0%22%20cy%3D%2259.7%22%20r%3D%221.50%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2256.3%22%20cy%3D%2223.6%22%20r%3D%220.56%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2253.4%22%20cy%3D%2245.0%22%20r%3D%221.15%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2263.2%22%20cy%3D%2241.9%22%20r%3D%220.36%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2252.3%22%20cy%3D%2219.2%22%20r%3D%221.21%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%228.6%22%20r%3D%220.50%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%226.9%22%20cy%3D%2235.4%22%20r%3D%220.70%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2238.7%22%20cy%3D%2245.9%22%20r%3D%220.61%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2240.6%22%20cy%3D%2216.9%22%20r%3D%220.99%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2257.9%22%20cy%3D%2254.2%22%20r%3D%220.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2227.1%22%20cy%3D%2217.7%22%20r%3D%220.35%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249.4%22%20cy%3D%2240.8%22%20r%3D%220.69%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2247.4%22%20cy%3D%2235.3%22%20r%3D%220.91%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%220.6%22%20cy%3D%224.8%22%20r%3D%221.50%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2257.9%22%20cy%3D%2234.9%22%20r%3D%221.43%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2237.3%22%20cy%3D%229.5%22%20r%3D%220.52%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2219.7%22%20cy%3D%2257.5%22%20r%3D%221.38%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2255.1%22%20cy%3D%2257.5%22%20r%3D%220.62%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2216.0%22%20cy%3D%226.6%22%20r%3D%221.36%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2256.6%22%20cy%3D%2226.0%22%20r%3D%221.16%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229.9%22%20cy%3D%2259.5%22%20r%3D%221.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2262.5%22%20cy%3D%2251.9%22%20r%3D%221.50%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221.6%22%20cy%3D%2247.1%22%20r%3D%220.78%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2259.6%22%20cy%3D%2251.3%22%20r%3D%221.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2251.9%22%20cy%3D%2217.1%22%20r%3D%221.37%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%226.9%22%20cy%3D%2255.8%22%20r%3D%221.47%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2214.2%22%20cy%3D%2252.3%22%20r%3D%220.95%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2250.9%22%20r%3D%220.65%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2212.4%22%20r%3D%220.78%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2255.3%22%20cy%3D%2261.9%22%20r%3D%220.71%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2241.1%22%20cy%3D%2225.6%22%20r%3D%221.63%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2234.3%22%20cy%3D%2260.1%22%20r%3D%220.50%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2262.1%22%20cy%3D%2211.4%22%20r%3D%221.60%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.0%22%20cy%3D%226.9%22%20r%3D%220.91%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2246.6%22%20cy%3D%2220.1%22%20r%3D%221.14%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2232.7%22%20cy%3D%2224.7%22%20r%3D%221.10%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2216.3%22%20cy%3D%2245.4%22%20r%3D%220.35%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2259.2%22%20cy%3D%2234.5%22%20r%3D%221.29%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%2242.9%22%20r%3D%220.82%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2242.5%22%20r%3D%220.78%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2220.1%22%20cy%3D%2254.3%22%20r%3D%221.29%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2219.2%22%20cy%3D%2219.8%22%20r%3D%220.88%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2225.8%22%20cy%3D%2218.9%22%20r%3D%220.52%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2226.9%22%20cy%3D%2260.2%22%20r%3D%221.23%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2257.8%22%20cy%3D%2239.4%22%20r%3D%220.74%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2235.1%22%20cy%3D%220.0%22%20r%3D%220.72%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2227.5%22%20cy%3D%2237.1%22%20r%3D%221.20%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2229.8%22%20cy%3D%2228.3%22%20r%3D%220.63%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2230.3%22%20cy%3D%2257.7%22%20r%3D%221.38%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%225.4%22%20r%3D%221.02%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2240.5%22%20cy%3D%2221.5%22%20r%3D%221.41%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2248.1%22%20cy%3D%2243.1%22%20r%3D%220.64%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2212.7%22%20cy%3D%221.6%22%20r%3D%220.67%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2230.4%22%20cy%3D%2254.4%22%20r%3D%220.44%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2226.5%22%20cy%3D%2240.3%22%20r%3D%220.60%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2244.6%22%20cy%3D%2231.6%22%20r%3D%220.67%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2242.0%22%20cy%3D%220.4%22%20r%3D%221.33%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249.3%22%20cy%3D%226.8%22%20r%3D%220.90%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2211.3%22%20cy%3D%2261.3%22%20r%3D%221.02%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%223.2%22%20cy%3D%2215.9%22%20r%3D%221.45%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2229.2%22%20cy%3D%2251.3%22%20r%3D%221.22%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2263.2%22%20cy%3D%2238.1%22%20r%3D%221.59%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2257.1%22%20cy%3D%2239.2%22%20r%3D%221.29%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2232.3%22%20cy%3D%2253.2%22%20r%3D%221.06%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2257.4%22%20cy%3D%2247.6%22%20r%3D%220.97%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2216.6%22%20cy%3D%2215.8%22%20r%3D%221.18%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249.0%22%20cy%3D%2233.4%22%20r%3D%221.16%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.6%22%20cy%3D%225.0%22%20r%3D%220.72%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2217.4%22%20cy%3D%2220.5%22%20r%3D%221.05%22%20fill%3D%22black%22%2F%3E%3C%2Fpattern%3E%3Cmask%20id%3D%22wax%22%3E%3Cpath%20fill%3D%22url%28%23grain%29%22%20d%3D%22M0%200H360V104H0Z%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url%28%23wax%29%22%20stroke%3D%22%23FF6D29%22%20stroke-width%3D%2219%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14.0%2082.8%20Q32.0%2055.8%2048.4%2019.0%22%2F%3E%3Cpath%20d%3D%22M26.7%2090.2%20Q44.7%2063.2%2057.9%2015.3%22%2F%3E%3Cpath%20d%3D%22M39.4%2088.1%20Q57.4%2061.1%2077.3%2012.7%22%2F%3E%3Cpath%20d%3D%22M52.1%2086.5%20Q70.1%2059.5%2099.3%2017.6%22%2F%3E%3Cpath%20d%3D%22M64.8%2090.0%20Q82.8%2063.0%20111.1%2020.0%22%2F%3E%3Cpath%20d%3D%22M77.5%2085.9%20Q95.5%2058.9%20107.6%2014.6%22%2F%3E%3Cpath%20d%3D%22M90.2%2090.8%20Q108.2%2063.8%20136.4%2022.4%22%2F%3E%3Cpath%20d%3D%22M102.9%2086.4%20Q120.9%2059.4%20147.1%2017.1%22%2F%3E%3Cpath%20d%3D%22M115.6%2088.8%20Q133.6%2061.8%20149.8%2012.9%22%2F%3E%3Cpath%20d%3D%22M128.3%2086.7%20Q146.3%2059.7%20158.9%2014.4%22%2F%3E%3Cpath%20d%3D%22M141.0%2089.8%20Q159.0%2062.8%20178.7%2012.1%22%2F%3E%3Cpath%20d%3D%22M153.7%2087.1%20Q171.7%2060.1%20186.1%2018.1%22%2F%3E%3Cpath%20d%3D%22M166.4%2081.4%20Q184.4%2054.4%20203.9%2017.3%22%2F%3E%3Cpath%20d%3D%22M179.1%2081.4%20Q197.1%2054.4%20221.3%2011.8%22%2F%3E%3Cpath%20d%3D%22M191.8%2087.0%20Q209.8%2060.0%20222.8%2014.9%22%2F%3E%3Cpath%20d%3D%22M204.5%2083.8%20Q222.5%2056.8%20240.7%2019.9%22%2F%3E%3Cpath%20d%3D%22M217.2%2085.9%20Q235.2%2058.9%20261.5%2020.8%22%2F%3E%3Cpath%20d%3D%22M229.9%2084.3%20Q247.9%2057.3%20261.5%2010.3%22%2F%3E%3Cpath%20d%3D%22M242.6%2088.0%20Q260.6%2061.0%20291.6%2014.5%22%2F%3E%3Cpath%20d%3D%22M255.3%2089.5%20Q273.3%2062.5%20300.1%2018.5%22%2F%3E%3Cpath%20d%3D%22M268.0%2090.8%20Q286.0%2063.8%20316.0%2012.6%22%2F%3E%3Cpath%20d%3D%22M280.7%2081.3%20Q298.7%2054.3%20313.6%2011.6%22%2F%3E%3Cpath%20d%3D%22M293.4%2089.7%20Q311.4%2062.7%20334.1%2012.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.public-landing .landing-destinations{display:flex!important;flex-direction:column;gap:20px;max-width:1120px;padding:36px 28px 24px;margin:auto}
.landing-destinations a,.landing-destinations button{position:relative;width:76%;min-height:88px;padding:22px 32px;border:0!important;background-color:transparent!important;background-image:var(--pencil-outline)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-radius:0;color:var(--ink);isolation:isolate}
.landing-destinations>:nth-child(odd){align-self:flex-end;transform:rotate(-.45deg)}
.landing-destinations>:nth-child(even){align-self:flex-start;transform:rotate(.4deg)}
.landing-destinations a:hover,.landing-destinations button:hover{background-color:#ff6d290a!important;transform:rotate(0)}
html[data-theme=dark] .landing-destinations a,html[data-theme=dark] .landing-destinations button{filter:none;color:#fff}
html[data-theme=dark] .landing-destinations{--pencil-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%221.5%22%20d%3D%22M8%207L110%205%20235%208%20374%205%20492%208%20495%2043%20492%20101%20364%20104%20219%20101%2083%20105%206%20101%208%2061Z%22%2F%3E%3Cpath%20stroke-width%3D%22.65%22%20opacity%3D%22.7%22%20d%3D%22M5%2010L132%208%20291%205%20489%2011%20491%2067%20496%20104%20318%20102%20146%20107%209%20103%205%2045Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
button.primary,html[data-theme] button.primary,html[data-theme] .theme-switch button[aria-pressed=true],.tag-choice.picked,html[data-theme] .tag-choice.picked{background-color:transparent!important;background-image:var(--crayon-fill)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important;color:#161316!important;box-shadow:none;min-height:46px}
button.primary:hover{filter:saturate(1.12)}
.theme-switch{bottom:max(12px,env(safe-area-inset-bottom));right:12px;box-shadow:0 3px 10px #0001}.theme-switch button{min-height:40px}
.public-landing .login{padding-top:68px;min-height:0}
@media(max-width:850px){
 .illustrator-cover{height:68svh;min-height:440px;max-height:690px;aspect-ratio:auto}
 .illustrator-cover .yoapy-scene img{height:100%;width:165%;max-width:none;position:relative;left:-32.5%;object-fit:fill;object-position:center}
 .illustrator-cover .yoapy-title{top:78%;width:70%;max-width:70%}
 .illustrator-cover .yoapy-title h1{font-size:clamp(23px,6vw,34px);margin-bottom:10px}
 .illustrator-cover .yoapy-title p{font-size:clamp(10px,2.5vw,14px);letter-spacing:.08em}
 .public-landing .landing-destinations{gap:20px;padding:26px 18px 20px}
 .landing-destinations a,.landing-destinations button{width:89%;min-height:80px;padding:20px 24px;font-size:18px;gap:12px}
 .public-landing .login{padding:48px 20px 40px;gap:28px}
 .project-inquiry{margin-bottom:100px}
}
@media(prefers-reduced-motion:reduce){.landing-destinations a,.landing-destinations button{transform:none}}

/* Shared hand-drawn frames: forms, fields and consent controls. */
html[data-theme=dark]{--pencil-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%221.5%22%20d%3D%22M8%207L110%205%20235%208%20374%205%20492%208%20495%2043%20492%20101%20364%20104%20219%20101%2083%20105%206%20101%208%2061Z%22%2F%3E%3Cpath%20stroke-width%3D%22.65%22%20opacity%3D%22.7%22%20d%3D%22M5%2010L132%208%20291%205%20489%2011%20491%2067%20496%20104%20318%20102%20146%20107%209%20103%205%2045Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.card,.public-landing .login .card,.project-inquiry,html[data-theme] .card,html[data-theme] .public-landing .login .card,html[data-theme] .project-inquiry{border:0!important;border-radius:0!important;background-image:var(--pencil-frame)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-origin:border-box;box-shadow:none}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select,html[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),html[data-theme] textarea,html[data-theme] select{border:0!important;border-radius:0!important;background-image:var(--pencil-outline)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;padding:14px 18px;min-height:48px;box-shadow:none}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #FF6D29;outline-offset:3px}
input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block;flex-shrink:0;width:20px;height:20px;min-height:20px;padding:0;border:0!important;border-radius:0;background-color:transparent!important;background-image:var(--pencil-outline)!important;background-size:100% 100%!important;background-repeat:no-repeat;vertical-align:middle;cursor:pointer}
input[type=checkbox]:checked{background-image:var(--pencil-outline),var(--crayon-fill)!important;box-shadow:inset 0 0 0 4px var(--bg,#fff)}
.public-landing .project-inquiry{padding:40px 38px}
.public-landing .login .card{padding:36px}
@media(max-width:600px){.public-landing .project-inquiry{padding:30px 24px}.public-landing .login .card{padding:30px 24px}}

:root{--pencil-frame:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23453027%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%221.2%22%20d%3D%22M6%207L250%203%20503%206%20749%204%20992%208%20995%20301%20991%20647%20994%20992%20748%20996%20504%20991%20252%20995%207%20992%204%20650%207%20300Z%22%2F%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%22.65%22%20opacity%3D%22.75%22%20d%3D%22M3%2010L251%207%20502%203%20748%208%20996%205%20991%20302%20996%20648%20990%20995%20749%20991%20505%20997%20250%20991%204%20996%208%20650%203%20301Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark]{--pencil-frame:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%221.2%22%20d%3D%22M6%207L250%203%20503%206%20749%204%20992%208%20995%20301%20991%20647%20994%20992%20748%20996%20504%20991%20252%20995%207%20992%204%20650%207%20300Z%22%2F%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%22.65%22%20opacity%3D%22.75%22%20d%3D%22M3%2010L251%207%20502%203%20748%208%20996%205%20991%20302%20996%20648%20990%20995%20749%20991%20505%20997%20250%20991%204%20996%208%20650%203%20301Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
