/* Alma v8: recognition, expression and scroll-led reading. */
.gesture-art{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:inherit;touch-action:pan-y}.gesture-art:focus-visible{outline:2px dashed var(--ink);outline-offset:-12px}.gesture-caption{pointer-events:none}.gesture-caption #gesture-hint{max-width:180px;text-align:right}.motion-ready .gesture-main,.motion-ready .gesture-shadow,.motion-ready .gesture-echo{animation:none;translate:var(--dx,0px) var(--dy,0px);rotate:var(--twist,0deg);transition:transform .75s var(--ease),translate .32s var(--ease),rotate .4s var(--ease),background-color .35s}.motion-ready:not(.motion-paused):not(.quiet) .gesture-art:not(.pointer-active) .gesture-main{animation:gesture-breathe 4s ease-in-out infinite alternate}.motion-ready:not(.motion-paused):not(.quiet) .gesture-art:not(.pointer-active) .gesture-shadow{animation:gesture-breathe 4.8s -2s ease-in-out infinite alternate}.motion-ready:not(.motion-paused):not(.quiet) .gesture-art:not(.pointer-active) .gesture-echo{animation:gesture-breathe 4.2s -1s ease-in-out infinite alternate}
.ink-reveal{--read:1;--read-ink:var(--ink);--read-muted:#c8c3d0}.ink-word{display:inline-block;white-space:nowrap}.ink-letter{display:inline}.motion-ready .ink-letter{--fill:clamp(0%,calc((var(--read)*var(--letters) - var(--i))*100%),100%);background:linear-gradient(90deg,var(--read-ink) var(--fill),var(--read-muted) var(--fill));color:transparent;-webkit-background-clip:text;background-clip:text}.universe .ink-reveal{--read-ink:var(--paper);--read-muted:#635b72}.founder .ink-reveal{--read-muted:#b99afa}.contact .ink-reveal{--read-muted:#b9af3f}.motion-ready .section-heading h2,.motion-ready .contact h2{translate:none}
.work-section{padding-bottom:70px}.project-sequence{margin-top:30px}.project-story{position:relative;margin-bottom:50px}.project-row{display:grid;grid-template-columns:28fr 72fr;gap:5%;align-items:center;padding:25px 0;background:var(--paper)}.project-copy{padding-right:10px}.project-count{font-size:11px;display:block;margin-bottom:40px}.project-copy h3{font-size:clamp(30px,3.1vw,49px);letter-spacing:-.05em;line-height:1.1}.project-lead{font-size:clamp(17px,1.7vw,24px);line-height:1.4;letter-spacing:-.025em;margin-top:20px}.project-description{font-size:14px;margin-top:22px;line-height:1.6}.project-scope{font-size:11px;display:block;margin-top:35px}.project-image{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:1.35;background:#e8e3f1}.project-image img{width:100%;height:100%;object-fit:cover}.motion-ready .project-story{height:120svh;margin:0}.motion-ready .project-row{position:sticky;top:6svh;height:88svh}.motion-ready .project-image{height:75svh;max-height:760px;aspect-ratio:auto;clip-path:inset(0 var(--project-inset,0%) round 10px)}.motion-ready .project-image img{transform:scale(var(--project-scale,1));will-change:transform}.motion-ready .project-copy{opacity:var(--project-copy-opacity,1);transform:translateY(var(--project-copy-y,0px))}.project-story:last-child{height:100svh}
.universe{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;padding-top:90px;padding-bottom:85px;border-radius:0!important;align-items:start}.universe-heading{position:sticky;top:16svh}.universe h2{font-size:clamp(42px,4.8vw,76px)}.universe-heading>p{max-width:360px}.deck-hint{display:block;font-size:11px;margin-top:30px;color:#bcb1d2}.delivery-deck{min-width:0}.delivery-card{padding:27px;border-radius:16px;overflow:hidden;position:relative;min-height:540px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:30px;box-shadow:0 15px 35px #08041225;transform:rotate(var(--card-turn,0deg));transform-origin:50% 10%}.delivery-card-top{display:flex;justify-content:space-between;gap:15px;font-size:11px}.delivery-card-copy h3{font-size:30px;line-height:1.1;letter-spacing:-.045em}.delivery-card-copy p{font-size:14px;line-height:1.5;margin-top:14px;max-width:470px}.card-identity{background:var(--purple);color:var(--ink)}.card-presence{background:var(--yellow);color:var(--ink)}.card-continuity{background:var(--paper);color:var(--ink)}.motion-ready .delivery-card{position:sticky;top:10svh;min-height:580px;height:74svh;max-height:720px;margin-bottom:34svh}.motion-ready .delivery-card:nth-child(2){top:13svh}.motion-ready .delivery-card:nth-child(3){top:16svh;margin-bottom:0}.deck-note{font-size:11px;color:#c1b8d2;margin-top:24px;position:relative;z-index:4;max-width:420px}.identity-sample{background:var(--ink);border-radius:8px;padding:28px;margin:25px 0;transform:rotate(-3deg)}.identity-sample>img{width:90%;margin:10px auto 30px}.sample-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--paper)}.sample-bottom>span{font-size:85px;letter-spacing:-.08em;line-height:1}.sample-colors{display:flex;gap:7px}.sample-colors i{display:block;width:40px;height:65px;background:var(--purple);border-radius:4px}.sample-colors i:nth-child(2){background:var(--yellow)}.sample-colors i:nth-child(3){background:var(--paper)}.application-sample{position:relative;height:300px;margin:22px 0}.sample-poster{position:absolute;left:3%;top:0;bottom:0;width:59%;background:var(--paper);color:var(--ink);padding:22px;transform:rotate(-6deg);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 20px #18102b20}.sample-poster img{width:110px}.sample-poster strong{font-size:36px;line-height:1;letter-spacing:-.055em;font-weight:600}.sample-poster>span{font-size:8px}.sample-phone{position:absolute;right:5%;top:0;bottom:0;width:34%;border:6px solid var(--ink);border-radius:25px;background:var(--purple);padding:10px 12px;transform:rotate(8deg);display:flex;flex-direction:column;justify-content:space-between}.sample-phone>span{font-size:8px;color:var(--ink)}.sample-phone img{width:90%;align-self:center}.sample-phone strong{font-size:25px;line-height:1.1;letter-spacing:-.04em;font-weight:600;margin-bottom:10px}.manual-sample{position:relative;height:300px;margin:25px 0}.sample-manual{background:var(--purple);color:var(--paper);width:60%;height:100%;padding:22px;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 5px 0 #ddd8eb;border-left:6px solid #6c39d5}.sample-manual>img{width:135px}.sample-manual strong{font-size:32px;line-height:1.07;letter-spacing:-.04em;font-weight:600}.sample-manual>span{font-size:9px}.sample-files{position:absolute;right:0;top:26%;width:52%;padding:17px;background:var(--ink);color:var(--paper);border-radius:8px;transform:rotate(5deg);box-shadow:0 10px 20px #18102b20}.sample-files>span{display:block;padding:10px 0;border-bottom:1px solid #f5f3ff20;font-size:11px}.sample-files>span:last-child{border:0}
.studio-belief{margin-top:30px;border-top:1px solid #18102b40;padding-top:25px}.studio-belief strong{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.studio-belief p{font-size:14px;margin-top:15px}.contact{position:relative;min-height:110svh;align-items:start}.contact-copy{position:sticky;top:18svh}.contact-form-shell{position:sticky;top:10svh;transform:translateY(var(--form-y,0px));opacity:var(--form-opacity,1)}.contact-form-shell:focus-within{transform:none;opacity:1}.contact label{position:relative}.optional{display:inline;font-size:10px}.copy-email{font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:10px;padding:0}.copy-status{display:block;font-size:11px;min-height:18px}.form-note{max-width:410px}.contact form{margin:0}.contact .form-status:empty{display:none}
main{position:relative;z-index:2;background:var(--paper)}.opening{position:relative;z-index:3}.finale{position:relative;overflow:clip;isolation:isolate;padding-top:70px;min-height:95svh}.footer-invitation{position:relative;z-index:2}.footer-invitation>p{font-size:12px;margin-bottom:28px}.footer-invitation h2{font-size:clamp(64px,8.3vw,132px);line-height:.98;letter-spacing:-.07em;max-width:1100px}.finale-cta{display:inline-flex;align-items:center;gap:50px;border-bottom:2px solid var(--yellow);color:var(--yellow);font-size:clamp(24px,3vw,46px);letter-spacing:-.04em;padding:18px 0;margin-top:20px}.finale-cta>span{transition:transform .3s var(--ease)}.finale-cta:hover>span{transform:translate(10px,-10px)}.footer-email{display:block;font-size:12px;margin-top:25px;width:fit-content}.footer-gesture{position:absolute;right:-5%;top:22%;width:48%;opacity:.7;z-index:0;transform:translateY(var(--footer-gesture-y,0px)) rotate(var(--footer-angle,-20deg));pointer-events:none}.finale .footer-top{margin-top:80px;position:relative;z-index:2}.finale .footer-logo{width:45%;max-width:620px}.finale .footer-bottom{position:relative;z-index:2}.motion-ready .footer-invitation h2{clip-path:inset(var(--footer-title-mask,0%) 0 0);transform:translateY(var(--footer-title-y,0px))}.motion-ready .finale .footer-logo{clip-path:none;translate:none}
@media(max-width:1000px){.project-row{grid-template-columns:32fr 68fr;gap:4%}.project-description{font-size:13px}.delivery-card{padding:22px}.delivery-card-copy h3{font-size:25px}.sample-poster strong{font-size:29px}.sample-phone strong{font-size:20px}.sample-manual strong{font-size:27px}.sample-colors i{width:30px}.delivery-card-top{font-size:10px}.universe{gap:4%;grid-template-columns:.9fr 1.1fr}}
@media(max-width:700px){.gesture-caption #gesture-hint{max-width:140px}.project-row{display:flex;flex-direction:column-reverse;gap:20px;padding:15px 0;align-items:stretch}.project-copy{padding:0;display:grid;grid-template-columns:1fr auto;gap:7px 15px}.project-count{grid-column:2;grid-row:1;font-size:10px;margin:0;align-self:center}.project-copy h3{font-size:29px;grid-column:1;grid-row:1}.project-lead{font-size:16px;margin:0;grid-column:span 2;max-width:330px}.project-description{font-size:12px;margin:0;grid-column:span 2;line-height:1.4}.project-scope{font-size:10px;margin:8px 0 0;grid-column:span 2}.project-image{aspect-ratio:1.3}.motion-ready .project-story{height:110svh}.motion-ready .project-row{top:3svh;height:auto;min-height:80svh}.motion-ready .project-image{height:48svh;min-height:240px;max-height:450px}.project-story:last-child{height:100svh}.universe{display:block;padding-top:60px;padding-bottom:60px}.universe-heading{position:relative;top:auto;margin-bottom:40px}.universe h2{font-size:12vw}.universe-heading>p{font-size:15px}.deck-hint{margin-top:20px}.motion-ready .delivery-card{height:76svh;min-height:540px;max-height:640px;top:5svh;margin-bottom:20svh}.motion-ready .delivery-card:nth-child(2){top:7svh}.motion-ready .delivery-card:nth-child(3){top:9svh}.delivery-card{padding:23px}.delivery-card-copy h3{font-size:27px}.delivery-card-copy p{font-size:13px}.identity-sample{padding:20px;margin:20px 0}.sample-bottom>span{font-size:80px}.sample-colors i{width:28px;height:55px}.application-sample,.manual-sample{height:270px;min-height:240px;margin:20px 0}.sample-poster{padding:17px;width:62%;left:0}.sample-poster strong{font-size:29px}.sample-phone{right:0;width:37%;padding:10px}.sample-phone strong{font-size:21px}.sample-manual{padding:17px;width:65%}.sample-manual strong{font-size:28px}.sample-files{padding:12px;width:55%}.sample-files>span{font-size:9px}.deck-note{margin-top:20px;font-size:10px}.contact{min-height:auto}.contact-copy,.contact-form-shell{position:relative;top:auto}.contact-form-shell{margin-top:30px}.contact form{margin:0}.finale{min-height:0;padding-top:55px}.footer-invitation h2{font-size:15vw}.footer-invitation>p{font-size:11px}.finale-cta{font-size:30px;gap:30px;margin-top:22px}.footer-email{font-size:11px}.footer-gesture{width:75%;right:-25%;top:23%;opacity:.45}.finale .footer-top{margin-top:65px}.finale .footer-logo{width:100%}.studio-belief strong{font-size:25px}}
@media(max-height:700px){.motion-ready .project-story{height:auto;min-height:100svh;margin-bottom:35px}.motion-ready .project-row{position:relative;top:auto;height:auto;min-height:0}.motion-ready .project-image{height:65svh;min-height:240px}.motion-ready .delivery-card{position:relative;top:auto!important;margin-bottom:25px!important;height:auto;min-height:540px}.universe-heading,.contact-copy,.contact-form-shell{position:relative;top:auto}.contact{min-height:auto}}
.quiet .ink-reveal{--read:1!important}.quiet .project-story{height:auto;min-height:0;margin-bottom:50px}.quiet .project-row{position:relative;top:auto;height:auto;min-height:0}.quiet .project-copy,.quiet .contact-form-shell{transform:none!important;opacity:1!important}.quiet .project-image{clip-path:none!important}.quiet .project-image img{transform:none!important}.quiet .delivery-card{position:relative;top:auto!important;height:auto;min-height:540px;margin-bottom:25px!important;transform:none!important}.quiet .universe-heading,.quiet .contact-copy,.quiet .contact-form-shell{position:relative;top:auto}.quiet .footer-invitation h2{clip-path:none;transform:none}.quiet .footer-gesture{transform:none}.quiet .gesture-main,.quiet .gesture-shadow,.quiet .gesture-echo{translate:none!important;rotate:none!important}
@media(prefers-reduced-motion:reduce){.ink-reveal{--read:1!important}.motion-ready .project-story{height:auto;min-height:0;margin-bottom:50px}.motion-ready .project-row{position:relative;top:auto;height:auto;min-height:0}.motion-ready .project-copy,.motion-ready .contact-form-shell{transform:none!important;opacity:1!important}.motion-ready .project-image{clip-path:none!important}.motion-ready .project-image img{transform:none!important}.motion-ready .delivery-card{position:relative;top:auto!important;height:auto;min-height:540px;margin-bottom:25px!important;transform:none!important}.universe-heading,.contact-copy,.contact-form-shell{position:relative;top:auto}.motion-ready .footer-invitation h2{clip-path:none;transform:none}.footer-gesture{transform:none}.motion-ready .gesture-main,.motion-ready .gesture-shadow,.motion-ready .gesture-echo{translate:none!important;rotate:none!important}}
