@font-face{font-family:Bodoni;src:url('assets/fonts/bodoni-moda.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:Jost;src:url('assets/fonts/jost.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#e9decd;--light:#f2e8d8;--ink:#302720;--muted:#7b6b5d;--espresso:#302720;--focus:#b4382e;--red:#b4382e;--sand:#d4bd9a;--line:rgba(48,39,32,.18);--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:none}button:focus-visible,a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.24em}input:focus-visible{border-bottom-color:var(--red)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;letter-spacing:-.055em;line-height:1}em{font-family:var(--serif);font-weight:500}img{display:block;max-width:100%;object-fit:cover}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{clip:auto;width:auto;height:auto;z-index:100;left:15px;top:15px;background:var(--light);padding:10px}.eyebrow,.section-index,.view-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--muted)}.section-pad{padding:100px 5.5vw 95px}.section-index{display:flex;justify-content:space-between;margin-bottom:52px;color:var(--muted)}.section-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:60px;margin-bottom:55px}.section-heading h2{font-size:clamp(58px,6.8vw,110px)}.section-heading h2 em{letter-spacing:-.04em}.section-heading>div{padding-bottom:7px}.section-heading p{font-size:17px;line-height:1.6}.section-heading .muted{font-size:13px;margin-top:18px}.red-word{color:var(--red)}.text-link{display:inline-block;padding-bottom:8px;border-bottom:1px solid currentColor}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;padding:15px 22px;min-height:48px;font-size:12px}.button.solid{background:var(--red);color:var(--light)}.button.quiet{background:transparent;border:1px solid var(--line)}.button:disabled{background:#e5ded2;color:var(--muted);cursor:default}.brand{font-size:30px;letter-spacing:-.065em;font-weight:700;white-space:nowrap;line-height:1}.brand em{font-size:34px;letter-spacing:-.06em;margin-left:2px}.brand i{font-style:normal;color:var(--red);font-size:38px}.masthead{height:90px;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:25;color:#d6cdbb}.masthead-note{text-align:center;line-height:1.2;font-size:10px}.masthead-note em{font-size:18px}.masthead nav{display:flex;align-items:center;gap:28px;font-size:11px}.masthead .nav-talk{display:flex;gap:15px}#menu-toggle{width:38px;height:38px;border:1px solid #d6cdbb55;background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}#menu-toggle span{width:13px;height:1px;background:currentColor}body.world-revealed .masthead{color:var(--ink)}#site-menu{max-width:none;width:100%;height:100dvh;max-height:none;border:0;background:var(--espresso);color:var(--paper);padding:35px 6vw}#site-menu::backdrop{background:var(--espresso)}.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}#menu-close{background:transparent;border:1px solid #ffffff50;color:var(--paper);border-radius:50%;width:45px;height:45px;font-size:28px}#site-menu>nav{display:flex;flex-direction:column;max-width:1050px;margin:30px auto}#site-menu>nav a{font-size:clamp(28px,5vw,80px);display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff22;padding:15px 0;letter-spacing:-.05em}#site-menu small{font-size:10px;letter-spacing:0;color:#c0ac97}#site-menu nav span{margin-left:auto}#site-menu>p{font-size:13px;margin:40px 0}
.hero{position:relative;background:var(--espresso)}.hero-stage{height:calc(100svh - 85px);min-height:640px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate;--lens-x:50%;--lens-y:50%;--lens-r:0px}.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-position:center}.hero-shade{background:linear-gradient(180deg,rgba(10,21,35,.25),transparent 34%,rgba(7,19,27,.4));z-index:1}.hero-top{position:absolute;left:5.5vw;right:5.5vw;top:120px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#d2c5b0;z-index:3}.hero h1{position:absolute;top:25%;left:5.1vw;color:var(--focus);font-size:clamp(120px,15.2vw,255px);z-index:2;line-height:.84;pointer-events:none;letter-spacing:-.08em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{margin-left:1vw;font-size:1.14em;line-height:.8;letter-spacing:-.065em}.hero-foreground{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.hero-bottom{position:absolute;left:5.5vw;right:5.5vw;bottom:35px;z-index:4;display:flex;align-items:end;justify-content:space-between;color:var(--paper)}.hero-offer p{font-size:19px;line-height:1.5}.hero-offer p strong{font-weight:500}.hero-offer>span{display:block;font-size:11px;line-height:1.65;margin-top:15px;color:#d3cab9}.hero-start{width:90px;height:90px;border:1px solid #e5dcc55e;border-radius:50%;display:flex;justify-content:center;flex-direction:column;text-align:center;line-height:1.2}.hero-start em{font-size:22px}.hero-start b{font-weight:400;font-size:26px}.hero-toolbar{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 5.5vw;color:var(--paper)}.hero-toolbar>span{display:flex;align-items:center;gap:22px}.hero-toolbar em{color:#d26356;font-size:45px;line-height:.8}.hero-toolbar>span>span{font-size:11px;line-height:1.5}.hero-toolbar button{border:0;background:transparent;color:inherit;border-bottom:1px solid #ffffff50;font-size:12px;padding:7px 0;display:flex;gap:35px}.hero-toolbar b{font-size:20px;font-weight:400}.hero-toolbar>small{font-size:9px;color:#a18b76}.lens-ring{position:absolute;width:70px;height:70px;border:1px solid #b4382e80;border-radius:50%;z-index:12;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--red);opacity:0;transition:opacity .2s}.lens-ring em{font-size:24px}.lens-active .lens-ring{opacity:1}.revealed .lens-ring{opacity:0}.reveal-board{position:absolute;inset:0;background:#d8c2a2;z-index:8;clip-path:circle(var(--lens-r) at var(--lens-x) var(--lens-y));transition:clip-path .7s cubic-bezier(.22,1,.36,1);padding:120px 5.5vw 25px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.lens-active .reveal-board{transition:clip-path .3s}.revealed .reveal-board{clip-path:circle(var(--lens-r) at var(--lens-x) var(--lens-y))}.board-top,.board-bottom{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.06em}.board-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:5vw;align-items:center;padding:20px 0}.red-one{font-family:var(--serif);font-style:italic;color:var(--red);font-size:70px;line-height:1}.board-story h2{font-size:clamp(38px,4.2vw,70px);margin:12px 0 25px;line-height:.96}.board-story p{font-size:13px}.board-story .text-link{margin-top:25px;font-size:11px}.board-system{background:var(--light);padding:22px;box-shadow:0 25px 50px #1f22201c;transform:rotate(-2deg);border:1px solid #ffffffe0}.board-system-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);gap:20px}.board-system-head .brand{font-size:21px}.board-system-head .brand em{font-size:25px}.board-system-head .brand i{font-size:28px}.board-system-head>span:last-child{font-size:8px}.board-mini-grid{display:grid;grid-template-columns:1fr .85fr;gap:22px;padding:25px 0 18px}.board-diary h3{font-size:23px;margin:10px 0 22px}.board-slot{display:flex;align-items:center;gap:14px;background:#e9e0d3;border-left:2px solid var(--red);padding:12px 10px;margin:12px 0;font-size:9px}.board-slot small{font-size:10px}.board-slot b{display:block;font-size:11px}.board-slot .icon{width:17px;margin-left:auto}.board-slot.dim{opacity:.45;background:transparent;border-left-color:var(--line)}.board-payment{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;font-size:10px}.board-payment .icon{width:20px}.board-payment em{margin-left:auto}.board-messages{border-left:1px solid var(--line);padding-left:20px}.board-messages>p{font-size:11px;padding:10px 12px;margin-top:12px;border-radius:2px;line-height:1.4}.mini-in{background:#e5ddcf;margin-left:20px}.mini-out{background:var(--espresso);color:var(--paper);margin-right:15px}.mini-out small{font-size:6px;display:block;margin-top:8px;opacity:.6}.board-record{display:flex;gap:12px;align-items:center;margin-top:20px;font-size:12px}.board-record small{display:block;font-size:8px;margin-top:3px;color:var(--muted)}.board-system-foot{border-top:1px solid var(--line);padding-top:13px;font-size:9px;display:flex;align-items:center;gap:7px}.board-system-foot i{width:4px;height:4px;background:var(--red);border-radius:50%}.board-bottom{align-items:center}.board-bottom>div{display:flex;gap:20px}.board-bottom button{border:0;border-bottom:1px solid var(--line);background:transparent;font-size:10px;padding:8px 0}.board-bottom button:disabled{opacity:.6;cursor:default}
.journey{background:var(--paper)}.journey-ribbon{display:flex;align-items:center;gap:20px;margin-bottom:30px}.one-medallion{background:var(--red);color:var(--light);border-radius:50%;width:55px;height:55px;flex-shrink:0;display:grid;place-items:center}.one-medallion em{font-size:25px;line-height:1;letter-spacing:-.06em;padding-right:2px}.journey-ribbon p{font-size:13px;line-height:1.6}.journey-ribbon p b{font-weight:500}.journey-ribbon p span{font-size:11px;color:var(--muted)}.journey-ribbon>button{margin-left:auto;border:0;background:transparent;font-size:11px;border-bottom:1px solid var(--line);padding:8px 0}.one-demo-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.one-demo-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:13px;flex:1;padding:18px 12px;border:0;background:transparent;position:relative;font-size:12px}.one-demo-tabs small{color:var(--muted);font-size:9px}.one-demo-tabs .icon{width:21px;height:21px}.one-demo-tabs button:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);content:'';transform:scaleX(0);transition:transform .35s;transform-origin:left}.one-demo-tabs [aria-selected=true]{color:var(--red)}.one-demo-tabs [aria-selected=true]:after{transform:scaleX(1)}.journey-stage{display:grid;grid-template-columns:minmax(135px,.6fr) minmax(460px,1.85fr) 236px;gap:25px;align-items:center}.journey-photo{align-self:stretch;position:relative;overflow:hidden;min-height:400px}.journey-photo img{width:100%;height:100%;position:absolute;object-position:50% 30%;transition:transform .7s}.journey-photo figcaption{position:absolute;bottom:20px;left:18px;right:15px;z-index:1;color:var(--light)}.journey-photo figcaption>span{font-size:8px;line-height:1.5;display:block;letter-spacing:.05em}.journey-photo strong{font-size:20px;display:block;font-weight:500;letter-spacing:-.03em;margin-top:17px}.journey-photo small{font-size:8px}.view-label{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin:0 0 12px;gap:10px}.workspace{height:360px;display:flex;background:var(--light);border:1px solid #d9d1c5;box-shadow:0 15px 25px #30272009;border-radius:7px;overflow:hidden}.workspace-sidebar{background:var(--espresso);color:var(--paper);width:55px;display:flex;align-items:center;flex-direction:column;padding:18px 0;gap:12px;flex-shrink:0}.workspace-logo{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1;letter-spacing:-.06em;margin-bottom:15px;color:#d67868}.workspace-sidebar button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#bca894;border-radius:4px}.workspace-sidebar .icon{width:18px;height:18px}.workspace-sidebar button.active{background:#504035;color:var(--paper)}.team-avatar{margin-top:auto;border:1px solid #ffffff30;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:9px}.workspace-main{min-width:0;flex:1;display:flex;flex-direction:column}.workspace-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:8px;gap:12px}.workspace-studio{letter-spacing:.02em}.workspace-bar>span:first-child{color:var(--muted)}#one-owner-screen{flex:1;padding:24px;min-height:0;overflow:auto}.screen-enter{animation:screen-in .45s cubic-bezier(.22,1,.36,1)}@keyframes screen-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}.record-link{display:flex;align-items:center;gap:12px;padding:17px 1px 0;font-size:10px}.record-link .icon{width:20px;height:20px;color:var(--red)}.record-link small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.record-link b{font-weight:500}.record-badge{font-size:7px;letter-spacing:.03em;margin-left:auto;color:var(--red)}.client-view{width:236px}.phone-frame{height:455px;width:218px;margin:auto;border:5px solid #18202b;border-radius:34px;background:#faf6ee;box-shadow:0 17px 30px #3027201a;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-frame:before,.phone-frame:after{content:'';position:absolute;border:1px solid #7d8690;border-radius:29px;inset:-3px;pointer-events:none;z-index:2}.phone-frame:after{border-color:#ffffff;opacity:.3;inset:0}.phone-status{height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;font-weight:700;position:relative;color:var(--ink)}.phone-status i{width:63px;height:17px;border-radius:15px;background:#18202b;position:absolute;left:50%;transform:translateX(-50%);top:7px}.phone-home{height:3px;background:#18202b;width:68px;border-radius:5px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:2}#one-client-screen{padding:15px 15px 25px;overflow:auto;flex:1;scrollbar-width:none}#one-client-screen::-webkit-scrollbar{display:none}.phone-brand{display:block;font-size:8px;letter-spacing:.12em;color:#957a4b;border-bottom:1px solid #ab8d5530;padding-bottom:10px;margin-bottom:15px}.phone-title{font-family:Bodoni,Georgia,serif;font-size:28px;letter-spacing:-.025em;line-height:1.05;margin-bottom:18px}.phone-title em{font-family:Bodoni;font-style:normal;color:var(--red)}.phone-body{font-size:10px;line-height:1.6}.phone-card{padding:12px;border:1px solid var(--line);margin:16px 0}.phone-card strong{font-size:11px;display:block}.phone-card small{font-size:8px;color:var(--muted)}.phone-primary{border:0;background:var(--espresso);color:var(--paper);padding:12px;font-size:10px;width:100%}.phone-service{display:flex;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px}.phone-service small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.phone-times{display:flex;gap:8px;margin:18px 0}.phone-times button{flex:1;border:1px solid var(--line);background:transparent;text-align:left;font-size:10px;padding:10px}.phone-times button small{display:block;margin-top:4px;font-size:12px}.phone-times [aria-pressed=true]{background:var(--espresso);color:var(--light);border-color:var(--espresso)}.phone-result{display:flex;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:10px}.phone-result>b{font-weight:400;color:var(--red)}.phone-result small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.phone-kicker{font-size:7px;letter-spacing:.04em;color:var(--muted)}.phone-chat p{padding:12px;font-size:10px;line-height:1.5;margin:10px 0;border-radius:8px}.phone-chat small{display:block;font-size:7px;margin-top:8px;opacity:.6}.phone-chat .in{background:#e5dfd5;margin-left:16px}.phone-chat .out{background:var(--espresso);color:var(--light);margin-right:10px}.phone-receipt{font-size:40px;letter-spacing:-.04em;margin:20px 0}.phone-receipt small{font-size:8px;display:block;letter-spacing:.05em;color:var(--muted)}.phone-receipt-rows>div{display:flex;justify-content:space-between;font-size:9px;padding:9px 0;border-bottom:1px solid var(--line)}.owner-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.owner-title h4{font-size:24px}.owner-title small{font-size:7px;color:var(--muted);letter-spacing:.03em}.owner-status{font-size:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:18px;display:flex;justify-content:space-between;gap:10px}.owner-status>span:last-child{color:var(--red)}.discovery-card{background:var(--espresso);color:var(--paper);padding:21px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:3px}.discovery-card>div>span{font-size:7px;letter-spacing:.1em;color:#ba995e}.discovery-card h4{font-family:Bodoni;font-size:28px;letter-spacing:.01em;line-height:1.1;margin-top:9px}.discovery-card p{font-size:8px;color:#bca894;margin-top:8px}.discovery-card>.icon{width:40px;height:40px;color:#ba995e}.discovery-path{display:flex;justify-content:space-between;margin-top:20px;gap:8px;font-size:9px}.discovery-path div{display:flex;align-items:center;gap:9px}.discovery-path .icon{width:18px;height:18px;color:var(--red)}.calendar-grid{display:grid;grid-template-columns:35px repeat(3,1fr);font-size:8px}.calendar-head{text-align:center;padding:0 0 10px;color:var(--muted)}.calendar-head strong{display:block;font-size:17px;font-weight:500;color:var(--ink)}.calendar-time{padding-top:12px;color:var(--muted);font-size:7px}.calendar-slot{height:50px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:3px}.calendar-slot .appointment{height:100%;padding:5px 7px;background:#e9ddd0;border-left:2px solid var(--red);line-height:1.4;font-size:7px}.appointment strong{display:block;font-size:8px;font-weight:600}.appointment small{display:block;font-size:6px;color:var(--muted)}.appointment.pending{opacity:.55}.owner-conversation{display:flex;gap:16px}.owner-client-chip{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#e8dfd2;display:grid;place-items:center;color:var(--red);font-family:var(--serif);font-size:25px}.owner-conversation>div:last-child{flex:1}.owner-conversation strong{font-size:12px;font-weight:500}.owner-conversation small{display:block;font-size:8px;color:var(--muted)}.owner-message{font-size:11px;padding:15px;border:1px solid var(--line);margin:16px 0;background:#fffdf8}.owner-suggestion{display:flex;gap:12px;padding:12px;background:#e8dfd2;font-size:9px}.owner-suggestion .icon{width:17px;height:17px;color:var(--focus)}.invoice-head{display:flex;justify-content:space-between;font-size:11px;padding-bottom:15px;border-bottom:1px solid var(--line)}.invoice-head small{display:block;font-size:8px;color:var(--muted)}.invoice-head>span{font-size:7px;color:var(--red)}.invoice-row{display:flex;justify-content:space-between;font-size:10px;padding:12px 0;border-bottom:1px solid var(--line)}.invoice-row.total{font-size:17px;border-bottom:0}.client-history{display:flex;align-items:center;gap:12px;margin-bottom:17px}.client-history h4{font-size:24px}.client-history small{font-size:7px;color:var(--muted)}.profile-row{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:10px}.profile-row>span{color:var(--muted);font-size:8px}.profile-row small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.journey-action{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:27px;margin-top:30px}.journey-action .eyebrow{color:var(--red);font-size:8px}.journey-action h3{font-size:24px;letter-spacing:-.035em;margin:10px 0}.journey-action p{font-size:11px;color:var(--muted);max-width:570px}.journey-buttons{display:flex;gap:10px;flex-shrink:0}#one-demo-feedback{font-size:11px;color:var(--red);margin-top:13px;min-height:18px}.concept-note{font-size:9px;color:var(--muted);margin-top:18px}
.brand-worlds{background:var(--light)}.chat-studio-tabs{display:flex;margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chat-studio-tabs button{flex:1;text-align:left;background:transparent;border:0;padding:20px 20px 20px 0;position:relative;display:flex;flex-direction:column}.chat-studio-tabs button>small{font-size:8px;letter-spacing:.06em;color:var(--muted)}.chat-studio-tabs button>strong{font-weight:500;font-size:22px;letter-spacing:-.045em;margin-top:5px}.chat-studio-tabs button>span{position:absolute;right:25px;top:28px;font-size:21px}.chat-studio-tabs button:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--red);transform:scaleX(0);transition:transform .3s;transform-origin:left}.chat-studio-tabs [aria-selected=true]:after{transform:scaleX(1)}.chat-studio-tabs [aria-selected=true]{color:var(--red)}.studio-showcase{--brand-bg:#1a1714;--brand-fg:#f2e8d8;--brand-accent:#b98f55;--chat-bg:#241f1a;--chat-muted:#a99f8d;--chat-line:#b98f5535;--chat-bubble:#342b21;display:grid;grid-template-columns:1.6fr 1fr;background:var(--brand-bg);color:var(--brand-fg);min-width:0}.studio-showcase[data-studio=salon]{--brand-bg:#f2e8de;--brand-fg:#532a37;--brand-accent:#702b3c;--chat-bg:#f8eee7;--chat-muted:#977b7d;--chat-line:#702b3c30;--chat-bubble:#ead4d0}.studio-showcase[data-studio=beauty]{--brand-bg:#dcd8eb;--brand-fg:#363b60;--brand-accent:#585e93;--chat-bg:#f1eff8;--chat-muted:#8c8ba9;--chat-line:#585e932d;--chat-bubble:#e1deee}.brand-preview{position:relative;min-height:550px;overflow:hidden}.brand-preview>div{height:100%;min-height:550px;position:relative}@keyframes brand-in{from{opacity:.3;transform:translateY(25px);clip-path:inset(20% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}.bb-world{padding:25px 30px;text-align:center;font-family:Jost,Arial,sans-serif;isolation:isolate}.bb-world>img.bb-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.bb-world:before{content:'';position:absolute;inset:0;background:linear-gradient(#12101090,#12101060 50%,#121010b0);z-index:-1}.bb-world:after{content:'';position:absolute;inset:70px 25px 24px;border:1px solid #b98f5570;pointer-events:none}.bb-nav{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.14em;color:#e3c08a;gap:10px}.bb-nav img{width:27px;height:27px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:8px}.bb-nav>span:last-child{font-size:6px}.bb-crest{width:95px;height:95px;object-fit:contain;border-radius:50%;margin:50px auto 12px;mix-blend-mode:screen}.bb-world h3{font-family:Bodoni,Georgia,serif;font-size:58px;font-weight:500;letter-spacing:.03em;line-height:.95;color:#f2e8d8}.bb-world h3 em{font-family:Bodoni;font-size:28px;line-height:1.2;display:block;font-style:normal;color:#e3c08a;margin:3px 0}.bb-world p{max-width:290px;margin:22px auto 12px;font-size:11px;line-height:1.5}.bb-place{font-size:7px;letter-spacing:.2em;color:#e3c08a;display:block;margin-bottom:22px}.brand-demo-button{display:inline-block;padding:11px 22px;border:1px solid var(--brand-accent);background:var(--brand-accent);color:var(--brand-bg);font-size:9px;position:relative;z-index:3}.bb-footer{font-size:6px;letter-spacing:.2em;position:absolute;bottom:36px;left:0;right:0;color:#e3c08a}.sora-world{font-family:var(--serif);background:#e7d7c6;isolation:isolate}.sora-world>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-position:65% center}.sora-world:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eee3cfaa,transparent 75%);z-index:-1}.sora-nav{position:absolute;left:28px;right:28px;top:23px;display:flex;align-items:center;justify-content:space-between;color:#632b3d}.sora-nav strong{font-size:33px;font-weight:500;letter-spacing:-.07em}.sora-nav em{font-size:14px}.sora-nav>span{font-family:var(--sans);font-size:7px;letter-spacing:.05em}.sora-heading{position:absolute;left:35px;top:160px;color:#632b3d}.sora-heading>span{font-family:var(--sans);font-size:7px;letter-spacing:.07em}.sora-heading h3{font-size:70px;line-height:.91;letter-spacing:-.05em;margin:17px 0 22px}.sora-heading h3 em{font-size:1.08em}.sora-heading button{background:#632b3d;color:#f2e8de;border-color:#632b3d;font-family:var(--sans)}.sora-bottom{position:absolute;bottom:0;left:0;right:0;background:#f4eae0;display:flex;justify-content:space-between;padding:21px 28px;align-items:center;color:#632b3d;font-size:22px;letter-spacing:-.025em}.sora-bottom>small{font-family:var(--sans);font-size:7px;text-align:right;letter-spacing:.03em}.luma-world{background:#dcd8eb;color:#363b60;padding:30px;isolation:isolate}.luma-nav{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.04em}.luma-nav strong{font-family:var(--sans);font-size:26px;letter-spacing:.2em;font-weight:400}.luma-nav em{font-size:13px;letter-spacing:0}.luma-photo-wrap{position:absolute;width:55%;height:79%;right:22px;bottom:20px;border-radius:150px 150px 15px 15px;overflow:hidden;z-index:-1}.luma-photo-wrap img{width:100%;height:100%;object-position:60% center}.luma-heading{position:absolute;left:32px;top:190px}.luma-heading h3{font-size:50px;line-height:1.05;font-family:var(--serif);letter-spacing:-.03em;margin-bottom:22px}.luma-heading h3 em{font-size:1.2em}.luma-heading button{border-radius:30px;background:#363b60;color:#f1eff8;border-color:#363b60}.luma-signature{position:absolute;left:35%;top:95px;font-size:75px;font-weight:400;color:#8985b3;line-height:1}.luma-heading>p{font-size:9px;line-height:1.6;margin:0 0 18px;max-width:150px}.luma-footer{position:absolute;bottom:35px;left:32px;font-size:7px;letter-spacing:.05em}.studio-conversation{background:var(--chat-bg);padding:25px;min-width:0;display:flex;flex-direction:column;height:550px;transition:background .3s}.studio-chat-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--chat-line);padding-bottom:18px;flex-shrink:0}.studio-chat-header>div{position:relative;padding-left:15px}.chat-studio-dot{width:5px;height:5px;background:var(--brand-accent);border-radius:50%;position:absolute;left:0;top:8px}.studio-chat-header strong{display:block;font-size:13px;font-weight:500}.studio-chat-header small{font-size:9px;color:var(--chat-muted);display:block;margin-top:2px}.studio-chat-header .icon{width:20px;height:20px;color:var(--brand-accent)}[data-studio=barber] .studio-chat-header strong{font-family:Bodoni;font-size:17px}[data-studio=salon] .studio-chat-header strong{font-family:var(--serif);font-size:23px}[data-studio=beauty] .studio-chat-header strong{letter-spacing:.03em}.studio-chat-messages{overflow:auto;flex:1;min-height:105px;padding:15px 0;scrollbar-width:thin;scrollbar-color:var(--brand-accent) transparent}.studio-chat-message{font-size:11px;line-height:1.7;background:var(--chat-bubble);padding:12px 15px;margin:0 22px 12px 0}.studio-chat-message small{font-size:7px;letter-spacing:.02em;display:block;color:var(--chat-muted);margin-bottom:4px}.studio-chat-message span{white-space:pre-line}.studio-chat-message.customer{margin:0 0 12px 35px;background:var(--brand-accent);color:var(--brand-bg)}.studio-chat-message.customer small{color:inherit;opacity:.7}[data-studio=salon] .studio-chat-message{border-radius:0 15px 15px 15px}[data-studio=beauty] .studio-chat-message{border-radius:16px}.studio-chat-choices{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;flex-shrink:0}.studio-chat-choices button{border:1px solid var(--chat-line);background:transparent;color:inherit;padding:9px 11px;font-size:9px}.studio-chat-choices button:hover{border-color:var(--brand-accent)}.studio-chat-choices .chat-service-choice{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:9px 12px}.chat-service-choice strong{font-size:10px;font-weight:500;display:block}.chat-service-choice small{font-size:8px;display:block;color:var(--chat-muted)}.chat-service-choice>span:last-child{font-size:9px}.studio-chat-choices .chat-confirm-choice{background:var(--brand-accent);color:var(--brand-bg);width:100%}[data-studio=beauty] .studio-chat-choices button{border-radius:25px}.studio-chat-form{display:flex;border-bottom:1px solid var(--chat-line);padding:5px 0 12px;gap:10px;flex-shrink:0}.studio-chat-input{min-width:0;flex:1;width:100%;background:transparent;color:inherit;border:0;border-radius:0;font-size:10px;padding:9px 0}.studio-chat-input::placeholder{color:var(--chat-muted)}.studio-chat-form button{width:30px;height:30px;background:var(--brand-accent);color:var(--brand-bg);border:0;font-size:18px}[data-studio=beauty] .studio-chat-form button{border-radius:50%}.studio-chat-footer{display:flex;justify-content:space-between;gap:8px;font-size:6px;color:var(--chat-muted);padding-top:12px;align-items:center}.studio-chat-footer em{font-size:15px;color:var(--brand-accent)}.chat-connection-status{grid-column:1/-1;display:flex;align-items:center;gap:15px;font-size:10px;padding:16px 25px;border-top:1px solid var(--chat-line)}.chat-connection-status>span{color:var(--brand-accent);font-size:20px}.chat-connection-status a{margin-left:auto;flex-shrink:0;color:var(--brand-accent)}.chat-connection-status.connected{background:var(--chat-bubble)}.brand-caption{display:flex;justify-content:space-between;gap:30px;font-size:8px;color:var(--muted);margin-top:18px}
.platform{background:var(--espresso);color:var(--paper)}.platform .section-index{color:#c0ac97}.platform .muted{color:#c0ac97}.platform-body{display:grid;grid-template-columns:.9fr 1.4fr;gap:7vw}.platform-modules{display:flex;flex-direction:column;justify-content:center}.platform-modules button{display:flex;align-items:center;gap:20px;padding:20px 5px;border:0;border-top:1px solid #ffffff20;color:var(--paper);background:transparent;text-align:left}.platform-modules button:last-child{border-bottom:1px solid #ffffff20}.platform-modules button>.icon{width:22px;height:22px;color:#c0ac97}.platform-modules button>span{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px}.platform-modules strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.platform-modules small{font-size:8px;color:#c0ac97}.platform-modules b{font-size:20px;font-weight:400;color:#c0ac97}.platform-modules [aria-selected=true]{color:#db8375}.platform-modules [aria-selected=true] .icon,.platform-modules [aria-selected=true] b{color:#db8375}#module-panel{border:1px solid #ffffff20;padding:35px;position:relative;min-width:0;background:#3b2e26}.module-orbit{height:170px;position:relative;width:265px;margin:0 auto 25px}.module-orbit:before{content:'';border:1px solid #ffffff22;border-radius:50%;width:140px;height:140px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-57%);font-family:var(--serif);font-size:53px;font-style:italic;color:#db8375}.orbit-nodes>span{position:absolute;width:39px;height:39px;display:grid;place-items:center;background:#3b2e26;border:1px solid #ffffff25;border-radius:50%;color:#b39b85;transition:all .35s}.orbit-nodes .icon{width:18px;height:18px}.orbit-nodes>span:nth-child(1){left:112px;top:0}.orbit-nodes>span:nth-child(2){right:36px;top:36px}.orbit-nodes>span:nth-child(3){right:36px;bottom:15px}.orbit-nodes>span:nth-child(4){left:112px;bottom:0}.orbit-nodes>span:nth-child(5){left:34px;bottom:15px}.orbit-nodes>span:nth-child(6){left:34px;top:36px}.orbit-nodes>span.active{color:var(--espresso);background:#db8375;border-color:#db8375;box-shadow:0 0 0 5px #db837517}#module-label{font-size:8px;color:#c0ac97}#module-title{font-size:42px;margin:15px 0 20px;line-height:1.03}#module-description{font-size:13px;color:#e0ccba;line-height:1.8;max-width:470px;min-height:70px}.module-flow{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff20;padding-top:20px;margin-top:24px;font-size:9px;flex-wrap:wrap}.module-flow>span{border:1px solid #ffffff20;padding:7px 10px}.module-flow>b{font-weight:400;color:#db8375}.platform-principle{display:grid;grid-template-columns:.85fr 1.4fr auto;gap:40px;align-items:center;border-top:1px solid #ffffff25;padding-top:35px;margin-top:55px}.platform-principle>span{display:flex;align-items:center;gap:15px;font-size:14px}.platform-principle .icon{color:#db8375}.platform-principle p{color:#c0ac97;font-size:11px}.platform-principle>a{font-size:10px;border-bottom:1px solid #ffffff50;padding-bottom:6px}
.human{background:var(--paper)}.human-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;align-items:center}.human-photo img{width:100%;height:640px;object-position:50% 38%}.human-photo figcaption{font-size:8px;color:var(--muted);letter-spacing:.08em;margin-top:15px}.human-story{padding-right:20px}.red-star{color:var(--red);font-size:55px;line-height:1;display:block;margin-bottom:30px}.human-story h2{font-size:clamp(64px,7.2vw,120px);line-height:.94;margin-bottom:40px}.human-lead{font-size:20px;line-height:1.6;margin-bottom:22px}.human-story>p:not(.human-lead){font-size:13px;color:var(--muted);max-width:360px;line-height:1.8}.human-story .text-link{font-size:11px;margin:26px 0 50px}.human-signature{display:block;font-size:11px}.human-signature em{font-size:24px;color:var(--red);margin-left:8px}.transition-scene{height:160svh;position:relative;background:var(--paper)}.scene-sticky{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;color:var(--paper);padding:5.5vw}.scene-image{position:absolute;inset:0;clip-path:inset(8% 6%);will-change:clip-path}.scene-image img{width:100%;height:100%;transform:scale(1.12);will-change:transform}.scene-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#30272020,#30272060)}.scene-overline{position:absolute;z-index:1;top:70px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em}.scene-sticky h2{position:relative;font-size:clamp(100px,13vw,210px);line-height:.83;letter-spacing:-.07em;margin-top:35px}.scene-sticky h2 em{display:block}.scene-caption{position:relative;margin-top:40px;font-size:13px;line-height:1.8}.scene-bottom{position:absolute;left:5.5vw;bottom:50px;font-size:11px;border-bottom:1px solid #ffffff70;padding-bottom:8px}.contact{background:var(--sand)}.contact h2{font-size:clamp(65px,8.5vw,140px);line-height:.93}.contact h2 em span{color:var(--red)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:70px}.contact-bottom p{font-size:18px;line-height:1.7}.contact-bottom small{display:block;font-size:10px;margin-top:20px;color:#686b6d}.contact-circle{width:135px;height:135px;border:1px solid #30272050;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;line-height:1.5}.contact-circle b{font-weight:400;font-size:35px}.email-link{font-size:10px;line-height:2}.email-link span{border-bottom:1px solid #30272050;padding-bottom:5px}.studio-footer{padding:60px 5.5vw 25px;background:var(--espresso);color:var(--paper)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-top>span{font-size:16px;line-height:1.4}.footer-top>span em{font-size:27px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 45px;font-size:11px;color:#c6b39e}.footer-wordmark{font-size:clamp(100px,18.6vw,310px);letter-spacing:-.075em;line-height:1;display:block;margin:45px 0 35px;white-space:nowrap}.footer-wordmark em{font-size:1.16em;color:#d67868;letter-spacing:-.065em;margin-left:2vw}.footer-wordmark i{font-style:normal;color:var(--red);letter-spacing:-.12em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#c0ac97;border-top:1px solid #ffffff20;padding-top:20px}
@media(min-width:1600px){.section-pad{padding-left:max(5.5vw,calc((100vw - 1540px)/2));padding-right:max(5.5vw,calc((100vw - 1540px)/2))}.journey-stage{grid-template-columns:.65fr 2fr 260px}.client-view{width:260px}.phone-frame{width:236px;height:493px}.workspace{height:395px}.brand-preview,.brand-preview>div,.studio-conversation{min-height:620px;height:620px}.bb-crest{margin-top:65px;width:110px;height:110px}.bb-world h3{font-size:68px}.sora-heading h3{font-size:85px}.luma-heading h3{font-size:65px}}
@media(max-width:1100px){.masthead-note{display:none}.section-heading{gap:30px}.section-heading p{font-size:15px}.journey-stage{grid-template-columns:minmax(420px,1fr) 218px;gap:25px}.journey-photo{display:none}.client-view{width:218px}.view-label{font-size:7px}.journey-action{gap:25px}.journey-buttons{flex-direction:column}.studio-showcase{grid-template-columns:1.3fr 1fr}.brand-preview,.brand-preview>div,.studio-conversation{height:540px;min-height:540px}.bb-world h3{font-size:46px}.bb-nav>span:last-child{display:none}.sora-heading h3{font-size:59px}.luma-heading h3{font-size:44px}.luma-photo-wrap{width:56%;right:14px}.studio-conversation{padding:20px}.platform-principle{grid-template-columns:1fr 1.5fr}.platform-principle a{grid-column:2;justify-self:start}.human-photo img{height:560px}.human-layout{gap:6vw}.human-lead{font-size:17px}.board-layout{gap:25px}.board-story h2{font-size:43px}.board-system{padding:18px}.board-mini-grid{gap:15px}.board-messages{padding-left:15px}.hero h1{font-size:16vw}}
@media(max-width:760px){html{scroll-padding-top:15px}.section-pad{padding:65px 6vw}.section-index{margin-bottom:35px;font-size:8px;gap:15px}.section-index>span:last-child{display:none}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.section-heading h2{font-size:60px}.section-heading p{font-size:14px}.section-heading .muted{font-size:11px}.masthead{height:75px;padding:0 6vw}.masthead .brand{font-size:26px}.masthead .brand em{font-size:30px}.masthead nav{gap:15px}.masthead nav>a:not(.nav-talk){display:none}.masthead nav>a{font-size:10px}.hero-stage{height:calc(100svh - 95px);min-height:640px;max-height:920px}.hero-top{top:100px;left:6vw;right:6vw;font-size:7px;max-width:210px;line-height:1.8}.hero-top>span:last-child{display:none}.hero h1{top:30%;left:4vw;font-size:23vw;line-height:.88}.hero h1 em{font-size:1.2em;letter-spacing:-.04em}.hero-foreground{display:none}.hero-shade{background:linear-gradient(#30272025,transparent 50%,#2b201b9e)}.hero-bottom{left:6vw;right:6vw;bottom:25px;gap:20px}.hero-offer p{font-size:15px}.hero-offer>span{font-size:9px;max-width:260px}.hero-offer>span br{display:none}.hero-start{width:60px;height:60px;flex-shrink:0;font-size:10px}.hero-start em{font-size:16px}.hero-start b{font-size:17px}.hero-toolbar{min-height:95px;padding:17px 6vw;gap:18px}.hero-toolbar>span{gap:12px}.hero-toolbar>span>span{font-size:8px;max-width:110px}.hero-toolbar em{font-size:31px}.hero-toolbar button{font-size:9px;gap:10px;max-width:140px}.hero-toolbar>small{display:none}.reveal-board{padding:95px 6vw 20px}.board-top{font-size:7px}.board-top>span:last-child{display:none}.board-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding:15px 0}.board-story .red-one{display:none}.board-story h2{font-size:35px;margin:0 0 12px}.board-story h2 br{display:none}.board-story p{font-size:10px;line-height:1.6}.board-story p br{display:none}.board-story .text-link{margin-top:13px;font-size:9px}.board-system{transform:rotate(-1deg);padding:15px}.board-system-head{padding-bottom:10px;gap:10px}.board-system-head .brand{font-size:16px}.board-system-head .brand em{font-size:21px}.board-system-head>span:last-child{font-size:6px}.board-mini-grid{gap:10px;padding:14px 0 8px}.board-diary h3{font-size:16px;margin:8px 0 12px}.board-diary .eyebrow,.board-messages .eyebrow{font-size:6px}.board-slot{padding:8px 7px;gap:8px;font-size:7px;margin:8px 0}.board-slot b{font-size:8px}.board-slot small{font-size:8px}.board-slot .icon{display:none}.board-slot.dim{display:none}.board-payment{padding:8px;font-size:7px;gap:6px}.board-payment .icon{width:15px}.board-messages{padding-left:10px}.board-messages>p{font-size:7px;padding:7px;margin-top:8px}.mini-out small{font-size:5px}.board-record{margin-top:12px;gap:6px;font-size:8px}.board-record .icon{width:16px;height:16px}.board-record small{font-size:6px}.board-system-foot{font-size:7px;padding-top:9px}.board-bottom{font-size:6px;gap:10px;align-items:end}.board-bottom>span{max-width:90px}.board-bottom>div{gap:14px}.board-bottom button{font-size:8px}.journey-ribbon{gap:12px}.one-medallion{width:43px;height:43px}.one-medallion em{font-size:21px}.journey-ribbon p{font-size:11px}.journey-ribbon p span{font-size:9px}.journey-ribbon>button{font-size:9px;max-width:60px;flex-shrink:0}.one-demo-tabs{margin-bottom:27px}.one-demo-tabs button{padding:14px 2px;flex-direction:column;gap:5px;font-size:9px;justify-content:center}.one-demo-tabs small{font-size:7px}.one-demo-tabs .icon{width:18px;height:18px}.journey-stage{grid-template-columns:1fr;gap:28px}.owner-view{order:1}.client-view{order:2;width:100%;display:grid;grid-template-columns:1fr 218px;gap:15px;align-items:center}.client-view .view-label{flex-direction:column;align-self:center;font-size:8px;line-height:1.5}.client-view .view-label>span:last-child{font-family:var(--serif);font-size:25px;text-transform:none;color:var(--red);letter-spacing:-.04em}.phone-frame{margin:0;width:218px;height:455px}.workspace{height:350px}.workspace-sidebar{width:42px;padding:17px 0}.workspace-sidebar button{width:30px;height:30px}.workspace-sidebar .icon{width:16px;height:16px}.workspace-bar{padding:0 12px;font-size:7px}#one-owner-screen{padding:18px 13px}.owner-title h4{font-size:20px}.owner-title small{font-size:6px}.discovery-card{padding:17px}.discovery-card h4{font-size:25px}.discovery-path{font-size:7px;gap:5px}.discovery-path div{gap:5px}.discovery-path .icon{width:14px;height:14px}.record-link{gap:9px}.record-link small{font-size:7px}.record-badge{display:none}.journey-action{display:block;margin-top:25px;padding-top:25px}.journey-action h3{font-size:25px}.journey-action p{font-size:11px}.journey-buttons{margin-top:22px;flex-direction:row;gap:8px}.journey-buttons .button{font-size:10px;padding:12px 15px;min-height:43px}.concept-note{font-size:8px}.chat-studio-tabs{gap:12px}.chat-studio-tabs button{padding:15px 0}.chat-studio-tabs button>small{font-size:6px}.chat-studio-tabs button>strong{font-size:14px;margin-top:8px;max-width:80px;line-height:1.3}.chat-studio-tabs button>span{display:none}.studio-showcase{grid-template-columns:1fr}.brand-preview,.brand-preview>div{height:490px;min-height:490px}.studio-conversation{height:470px;min-height:470px;padding:22px}.bb-crest{margin-top:35px;width:80px;height:80px}.bb-world h3{font-size:48px}.bb-world p{font-size:10px}.sora-heading{left:25px;top:135px}.sora-heading h3{font-size:58px}.sora-nav{left:22px;right:22px}.sora-nav>span{font-size:6px}.sora-bottom{padding:16px 22px;font-size:20px}.sora-bottom>small{font-size:6px}.luma-world{padding:22px}.luma-nav strong{font-size:22px}.luma-nav>span{font-size:6px}.luma-heading{left:25px;top:155px}.luma-heading h3{font-size:43px}.luma-photo-wrap{width:57%;height:75%;right:14px}.luma-signature{top:90px;left:31%;font-size:50px}.luma-footer{left:25px;font-size:6px}.chat-connection-status{padding:15px 22px;font-size:9px;gap:10px;flex-wrap:wrap}.chat-connection-status p{flex:1;min-width:210px}.chat-connection-status a{margin-left:28px;font-size:9px}.brand-caption{font-size:7px;gap:15px;line-height:1.7}.brand-caption>span:last-child{display:none}.platform-body{grid-template-columns:1fr;gap:30px}.platform-modules{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.platform-modules button{padding:16px 0;gap:10px}.platform-modules button>.icon{width:18px;height:18px}.platform-modules button strong{font-size:11px}.platform-modules button small,.platform-modules button b{display:none}.platform-modules button:nth-last-child(2){border-bottom:1px solid #ffffff20}#module-panel{padding:25px;min-height:480px}.module-orbit{margin-bottom:15px}#module-title{font-size:36px}#module-description{font-size:11px;min-height:80px}.module-flow{font-size:8px;gap:7px}.module-flow>span{padding:6px 8px}.platform-principle{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:35px;padding-top:30px}.platform-principle>span{font-size:13px}.platform-principle p{font-size:11px}.human-layout{grid-template-columns:1fr;gap:35px}.human-photo img{height:470px}.human-story{padding:0}.red-star{font-size:45px;margin-bottom:23px}.human-story h2{font-size:70px;margin-bottom:25px}.human-lead{font-size:18px}.human-story>p:not(.human-lead){font-size:12px}.human-story .text-link{margin-bottom:35px}.transition-scene{height:125svh}.scene-sticky{padding:6vw}.scene-overline{left:6vw;right:6vw;top:45px;font-size:7px}.scene-overline>span:last-child{display:none}.scene-sticky h2{font-size:23vw;margin-top:0}.scene-caption{font-size:11px;max-width:270px}.scene-bottom{left:6vw;bottom:45px;font-size:10px}.scene-image img{object-position:58% center}.contact h2{font-size:57px}.contact-bottom{flex-wrap:wrap;gap:30px;margin-top:45px}.contact-bottom p{width:100%;font-size:15px}.contact-bottom small{font-size:9px}.contact-circle{width:105px;height:105px;font-size:11px}.contact-circle b{font-size:27px}.email-link{margin-left:auto;font-size:9px}.studio-footer{padding:40px 6vw 25px}.footer-top{gap:25px}.footer-top>span{font-size:10px}.footer-top>span em{font-size:19px}.footer-top nav{grid-template-columns:1fr;font-size:9px;gap:8px}.footer-wordmark{font-size:18vw;margin:40px 0 30px}.footer-wordmark em{margin-left:2vw}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:10px}.footer-bottom>span:first-child{width:100%}.footer-bottom a{margin-left:auto}#site-menu{padding:25px 6vw}.menu-top{margin-bottom:55px}#site-menu>nav a{font-size:30px;gap:18px;padding:20px 0}}
@media(max-width:370px){.client-view{grid-template-columns:1fr 200px}.phone-frame{width:200px;height:430px}.client-view .view-label>span:last-child{font-size:21px}.journey-buttons .button{padding:11px;font-size:9px}.sora-heading h3{font-size:53px}.luma-heading h3{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.transition-scene{height:auto}.scene-sticky{position:relative;min-height:650px}.scene-image{clip-path:none!important}.scene-image img{transform:none!important}.hero-stage{--lens-r:0px}.revealed .reveal-board{clip-path:none}.lens-ring{display:none}}
.scroll-arrival{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.scroll-arrival:not(.in-view){opacity:.45;transform:translateY(25px)}#one-demo-panel[data-studio=salon] .phone-frame{background:#f8eee7}#one-demo-panel[data-studio=salon] .phone-title,#one-demo-panel[data-studio=salon] .phone-title em{font-family:var(--serif);color:#702b3c}#one-demo-panel[data-studio=salon] .phone-brand{color:#702b3c}#one-demo-panel[data-studio=beauty] .phone-frame{background:#f1eff8}#one-demo-panel[data-studio=beauty] .phone-title,#one-demo-panel[data-studio=beauty] .phone-title em{font-family:var(--serif);color:#585e93}#one-demo-panel[data-studio=beauty] .phone-brand{color:#585e93}@media(prefers-reduced-motion:reduce){.scroll-arrival:not(.in-view){opacity:1;transform:none}}
.hero-shade{background:linear-gradient(90deg,#211a1580,transparent 68%),linear-gradient(180deg,#211a1569,transparent 24%),linear-gradient(0deg,#211a15df,transparent 43%)}.journey-playback{display:flex;align-items:center;gap:22px;margin-left:auto}.journey-playback button{padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:10px}.journey-playback #journey-play{color:var(--red)}.scroll-story{height:370svh;position:relative}.scroll-story .journey-pin{position:sticky;top:30px}.scroll-story .journey-ribbon{margin-bottom:20px}.scroll-story .one-demo-tabs{margin-bottom:25px}.scroll-story .journey-action{margin-top:20px;padding-top:20px}.scroll-story #one-demo-feedback{margin-top:10px}.scroll-story .concept-note{margin-top:10px}.calendar-slot .appointment{font-size:9px}.appointment strong{font-size:10px}.appointment small{font-size:8px}.owner-status{font-size:9px}.phone-times button:focus-visible{text-decoration:underline}@media(max-width:760px){.journey-playback{flex-direction:column;gap:1px;flex-shrink:0}.journey-playback button{font-size:8px}.journey-ribbon p{max-width:190px}.journey-playback #journey-play{max-width:70px;text-align:right}.calendar-slot .appointment{font-size:7px}.appointment strong{font-size:8px}.appointment small{font-size:6px}.owner-status{font-size:7px}}@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.scroll-story .journey-pin{position:static}}
.board-door{display:flex;align-items:center;gap:18px;margin-top:25px}.board-door img{width:86px;height:106px;border:5px solid var(--light);box-shadow:0 8px 15px #3027201c;transform:rotate(-5deg);object-position:40% center}.board-door figcaption>span{display:block;font-size:7px;letter-spacing:.05em;color:#706b61}.board-door b{display:block;font-family:var(--serif);font-size:24px;font-weight:500;margin:6px 0}.board-door small{font-size:9px;line-height:1.5;color:#706b61}@media(max-width:760px){.board-door{height:45px;gap:10px;margin-top:9px}.board-door img{width:38px;height:45px;border-width:2px}.board-door figcaption>span{font-size:5px}.board-door b{font-size:15px;margin:2px 0}.board-door small{font-size:6px}.board-door small br{display:none}.board-layout{gap:16px}.board-story h2{font-size:32px}.board-story .text-link{margin-top:8px}}
.reveal-board{overflow-y:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.board-layout{flex-shrink:0}.board-top,.board-bottom{flex-shrink:0}@media(max-width:760px){.hero h1{top:19%}.board-top{margin-bottom:15px}.board-bottom{margin-top:15px}}
@media(max-width:760px) and (max-height:740px){.reveal-board{padding-top:90px;padding-bottom:15px}.board-top{margin-bottom:5px}.board-layout{padding:5px 0;gap:10px}.board-story h2{font-size:28px;margin-bottom:8px}.board-story p{font-size:9px}.board-bottom{margin-top:10px}.board-system{padding:12px}.board-mini-grid{padding:8px 0;gap:8px}.board-system-head{padding-bottom:8px}.board-diary h3{font-size:15px;margin:6px 0 8px}.board-messages>p{margin-top:6px}.board-system-foot{padding-top:6px}.board-record{margin-top:8px}}
@media(max-width:760px){.studio-conversation{height:550px;min-height:550px}}

/* Warm material palette: sand, ivory, espresso and One red. */
.hero h1{left:3.7vw;top:27%;font-size:clamp(64px,6.8vw,114px);letter-spacing:-.055em;line-height:.95;color:rgba(240,225,202,.8);mix-blend-mode:screen}
.hero h1>span{font-weight:400}
.hero h1>em{font-size:3.24em;line-height:.74;padding-top:.055em;letter-spacing:-.065em;margin-left:0}
.hero-toolbar{background:var(--paper);color:var(--ink)}
.hero-toolbar em{color:var(--red)}
.hero-toolbar button{color:var(--red);border-bottom-color:var(--red)}
.hero-toolbar>small{color:var(--muted)}
/* The studio worlds form a physical deck, with a readable selector beside it. */
.brand-experience{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,2.15fr);gap:4.5vw;align-items:center}
.brand-story .section-heading{display:block;margin-bottom:26px}
.brand-story .section-heading h2{font-size:clamp(48px,4.55vw,76px);margin-bottom:24px}
.brand-story .section-heading p{font-size:13px;line-height:1.7}
.brand-story .section-heading .muted{font-size:11px;margin-top:12px}
.brand-story .chat-studio-tabs{display:flex;flex-direction:column;border:0;margin:0;padding-right:14px;gap:0}
.brand-story .chat-studio-tabs button{flex:none;min-height:82px;border:1px solid #cbbdab;background:#e9dfd0;padding:16px 22px 16px 72px;box-shadow:0 7px 14px #30272008;transition:transform .4s,background .4s,color .4s;isolation:isolate}
.brand-story .chat-studio-tabs button+button{margin-top:-1px}
.brand-story .chat-studio-tabs button:nth-child(2){margin-left:7px;margin-right:-7px}
.brand-story .chat-studio-tabs button:nth-child(3){margin-left:14px;margin-right:-14px}
.brand-story .chat-studio-tabs button>strong{font-size:21px;margin-top:2px}
.brand-story .chat-studio-tabs button>span{right:15px;top:29px;font-size:19px}
.brand-story .chat-studio-tabs button>small{font-size:7px}
.brand-story .chat-studio-tabs button:after{display:none}
.studio-mark{position:absolute;left:17px;top:20px;width:36px;height:36px;display:grid;place-items:center;font-style:normal;font-family:var(--serif);font-size:32px;line-height:1}
.studio-mark img{width:36px;height:36px;object-fit:contain;mix-blend-mode:multiply}
.brand-story [data-chat-studio=barber][aria-selected=true]{background:#241f1a;color:#e3c08a;border-color:#b98f55}
.brand-story [data-chat-studio=barber][aria-selected=true] .studio-mark img{mix-blend-mode:screen}
.brand-story [data-chat-studio=salon][aria-selected=true]{background:#702b3c;color:#f2e8de;border-color:#702b3c}
.brand-story [data-chat-studio=beauty][aria-selected=true]{background:#dcd8eb;color:#363b60;border-color:#a9a3c5}
.brand-story [aria-selected=true]>small{color:inherit;opacity:.72}
.brand-story .chat-studio-tabs button:hover{transform:translateX(5px)}
.brand-story .chat-studio-tabs [aria-selected=true]:hover{transform:none}
.brand-story .chat-studio-tabs button:focus-visible{z-index:4}
.brand-scroll-hint{font-size:9px;color:var(--muted);margin-top:20px;line-height:1.7}
.brand-stage{min-width:0;padding-top:28px}
.studio-deck{position:relative;isolation:isolate}
.studio-sleeve{position:absolute;left:2%;right:2%;top:-14px;bottom:14px;z-index:-1;transform:rotate(1deg);padding:4px 18px;font-size:7px;letter-spacing:.08em;display:flex;justify-content:space-between;background:#dcd8eb;color:#363b60;box-shadow:0 5px 15px #30272015;transition:background .6s,color .6s}
.studio-sleeve.far{left:4%;right:4%;top:-28px;bottom:28px;z-index:-2;transform:rotate(-1.2deg)}
.studio-sleeve[data-world=barber]{background:#241f1a;color:#e3c08a}
.studio-sleeve[data-world=salon]{background:#e8d4cd;color:#702b3c}
.studio-sleeve[data-world=beauty]{background:#dcd8eb;color:#363b60}
.studio-window{position:relative;overflow:hidden;box-shadow:0 20px 40px #30272015}
.studio-showcase{grid-template-columns:1.35fr 1fr;position:relative;z-index:2}
.showcase-outgoing{position:absolute;inset:0;z-index:1;pointer-events:none}
.brand-stage .brand-preview{container-type:inline-size}
.brand-stage .bb-world{padding:24px 22px}
.brand-stage .bb-nav>span:last-child{display:none}
.brand-stage .sora-heading{left:26px}
.brand-stage .sora-heading h3{font-size:clamp(48px,12.5cqw,75px)}
.brand-stage .luma-heading{left:24px}
.brand-stage .luma-heading h3{font-size:clamp(38px,9.8cqw,58px)}
.brand-stage .luma-photo-wrap{right:15px}
.brand-stage .luma-nav{gap:10px}
.brand-stage .luma-nav>span{font-size:5px}
.brand-stage .studio-conversation{padding:22px 19px}
.brand-stage .studio-chat-message{font-size:10px;padding:11px 12px;margin-right:12px}
.brand-stage .studio-chat-footer{font-size:5px}
.brand-stage .chat-connection-status{padding:15px 18px;font-size:9px;gap:10px}
.brand-stage .brand-caption{font-size:7px;gap:20px}
.brand-stage .brand-caption>span:last-child{max-width:100px;text-align:right}
.brand-scroll{height:260svh;position:relative}
.brand-scroll .brand-experience{position:sticky;top:60px}
@media(min-width:1600px){.brand-stage .studio-conversation,.brand-stage .brand-preview,.brand-stage .brand-preview>div{height:580px;min-height:580px}.brand-stage .bb-crest{margin-top:42px;width:95px;height:95px}.brand-stage .bb-world h3{font-size:60px}}
@media(max-width:1200px){.brand-experience{grid-template-columns:1fr;gap:45px}.brand-story .section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.brand-story .chat-studio-tabs{flex-direction:row;padding:0;gap:10px}.brand-story .chat-studio-tabs button{flex:1;padding-left:65px}.brand-story .chat-studio-tabs button:nth-child(n){margin:0}.brand-story .chat-studio-tabs button>strong{font-size:20px}.brand-scroll-hint{display:none}.brand-stage .brand-caption>span:last-child{max-width:none}.brand-stage .bb-nav>span:last-child{display:block}}
@media(max-width:760px){.hero h1{top:24%;left:5vw;font-size:13vw}.hero h1>em{font-size:2.01em;line-height:.82;letter-spacing:-.04em;padding-top:.07em}.brand-story .section-heading{display:block}.brand-story .section-heading h2{font-size:60px}.brand-story .chat-studio-tabs{flex-direction:column;padding-right:10px;gap:0}.brand-story .chat-studio-tabs button{padding-left:72px;min-height:77px}.brand-story .chat-studio-tabs button:nth-child(2){margin-left:5px;margin-right:-5px}.brand-story .chat-studio-tabs button:nth-child(3){margin-left:10px;margin-right:-10px}.brand-story .chat-studio-tabs button+button{margin-top:-1px}.brand-stage{padding-top:24px}.studio-showcase{grid-template-columns:1fr}.brand-stage .brand-preview{min-height:460px;height:460px}.brand-stage .brand-preview>div{min-height:460px;height:460px}.brand-stage .studio-conversation{height:550px;min-height:550px;padding:24px}.brand-stage .bb-crest{margin-top:30px}.brand-stage .bb-world h3{font-size:48px}.brand-stage .sora-heading{top:140px;left:24px}.brand-stage .sora-heading h3{font-size:60px}.brand-stage .luma-heading{top:180px;left:22px}.brand-stage .luma-heading h3{font-size:40px}.brand-stage .luma-nav>span{font-size:5px}.brand-stage .brand-caption>span:last-child{display:none}.brand-stage .chat-connection-status{flex-wrap:wrap;padding:15px 24px}.brand-stage .chat-connection-status a{margin-left:30px}.brand-stage .studio-chat-message{font-size:11px}.hero-toolbar{min-height:95px}}
@media(prefers-reduced-motion:reduce){.brand-scroll{height:auto}.brand-scroll .brand-experience{position:static}}

/* The revealed canvas follows one person through the platform. */
.brand i.brand-stop{font-size:1em;line-height:1;vertical-align:baseline;margin-left:.025em}
.footer-wordmark i.brand-stop{font-size:1em;line-height:1;align-self:baseline}
.journey-canvas{padding:120px 5.5vw 22px;gap:14px;justify-content:space-between;background:var(--sand)}
.canvas-overline{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.06em;flex-shrink:0;color:#645344}
.canvas-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;flex-shrink:0}
.canvas-intro h2{font-size:clamp(36px,4.1vw,66px);letter-spacing:-.055em;line-height:1.05;white-space:nowrap}
.canvas-intro h2>span{color:var(--ink)}
.canvas-intro h2 em{letter-spacing:-.03em;color:var(--red)}
.canvas-intro>p{font-size:11px;line-height:1.7;max-width:365px}
.canvas-intro strong{font-weight:500}
.canvas-stage{flex-shrink:0;min-width:0}
.canvas-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:12px 0 16px;scrollbar-width:none}
.canvas-rail::-webkit-scrollbar{display:none}
.canvas-moment{min-width:0;--card-tilt:0deg}
.canvas-moment:nth-child(1){--card-tilt:-1.5deg}
.canvas-moment:nth-child(2){--card-tilt:1deg}
.canvas-moment:nth-child(4){--card-tilt:-1deg}
.canvas-moment:nth-child(5){--card-tilt:1.5deg}
.canvas-capability{height:34px;display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:9px;font-size:10px;white-space:nowrap}
.canvas-capability em{font-size:29px;color:var(--red);letter-spacing:-.06em;line-height:1}
.canvas-capability .icon{width:15px;height:15px;margin-left:1px;align-self:center;color:var(--red)}
.canvas-card{background:var(--light);box-shadow:0 12px 20px #30272020;border:1px solid #ffffff70;transform:rotate(var(--card-tilt));transition:transform .45s,box-shadow .45s}
.canvas-card>img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover}
.canvas-moment:nth-child(1) img{object-position:50% 65%}
.canvas-moment:nth-child(2) img{object-position:50% 60%}
.canvas-moment:nth-child(3) img{object-position:50% 42%}
.canvas-moment:nth-child(4) img{object-position:60% 66%}
.canvas-moment:nth-child(5) img{object-position:50% 48%}
.canvas-card figcaption{padding:14px}
.canvas-step-number{display:block;font-size:7px;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}
.canvas-card h3{font-family:var(--serif);font-size:24px;letter-spacing:-.025em;line-height:1.04;min-height:50px}
.canvas-card p{font-size:10px;line-height:1.6;min-height:48px;margin-top:10px;color:#6b5848}
.canvas-outcome{display:block;border-top:1px solid var(--line);padding-top:9px;margin-top:12px;font-size:7px;letter-spacing:.01em;line-height:1.5}
.canvas-moment.is-active .canvas-card{transform:rotate(0deg);box-shadow:0 12px 20px #30272020}
.canvas-path{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;isolation:isolate;margin:0;font-size:9px}
.canvas-path:before{content:'';position:absolute;left:10%;right:10%;top:13px;height:1px;background:#b4382e60;z-index:-1}
.canvas-path button{border:0;background:transparent;padding:0 0 4px;display:flex;flex-direction:column;align-items:center;gap:5px}
.canvas-path button>span{width:26px;height:26px;display:grid;place-items:center;font-size:8px;border:1px solid #b4382e50;background:var(--sand);border-radius:50%;transition:background .3s,color .3s}
.canvas-path button>small{font-size:8px;color:#645344}
.canvas-path [aria-pressed=true]>span{background:var(--red);color:var(--light);border-color:var(--red)}
.canvas-record{display:flex;align-items:center;gap:12px;flex-shrink:0;border-top:1px solid #30272025;border-bottom:1px solid #30272025;padding:12px 0;font-size:10px}
.canvas-record>.icon{width:20px;height:20px;color:var(--red)}
.canvas-record strong{font-size:11px;font-weight:500;display:block}
.canvas-record small{font-size:8px;display:block;color:#645344}
.canvas-record-pieces{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:9px}
.canvas-record-pieces b{color:var(--red);font-size:13px;font-weight:400}
.canvas-record-mark{margin-left:25px;font-size:38px;color:var(--red);line-height:1}
.canvas-bottom{display:flex;align-items:center;gap:22px;flex-shrink:0;font-size:9px}
.canvas-walkthrough{border-bottom:1px solid var(--red);padding:7px 0;color:var(--red)}
.canvas-bottom>small{font-size:6px;color:#645344;letter-spacing:.03em}
.canvas-bottom>div{margin-left:auto;display:flex;align-items:center;gap:20px}
.canvas-bottom button{background:transparent;border:0;border-bottom:1px solid #30272040;font-size:9px;padding:7px 0}
.canvas-bottom button:disabled{opacity:.6;cursor:default}
.revealed .canvas-moment{animation:canvas-arrive .75s cubic-bezier(.22,1,.36,1) both}
.revealed .canvas-moment:nth-child(2){animation-delay:.07s}
.revealed .canvas-moment:nth-child(3){animation-delay:.14s}
.revealed .canvas-moment:nth-child(4){animation-delay:.21s}
.revealed .canvas-moment:nth-child(5){animation-delay:.28s}
@keyframes canvas-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-height:820px){.journey-canvas{padding-top:105px;padding-bottom:14px;gap:8px}.canvas-capability{height:28px;margin-bottom:5px}.canvas-card>img{aspect-ratio:2.3}.canvas-card figcaption{padding:12px}.canvas-card h3{font-size:22px;min-height:46px}.canvas-card p{font-size:9px;line-height:1.5;min-height:40px;margin-top:8px}.canvas-outcome{margin-top:8px;padding-top:7px}.canvas-intro h2{font-size:45px}.canvas-record{padding:9px 0}}
@media(min-width:761px) and (max-width:1100px){.canvas-intro{align-items:start;gap:20px}.canvas-intro h2{white-space:normal;font-size:42px;max-width:340px}.canvas-intro>p{font-size:10px;max-width:270px}.canvas-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 8px 18px;gap:20px}.canvas-moment{flex:0 0 225px;scroll-snap-align:center}.canvas-record-pieces{font-size:8px;gap:7px}.canvas-record-mark{display:none}.canvas-bottom>small{display:none}}
@media(max-width:760px){.journey-canvas{padding:92px 6vw 16px;gap:11px}.canvas-overline{font-size:6px}.canvas-overline>span:last-child{display:none}.canvas-intro{display:block}.canvas-intro h2{font-size:34px;white-space:normal;line-height:1.05}.canvas-intro>p{font-size:9px;line-height:1.6;margin-top:8px;max-width:none}.canvas-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:8px 5px 12px;overscroll-behavior-x:contain}.canvas-moment{flex:0 0 82%;scroll-snap-align:center;--card-tilt:0deg!important}.canvas-capability{font-size:10px;height:25px;margin-bottom:7px;gap:8px}.canvas-capability em{font-size:26px}.canvas-capability .icon{width:16px;height:16px}.canvas-card>img{aspect-ratio:2.15}.canvas-card figcaption{padding:12px}.canvas-step-number{display:none}.canvas-card h3{font-size:23px;min-height:47px}.canvas-card p{font-size:10px;line-height:1.5;min-height:45px;margin-top:8px}.canvas-outcome{font-size:7px;margin-top:9px;padding-top:8px}.canvas-path{gap:0}.canvas-path button>small{font-size:7px}.canvas-path button>span{width:24px;height:24px;font-size:7px}.canvas-path:before{top:12px}.canvas-record{padding:8px 0;gap:9px}.canvas-record strong{font-size:10px}.canvas-record small{font-size:7px}.canvas-record-pieces{display:none}.canvas-record-mark{font-size:30px;margin-left:auto}.canvas-bottom{flex-wrap:wrap;gap:8px}.canvas-bottom>small{display:none}.canvas-walkthrough{font-size:8px}.canvas-bottom>div{gap:13px}.canvas-bottom button{font-size:8px}.canvas-moment.is-active .canvas-card{transform:none}}
@media(max-width:760px) and (max-height:740px){.journey-canvas{padding-top:88px;padding-bottom:13px;gap:8px}.canvas-intro h2{font-size:31px}.canvas-intro>p{font-size:8px;line-height:1.5;margin-top:5px}.canvas-rail{padding:6px 5px 10px}.canvas-capability{height:22px;margin-bottom:5px;font-size:9px}.canvas-capability em{font-size:24px}.canvas-card>img{aspect-ratio:2.7}.canvas-card figcaption{padding:10px 12px}.canvas-card h3{font-size:21px;min-height:43px}.canvas-card p{font-size:9px;line-height:1.5;min-height:28px;margin-top:6px}.canvas-outcome{margin-top:7px;padding-top:6px}.canvas-record{padding:7px 0}.canvas-path button>small{font-size:6px}.canvas-bottom{font-size:7px}.canvas-bottom button,.canvas-walkthrough{font-size:7px}}
@media(prefers-reduced-motion:reduce){.canvas-moment,.canvas-card{animation:none!important;transition:none!important}.canvas-rail{scroll-behavior:auto}}

/* A click grows the same spotlight into the full canvas and contracts it on return. */
.reveal-board{transition:clip-path .95s cubic-bezier(.22,1,.36,1)}
.lens-ring{width:82px;height:82px}
.canvas-click-hint{font-size:7px;color:var(--muted)}
@media(max-width:760px){.canvas-click-hint{display:none}}
/* Taped, lightly curled paper; the photography keeps each moment tangible. */
.canvas-card{position:relative;--note-paper:#f8f3eb;background:var(--note-paper)}
.canvas-moment:nth-child(2) .canvas-card{--note-paper:#f3e7d6}
.canvas-moment:nth-child(4) .canvas-card{--note-paper:#f2e3d1}
.canvas-card:before{content:'';position:absolute;width:45px;height:14px;left:calc(50% - 22px);top:-7px;z-index:1;background:#e8d2acd0;transform:rotate(-5deg);box-shadow:0 1px 2px #30272015;clip-path:polygon(2% 0,98% 2%,100% 92%,96% 100%,3% 96%,0 5%);pointer-events:none}
.canvas-card:after{content:'';position:absolute;right:-1px;bottom:-1px;width:17px;height:17px;background:linear-gradient(135deg,#e2cbaa 48%,#f8f3eb 49%,#d8c2a2 100%);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.canvas-card>img{padding:5px 5px 0;background:var(--note-paper)}
@media(hover:hover) and (pointer:fine){
 .canvas-card{transform-origin:50% 0%;transform:perspective(850px) rotateX(var(--note-rx,0deg)) rotateY(var(--note-ry,0deg)) rotateZ(calc(var(--card-tilt) + var(--note-rz,0deg)))}
 .canvas-moment.is-active .canvas-card{--card-tilt:0deg;transform:perspective(850px) rotateX(var(--note-rx,0deg)) rotateY(var(--note-ry,0deg)) rotateZ(calc(var(--card-tilt) + var(--note-rz,0deg)))}
 .canvas-moment.note-moving .canvas-card{transition:box-shadow .35s;will-change:transform}
 .canvas-moment.note-hover .canvas-card{box-shadow:0 12px 21px #30272024}
}
@media(prefers-reduced-motion:reduce){.canvas-card{transform:rotate(var(--card-tilt))}}
/* Concrete handoffs in a warm, legible workspace replace the decorative orbit. */
.platform .section-heading h2{font-size:clamp(52px,5.8vw,94px)}
.platform-body{grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);gap:5.5vw;align-items:start}
.platform-modules{padding-top:10px}
.platform-modules button{padding:22px 12px 22px 5px;position:relative;gap:17px;transition:background .3s,padding .3s}
.platform-modules strong{font-size:14px}
.platform-modules [aria-selected=true]{color:var(--paper);background:#f1ebe10c;padding-left:15px}
.platform-modules [aria-selected=true]:before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:2px;background:#db8375}
.platform-modules button:focus-visible{text-decoration:underline;text-decoration-color:#db8375}
#module-panel{border:0;background:transparent;padding:0;min-height:0}
.module-visual{background:#deccb2;padding:18px;border-radius:10px;color:var(--ink);box-shadow:0 18px 35px #100d0a30}
.capability-window{background:var(--light);border:1px solid #cbb9a0;border-radius:6px;overflow:hidden}
.capability-chrome{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.07em;gap:12px}
.capability-chrome>span{display:flex;align-items:center;gap:12px}
.capability-chrome em{font-size:24px;color:var(--red);line-height:1;letter-spacing:-.05em}
.capability-chrome small{font-size:7px;color:var(--muted)}
.capability-content{padding:18px;min-height:246px}
.capability-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;min-height:210px;align-items:stretch}
.capability-status{padding:10px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:8px;background:#f0e7da}
.capability-status>span{color:var(--red)}
.capability-status small{font-size:6px;color:var(--muted);align-self:center}
.demo-side{border-left:1px solid var(--line);padding:9px 0 5px 20px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.demo-kicker{font-size:6px;letter-spacing:.05em;color:var(--muted);line-height:1.6}
.demo-bubble{font-size:11px;line-height:1.5;padding:11px 13px;border-radius:8px;margin-top:10px}
.demo-bubble.client{background:#e9e0d4;margin-left:25px;border-bottom-right-radius:2px}
.demo-bubble.studio{background:var(--espresso);color:var(--paper);margin-right:15px;border-bottom-left-radius:2px}
.demo-bubble small{display:block;font-size:6px;opacity:.6;margin-top:7px;letter-spacing:.03em}
.demo-proof{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.4;color:var(--ink)}
.demo-proof .icon{color:var(--red);width:18px;height:18px}
.demo-proof small{display:block;font-size:7px;color:var(--muted);margin-top:3px}
.demo-time{font-size:36px;line-height:1.1;letter-spacing:-.06em}
.demo-time small{display:block;font-size:9px;letter-spacing:-.01em;margin-top:8px;color:var(--muted)}
.demo-conversation-heading{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:14px}
.demo-conversation-heading .icon{width:20px;height:20px;color:var(--red)}
.demo-conversation-heading small{display:block;font-size:6px;color:var(--muted);margin-top:3px;letter-spacing:.03em}
.demo-site{padding:17px 20px;background:#5c3437;color:var(--light);display:flex;flex-direction:column;justify-content:space-between}
.demo-site>span{font-size:8px;letter-spacing:.1em}
.demo-site>span i{font-style:normal;opacity:.6;font-size:6px}
.demo-site h4{font-size:36px;letter-spacing:-.02em;font-family:var(--serif);line-height:.94}
.demo-site h4 em{font-weight:400}
.demo-site>div{border-top:1px solid #ffffff30;padding-top:11px;font-size:9px;display:flex;justify-content:space-between;gap:10px}
.demo-site b{font-weight:400}
.demo-site>small{font-size:6px;opacity:.6;margin-top:7px}
.demo-side .demo-bubble{margin-top:0;font-size:9px}
.demo-diary-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:7px 0 18px}
.demo-diary-heading strong{font-size:14px;font-weight:500}
.demo-diary-heading>span{font-size:6px;color:var(--muted)}
.demo-calendar{display:grid;grid-template-columns:30px repeat(3,minmax(0,1fr));font-size:7px;gap:0}
.demo-calendar>b{font-size:7px;font-weight:500;text-align:center;padding-bottom:9px;color:var(--muted)}
.demo-calendar>span,.demo-calendar>div{border-top:1px solid var(--line);border-left:1px solid var(--line);min-height:47px}
.demo-calendar>span:first-child{border:0;min-height:0}
.demo-calendar>small{font-size:6px;color:var(--muted);padding-top:10px}
.demo-calendar-booking{margin:3px;background:#e8d1c6;border-left:2px solid var(--red)!important;padding:7px 5px;line-height:1.3;min-width:0}
.demo-calendar-booking strong{display:block;font-size:7px;font-weight:500}
.demo-calendar-booking small{display:block;font-size:6px;color:var(--muted);margin-top:4px}
.demo-receipt{border:1px solid var(--line);background:#fffaf4;padding:17px 20px}
.demo-receipt h4{font-family:var(--serif);font-size:27px;letter-spacing:-.03em;margin:13px 0 15px}
.demo-receipt>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:8px}
.demo-receipt-total strong{font-size:11px;font-weight:500}
.demo-payment-stamp{border:1px solid #b4382e60;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--red)}
.demo-payment-stamp .icon{width:19px;height:19px}
.demo-side-title{font-family:var(--serif);font-size:28px;line-height:1.05;letter-spacing:-.03em;font-weight:500}
.demo-side-copy{font-size:9px;color:var(--muted);line-height:1.6}
.demo-record>div:not(:first-child){display:flex;justify-content:space-between;gap:15px;font-size:8px;border-top:1px solid var(--line);padding:12px 0}
.demo-record>div>span{color:var(--muted)}
.demo-record>div>strong{font-size:9px;font-weight:500;text-align:right}
.demo-record>div>strong small{display:block;font-size:6px;font-weight:400;color:var(--muted);margin-top:3px}
#module-label{display:block;font-size:8px;margin-top:26px;color:#c0ac97}
#module-title{font-size:36px;line-height:1.02;margin:13px 0 17px}
#module-title em{color:#dcac91}
#module-description{font-size:12px;line-height:1.7;color:#d8c7b7;max-width:600px;min-height:62px}
.module-flow{border-top-color:#ffffff22;padding-top:16px;margin-top:20px;gap:9px;font-size:8px}
.module-flow>span{border:0;padding:0}
.module-flow>b{padding:0 4px}
.platform-principle{grid-template-columns:1fr 1.4fr auto;gap:30px;margin-top:45px}
@media(min-width:761px) and (max-width:1100px){.platform-body{grid-template-columns:250px minmax(0,1fr);gap:25px}.platform-modules strong{font-size:12px}.capability-grid{gap:13px}.demo-side{padding-left:12px}.capability-content{padding:13px}.demo-bubble{font-size:9px;padding:9px}.demo-time{font-size:29px}.demo-site{padding:15px}.demo-site h4{font-size:30px}.capability-chrome small{display:none}.capability-status small{display:none}}
@media(max-width:760px){
 .platform .section-heading h2{font-size:48px;line-height:1.03}
 .platform-body{grid-template-columns:1fr;gap:25px}
 .platform-modules{padding-top:0;gap:0 15px}
 .platform-modules button,.platform-modules [aria-selected=true]{padding:16px 3px;gap:9px;min-height:65px}
 .platform-modules strong{font-size:10px;line-height:1.4;display:block;max-width:125px}
 .platform-modules [aria-selected=true]:before{top:auto;bottom:0;left:0;right:0;height:2px;width:auto}
 .platform-modules [aria-selected=true]{background:transparent}
 .module-visual{padding:10px;border-radius:8px}
 .capability-chrome{padding:0 11px;height:37px;gap:6px}
 .capability-chrome>span{font-size:6px;gap:8px}
 .capability-chrome small{font-size:5px}
 .capability-content{padding:12px;min-height:255px}
 .capability-grid{grid-template-columns:1.25fr 1fr;gap:12px;min-height:228px}
 .demo-side{padding:5px 0 5px 11px;gap:12px}
 .demo-kicker{font-size:5px}
 .demo-bubble{font-size:8px;line-height:1.55;padding:10px 9px;margin-top:9px}
 .demo-bubble.client{margin-left:10px}.demo-bubble.studio{margin-right:8px}
 .demo-bubble small{font-size:5px}
 .demo-conversation-heading{font-size:9px;gap:7px;align-items:start;line-height:1.4}
 .demo-conversation-heading .icon{width:16px;height:16px}
 .demo-conversation-heading small{font-size:5px}
 .demo-proof{font-size:8px;gap:7px;align-items:start}
 .demo-proof small{font-size:6px}
 .demo-proof .icon{width:14px;height:14px}
 .demo-time{font-size:29px}.demo-time small{font-size:7px;line-height:1.5}
 .demo-site{padding:13px}.demo-site h4{font-size:27px}.demo-site>div{font-size:7px}.demo-site>small{font-size:5px}
 .demo-side .demo-bubble{font-size:7px}
 .demo-diary-heading{display:block;margin-bottom:15px}.demo-diary-heading strong{font-size:11px}.demo-diary-heading>span{display:block;margin-top:5px}
 .demo-calendar{grid-template-columns:22px repeat(3,minmax(0,1fr))}.demo-calendar>b{font-size:5px}.demo-calendar>small{font-size:5px}
 .demo-calendar-booking{margin:2px;padding:6px 3px}.demo-calendar-booking strong{font-size:6px}.demo-calendar-booking small{font-size:5px}
 .demo-receipt{padding:12px 10px}.demo-receipt h4{font-size:25px}.demo-receipt>div{display:block;font-size:7px}.demo-receipt>div>span:last-child{display:block;margin-top:3px}.demo-receipt-total strong{display:block;font-size:10px}
 .demo-side-title{font-size:23px}.demo-side-copy{font-size:7px}
 .demo-record>div:not(:first-child){display:block;font-size:7px;padding:10px 0}.demo-record>div>strong{display:block;font-size:8px;text-align:left;margin-top:4px}.demo-record>div>strong small{font-size:5px}
 .capability-status{font-size:6px;padding:9px 11px}.capability-status small{display:none}
 #module-title{font-size:32px;margin:12px 0 15px}
 #module-description{font-size:11px;min-height:0;line-height:1.7}
 .module-flow{font-size:7px;gap:5px;line-height:1.6}
 .platform-principle{display:flex;gap:18px;margin-top:35px}
}
/* The final signature uses the same ivory, sand and One red as the opening. */
.hero h1>em{font-size:2.2em}
.studio-footer{background:var(--paper);color:var(--ink);padding:50px 5.5vw 27px}
.footer-top{align-items:start;gap:50px}
.footer-top>span{font-size:15px;line-height:1.5}
.footer-top>span em{font-size:30px;color:var(--red);line-height:1.1}
.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:11px;line-height:1.5;color:var(--ink)}
.footer-top nav>div{display:flex;flex-direction:column;gap:10px}
.footer-top nav small{font-size:8px;color:var(--muted);letter-spacing:.07em;margin-bottom:4px}
.footer-top nav a{width:fit-content}
.footer-top nav a:hover{color:var(--red)}
.footer-signature{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:36px 0 35px}
.footer-wordmark{font-size:clamp(80px,14vw,240px);line-height:.86;letter-spacing:-.075em;margin:0;gap:0;color:var(--ink);display:flex;align-items:baseline}
.footer-wordmark>span{font-weight:600}
.footer-wordmark em{font-size:1.05em;color:var(--red);margin-left:.05em;letter-spacing:-.06em}
.footer-wordmark i.brand-stop{display:block;width:.085em;height:.085em;border-radius:50%;background:var(--red);font-size:1em;margin-left:.035em;align-self:baseline;transform:translateY(-.015em);flex-shrink:0}
.footer-return{border:1px solid var(--line);border-radius:50%;width:85px;height:85px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;line-height:1.5;transition:background .3s,color .3s}
.footer-return span{font-size:27px;font-weight:400}
.footer-return small{font-size:8px}
.footer-return:hover{background:var(--red);color:var(--light);border-color:var(--red)}
.footer-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:9px;line-height:1.5;color:var(--muted);display:flex;justify-content:space-between;gap:25px}
@media(max-width:1100px){.footer-top nav{gap:35px}.footer-wordmark{font-size:14vw}.footer-return{width:70px;height:70px}}
@media(max-width:760px){
 .hero h1{font-size:9.5vw}
 .hero h1>em{font-size:2.62em;line-height:.9}
 .canvas-intro h2 em{white-space:nowrap}
 .studio-footer{padding:35px 6vw 23px}
 .footer-top{display:block}
 .footer-top>span{font-size:12px;display:block;margin-bottom:26px}
 .footer-top>span em{font-size:25px}
 .footer-top nav{grid-template-columns:1fr 1fr;gap:25px;font-size:10px}
 .footer-top nav small{font-size:7px}
 .footer-top nav>div{gap:9px}
 .footer-signature{margin:35px 0 25px;gap:13px}
 .footer-wordmark{font-size:13.5vw}
 .footer-return{width:44px;height:44px}
 .footer-return span{font-size:20px}
 .footer-return small{display:none}
 .footer-bottom{font-size:7px;gap:10px;flex-wrap:wrap;padding-top:15px}
 .footer-bottom>span:first-child{width:100%}
 .footer-bottom>span:last-child{margin-left:auto}
}

@media(max-width:700px){.workspace-logo{font-size:21px}}

/* Give the introductory link room to breathe inside its circle. */
.hero-start{width:112px;height:112px;padding:18px;align-items:center;gap:7px;flex-shrink:0}
.hero-start b{line-height:1}
@media(max-width:700px){.hero-start{width:82px;height:82px;padding:13px;gap:4px}}

/* Three distinct practices, one shared photographic language. */
.hero-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;background:#392d23}
.hero-panel{position:relative;min-width:0;overflow:hidden}
.hero-triptych .hero-panel img{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.hero-triptych .hero-wellness img{object-position:57% 44%}
.hero-shade{background:linear-gradient(180deg,#211a1575,transparent 45%),linear-gradient(0deg,#211a15ed,transparent 50%)}
.hero h1{font-size:clamp(57px,6.3vw,108px);top:24%}
.hero h1>em{font-size:2.2em}
@media(max-width:700px){
 .hero-triptych{display:block}
 .hero-panel{position:absolute;inset:0 34% 0 0}
 .hero-beauty{inset:0 0 50% 66%}
 .hero-wellness{inset:50% 0 0 66%}
 .hero-triptych .hero-barber img{object-position:48% 42%}
 .hero-triptych .hero-beauty img{object-position:56% 46%}
 .hero-triptych .hero-wellness img{object-position:61% 44%}
 .hero h1{font-size:7.5vw;top:26%;left:5vw}
 .hero h1>em{font-size:3.02em;line-height:.88}
 .hero-offer>span{max-width:230px}
 .hero-start{width:82px;height:82px;padding:13px;gap:4px}
}

.hero-triptych .hero-wellness img{transform:scale(1.04) translateY(-10px);transform-origin:50% 40%}

.hero-triptych .hero-barber img{transform:scale(1.12) translateY(10px);transform-origin:50% 28%}
/* The campaign gets a full viewport; the headline stays translucent and legible. */
.hero-stage{height:100svh;min-height:720px;max-height:none}
.hero-shade{background:linear-gradient(90deg,#21170f58,transparent 80%),linear-gradient(180deg,#211a1570,transparent 48%),linear-gradient(0deg,#211a15e8,transparent 48%)}
.hero h1{top:50%;color:rgba(240,225,202,.8);mix-blend-mode:screen;text-shadow:none}
.hero h1>span{font-weight:400}
@media(max-width:700px){.hero-stage{height:100svh;min-height:640px}.hero h1{font-size:7.5vw;top:43%}.hero h1>em{font-size:3.02em}}
/* The header shares the reveal mask rather than waiting for a click. */
.masthead:not(.masthead-reveal){color:var(--light)}
.hero-stage{overflow:clip}
.hero-stage,.masthead{user-select:none;-webkit-user-select:none}
.hero-stage input,.hero-stage textarea{user-select:text;-webkit-user-select:text}
.masthead .brand{color:var(--light)}
.masthead .brand-stop{color:var(--red)}
.masthead-reveal{z-index:26;pointer-events:none;color:var(--ink);--header-r:0px;--header-x:50%;--header-y:50%;clip-path:circle(var(--header-r) at var(--header-x) var(--header-y));transition:clip-path .95s cubic-bezier(.22,1,.36,1)}
.masthead-reveal.is-peeking{transition:clip-path .16s ease-out}
.hero-stage.lens-active .reveal-board{transition:clip-path .16s ease-out}
.masthead-reveal .brand{color:var(--red)}
.masthead-reveal .brand-stop{color:var(--light)}
.masthead-reveal nav button{width:38px;height:38px;border:1px solid #30272040;background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.masthead-reveal nav button span{width:13px;height:1px;background:currentColor}

/* Compose the headline beneath the portraits, with one clear typographic lead. */
.hero h1{top:54%;left:5.5vw;font-size:clamp(24px,2.8vw,48px);line-height:1.15;letter-spacing:-.035em}
.hero h1>span{margin-bottom:13px}
.hero h1>em{font-size:clamp(128px,13.4vw,228px);line-height:.84;padding-top:0;letter-spacing:-.06em}
.studio-footer{background:var(--espresso);color:var(--light);--line:#f2e8d825;--muted:#c6b6a4}
.footer-wordmark,.footer-wordmark em{color:var(--light)}
.footer-wordmark i.brand-stop{background:var(--red)}
.hero-triptych .hero-barber img{transform:scale(1.04);transform-origin:50% 30%}
.hero-triptych .hero-beauty img{transform:scale(1.04);transform-origin:50% 30%}
.hero-triptych .hero-wellness img{transform:scale(1.04);transform-origin:50% 30%;object-position:50% 43%}
@media(max-width:700px){
 .hero-triptych{display:grid;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--espresso)}
 .hero-triptych .hero-panel{position:relative;inset:auto}
 .hero-triptych .hero-panel img{object-position:50% 43%;transform:scale(1.04);transform-origin:50% 30%}
 .hero-shade{background:linear-gradient(180deg,#30272070,transparent 28%,#30272055 50%,#302720b8 76%,#302720e6 100%)}
 .hero h1{top:56%;left:6vw;font-size:7.3vw;letter-spacing:-.04em}
 .hero h1>span{margin-bottom:12px}
 .hero h1>em{font-size:25vw;line-height:.9}
 .hero-offer>span{max-width:230px}
}

@media(max-width:700px){.hero h1{right:6vw}.hero h1>.hero-functions{font-size:4.85vw;letter-spacing:-.035em;line-height:1.4}}

@media(max-width:700px){.hero-offer>span{font-size:10px;color:var(--light)}}

/* The photograph follows the active chapter, alongside both product views. */
.hero-triptych .hero-beauty img{transform:scale(1.12);transform-origin:50% 30%;object-position:75% 43%}
.journey-photo{background:var(--espresso);isolation:isolate}
.journey-photo .journey-action-photo{object-position:50% 50%;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform 1.4s cubic-bezier(.22,1,.36,1)}
.journey-photo .journey-action-photo.is-current{opacity:1;transform:scale(1)}
.journey-photo:after{content:'';position:absolute;inset:50% 0 0;z-index:1;background:linear-gradient(transparent,#302720bf);pointer-events:none}
.journey-photo figcaption{z-index:2;bottom:22px;left:18px;right:15px}
.journey-photo figcaption>span{color:var(--light);font-size:8px;letter-spacing:.07em}
.journey-photo figcaption strong{font-size:20px;line-height:1.2;margin-top:9px;max-width:9em}
.footer-top>span em{color:#df9687}
.studio-footer .footer-return{color:var(--light);border-color:#f2e8d84d}
.studio-footer .footer-top nav a,.studio-footer .footer-bottom a{color:var(--light)}
.studio-footer .footer-top nav a:hover,.studio-footer .footer-bottom a:hover{color:#df9687}
@media(max-width:1100px){.journey-photo{display:block;grid-column:1/-1;min-height:0;height:220px}.journey-photo figcaption strong{max-width:none}}
@media(max-width:700px){.journey-photo{order:0;height:185px}.journey-photo figcaption{bottom:17px}.journey-photo figcaption strong{font-size:20px}}
@media(max-width:700px){.hero-triptych .hero-beauty img{object-position:60% 43%}}

/* Align the three portraits around their eyes, regardless of panel aspect ratio. */
.hero-triptych .hero-panel img{position:absolute;left:var(--portrait-left,0px);top:var(--portrait-top,0px);width:var(--portrait-width,100%);height:var(--portrait-height,100%);max-width:none;object-position:50% 50%;transform:none;transform-origin:50% 50%}

/* Exclusion exposes a cool photographic negative inside the white lettering.
   Every detail stays registered to the photograph underneath, at every width. */
.hero h1{color:var(--light);mix-blend-mode:normal;z-index:auto}
.hero h1>.hero-functions{position:relative;z-index:2;color:var(--light)}
.hero h1>em{position:relative;z-index:2;color:rgba(255,255,255,.98);mix-blend-mode:exclusion}
.hero-panel{--portrait-exposure:.96;--portrait-warmth:.04;--portrait-saturation:.78;--portrait-contrast:.96}
.hero-beauty{--portrait-exposure:.92;--portrait-warmth:.20;--portrait-saturation:1.02;--portrait-contrast:1.08}
.hero-wellness{--portrait-exposure:.90;--portrait-warmth:.03;--portrait-saturation:.75}
.hero-triptych .hero-panel img{filter:brightness(var(--portrait-exposure)) sepia(var(--portrait-warmth)) saturate(var(--portrait-saturation)) contrast(var(--portrait-contrast))}

/* The name and punctuation share one colour; One is the contrasting signature. */
.masthead .brand,.masthead .brand-stop{color:var(--light)}
.masthead .brand em{color:#df9687}
.masthead-reveal .brand,.masthead-reveal .brand-stop{color:var(--red)}
.masthead-reveal .brand em{color:var(--ink)}
.footer-wordmark{color:var(--light)}
.footer-wordmark em{color:#df9687}
.footer-wordmark i.brand-stop{background:var(--light)}
.ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.16em;margin-left:.13em;stroke-width:1.6}
.studio-mark .ui-symbol,.luma-signature .ui-symbol,.red-star .ui-symbol{margin:0;vertical-align:0;width:1em;height:1em;stroke-width:1.2}
.phone-status .ui-symbol{margin-left:.25em;width:1.25em;height:1em;vertical-align:-.1em}

/* A darker sand thumb with an invisible track; scrolling stays native. */
html{scrollbar-width:thin;scrollbar-color:#a88d6e transparent}
::-webkit-scrollbar{width:6px;height:6px;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#a88d6e;border:0;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#907657}
.reveal-board,.canvas-rail,.studio-conversation,#studio-log,#one-client-screen{scrollbar-width:thin;scrollbar-color:#a88d6e transparent}

/* Transparent example identities, with distinct visual languages. */
.bb-crest,.bb-nav img{mix-blend-mode:normal;border-radius:0;background:transparent}
.studio-mark img{mix-blend-mode:normal}
.brand-story [data-chat-studio=barber][aria-selected] .studio-mark img{mix-blend-mode:normal}
.brand-story [data-chat-studio=salon][aria-selected=true] .studio-mark img{filter:brightness(0) invert(1)}
.sora-nav .example-wordmark{width:145px;height:52px;object-fit:contain}
.luma-nav .example-wordmark{width:164px;height:40px;object-fit:contain}
.luma-signature img{width:68px;height:58px;object-fit:contain}
@media(max-width:700px){.sora-nav .example-wordmark{width:127px;height:46px}.luma-nav .example-wordmark{width:139px;height:34px}.luma-signature img{width:50px;height:43px}}

/* A quiet closing signature, with the useful links kept within reach. */
.studio-footer{padding:32px 5.5vw 20px}
.footer-top{gap:40px;align-items:start}
.footer-identity{display:flex;flex-direction:column;gap:13px}
.footer-identity .footer-wordmark{font-size:clamp(38px,3.8vw,64px);margin:0;line-height:1}
.footer-identity>span{font-size:11px;color:#c6b6a4;line-height:1.5}
.footer-identity>span em{color:#df9687;font-size:16px;margin-left:3px}
.footer-top nav{font-size:10px;gap:50px}
.footer-top nav>div{gap:6px}
.footer-top nav small{font-size:7px;margin-bottom:3px}
.footer-bottom{margin-top:25px;padding-top:15px;align-items:center;font-size:8px}
.footer-back{white-space:nowrap}
@media(max-width:760px){
 .studio-footer{padding:28px 6vw 19px}
 .footer-top{display:flex;flex-direction:column;gap:25px}
 .footer-identity{gap:9px}
 .footer-identity .footer-wordmark{font-size:40px}
 .footer-identity>span{font-size:10px}
 .footer-top nav{width:100%;gap:25px}
 .footer-top nav small{font-size:7px}
 .footer-bottom{margin-top:24px;gap:10px;font-size:7px}
}

/* Example brand names stay intact inside the stacked selector. */
.brand-story .chat-studio-tabs button>strong{max-width:none;white-space:nowrap}

/* Keep the barber caption in flow, safely below the call to action. */
@media(max-width:760px){
 .brand-stage .bb-world{display:flex;flex-direction:column;align-items:center;padding:20px 22px 24px}
 .brand-stage .bb-nav{align-self:stretch;flex-shrink:0}
 .brand-stage .bb-crest{width:72px;height:72px;margin:18px auto 10px;flex-shrink:0}
 .brand-stage .bb-world h3{font-size:44px;flex-shrink:0}
 .brand-stage .bb-world p{margin:12px auto 10px;flex-shrink:0}
 .brand-stage .bb-place{margin-bottom:14px;flex-shrink:0}
 .brand-stage .bb-world .brand-demo-button{flex-shrink:0}
 .brand-stage .bb-footer{position:static;display:block;margin-top:auto;padding-top:14px;flex-shrink:0}
}

/* Generated silhouette, filled with Luma's exact existing brand ink. */
.luma-wordmark,.luma-emblem{display:block;background:#363b60;mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center}
.luma-wordmark{width:172px;height:55px;mask-image:url("assets/luma-logo-faceted-crystal.webp");-webkit-mask-image:url("assets/luma-logo-faceted-crystal.webp")}
.luma-emblem{width:36px;height:36px;mask-image:url("assets/luma-mark-faceted-crystal.webp");-webkit-mask-image:url("assets/luma-mark-faceted-crystal.webp")}
.luma-signature .luma-emblem{width:68px;height:77px}
@media(max-width:700px){.luma-wordmark{width:146px;height:47px}.luma-signature .luma-emblem{width:50px;height:56px}}

/* The invitation belongs to the selected world, below its three selectors. */
.business-demo-launch{--demo-bg:#241f1a;--demo-ink:#e3c08a;--demo-line:#b98f55;--demo-step:7px;--demo-end:14px;--demo-offset:0px;width:calc(100% - var(--demo-end));margin:20px 0 0;padding-right:0;transform:translateX(var(--demo-offset));transition:transform .7s cubic-bezier(.22,.6,.3,1)}
.business-demo-launch[data-studio=salon]{--demo-bg:#702b3c;--demo-ink:#f2e8de;--demo-line:#702b3c;--demo-offset:var(--demo-step)}
.business-demo-launch[data-studio=beauty]{--demo-bg:#dcd8eb;--demo-ink:#363b60;--demo-line:#a9a3c5;--demo-offset:var(--demo-end)}
.open-business-demo{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:60px;padding:10px 20px;border-radius:0;border:1px solid var(--demo-line);background:var(--demo-bg);color:var(--demo-ink);font:23px/1.1 var(--serif);text-align:left;transition:background .5s,color .5s,border-color .5s,border-radius .6s}
.open-business-demo>span{position:relative;z-index:1}
.open-business-demo:after{content:'';position:absolute;inset:-50% auto -50% -55%;width:45%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,240,208,.24),transparent);transform:translateX(0) skewX(-15deg);opacity:0}
.business-demo-launch[data-studio=salon] .open-business-demo:after{background:linear-gradient(105deg,transparent,rgba(255,244,235,.26),transparent)}
.business-demo-launch[data-studio=beauty] .open-business-demo:after{background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent)}
.open-business-demo.demo-cue:after{animation:demo-light-pass .8s cubic-bezier(.2,.65,.3,1) both}
.open-business-demo.demo-cue>.demo-phone{animation:demo-phone-invite .6s .18s ease-in-out both}
@keyframes demo-light-pass{0%{transform:translateX(0) skewX(-15deg);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateX(370%) skewX(-15deg);opacity:0}}
@keyframes demo-phone-invite{0%,100%{transform:none}45%{transform:translateY(-2px) rotate(7deg)}}
.demo-phone{display:grid;place-items:center;width:28px;height:38px;border:1.3px solid currentColor;border-radius:6px;flex-shrink:0;transition:transform .25s}
.demo-phone:before{content:'';position:absolute;top:3px;left:9px;width:8px;height:2px;border-radius:2px;background:currentColor;opacity:.7}
.demo-phone:after{content:'';position:absolute;bottom:3px;left:9px;width:8px;height:1px;border-radius:1px;background:currentColor;opacity:.6}
.demo-phone>img{width:20px;height:20px;object-fit:contain}
.demo-phone>span{display:none;width:18px;height:21px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.demo-phone-sora{mask-image:url("assets/sora-mark-imagegen.webp");-webkit-mask-image:url("assets/sora-mark-imagegen.webp")}
.demo-phone-luma{mask-image:url("assets/luma-mark-faceted-crystal.webp");-webkit-mask-image:url("assets/luma-mark-faceted-crystal.webp")}
.business-demo-launch[data-studio=salon] .demo-phone>img,.business-demo-launch[data-studio=beauty] .demo-phone>img{display:none}
.business-demo-launch[data-studio=salon] .demo-phone-sora,.business-demo-launch[data-studio=beauty] .demo-phone-luma{display:block}
.open-business-demo:hover .demo-phone{transform:translateY(-2px)}
.open-business-demo:focus-visible{outline:2px solid var(--demo-line);outline-offset:5px}
.business-demo-launch[data-studio=salon] .open-business-demo{font-style:italic;border-radius:22px 0 22px 0;font-size:25px}
.business-demo-launch[data-studio=beauty] .open-business-demo{font:19px/1.2 var(--sans);border-radius:999px}
.business-demo-launch p{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:9px;font-size:9px;line-height:1.5;color:var(--muted)}
.business-demo-launch p strong{font-weight:500;color:var(--ink)}
.brand-story .business-demo-launch p{font-size:9px;line-height:1.5}
.brand-scroll-hint{margin-top:13px}
@media(max-width:1200px) and (min-width:761px){.business-demo-launch{--demo-step:0px;--demo-end:0px;max-width:420px}.brand-story .business-demo-launch p{font-size:10px}}
@media(max-width:760px){.business-demo-launch{--demo-step:5px;--demo-end:10px;margin-top:20px}.open-business-demo{min-height:60px}.business-demo-launch p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.business-demo-launch,.open-business-demo,.open-business-demo .demo-phone{transition:none}.open-business-demo.demo-cue:after,.open-business-demo.demo-cue>.demo-phone{animation:none}.open-business-demo:hover .demo-phone{transform:none}}

/* Photographic service picker: a native scroll runway turns the six banners. */
.service-pin{position:relative}
.service-pin .platform-body{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:5vw;align-items:center}
.service-pin .platform-modules{gap:8px;padding:0}
.service-pin .platform-modules button{position:relative;isolation:isolate;overflow:hidden;min-height:104px;padding:20px;border:1px solid #f1e5cf22;background:#44352a;transition:filter .3s,border-color .3s;flex-shrink:0}
.service-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform .7s,filter .5s}
.service-pin .platform-modules button:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#201710cc,#20171068 65%,#20171099);z-index:-1}
.service-pin .platform-modules button>.icon{display:none}
.service-pin .platform-modules button>span{flex-direction:column-reverse;align-items:flex-start;gap:9px}
.service-pin .platform-modules strong{font-size:clamp(14px,1.3vw,21px);max-width:270px;color:#f7eddf;text-shadow:0 1px 5px #21190e}
.service-pin .platform-modules small{font-size:9px;color:#e2cbb1;letter-spacing:.08em}
.service-pin .platform-modules b{color:#f0d8bc}
.service-pin .platform-modules [aria-selected=true]{border-color:#e5aa86;background:#44352a;padding:20px}
.service-pin .platform-modules [aria-selected=true]:before{display:none}
.service-pin .platform-modules [aria-selected=true] .service-banner-photo{transform:scale(1.06)}
.service-pin .platform-modules button:focus-visible{outline:2px solid #f6d4aa;outline-offset:-5px;text-decoration:none}
.service-scroll-note{display:flex;justify-content:space-between;align-items:center;color:#bfa78e;font-size:9px;letter-spacing:.07em;margin-top:28px;padding-top:17px;border-top:1px solid #ffffff20}
.service-scroll-note b{font-weight:500;color:var(--paper)}
.service-scroll-note i{font-size:18px;font-style:normal;margin-left:20px;color:#e5aa86}
/* A stable six-part index and one continuous workspace share the same scroll scene. */
.service-story{height:330svh;position:relative}
.service-story .service-pin{position:sticky;top:30px;padding:12px 0}
.service-story .section-heading{margin:0 0 24px;gap:5vw;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);align-items:end}
.service-story .section-heading h2{font-size:clamp(32px,3.2vw,50px);line-height:1.02}
.service-story .section-heading>div>p{font-size:15px;line-height:1.5;margin:0}
.service-story .section-heading>div>p.muted{font-size:11px;line-height:1.6;margin-top:8px}
.service-story .platform-body{align-items:start}
.service-story .platform-modules{display:flex;flex-direction:column;gap:7px;position:relative}
.service-story .platform-modules button,.service-story .platform-modules [aria-selected=true]{position:relative;height:82px;min-height:82px;padding:14px 19px;opacity:1;transform:none;transition:border-color .28s}
.service-story .platform-modules button:after{transition:background .28s;background:linear-gradient(90deg,#201710d9,#20171091 65%,#20171099)}
.service-story .platform-modules [aria-selected=true]:after{background:linear-gradient(90deg,#20171091,#20171036 65%,#20171066)}
.service-story .platform-modules strong{font-size:17px;line-height:1.2}
.service-story .platform-modules button>span{gap:7px}
.service-story .platform-modules small{font-size:8px}
.service-story .platform-modules .service-banner-photo{transform:none;transition:none}
.service-story #module-panel{align-self:start}
.service-story .module-visual{padding:16px}
.service-story .capability-content{height:228px;min-height:228px;overflow:hidden}
.service-story #module-title{font-size:clamp(32px,3vw,46px);line-height:1.02;min-height:94px;margin:16px 0 14px}
.service-story #module-description{min-height:56px;max-width:650px;line-height:1.65}
.service-story .module-flow{margin-top:18px;padding-top:16px}
.service-story .service-scroll-note{margin-top:18px;padding-top:14px}
@media(min-width:950px) and (max-height:820px){
 .service-story .section-heading{margin-bottom:18px}
 .service-story .section-heading h2{font-size:34px}
 .service-story .section-heading>div>p{font-size:13px}
 .service-story .platform-modules button,.service-story .platform-modules [aria-selected=true]{height:72px;min-height:72px;padding:11px 16px}
 .service-story .platform-modules strong{font-size:15px}
 .service-story .capability-content{height:200px;min-height:200px}
 .service-story #module-title{font-size:32px;min-height:67px;margin:13px 0}
 .service-story #module-description{font-size:12px;min-height:50px}
 .service-story .module-flow{margin-top:12px;padding-top:12px}
}

/* Routine tasks are crossed off on sand, leaving room for the personal work. */
.human-crossout{--one-rose:#db8375;background:var(--paper);color:var(--ink);padding:0 5.5vw;position:relative}
.craft-pin{padding:46px 0 35px}
.human-crossout .section-index{margin-bottom:35px}
.craft-composition{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7vw;align-items:start}
.craft-writing>.eyebrow{font-size:8px;color:var(--muted)}
.human-crossout h2{font-size:29px;letter-spacing:-.04em;line-height:1.2;margin:10px 0 26px}
.routine-list{list-style:none;padding:0;margin:0 0 28px}
.routine-line{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}
.routine-number{font-size:8px;color:var(--muted);width:13px;flex-shrink:0}
.routine-task{position:relative;display:block;font-size:clamp(24px,2.6vw,43px);line-height:1.15;letter-spacing:-.045em;width:fit-content;color:rgba(48,39,32,var(--task-ink,1))}
.routine-strike{position:absolute;left:-2%;width:104%;height:25px;top:calc(50% - 12px);overflow:visible;pointer-events:none}
.routine-strike path{fill:none;stroke:var(--one-rose);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--strike-offset,0)}
.craft-payoff h3{font-size:clamp(49px,4.7vw,78px);line-height:.94;letter-spacing:-.055em;margin:0 0 18px}
.craft-payoff h3 em{color:var(--ink);letter-spacing:-.05em}
.craft-payoff p{font-size:12px;line-height:1.7;color:var(--muted)}
.craft-payoff .text-link{font-size:10px;margin-top:19px}
.craft-payoff{opacity:var(--payoff-opacity,1);transform:translateY(var(--payoff-y,0px));will-change:opacity,transform}
.craft-photo{margin:0;align-self:stretch;display:flex;flex-direction:column}
.craft-photo img{width:100%;height:clamp(470px,65svh,665px);object-fit:cover;object-position:50% 36%}
.craft-photo figcaption{font-size:7px;letter-spacing:.055em;margin-top:12px;color:var(--muted)}
.craft-cross-story{height:270svh}
.craft-cross-story .craft-pin{position:sticky;top:0}
.service-scroll-note{margin-top:20px}
@media(max-width:949px),(max-height:719px){
 .service-scroll-note>span:first-child{font-size:0}.service-scroll-note>span:first-child:after{content:'CHOOSE A PART TO EXPLORE';font-size:8px}
 .service-pin .platform-body{grid-template-columns:1fr;gap:25px}
 .service-pin .platform-modules{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:5px 0 14px;scrollbar-width:thin;scrollbar-color:#bc9474 transparent}
 .service-pin .platform-modules button,.service-pin .platform-modules [aria-selected=true]{width:270px;min-width:270px;height:138px;padding:20px;scroll-snap-align:center}
 .service-pin .platform-modules strong{font-size:18px;max-width:220px}
 .service-pin .section-heading{margin-bottom:35px}
}
@media(max-width:760px){
 .human-crossout{padding:0 6vw}
 .craft-pin{padding:30px 0}
 .human-crossout .section-index{margin-bottom:26px;font-size:7px}
 .human-crossout .section-index>span:last-child{display:none}
 .craft-composition{display:block;position:relative}
 .craft-writing>.eyebrow{display:block;max-width:150px;line-height:1.6;font-size:7px}
 .human-crossout h2{font-size:29px;max-width:155px;line-height:1.08;margin:12px 0 54px}
 .craft-photo{position:absolute;top:0;right:0;width:39%;height:140px}
 .craft-photo img{height:140px;object-position:50% 29%}
 .craft-photo figcaption{display:none}
 .routine-line{padding:13px 0;gap:10px}
 .routine-task{font-size:clamp(21px,5.6vw,36px)}
 .routine-strike path{stroke-width:3.5}
 .routine-list{margin-bottom:30px}
 .craft-payoff h3{font-size:52px;margin-bottom:19px}
 .craft-payoff p{font-size:11px}
 .craft-payoff .text-link{font-size:10px;margin-top:17px}
}
@media(prefers-reduced-motion:reduce){
 .service-story,.craft-cross-story{height:auto}
 .service-story .service-pin,.craft-cross-story .craft-pin{position:relative}
 .craft-payoff{opacity:1;transform:none;will-change:auto}
 .service-banner-photo{transition:none}
}

/* Slim photographic strips: the one-pager's angled edge, with a softer corner. */
.service-pin .platform-modules{gap:0}
.service-pin .platform-modules button,.service-pin .platform-modules [aria-selected=true]{height:62px;min-height:62px;padding:12px 19px;border-radius:9px;transform:skewX(-8deg);transition:border-color .28s}
.service-pin .platform-modules button+button{margin-top:-1px}
.service-pin .platform-modules button>span{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;transform:skewX(8deg)}
.service-pin .platform-modules small{order:-1;flex-shrink:0;font-size:8px}
.service-pin .platform-modules strong{font-size:16px;line-height:1.2;max-width:none}
.service-pin .platform-modules button>b{transform:skewX(8deg)}
.service-pin .platform-modules button[aria-selected=true]{z-index:1}
.service-pin .platform-modules .service-banner-photo{left:-10px;width:calc(100% + 20px);max-width:none;transform:skewX(8deg) scale(1.02);transition:none}
@media(max-width:949px),(max-height:719px){
 .service-pin .platform-modules{gap:0;padding:6px 8px 14px}
 .service-pin .platform-modules button,.service-pin .platform-modules [aria-selected=true]{width:300px;min-width:300px;height:62px;min-height:62px;padding:12px 16px}
 .service-pin .platform-modules button+button{margin-top:0;margin-left:-1px}
 .service-pin .platform-modules strong{font-size:14px;max-width:none;white-space:nowrap}
 .service-pin .platform-modules button>span{gap:11px}
}

/* A concrete discovery agenda and a decisive booking action close the page. */
.contact-invitation{background:var(--sand);color:var(--ink)}
.contact-composition{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:7vw;align-items:center}
.contact-invitation h2{font-size:clamp(50px,5.2vw,88px);line-height:.97;letter-spacing:-.06em}
.contact-intro{font-size:17px;line-height:1.7;max-width:550px;margin:28px 0 33px}
.call-agenda{list-style:none;padding:0;margin:0;max-width:560px}
.call-agenda li{display:flex;gap:20px;padding:17px 0;border-top:1px solid #30272030}
.call-agenda li>span{font-size:8px;color:#79674e;margin-top:5px}
.call-agenda strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.02em}
.call-agenda p{font-size:12px;color:#685747;line-height:1.65;margin-top:4px}
.call-booking{background:var(--espresso);color:var(--paper);padding:40px 34px 32px;position:relative;box-shadow:0 15px 40px #30272012}
.call-booking>.eyebrow{color:#c3a78b;font-size:8px;letter-spacing:.08em}
.call-booking h3{font-size:clamp(35px,3.4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:32px 0 23px}
.call-booking h3 em{color:#e4b397}
.call-booking>p{font-size:13px;line-height:1.8;color:#cbb49a;max-width:350px}
.call-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:76px;background:#db8375;color:var(--espresso);padding:22px 24px;margin-top:36px;font-size:16px;font-weight:700;letter-spacing:-.015em;transition:background .2s}
.call-primary .icon{width:26px;height:26px;transition:transform .25s}
.call-primary:hover{background:#e4b397}
.call-primary:hover .icon{transform:translate(3px,-3px)}
.call-primary:focus-visible{outline:2px solid var(--paper);outline-offset:5px;text-decoration:none}
.call-next-step{display:block;font-size:9px;color:#c3a78b;margin-top:12px}
.call-email{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:34px;padding-top:20px;border-top:1px solid #c3a78b40;font-size:9px;color:#c3a78b}
.call-email strong{font-size:11px;font-weight:400;color:var(--paper);display:flex;align-items:center;gap:6px}
.call-email .icon{width:14px;height:14px}
@media(max-width:1000px) and (min-width:761px){
 .contact-composition{gap:4vw;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
 .call-booking{padding:30px 25px}
 .contact-intro{font-size:15px}
 .call-primary{font-size:14px;padding:19px;min-height:70px}
 .call-email{align-items:start;flex-direction:column;gap:8px}
}
@media(max-width:760px){
 .contact-composition{grid-template-columns:1fr;gap:35px}
 .contact-invitation h2{font-size:clamp(48px,9vw,70px)}
 .contact-intro{font-size:14px;line-height:1.8;margin:24px 0 27px}
 .call-agenda li{gap:15px;padding:15px 0}
 .call-agenda strong{font-size:14px}
 .call-agenda p{font-size:11px}
 .call-booking{padding:30px 25px}
 .call-booking h3{font-size:40px;margin:27px 0 20px}
 .call-booking>p{font-size:12px}
 .call-primary{font-size:15px;min-height:73px;padding:21px;margin-top:28px}
 .call-email{margin-top:28px;font-size:8px}
}

/* Chalk removes the routine; a warm marker brings the human benefit forward. */
.chalk-defs{position:absolute;pointer-events:none}
.craft-chalk .craft-composition{min-height:calc(100svh - 190px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:7vw}
.craft-chalk .craft-writing{position:relative;transform:translateY(calc(var(--payoff-progress,1) * -72px));padding:0 0 5px}
.craft-chalk .routine-list{margin-bottom:0}
.craft-chalk .routine-line{padding:17px 0}
.craft-chalk .routine-task{font-size:clamp(24px,2.35vw,40px)}
.craft-chalk .routine-strike{height:24px;top:calc(50% - 12px)}
.craft-chalk .routine-strike .chalk-main{stroke-width:7.5;opacity:.9}
.craft-chalk .routine-strike .chalk-detail{stroke-width:1.4;opacity:.6}
.craft-chalk .craft-payoff{position:absolute;top:100%;left:0;right:0;padding-top:33px}
.craft-chalk .craft-payoff h3{font-size:clamp(48px,4.5vw,76px);line-height:1.05;margin:0}
.highlighted-phrase{position:relative;display:inline-block;isolation:isolate}
.payoff-marker{position:absolute;left:-3%;bottom:.02em;width:106%;height:.62em;z-index:-1;clip-path:inset(0 calc(100% - var(--highlight-reveal,100%)) 0 0);transform:rotate(-1deg);pointer-events:none}
.payoff-marker path{fill:#e8bf68;opacity:.58}
.highlighted-phrase+br+em .payoff-marker{transform:rotate(-1.4deg);bottom:.07em}
.craft-aside{display:flex;flex-direction:column;align-items:center;transform:translateY(calc(var(--payoff-progress,1) * -42px));width:100%}
.craft-chalk .craft-photo{width:100%;margin:0;align-self:auto}
.craft-chalk .craft-photo img{height:auto;object-position:center;aspect-ratio:3/2}
.craft-chalk .craft-photo figcaption{margin-top:12px}
.craft-support{width:100%;padding-top:24px}
.craft-support p{font-size:14px;line-height:1.7;color:var(--muted)}
.craft-support .text-link{font-size:10px;margin-top:18px}
@media(max-width:760px){
 .craft-chalk .craft-composition{min-height:0;display:block}
 .craft-chalk .craft-writing{transform:none}
 .craft-chalk .craft-writing>.eyebrow{max-width:none}
 .craft-chalk h2{max-width:none;margin:10px 0 22px;font-size:29px}
 .craft-chalk .routine-line{padding:13px 0}
 .craft-chalk .routine-task{font-size:clamp(21px,5.6vw,36px)}
 .craft-chalk .craft-payoff{position:relative;top:auto;padding-top:28px}
 .craft-chalk .craft-payoff h3{font-size:47px;line-height:1.05}
 .craft-chalk .craft-aside{transform:none;display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-top:28px}
 .craft-chalk .craft-photo{position:static;width:110px;height:110px}
 .craft-chalk .craft-photo img{height:110px;object-position:center;aspect-ratio:1}
 .craft-chalk .craft-support{padding:0}
 .craft-support p{font-size:11px;line-height:1.6}
 .craft-support p br{display:none}
 .craft-support .text-link{font-size:9px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
 .craft-chalk .craft-writing,.craft-aside{transform:none}
 .craft-chalk .craft-payoff{position:relative;top:auto}
 .craft-chalk .craft-composition{min-height:0}
 .payoff-marker{clip-path:none}
}

/* Balance the service index against the complete workspace and explanation. */
.service-story .platform-body{align-items:center}
.service-story .platform-modules,.service-story #module-panel{align-self:center}
/* Restore the portrait window and keep the benefit and its explanation together. */
.craft-chalk .craft-writing{transform:translateY(calc(var(--payoff-progress,1) * -104px))}
.craft-chalk .craft-photo{width:min(100%,460px)}
.craft-chalk .craft-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:62% 50%}
.craft-chalk .craft-payoff .craft-support{padding-top:19px}
.craft-chalk .craft-payoff .craft-support p{font-size:13px;line-height:1.7}
.craft-chalk .craft-payoff .text-link{margin-top:14px}
@media(max-width:760px){
 .craft-chalk .craft-writing{transform:none}
 .craft-chalk .craft-aside{display:flex;align-items:center;margin-top:24px}
 .craft-chalk .craft-photo{width:140px;height:auto}
 .craft-chalk .craft-photo img{height:auto;aspect-ratio:4/5;object-position:62% 50%}
 .craft-chalk .craft-payoff .craft-support{padding-top:17px}
 .craft-chalk .craft-payoff .craft-support p{font-size:11px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.craft-chalk .craft-writing{transform:none}}

/* The image and complete text now share one centre throughout the reveal. */
.craft-chalk .craft-composition{transform:translateY(calc(var(--payoff-progress,1) * -20px))}
.craft-chalk .craft-writing,.craft-chalk .craft-aside{transform:none}
.craft-chalk .craft-payoff{position:relative;top:auto;left:auto;right:auto;padding:0;height:var(--payoff-height,280px);overflow:hidden;clip-path:inset(0 0 calc((1 - var(--payoff-progress,1)) * 100%) 0);transform:none;will-change:clip-path,opacity}
.craft-payoff-inner{padding:33px 6px 3px}
.craft-chalk .craft-photo{position:relative}
.craft-chalk .craft-photo figcaption{position:absolute;top:100%;left:0;right:0;margin-top:12px}
@media(max-width:760px){
 .craft-chalk .craft-composition{transform:none}
 .craft-payoff-inner{padding-top:28px}
 .craft-chalk .craft-photo figcaption{display:none}
}
@media(prefers-reduced-motion:reduce){
 .craft-chalk .craft-composition{transform:none}
 .craft-chalk .craft-payoff{height:auto;overflow:visible;will-change:auto}
}

/* Scroll changes the weight and focus of the selected service. */
.service-story .platform-modules{transform:translateY(-30px)}
.service-pin .platform-modules button,.service-pin .platform-modules [aria-selected=true]{height:56px;min-height:56px;transition:height .36s cubic-bezier(.22,1,.36,1),min-height .36s cubic-bezier(.22,1,.36,1),border-color .28s}
.service-pin .platform-modules strong{font-size:14px;color:#b9b4ad;transition:font-size .36s cubic-bezier(.22,1,.36,1),color .28s}
.service-pin .platform-modules button:not([aria-selected=true]) .service-banner-photo{filter:grayscale(1) brightness(.75);transition:filter .36s}
.service-pin .platform-modules [aria-selected=true]{height:84px;min-height:84px;border-color:#db8375}
.service-pin .platform-modules [aria-selected=true] strong{font-size:18px;color:var(--paper)}
.service-pin .platform-modules [aria-selected=true] .service-banner-photo{filter:none;transition:filter .36s}
.service-pin .platform-modules button>b .service-icon{width:22px;height:22px;display:block;color:#aca69d;transition:color .28s}
.service-pin .platform-modules [aria-selected=true]>b .service-icon{color:#db8375}
@media(max-width:949px),(max-height:719px){
 .service-pin .platform-modules{align-items:center}
 .service-pin .platform-modules button,.service-pin .platform-modules [aria-selected=true]{height:56px;min-height:56px}
 .service-pin .platform-modules [aria-selected=true]{height:76px;min-height:76px}
 .service-pin .platform-modules [aria-selected=true] strong{font-size:16px}
}

.sora-nav strong{position:relative}.sora-nav .example-wordmark{clip-path:inset(0 0 18% 0)}.sora-preview-scope{position:absolute;bottom:2px;left:39%;font-size:5px!important;letter-spacing:.13em;line-height:1;color:#702b3c}.luma-nav .luma-wordmark{mask-image:none;-webkit-mask-image:none;background:none;display:flex;align-items:center;gap:10px}.luma-wordmark .luma-emblem{width:38px;height:38px;flex-shrink:0}.luma-preview-name{font-size:25px;letter-spacing:.14em;font-weight:400;line-height:1.2}.luma-preview-name small{display:block;font-size:6px;letter-spacing:.09em;margin-top:4px}
.luma-photo-wrap img{object-position:76% center}

/* The selected Luma portrait is centred in its preview as in the client site. */
.luma-photo-wrap img{object-position:50% 35%!important}

/* Lettering uncovers; the three agenda steps slide in one after another. */
.call-headline-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.call-headline-text{display:inline-block;transform:translateY(0);opacity:1}
.contact.call-reveal .call-headline-text{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s}
.contact.call-reveal .call-headline-line:nth-child(2) .call-headline-text{transition-delay:.13s}
.contact.call-reveal:not(.call-arrived) .call-headline-text{transform:translateY(112%);opacity:0}
.contact.call-reveal .call-agenda li{position:relative;border-top-color:transparent;transform:translateX(0);opacity:1}
.contact.call-reveal.call-agenda-arrived .call-agenda li{transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:var(--agenda-delay)}
.contact.call-reveal:not(.call-agenda-arrived) .call-agenda li{transform:translateX(-36px);opacity:0}
.contact.call-reveal .call-agenda li:nth-child(1){--agenda-delay:.08s}
.contact.call-reveal .call-agenda li:nth-child(2){--agenda-delay:.26s}
.contact.call-reveal .call-agenda li:nth-child(3){--agenda-delay:.44s}
.contact.call-reveal .call-agenda li:before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.contact.call-agenda-arrived .call-agenda li:before{transform:scaleX(1)}
.contact.call-reveal .call-agenda li:nth-child(1):before{transition-delay:.08s}
.contact.call-reveal .call-agenda li:nth-child(2):before{transition-delay:.26s}
.contact.call-reveal .call-agenda li:nth-child(3):before{transition-delay:.44s}
.call-primary .icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.call-primary:hover .icon,.call-primary:focus-visible .icon{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.contact.call-reveal .call-headline-text{transform:none!important;opacity:1!important}.contact.call-reveal .call-agenda li{transform:none!important;opacity:1!important}.contact.call-reveal .call-agenda li:before{transform:scaleX(1)!important}.call-primary .icon{transform:none!important}}

/* The preview gives lettering and the centred portrait separate columns. */
.luma-world{container-type:inline-size;display:grid;grid-template-columns:44% 56%;grid-template-rows:60px minmax(0,1fr) 24px;padding:30px}
.luma-world .luma-nav{grid-column:1/-1;grid-row:1;align-self:start}
.luma-world .luma-photo-wrap{position:relative;grid-column:2;grid-row:2/4;width:100%;height:100%;right:auto;bottom:auto;z-index:0}
.luma-world .luma-heading{position:relative;grid-column:1;grid-row:2;left:auto;top:auto;align-self:center;min-width:0;padding-right:20px;z-index:1}
.luma-world .luma-heading h3{font-size:clamp(22px,8.3cqw,54px);line-height:1.04;margin-bottom:22px}
.luma-world .luma-heading h3 em{display:inline-block;font-size:1.13em}
.luma-world .luma-heading p{font-size:10px;line-height:1.5;margin-bottom:20px;max-width:100%}
.luma-world .luma-heading .brand-demo-button{font-size:8px;padding:11px 15px;max-width:100%}
.luma-world .luma-footer{position:relative;grid-column:1;grid-row:3;left:auto;bottom:auto;align-self:end;font-size:6px;padding-right:8px}
.luma-world .luma-signature{left:34%;top:83px}
.luma-world .luma-signature .luma-emblem{width:44px;height:44px}
@media(max-width:700px){
 .luma-world{padding:22px;grid-template-columns:48% 52%;grid-template-rows:65px minmax(0,1fr) 25px}
 .luma-world .luma-heading{padding-right:14px}
 .luma-world .luma-heading h3{font-size:clamp(22px,8cqw,34px);margin-bottom:20px}
 .luma-world .luma-heading p{font-size:9px;margin-bottom:17px}
 .luma-world .luma-heading .brand-demo-button{font-size:7px;padding:10px 12px}
 .luma-world .luma-signature{left:34%;top:76px}
 .luma-world .luma-signature .luma-emblem{width:32px;height:32px}
 .luma-world .luma-footer{font-size:5px;line-height:1.5}
}

/* Keep story geometry steady while the five moments and benefit reveal change. */
.scroll-story .journey-pin{height:calc(100svh - 60px)}
@media(min-width:1101px) and (max-height:900px){
 .scroll-story .journey-ribbon{margin-bottom:8px}
 .scroll-story .one-demo-tabs{margin-bottom:10px}
 .scroll-story .one-demo-tabs button{padding-top:12px;padding-bottom:12px}
 .scroll-story .phone-frame{height:clamp(300px,calc(100svh - 410px),430px)}
 .scroll-story .journey-photo{min-height:0}
 .scroll-story .workspace{height:clamp(280px,calc(100svh - 440px),360px)}
 .scroll-story .workspace-sidebar{padding-top:14px;padding-bottom:14px;gap:8px}
 .scroll-story .workspace-sidebar button{height:28px;width:28px}
 .scroll-story .workspace-logo{margin-bottom:10px}
 .scroll-story .journey-action{margin-top:14px;padding-top:14px}
 .scroll-story .journey-action h3{font-size:22px;margin:6px 0}
 .scroll-story .journey-action p{min-height:36px}
 .scroll-story #one-demo-feedback{margin-top:8px}
 .scroll-story .concept-note{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
 .scroll-story .journey-pin{height:auto}
 .craft-chalk .craft-payoff{clip-path:none}
}