/* SAINT v14: a continuous, scroll-driven brand experience. */
.services-cinema{scroll-margin-top:-90px}
@media(max-width:760px){.screen-copy h3 em{margin-left:.16em}}
.hero-track{height:265svh}.hero{min-height:760px;padding:0;isolation:isolate}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#40352044 0,transparent 48%),linear-gradient(115deg,#0e0e0d,#191812 55%,#10100f);z-index:-3}#starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.portal-scene{position:absolute;inset:0;perspective:850px;perspective-origin:50% 43%;overflow:hidden;z-index:-2;pointer-events:none}.portal-space{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg));will-change:transform}.portal-frame{display:block;position:absolute;width:94%;height:90%;left:50%;top:43%;border:1px solid rgba(206,172,99,.27);border-radius:35px;box-shadow:0 0 40px #d6bb8305,inset 0 0 55px #d6bb8304;transform:translate(-50%,-50%) translateZ(calc(var(--frame-z) + var(--camera-z,0px))) rotateZ(var(--camera-turn,0deg));backface-visibility:hidden;will-change:transform}.portal-frame:nth-child(2n){border-color:#d6bb8315}.hero-sculpture{position:absolute;left:50%;top:42%;width:min(77vw,1180px);aspect-ratio:2;transform:translate(-50%,-50%) scale(var(--logo-scale,1));perspective:1000px;touch-action:pan-y;cursor:grab;z-index:3;will-change:transform,opacity;user-select:none;-webkit-user-select:none}.hero-sculpture:active{cursor:grabbing}.sculpture-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--logo-rx,-6deg)) rotateY(var(--logo-ry,-9deg)) rotateZ(var(--logo-rz,-2deg));will-change:transform;pointer-events:none}.sculpture-turn img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;backface-visibility:visible}.logo-depth{filter:brightness(.38) saturate(.65);transform:translateZ(calc(var(--depth)*-3px - 4px))}.logo-face{transform:translateZ(2px);filter:drop-shadow(0 12px 15px #0009)}.sculpture-caption{position:absolute;left:50%;top:64%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:4;color:#b8ac93;font-size:12px;letter-spacing:.04em;pointer-events:none}.drag-symbol{font-size:22px;line-height:1}.hero-heading{top:auto;bottom:125px;left:var(--gutter);right:auto;width:auto;max-width:58%;z-index:4}.hero h1{font-size:clamp(38px,4.1vw,72px);letter-spacing:-.05em;line-height:1.15}.hero h1>span{display:block}.hero h1>em{display:block;color:#e7d4af;font-size:1.26em;line-height:1.05}.hero-bottom{left:auto;right:var(--gutter);bottom:129px;max-width:320px;z-index:4}.hero-description p{font-size:16px;line-height:1.7;margin-bottom:14px}.hero-description .line-link{gap:26px}.hero-baseline{bottom:35px;z-index:4}.scroll-note{font-size:12px}.scroll-note>span{font-size:18px;margin-left:12px}.hero-flight-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;z-index:4;text-align:center;will-change:transform,opacity}.hero-flight-copy>span{font-size:12px;letter-spacing:.24em;margin-bottom:26px;color:#cbbb9b}.hero-flight-copy strong{font-weight:400;font-size:clamp(60px,10vw,168px);letter-spacing:-.06em;line-height:1}.hero-flight-copy strong em{display:block;font-size:1.05em;color:#d6bb83;line-height:1.2}.hero-exposure{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none;z-index:5}.hero-sculpture:focus-visible{outline:1px solid #cbbb9b;outline-offset:15px;border-radius:16px}.about{border-radius:0;overflow:hidden}.about-bottom{position:relative}.word-reveal{max-width:1300px}
.services-cinema{height:260svh;padding:0;background:#141412;position:relative}.services-pin{height:100svh;min-height:750px;position:sticky;top:0;padding:108px var(--gutter) 28px;display:flex;flex-direction:column;gap:22px;overflow:hidden}.services-cinema-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.services-cinema-heading h2{font-size:clamp(27px,3.25vw,54px);line-height:1.15;letter-spacing:-.045em}.services-cinema-heading h2 em{color:var(--gold);font-size:1.08em}.services-cinema-heading>span{font-size:12px;color:#aaa38f;white-space:nowrap}.service-filmstrip{position:relative;flex:1;min-height:410px;perspective:1200px;touch-action:pan-y;outline-offset:6px;cursor:grab}.service-filmstrip:active{cursor:grabbing}.service-screen{display:grid;grid-template-columns:1fr 1fr;isolation:isolate;border-radius:4px;overflow:hidden;background:var(--paper);color:var(--ink);margin-bottom:25px}.js .service-screen{position:absolute;inset:0;margin:0;will-change:transform,opacity;transform-origin:center center;backface-visibility:hidden;pointer-events:none;visibility:hidden}.js .service-screen.is-current{pointer-events:auto;visibility:visible}.screen-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:clamp(28px,3.7vw,70px);min-width:0}.screen-number{font-size:12px;letter-spacing:.12em;line-height:1.4}.screen-copy h3{font-size:clamp(33px,4.15vw,70px);letter-spacing:-.05em;line-height:1.07;margin:23px 0 20px}.screen-copy h3 em{font-size:1.12em;color:#80704c}.screen-copy p{font-size:16px;line-height:1.7;max-width:390px;color:#68665d}.screen-copy .tags{margin-top:21px;gap:6px}.screen-copy .tags span{font-size:12px;color:#686256;border-color:#c1bcae;padding:4px 9px}.screen-copy .line-link{margin-top:20px;font-size:14px}.screen-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;perspective:900px;background:#cec8b8}.visual-web{flex-direction:column;background:radial-gradient(ellipse at center,#e2dac9,#c2bcad)}.demo-window{width:78%;background:#121210;color:var(--paper);border:1px solid #7d7667;box-shadow:10px 25px 45px #51473055;transform:rotateY(var(--preview-ry,-10deg)) rotateX(var(--preview-rx,6deg)) rotateZ(-5deg);transition:width .7s var(--ease),height .7s var(--ease),border-radius .5s;min-height:250px}.demo-toolbar{display:flex;align-items:center;gap:4px;padding:13px 15px;border-bottom:1px solid #514c40;font-size:10px;color:#c9bba0;letter-spacing:.06em}.demo-toolbar>span{margin-right:auto}.demo-toolbar i{width:3px;height:3px;border-radius:50%;background:#a69a7d}.demo-content{padding:30px}.demo-content small{font-size:11px;letter-spacing:.12em;color:#aea28a}.demo-content strong{display:block;font-size:clamp(30px,3.5vw,58px);font-weight:400;line-height:1;letter-spacing:-.05em;margin:24px 0}.demo-content strong em{font-size:1.2em;color:var(--gold)}.demo-end{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a69a7d}.demo-end b{font-size:22px;font-weight:400}.demo-window[data-device="mobile"]{width:45%;min-height:310px;border-radius:19px}.demo-window[data-device="mobile"] .demo-content{padding:23px 18px}.demo-window[data-device="mobile"] .demo-content strong{font-size:34px}.demo-window[data-device="mobile"] .demo-toolbar{font-size:8px}.device-options{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;background:#b2aa99;border-radius:30px;padding:3px;gap:2px}.device-options button{background:transparent;color:#302d26;font-size:12px;padding:6px 17px;border-radius:22px}.device-options button[aria-pressed="true"]{background:var(--paper)}.screen-brand{background:#292a25;color:#ecebe5}.screen-brand .screen-copy h3 em{color:var(--gold)}.screen-brand .screen-copy p{color:#b9b6aa}.screen-brand .tags span{border-color:#625e50;color:#c3bba9}.visual-brand{background:radial-gradient(ellipse at 50% 60%,#4c4330,#1e1f1a);perspective:1000px}.brand-sheet{position:absolute;width:67%;height:61%;padding:25px;transform-style:preserve-3d;transition:transform .3s}.sheet-back{background:#ece6d5;color:#24231f;transform:translate(-25px,-19px) rotateY(var(--preview-ry,-10deg)) rotateX(var(--preview-rx,0deg)) rotateZ(-13deg);display:flex;flex-direction:column;justify-content:space-between}.sheet-back>span,.sheet-back>small{font-size:9px;letter-spacing:.05em}.sheet-back>b{font:clamp(70px,8vw,130px)/1 var(--serif);font-weight:400}.sheet-front{height:46%;width:74%;background:#141410;border:1px solid #766446;transform:translate(30px,60px) rotateY(var(--preview-ry,-10deg)) rotateX(var(--preview-rx,0deg)) rotateZ(8deg);box-shadow:10px 18px 30px #0006;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:22px}.sheet-front>img{width:100%;max-height:80%;object-fit:contain}.sheet-front>span{font-size:8px;letter-spacing:.1em;color:var(--gold);text-align:center}.brand-palette{position:absolute;bottom:9%;right:7%;display:flex;transform:rotate(8deg)}.brand-palette i{display:block;width:40px;height:50px;background:#d6bb83;border:1px solid #ffffff20}.brand-palette i:nth-child(2){background:#ecebe5}.brand-palette i:nth-child(3){background:#10100f}.screen-growth{background:#d6bb83;color:#141510}.screen-growth .screen-copy h3 em{color:#76613c}.screen-growth .screen-copy p,.screen-growth .tags span{color:#4b4434}.screen-growth .tags span{border-color:#9e8657}.visual-growth{background:#b39964}.growth-stack{display:flex;flex-direction:column;font-size:clamp(70px,7vw,115px);letter-spacing:-.07em;line-height:1.1;transform:rotate(-10deg)}.growth-stack>span:first-child{transform:translateX(var(--growth-shift,-25px));color:#4a4028}.growth-stack>span:nth-child(2){color:#f1e8d3}.growth-stack>em{transform:translateX(calc(var(--growth-shift,-25px)*-1));color:#232419;font-size:1.17em}.growth-stamp{position:absolute;bottom:27px;left:30px;font-size:11px;letter-spacing:.1em;line-height:1.6;color:#443d2c}.service-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-tabs{display:flex;gap:6px;align-items:center;justify-content:center}.service-tabs button{font-size:14px;border:1px solid #4b4639;border-radius:40px;background:none;padding:9px 22px;transition:background .3s,color .3s}.service-tabs button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#10100f}.service-arrow{width:43px;height:43px;border:1px solid #575144;border-radius:50%;background:transparent;font-size:22px;flex:none}.service-arrow:hover{background:var(--gold);color:#10100f}.service-arrow:disabled{opacity:.25;cursor:default}.services-cinema-heading+*{min-width:0}.reset-type{background:none;color:#b9af9b;border:0;padding:7px 0;border-bottom:1px solid #655c4a;font-size:12px}.reset-type:hover{color:var(--gold)}.wordmark-stage{touch-action:pan-y}.wordmark>span{cursor:grab;touch-action:pan-y;transition:none;transform:translate3d(var(--physics-x,0px),var(--physics-y,0px),0) rotate(var(--physics-r,0deg))!important}.wordmark>span:active{cursor:grabbing}.wordmark-stage.is-burst .wordmark>span{transform:translate3d(var(--physics-x,0px),var(--physics-y,0px),0) rotate(var(--physics-r,0deg))!important}.wordmark-shadow{transition:opacity .5s}.studio-panel.is-scattered .wordmark-shadow{opacity:0}.process-steps article{background:var(--paper);position:sticky;top:calc(115px + var(--step-index,0)*20px);padding:32px 0 40px;box-shadow:0 -10px 15px var(--paper);transition:border-color .3s}.process-steps article:nth-child(2){--step-index:1}.process-steps article:nth-child(3){--step-index:2}.process-steps article:nth-child(4){--step-index:3}.process-steps article.is-step-active{border-color:#9e885e}.process-steps article.is-step-active>span{color:#765827}.footer-logo{transform:perspective(1000px) rotateX(var(--footer-rx,0deg));will-change:transform}.footer-logo:hover{transform:perspective(1000px) rotateX(-4deg) scale(1.015)}
@media(min-width:1600px){.screen-copy{padding:55px 70px}.hero h1{font-size:4.2vw}}
@media(max-height:790px) and (min-width:761px){.hero{min-height:650px}.hero-sculpture{width:66vw;top:39%}.sculpture-caption{top:60%}.hero-heading{bottom:109px}.hero h1{font-size:43px}.hero-bottom{bottom:112px}.hero-description p{font-size:14px}.services-pin{min-height:680px;padding-top:96px;gap:17px}.screen-copy{padding:25px 32px}.screen-copy h3{font-size:40px;margin:17px 0}.screen-copy p{font-size:15px}.screen-copy .tags{margin-top:13px}.screen-copy .line-link{margin-top:12px}.service-filmstrip{min-height:400px}.demo-window{min-height:220px}.demo-content{padding:22px}.demo-window[data-device="mobile"]{min-height:260px}}
@media(max-width:1000px) and (min-width:761px){.hero-heading{bottom:160px}.hero h1{font-size:40px}.hero-bottom{max-width:270px}.hero-description p{font-size:14px}.screen-copy{padding:25px}.screen-copy h3{font-size:36px}.screen-copy .tags{display:none}.services-cinema-heading h2{font-size:29px}.services-cinema-heading>span{font-size:11px}.demo-content{padding:23px}.demo-window[data-device="mobile"]{width:58%}}
@media(max-width:760px){.hero-track{height:240svh}.hero{min-height:700px}.hero-atmosphere{background:radial-gradient(ellipse at 50% 40%,#51402255,transparent 60%),#10100f}.portal-scene{perspective:650px;perspective-origin:50% 38%}.portal-frame{top:38%;height:79%;width:124%;border-radius:20px}.hero-sculpture{width:96vw;top:37%}.sculpture-caption{top:50%;font-size:12px;gap:8px;white-space:nowrap}.hero-heading{left:var(--gutter);right:var(--gutter);max-width:none;bottom:226px}.hero h1{font-size:clamp(33px,8.7vw,53px)}.hero h1>em{font-size:1.28em}.hero-bottom{left:var(--gutter);right:var(--gutter);bottom:94px;max-width:none}.hero-description p{font-size:14px;line-height:1.6;margin-bottom:7px}.hero-description .line-link{font-size:14px;gap:18px;padding:7px 0}.hero-baseline{bottom:26px}.scroll-note{font-size:12px}.hero-flight-copy>span{font-size:11px}.hero-flight-copy strong{font-size:17vw}.hero-flight-copy strong em{font-size:.89em;letter-spacing:-.06em}.services-cinema{height:auto;padding:0}.services-pin{position:relative;height:auto;min-height:0;padding:85px 20px 35px;gap:24px}.services-cinema-heading{display:block}.services-cinema-heading h2{font-size:30px;line-height:1.14}.services-cinema-heading h2 em{display:block;margin-top:3px}.services-cinema-heading>span{display:block;margin-top:13px;font-size:12px}.service-filmstrip{flex:none;height:610px;min-height:0;perspective:800px}.service-screen{grid-template-columns:1fr;grid-template-rows:225px 1fr}.screen-visual{grid-row:1;min-height:0}.screen-copy{grid-row:2;padding:23px 24px;justify-content:center}.screen-number{font-size:12px;letter-spacing:.08em}.screen-copy h3{font-size:35px;line-height:1.03;margin:16px 0 13px}.screen-copy h3 br{display:none}.screen-copy h3 em{display:inline;font-size:1.1em}.screen-copy p{font-size:16px;line-height:1.6}.screen-copy .tags{display:none}.screen-copy .line-link{font-size:14px;margin-top:15px}.demo-window{width:65%;height:175px;min-height:0;transform:rotateY(var(--preview-ry,-10deg)) rotateZ(-6deg) translateY(-4px)}.demo-toolbar{padding:7px 10px;font-size:8px}.demo-content{padding:11px 18px}.demo-content small{font-size:8px}.demo-content strong{font-size:28px;line-height:1;margin:11px 0}.demo-end{font-size:8px}.demo-end b{font-size:16px}.demo-window[data-device="mobile"]{width:36%;height:183px;min-height:0;border-radius:12px}.demo-window[data-device="mobile"] .demo-content{padding:13px}.demo-window[data-device="mobile"] .demo-content strong{font-size:25px}.demo-window[data-device="mobile"] .demo-toolbar{font-size:7px}.device-options{bottom:11px;padding:2px}.device-options button{font-size:11px;padding:3px 14px}.brand-sheet{width:58%;height:73%;padding:16px}.sheet-back{transform:translate(-30px,-14px) rotateZ(-13deg)}.sheet-back>span,.sheet-back>small{font-size:7px}.sheet-back>b{font-size:64px}.sheet-front{width:57%;height:61%;padding:14px;transform:translate(35px,20px) rotateZ(9deg)}.sheet-front>span{font-size:6px}.brand-palette{bottom:9%;right:10%}.brand-palette i{width:22px;height:28px}.growth-stack{font-size:52px;line-height:.95;transform:rotate(-9deg)}.growth-stamp{font-size:8px;left:15px;bottom:15px}.service-navigation{gap:9px}.service-arrow{width:33px;height:33px;font-size:19px}.service-tabs{flex:1;gap:4px}.service-tabs button{font-size:12px;padding:7px 8px;line-height:1.2;max-width:110px}.studio-controls{justify-content:center}.reset-type{order:2;font-size:12px;margin-top:2px}.studio-sticky{min-height:745px;gap:20px}.process-steps article{position:relative;top:auto;padding:27px 0;box-shadow:none}.footer-logo{will-change:auto}}
@media(max-width:370px){.hero{min-height:700px}.hero-sculpture{top:34%}.sculpture-caption{top:46%}.hero-heading{bottom:225px}.hero h1{font-size:32px}.hero-bottom{bottom:91px}.hero-description .line-link{font-size:12px}.hero-description p{font-size:14px}.service-filmstrip{height:650px}.screen-copy{padding:22px 20px}.screen-copy h3{font-size:31px}.service-tabs button{font-size:11px;padding:7px 6px}.service-navigation{gap:5px}.service-arrow{width:29px;height:29px;font-size:18px}.services-cinema-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto}.hero{height:100svh}.portal-scene,.hero-flight-copy,.hero-exposure{display:none}.hero-sculpture{transform:translate(-50%,-50%)!important;opacity:1!important}.sculpture-turn{transform:none!important}.hero-heading,.hero-bottom,.hero-baseline,.sculpture-caption{opacity:1!important;transform:none!important}.sculpture-caption{transform:translateX(-50%)!important}.services-cinema{height:auto}.services-pin{position:relative;height:auto;min-height:0}.service-filmstrip{flex:none;height:550px}.studio-track{height:auto}.process-steps article{position:relative;top:auto}}
body.motion-off .hero-track{height:auto}body.motion-off .hero{height:100svh}body.motion-off .hero-flight-copy,body.motion-off .hero-exposure{display:none}body.motion-off .services-cinema{height:auto}body.motion-off .services-pin{position:relative;height:auto;min-height:0}body.motion-off .service-filmstrip{flex:none;height:550px}body.motion-off .studio-track{height:auto}body.motion-off .process-steps article{position:relative;top:auto}
@media(max-width:760px){body.motion-off .service-filmstrip{height:610px}}@media(max-width:370px){body.motion-off .service-filmstrip{height:650px}}

/* v15: draw icons consistently on iOS instead of using emoji-capable glyphs. */
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.13em;flex-shrink:0}
.large-asterisk{width:1em;height:1em;line-height:1}
.large-asterisk svg{display:block;width:100%;height:100%}
.service-arrow{display:grid;place-items:center}
.motion-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:18px}
.motion-icon .icon-play{display:none}
.motion-toggle[aria-pressed="true"] .icon-pause{display:none}
.motion-toggle[aria-pressed="true"] .icon-play{display:block}
.viewport-reference{position:fixed;top:0;left:0;width:0;height:100vh;height:100svh;visibility:hidden;pointer-events:none;overflow:hidden}

/* Keep the document moving with the finger on phones. The interactive controls
   stay available; only the long desktop pinning sequences are removed. */
@media(max-width:760px){
 html{scroll-behavior:auto}
 .hero-track{height:auto}
 .hero{position:relative}
 .hero-flight-copy,.hero-exposure{display:none}
 .studio-track{height:auto;min-height:0}
 .studio-sticky{position:relative;height:auto;min-height:0;gap:24px}
 .studio-panel{flex:none;min-height:360px;transform:none}
 .studio-scroll-hint{display:none}
}
