/* BEXO Studio: identity as an object, connection as a continuous gesture. */
:root{--studio-ease:cubic-bezier(.16,1,.3,1);--studio-copper:#c18b62;--studio-dark:#10271f}
[hidden]{display:none!important}input{caret-color:var(--orange)}
html,body{overflow-x:clip}.hero-art .orbit-two{inset:17% 7%}
html:not(.has-studio-motion) .cinema{height:auto}html:not(.has-studio-motion) .cinema-sticky{position:relative;height:800px}html:not(.has-studio-motion) .cinema-beat:first-child{opacity:1;transform:translateY(-50%)}
@media(max-width:760px){html:not(.has-studio-motion) .cinema-beat:first-child{transform:none}}
.studio-finale{min-height:650px;display:flex;align-items:center;padding:95px 0;background:#9f4726}.studio-finale>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.studio-finale:after{inset:0;right:0;top:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(91,37,17,.7),rgba(91,37,17,.25) 48%,transparent 70%)}.studio-finale .shell{z-index:2}.studio-finale h2{font-size:clamp(64px,7.3vw,104px);max-width:9ch}.studio-finale p{font-size:18px;max-width:30ch}.studio-finale small{display:block;color:#f9e0ca;font-size:10px;margin-top:24px;letter-spacing:.04em}
@media(max-width:760px){.studio-finale{min-height:760px;align-items:flex-start;padding:65px 0}.studio-finale>img{object-position:70% bottom;height:65%;top:auto;bottom:0;object-fit:cover}.studio-finale:after{background:linear-gradient(180deg,#9f4726 5%,#9f4726 22%,rgba(159,71,38,.5) 48%,transparent 70%)}.studio-finale h2{font-size:62px}.studio-finale p{font-size:16px;max-width:29ch}.studio-finale small{margin-top:17px}}
.hero{padding-block:62px 86px;column-gap:5vw}.hero h1{font-size:clamp(64px,6.7vw,104px);max-width:11ch}.hero-lead{font-size:clamp(23px,2vw,29px);max-width:24ch}.hero-detail{max-width:47ch}.hero-art{overflow:visible;height:530px}.hero-art:before{inset:8% 0 7%;background:#dce2d5}.hero-art .orbit{opacity:.5}.hero-art .top-label{display:none}.sample-card{width:95%;padding:34px;transform:rotate(-8deg);animation:none;border:0;box-shadow:3px 6px 2px #a67b56,0 35px 60px -25px #17362988;aspect-ratio:1.6}.hero-art:hover .sample-card{transform:rotate(-6deg) rotateY(-5deg);box-shadow:3px 6px 2px #a67b56,0 35px 60px -25px #17362988}.card-person{gap:5px}.card-name-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.card-name-input{display:block;width:100%;min-width:0;background:transparent;color:#fff1de;border:0;border-bottom:1px solid transparent;border-radius:0;padding:3px 0 8px;font:400 clamp(32px,3.3vw,52px)/1.12 var(--font-display);letter-spacing:-.03em;outline:none;box-shadow:none;cursor:text;appearance:none}.card-name-input:hover{border-bottom-color:#e5cbb176}.card-name-input:focus{border-bottom-color:#e8b892;outline:0;background:#ffffff06}.card-name-input:focus-visible{outline:2px solid #edbd93;outline-offset:5px}.card-domain{font-size:13px!important;color:#d5c0a5!important;letter-spacing:.03em}.sample-label{font-size:9px;letter-spacing:.19em;margin-bottom:5px}.card-caption{position:absolute;left:6%;right:4%;bottom:0;display:flex;flex-direction:column;gap:7px;text-align:center;color:#48604e;font-size:12px}.card-caption>span:first-child{font-size:9px;letter-spacing:.17em;font-weight:700}.card-caption>span:last-child{opacity:.8}.handle-form{background:none;border:0;border-radius:0;padding:0;box-shadow:none;max-width:460px;margin-top:28px}.handle-form label{font-size:12px;letter-spacing:0;text-transform:none;color:#4f6053;margin-bottom:4px}.handle-field{gap:0;border-bottom:1px solid #a4b29f;min-height:49px;justify-content:flex-start}.handle-field input{flex:0 1 auto;width:5ch;max-width:calc(100% - 170px);padding:8px 0;color:var(--forest);font:600 19px var(--font-body);border:0;outline:0}.handle-field input:focus-visible{outline:2px solid #a84924;outline-offset:4px}.handle-field>span{color:#536a58;font-size:18px;font-weight:400;margin-right:auto}.handle-field button{display:grid;place-items:center;width:42px;height:42px;padding:0;background:transparent;color:var(--forest);border:1px solid #a3b29e;margin-left:13px}.handle-field button:hover{background:var(--forest);color:white}.handle-form p{font-size:12px;line-height:1.5;min-height:18px;max-width:52ch;margin-top:9px}.handle-suggestions{display:flex;gap:8px;flex-wrap:wrap}.handle-suggestions:empty{display:none}.handle-suggestions button{min-height:38px;border:1px solid #9cac94;background:#e0e7d9;border-radius:30px;color:#24412e;padding:7px 13px;font-size:12px;cursor:pointer;margin-top:10px}.handle-suggestions button:hover{background:#19392f;color:white}.handle-form #handle-claim{color:var(--forest);display:inline-flex;gap:32px;font-size:13px;text-decoration:none;border-bottom:1px solid #899f83;padding-bottom:5px;margin-top:12px}.handle-form p[data-state=success]:before{content:'✓ ';font-weight:700}
/* Scroll stage: one card approaches, energy transfers, a profile opens. */
.cinema{height:360svh;background:#0c2119}.cinema-sticky{background:radial-gradient(ellipse at 75% 44%,#294c38,#0c2119 70%);min-height:640px}.cinema-sticky:before{display:none}.cinema-glow{background:radial-gradient(circle at 75% 44%,#a9823e20,transparent 50%)}.cinema-index{font-size:10px;letter-spacing:.16em}.cinema-copy{inset:0;pointer-events:none}.cinema-copy:before{display:none}.cinema-beat{left:6%;width:43%;top:47%;z-index:3}.cinema-beat h2{font-size:clamp(56px,6.4vw,96px);line-height:1.02;text-shadow:none;max-width:10ch}.cinema-beat p{font-size:18px;color:#d5ddcc;text-shadow:none;max-width:30ch}.tap-theatre{position:absolute;width:55%;height:100%;right:0;top:0;perspective:1400px;isolation:isolate}.tap-orbit{position:absolute;width:520px;height:520px;max-width:95%;aspect-ratio:1;top:18%;left:5%;border:1px solid #c8cda12e;border-radius:50%;transform:rotateX(30deg);box-shadow:0 0 0 70px #c8cda105,0 0 0 140px #c8cda104}.tap-phone{position:absolute;width:270px;height:540px;top:50%;left:50%;margin:-270px 0 0 -100px;background:#f2eee3;border:7px solid #17261f;border-radius:40px;box-shadow:2px 0 0 2px #af9c7b,20px 35px 60px #010c0990;overflow:hidden;transform:rotateY(-12deg) rotateZ(7deg);transition:transform .8s var(--studio-ease)}.phone-camera{position:absolute;z-index:4;top:11px;width:80px;height:20px;border-radius:20px;background:#14231c;left:50%;transform:translateX(-50%)}.phone-lock{position:absolute;inset:0;background:linear-gradient(140deg,#d4dcc7,#f6efdf);color:#244a36;display:flex;align-items:center;flex-direction:column;text-align:center;padding:62px 28px 30px;transition:opacity .5s}.phone-lock>span{font-size:55px;font-weight:500;letter-spacing:-.06em}.phone-lock p{font:26px/1.18 var(--font-display);margin-top:9px}.phone-lock svg{width:62px;height:62px;margin:auto 0 20px;color:#52754b}.phone-lock small{font-size:12px;max-width:17ch;color:#4d684c;margin-bottom:55px}.phone-profile{position:absolute;inset:0;background:#f5f0e5;opacity:0;transform:translateY(28px);transition:opacity .6s,transform .8s var(--studio-ease);padding:0 23px;color:#213e2d}.phone-profile-cover{height:150px;background:#c1d0b7;margin:0 -23px;display:flex;justify-content:space-between;padding:50px 22px 0;font-size:9px;letter-spacing:.13em;color:#345939}.phone-profile-cover>span:first-child{font-weight:700;letter-spacing:.22em}.demo-avatar{width:62px;height:62px;border-radius:50%;background:#ae6545;color:#fff4e4;border:5px solid #f5f0e5;display:grid;place-items:center;font:26px var(--font-display);margin-top:-33px;position:relative}.phone-profile h3{font-size:35px;line-height:1.1;margin:10px 0 8px;overflow-wrap:anywhere}.phone-profile>p{font-size:12px;max-width:25ch;color:#5b6e58}.demo-profile-links{display:flex;flex-direction:column;gap:8px;margin-top:25px}.demo-profile-links>span{font-size:12px;border-bottom:1px solid #b9c5af;padding:11px 0;display:flex;justify-content:space-between}.demo-profile-links>span:first-child{background:#244934;color:#fff;padding:12px;border-radius:8px;border:0}.phone-profile>small{display:block;font-size:10px;margin-top:24px;color:#62715b;overflow-wrap:anywhere}.tap-object{position:absolute;z-index:5;top:32%;left:0;width:330px;aspect-ratio:1.6;padding:26px 28px;background:radial-gradient(ellipse at 82% 5%,#44694d,#173b2a 75%);border-radius:14px;box-shadow:2px 4px 1px #bc8659,0 25px 50px #010b0766;color:#f5e9cf;transform:translate3d(-75px,160px,140px) rotateZ(-17deg) rotateY(-12deg);will-change:transform}.tap-object-top{display:flex;justify-content:space-between;align-items:center}.tap-object-top b{font-size:12px;letter-spacing:.25em}.tap-object-top svg{width:25px;height:25px;color:#d9b989}.tap-object>strong{display:block;font:35px/1.1 var(--font-display);margin-top:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-object>span{display:block;font-size:10px;margin:5px 0 22px;color:#d6c5a4}.tap-object>div:last-child{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7c9a339;padding-top:11px;font-size:7px;letter-spacing:.12em}.tap-object i{height:7px;width:1px;background:#c5b08b}.tap-rings{position:absolute;z-index:6;top:31%;left:51%;width:10px;height:10px;opacity:0;pointer-events:none}.tap-rings i{position:absolute;inset:-35px;border:1px solid #f5cba2;border-radius:50%;transform:scale(var(--ring-scale,1));opacity:var(--ring-opacity,0)}.tap-rings i:nth-child(2){inset:-60px;opacity:calc(var(--ring-opacity,0)*.65)}.tap-rings i:nth-child(3){inset:-90px;opacity:calc(var(--ring-opacity,0)*.3)}.tap-saved{position:absolute;z-index:8;bottom:18%;left:5%;display:flex;align-items:center;gap:15px;background:#dfe7d6;color:#193c2b;padding:18px 23px;border-radius:12px;box-shadow:0 20px 50px #030f0b66;opacity:0;transform:translateY(30px) rotate(-4deg);transition:opacity .6s,transform .8s var(--studio-ease)}.tap-saved>svg{width:32px;height:32px;border:1px solid #83a27c;border-radius:50%;padding:6px}.tap-saved strong,.tap-saved span{display:block}.tap-saved strong{font:23px var(--font-display)}.tap-saved span{font-size:11px;color:#4d6a4d;margin-top:3px}.demo-label{position:absolute;bottom:40px;left:30%;font-size:8px;letter-spacing:.17em;color:#acbba1}.scene-nav{position:absolute;z-index:9;left:6%;bottom:55px;display:flex;gap:0}.scene-nav button{padding:16px 18px 16px 0;margin-right:25px;border:0;border-top:1px solid #8b9b7966;background:none;color:#b2c0a7;font:11px var(--font-body);cursor:pointer;min-height:48px;transition:color .2s,border-color .2s}.scene-nav button span{margin-left:10px}.scene-nav button[aria-pressed=true]{border-color:#e3ae7d;color:#f2c69c}.scene-nav button:hover{color:white}.cinema-sticky[data-phase="1"] .phone-profile,.cinema-sticky[data-phase="2"] .phone-profile{opacity:1;transform:none}.cinema-sticky[data-phase="1"] .phone-lock,.cinema-sticky[data-phase="2"] .phone-lock{opacity:0}.cinema-sticky[data-phase="2"] .tap-phone{transform:rotateY(0) rotateZ(-3deg) translateY(-15px)}.cinema-sticky[data-phase="2"] .tap-saved{opacity:1;transform:translateY(0) rotate(-4deg)}
/* Editorial product exhibits replace repetitive placeholder rows. */
.studio-features{padding:120px 0;background:#eee9de;overflow:hidden}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:70px}.studio-heading h2{font-size:clamp(44px,5.3vw,78px);line-height:1.04;margin:0;max-width:17ch}.studio-heading h2 em{color:#a84924}.studio-heading>p{font-size:17px;line-height:1.6;color:#536450;margin:0 0 6px}.studio-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.portfolio-editorial{background:#dce3d3;min-width:0;border-radius:16px;padding:42px 38px 0;overflow:hidden}.editorial-copy h3{font-size:clamp(34px,3.5vw,51px);line-height:1.06;margin:0 0 18px;max-width:15ch}.editorial-copy p{font-size:16px;line-height:1.6;color:#4d624c}.editorial-copy a{display:inline-block;margin-top:7px;font-weight:700;font-size:13px;border-bottom:1px solid #839579;padding-bottom:6px}.portfolio-proof{margin:45px 0 -24px;background:#faf6eb;border-radius:10px;transform:rotate(-3deg);box-shadow:0 25px 40px -25px #284b2d77;overflow:hidden}.proof-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #d9ddcf;font-size:10px;padding:12px 21px;color:#5e7054}.proof-content{padding:30px}.proof-intro{display:flex;gap:19px;align-items:center}.proof-intro>span{flex-shrink:0;display:grid;place-items:center;background:#a75c40;color:#fff0db;width:72px;height:90px;border-radius:40px 40px 8px 8px;font:35px var(--font-display)}.proof-intro small{display:block;font-size:8px;letter-spacing:.15em;color:#69755d}.proof-intro strong{display:block;font:35px/1.1 var(--font-display);margin:4px 0 9px;overflow-wrap:anywhere}.proof-intro p{font-size:11px;color:#6c765f;margin:0}.proof-projects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.proof-projects>div{min-height:180px;background:#2e4e39;color:#f4e7cf;display:flex;flex-direction:column;padding:19px}.proof-projects>div:last-child{background:#d5b49a;color:#3d402b}.proof-projects>div>span{font-size:8px;letter-spacing:.12em}.proof-projects strong{font:34px/.98 var(--font-display);margin:auto 0 13px}.proof-projects small{font-size:8px}.proof-footer{display:flex;justify-content:space-between;margin-top:23px;font-size:8px;letter-spacing:.12em;padding-bottom:15px}.memory-editorial{padding:42px 30px 30px;display:flex;flex-direction:column;justify-content:space-between;background:#e4d4c2;border-radius:16px;min-width:0}.memory-proof{background:#faf6ea;padding:24px;margin-top:45px;transform:rotate(3deg);border-radius:10px;box-shadow:0 25px 40px -28px #493c2677}.memory-search{display:flex;align-items:center;gap:9px;font-size:11px;border-bottom:1px solid #bfc7b2;padding-bottom:15px;color:#5b6d50}.memory-search svg{width:17px;height:17px;flex-shrink:0}.memory-record{display:flex;align-items:center;gap:10px;margin-top:25px}.memory-avatar{width:40px;height:40px;background:#ba7655;color:#fff4e2;border-radius:50%;display:grid;place-items:center;font:16px var(--font-display)}.memory-record strong{display:block;font-size:13px}.memory-record small{display:block;font-size:9px;color:#637359}.memory-record>span{margin-left:auto}.memory-proof blockquote{font:24px/1.25 var(--font-display);margin:25px 0 32px;color:#2c452f}.memory-proof-bottom{display:flex;justify-content:space-between;border-top:1px solid #bac5ad;padding-top:15px;font-size:7px;letter-spacing:.12em;color:#68775c}.workspace-strip{display:flex;gap:25px;align-items:center;margin-top:45px;padding-top:24px;border-top:1px solid #b4bfaa;font-size:13px}.workspace-strip>span{margin-right:auto;color:#5b6b54}.workspace-strip>a{font-weight:600}.workspace-strip>a:hover{color:#a84924}.audience-section{padding-block:100px}.audience-grid a{border:0;box-shadow:none}.name-dialog-index{display:none}.name-dialog h2{max-width:8ch;font-size:60px}.name-dialog-copy{padding-top:40px}
@media(min-width:1600px){.hero{column-gap:90px}.tap-theatre{right:3%}}
@media(max-width:760px){.handle-field input{max-width:calc(100% - 155px)}}
@media(max-width:1050px){.hero-art{height:470px}.sample-card{padding:25px}.cinema-beat h2{font-size:64px}.tap-theatre{right:-3%;width:56%}.tap-object{width:290px}.tap-phone{width:245px;height:490px;margin-top:-245px}.studio-layout{grid-template-columns:1fr 1fr}.portfolio-editorial,.memory-editorial{padding:30px 24px}.portfolio-editorial{padding-bottom:0}.proof-content{padding:22px}.proof-projects strong{font-size:28px}.memory-proof{padding:20px}.memory-proof blockquote{font-size:22px}}
@media(max-width:900px){.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px}.hero h1{font-size:70px}.hero-lead{font-size:24px}.hero-detail{font-size:15px}.hero-art{min-height:0;height:420px}.sample-card{padding:23px}.card-name-input{font-size:32px}.card-domain{font-size:10px!important}.card-bottom{font-size:8px}.sample-label{font-size:7px}.card-caption{font-size:10px}.card-caption>span:first-child{font-size:7px}.hero-art:before{inset:12% -3% 12%}.cinema-beat{left:5%;width:42%}.cinema-beat h2{font-size:56px}.cinema-beat p{font-size:16px}.studio-heading h2{font-size:57px}.studio-heading>p{font-size:15px}}
@media(max-width:760px){.hero{display:flex;padding-top:45px;gap:0}.hero h1{font-size:clamp(57px,12.5vw,82px);max-width:11ch}.hero-lead{font-size:24px;max-width:27ch}.hero-detail{font-size:16px}.hero-note{font-size:12px}.hero-art{height:370px;margin-top:45px;margin-bottom:12px}.sample-card{max-width:410px;padding:28px}.card-name-input{font-size:38px}.card-domain{font-size:12px!important}.sample-label{font-size:8px}.card-bottom{font-size:9px}.card-caption{bottom:0;font-size:11px;gap:4px}.card-caption>span:first-child{font-size:8px}.handle-form{margin-top:25px;max-width:100%}.handle-field input{font-size:19px;max-width:calc(100% - 155px)}.handle-field>span{font-size:17px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{padding:14px 22px;min-height:54px;gap:32px}.text-link{font-size:13px}.cinema{height:330svh}.cinema-sticky{min-height:650px}.cinema-index{top:23px;left:22px;right:22px;font-size:8px}.cinema-index>span:last-child{max-width:22ch;text-align:right}.cinema-beat{top:75px;left:24px;right:24px;width:auto;bottom:auto;transform:translateY(15px)}.cinema-beat.is-active{transform:none}.cinema-beat h2{font-size:48px;line-height:1.02;margin-bottom:14px;max-width:12ch}.cinema-beat p{font-size:14px;line-height:1.5}.tap-theatre{top:28%;height:65%;width:100%;right:0;transform:scale(.78);transform-origin:center center}.tap-phone{left:56%;top:50%;height:465px;width:235px;margin-top:-232px;margin-left:-100px}.tap-object{top:30%;left:10%;width:275px;padding:22px}.tap-object>strong{font-size:29px;margin-top:20px}.tap-object>span{font-size:9px;margin-bottom:15px}.tap-orbit{top:2%;height:auto;width:450px;max-width:120%;left:-10%;aspect-ratio:1}.tap-saved{bottom:9%;left:0;padding:15px 18px}.tap-saved strong{font-size:20px}.tap-saved span{font-size:10px}.tap-rings{left:57%;top:22%}.demo-label{bottom:-14px;left:26%;font-size:8px}.scene-nav{bottom:18px;left:24px;right:24px;justify-content:space-between}.scene-nav button{margin-right:0;font-size:10px;padding-right:12px;min-height:44px}.scene-nav button span{margin-left:6px}.studio-features{padding:75px 0}.studio-heading{display:block;margin-bottom:40px}.studio-heading h2{font-size:44px}.studio-heading>p{font-size:16px;margin-top:23px}.studio-layout{grid-template-columns:1fr;gap:20px}.portfolio-editorial{padding:29px 24px 0}.memory-editorial{padding:29px 24px}.editorial-copy h3{font-size:36px}.editorial-copy p{font-size:15px}.portfolio-proof{margin-top:35px;margin-bottom:-15px}.memory-proof{margin-top:35px}.workspace-strip{flex-wrap:wrap;gap:15px 23px}.workspace-strip>span{width:100%}.workspace-strip>a{font-size:12px}.audience-section{padding-block:70px}.name-dialog h2{font-size:48px}.name-dialog-copy{padding:25px}.name-dialog-art{min-height:140px}.phone-profile h3{font-size:29px}}
@media(max-height:720px) and (min-width:761px){.tap-theatre{transform:scale(.83);transform-origin:center}.cinema-sticky{min-height:580px}.cinema-beat h2{font-size:68px}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-sticky{height:850px;min-height:0}.cinema-beat{display:none!important}.cinema-beat.is-active{display:block!important}.cinema-beat:first-child{transform:translateY(-50%)}.tap-object{transform:translate3d(-55px,20px,0) rotate(-12deg)!important}.tap-rings{display:none}.tap-theatre{transition:none}.cinema-sticky[data-phase="1"] .tap-object,.cinema-sticky[data-phase="2"] .tap-object{opacity:0}.scene-nav{display:flex}.tap-phone{transition:none}.phone-profile{transition:none}.tap-saved{transition:none}@media(max-width:760px){.cinema-beat:first-child{transform:none}.cinema-sticky{height:850px}.tap-theatre{top:27%}}}