.op-page{--op-ink:#0a0d14;--op-panel:#111723;--op-ivory:#f4f1ea;--op-paper:#fffdf8;--op-ice:#bce9f4;--op-blue:#244fe8;--op-violet:#5b49ff;--op-line:#0a0d142e;background:var(--op-ivory);color:var(--op-ink);overflow:clip}.op-page ::selection{background:var(--op-blue);color:#fff}.op-page button,.op-page a{-webkit-tap-highlight-color:transparent}.op-page button:focus-visible,.op-page a:focus-visible,.op-preview-dialog button:focus-visible{outline:3px solid var(--op-blue);outline-offset:4px}.op-shell{width:min(100% - clamp(3rem,8vw,8rem),1360px);margin-inline:auto}.op-light{background:var(--op-ivory)}.op-gallery,.op-questions,.op-services,.op-fit,.op-deliverables,.op-process,.op-faq,.op-contact{padding-block:clamp(7rem,10vw,10rem)}.op-section-heading{max-width:880px;margin-bottom:clamp(3rem,5vw,5rem)}.op-section-heading h2,.op-continuous h2,.op-faq h2,.op-contact h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3.2rem,5.5vw,5.8rem);font-weight:650;line-height:.94}.op-section-heading>p{color:#0a0d14ad;max-width:62ch;margin:1.4rem 0 0;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.62}.op-section-heading>small{border-top:1px solid var(--op-line);color:#0a0d149e;width:fit-content;margin-top:1.2rem;padding-top:.8rem;font-size:.82rem;display:block}.op-section-heading-dark{color:var(--op-ivory)}.op-section-heading-dark>p{color:#f4f1eab3}.op-hero{background:radial-gradient(circle at 78% 44%, #244fe826, transparent 31%), var(--op-ink);min-height:max(680px,100svh);color:var(--op-ivory);position:relative;overflow:hidden}.op-hero:after{content:"";background:#bce9f429;height:1px;position:absolute;inset:auto 0 0}.op-hero-shell{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:max(680px,100svh);padding:8rem 0 3rem;display:grid;position:relative}.op-breadcrumbs{z-index:3;color:#f4f1ea8c;align-items:center;gap:.6rem;font-size:.72rem;display:flex;position:absolute;top:7.1rem;left:0}.op-breadcrumbs a{color:var(--op-ice)}.op-hero-copy{z-index:3;padding-top:2.5rem;position:relative}.op-eyebrow{letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--op-ice)!important;margin:0 0 1.3rem!important;font-size:.72rem!important}.op-hero-copy h1{color:#f7f7f4;letter-spacing:-.035em;text-wrap:balance;width:calc(100% + clamp(4rem,7vw,7rem));max-width:none;margin:0;font-size:clamp(4rem,min(5vw,9svh),5rem);font-weight:700;line-height:.92}.op-hero-copy>p:not(.op-eyebrow){color:#f4f1eab8;width:calc(100% + 3rem);max-width:52ch;margin:1.25rem 0 0;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.5}.op-hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.3rem;margin-top:1.55rem;display:flex}.op-primary-action,.op-contact .contact-submit{background:var(--op-violet);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:.7rem;min-height:58px;padding:0 1.45rem;font-weight:650;text-decoration:none;transition:transform .26s cubic-bezier(.16,1,.3,1),background-color .22s;display:inline-flex}.op-primary-action:hover{background:#7164ff;transform:translateY(-2px)}.op-primary-action:active{transform:translateY(1px)}.op-primary-action svg,.op-contact-copy a svg{width:1.1rem;height:1.1rem}.op-secondary-action{color:var(--op-ice);text-underline-offset:.35rem;padding-block:.8rem;text-decoration:underline;text-decoration-thickness:1px}.op-hero-copy>small{color:#f4f1ea80;margin-top:.9rem;font-size:.74rem;display:block}.op-hero-object{z-index:1;pointer-events:none;width:119%;margin:3rem 0 0 -7%;position:relative}.op-hero-object img{filter:drop-shadow(0 34px 32px #00000052);width:100%;height:auto;transform:rotate(-2deg)}.op-hero-object[data-floating=true] img{animation:8s ease-in-out infinite alternate opHeroFloat}.op-gallery{background:#edf2f7}.op-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.25rem,2.4vw,2.5rem);display:grid}.op-concept-card{min-width:0}.op-concept-card:nth-child(2){margin-top:1.8rem}.op-concept-card>header{grid-template-columns:42px 1fr;align-items:start;gap:1rem;min-height:154px;padding:0 .25rem 1.4rem;display:grid}.op-concept-card>header>span{color:#5144be;padding-top:.3rem;font-size:.72rem;font-weight:700}.op-concept-card h3{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3vw,3.3rem);line-height:.98}.op-concept-card header p{color:#0a0d14a8;max-width:52ch;margin:.8rem 0 0;line-height:1.52}.op-browser{transform-origin:bottom;background:#fff;border-radius:14px;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s;overflow:hidden;box-shadow:0 28px 70px #2536522b}.op-browser-bar{background:#dbe3ec;align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.op-browser-bar i{background:#8492a6;border-radius:50%;width:7px;height:7px}.op-browser-window{pointer-events:none;height:clamp(520px,47vw,665px);overflow:hidden}.op-concept-card:hover .op-browser,.op-concept-card:focus-within .op-browser{transform:translateY(-5px)rotateX(1.5deg)rotateY(-1.5deg);box-shadow:0 38px 86px #2536523d}.op-concept-form:hover .op-browser,.op-concept-form:focus-within .op-browser{transform:translateY(-5px)rotateX(1.5deg)rotateY(1.5deg)}.op-concept-open{min-height:50px;color:var(--op-ink);font:inherit;cursor:pointer;text-underline-offset:.35rem;background:0 0;border:0;align-items:center;gap:.7rem;margin-top:1.3rem;padding:.2rem 0;font-weight:680;text-decoration:underline;display:inline-flex}.op-concept-open svg{transition:transform .22s}.op-concept-open:hover svg{transform:translate(4px)}.op-demo{min-height:100%;font-family:ui-sans-serif,system-ui,sans-serif}.op-demo nav{justify-content:space-between;align-items:center;gap:1rem;min-height:60px;padding:0 clamp(1rem,2.4vw,2.25rem);display:flex}.op-demo nav strong{letter-spacing:-.02em;font-size:clamp(.85rem,1.2vw,1rem)}.op-demo nav div{gap:clamp(.65rem,1.5vw,1.35rem);display:flex}.op-demo nav button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;font-size:.69rem}.op-demo-room{color:#1b2430;background:#f1eee7}.op-demo-room nav{border-bottom:1px solid #1b243026}.op-demo-room-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:1.3rem;min-height:405px;padding:clamp(1.3rem,3vw,3rem);display:grid}.op-demo-room-hero>div>p,.op-demo-room-services header>span,.op-demo-room-approach>span{color:#3d5f83;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:700}.op-demo-room h3{letter-spacing:-.04em;max-width:10ch;margin:.7rem 0 1rem;font-size:clamp(2rem,3.2vw,3.7rem);font-weight:560;line-height:.94}.op-demo-room-hero>div>span{color:#1b2430b3;max-width:36ch;font-size:.72rem;line-height:1.5;display:block}.op-demo-room button{color:#fff;background:#263b4f;border:0;border-radius:999px;min-height:34px;margin-top:1rem;padding:0 .9rem;font-size:.65rem}.op-demo-room-hero img{object-fit:cover;border-radius:12px;width:100%;height:305px}.op-demo-room-services{background:#e4eef4;padding:clamp(2rem,4vw,4rem)}.op-demo-room-services header{grid-template-columns:.6fr 1.4fr;align-items:end;gap:1rem;display:grid}.op-demo-room-services h4,.op-demo-room-approach h4{letter-spacing:-.035em;max-width:17ch;margin:0;font-size:clamp(1.55rem,2.6vw,2.8rem);font-weight:520;line-height:1}.op-demo-room-services>div{background:#1b243026;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;display:grid}.op-demo-room-services article{background:#e4eef4;min-height:145px;padding:1rem}.op-demo-room-services strong{font-size:.84rem;display:block}.op-demo-room-services article p{color:#1b2430ad;font-size:.65rem;line-height:1.45}.op-demo-room-approach{padding:clamp(2.5rem,5vw,5rem) clamp(1.5rem,6vw,6rem)}.op-demo-room-approach h4{margin-top:.7rem}.op-demo-room-approach p{color:#1b2430ad;max-width:52ch;font-size:.8rem;line-height:1.55}.op-demo-room-feature{background:#d8e4e9;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);min-height:620px;display:grid}.op-demo-room-feature img{object-fit:cover;width:100%;height:100%;min-height:620px}.op-demo-room-feature>div{flex-direction:column;justify-content:flex-end;padding:clamp(2.4rem,5vw,5rem);display:flex}.op-demo-room-feature span,.op-demo-room-detail span{color:#315a78;letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:750}.op-demo-room-feature h4,.op-demo-room-detail h4{letter-spacing:-.045em;margin:.8rem 0 1.2rem;font-size:clamp(2.2rem,4vw,4.4rem);font-weight:560;line-height:.94}.op-demo-room-feature p,.op-demo-room-detail p{color:#1b2430b8;margin:0;font-size:1rem;line-height:1.6}.op-demo-room-rhythm{background:#edf1ed;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,7vw,7rem);display:grid}.op-demo-room-rhythm>p{letter-spacing:-.05em;max-width:13ch;margin:0;font-size:clamp(2.8rem,5.8vw,6.5rem);font-weight:560;line-height:.9}.op-demo-room-rhythm>div{align-content:end;gap:0;display:grid}.op-demo-room-rhythm strong{border-bottom:1px solid #1b243033;padding:1.15rem 0;font-size:clamp(1rem,1.5vw,1.35rem);font-weight:620}.op-demo-room-approach ol{background:#1b24302e;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:3rem 0 0;padding:0;list-style:none;display:grid}.op-demo-room-approach li{background:#f1eee7;min-height:170px;padding:1.4rem}.op-demo-room-approach li b,.op-demo-room-approach li span{display:block}.op-demo-room-approach li b{font-size:1rem}.op-demo-room-approach li span{color:#1b2430a8;max-width:22ch;margin-top:2.8rem;font-size:.78rem;line-height:1.5}.op-demo-room-detail{background:#e4eef4;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:stretch;display:grid}.op-demo-room-detail>div{align-self:center;padding:clamp(3rem,6vw,6rem)}.op-demo-room-detail img{object-fit:cover;width:100%;height:620px}.op-demo-room-quote{background:#cadce5;margin:0;padding:clamp(5rem,9vw,9rem) clamp(2rem,10vw,10rem)}.op-demo-room-quote p{letter-spacing:-.05em;max-width:16ch;margin:0;font-size:clamp(3rem,6.5vw,7rem);font-weight:540;line-height:.9}.op-demo-room-quote footer{color:#315a78;margin-top:2rem;font-size:.75rem;font-weight:700}.op-demo-contact{grid-template-columns:1fr 1.2fr;align-items:end;gap:1rem;padding:2rem;display:grid}.op-demo-contact p{opacity:.65;margin:0;font-size:.61rem;line-height:1.4}.op-demo-contact strong{font-size:clamp(1.2rem,2vw,2rem);line-height:1}.op-demo-contact>div{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.op-demo-final-action{border:1px solid;border-radius:999px;flex:none;align-items:center;min-height:38px;padding:0 .9rem;font-size:.65rem;font-weight:650;display:inline-flex}.op-demo-form{color:#f4f1ea;background:#0d121c}.op-demo-form nav{border-bottom:1px solid #f4f1ea29}.op-demo-form-hero{isolation:isolate;align-items:center;min-height:465px;display:flex;position:relative;overflow:hidden}.op-demo-form-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0d121c 0%,#0d121cfa 26%,#0d121cd1 47%,#0d121c29 78%,#0000 100%);position:absolute;inset:0}.op-demo-form-hero>.op-demo-form-backdrop{z-index:-2;object-fit:cover;object-position:60% center;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.op-demo-form-copy{z-index:1;width:min(49%,30rem);min-width:0;margin-left:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,3.5vw,3.4rem) 0;position:relative}.op-demo-form-hero p,.op-demo-form-study>div>span{color:#9abfff;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:700}.op-demo-form h3{letter-spacing:-.035em;overflow-wrap:normal;max-width:10ch;margin:.8rem 0 1rem;font-size:clamp(2.25rem,3.25vw,4rem);line-height:.91}.op-demo-form-copy>span{color:#f4f1eac7;max-width:34ch;font-size:.72rem;line-height:1.5;display:block}.op-demo-form button{color:#fff;background:0 0;border:1px solid #f4f1ea73;border-radius:999px;min-height:35px;margin-top:1rem;padding:0 .9rem;font-size:.64rem}.op-demo-form-study{background:var(--op-blue);grid-template-columns:1.1fr .9fr;gap:2rem;padding:clamp(2.5rem,5vw,5rem);display:grid}.op-demo-form-study h4{letter-spacing:-.03em;max-width:13ch;margin:.7rem 0 0;font-size:clamp(1.7rem,3vw,3.3rem);line-height:.95}.op-demo-form-study ul{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.op-demo-form-study li{border-bottom:1px solid #ffffff47;padding-bottom:.8rem}.op-demo-form-study li strong,.op-demo-form-study li span{display:block}.op-demo-form-study li strong{font-size:.8rem}.op-demo-form-study li span{color:#ffffffb3;margin-top:.35rem;font-size:.65rem}.op-demo-form-work{background:#111725;padding:clamp(4rem,7vw,7rem) clamp(2rem,5vw,5rem)}.op-demo-form-work header{max-width:700px}.op-demo-form-work h4{letter-spacing:-.045em;max-width:12ch;margin:0;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.9}.op-demo-form-work header p{color:#f4f1eaad;max-width:52ch;margin:1.3rem 0 0;line-height:1.6}.op-demo-form-work>div{background:#111725;grid-template-columns:1.1fr .9fr .72fr;gap:1px;margin-top:3rem;display:grid}.op-demo-form-work figure{background:#111725;border-left:1px solid #f4f1ea26;min-width:0;margin:0;padding:1rem}.op-demo-form-work figure:nth-child(2){margin-top:3rem}.op-demo-form-work figure:nth-child(3){margin-top:6rem}.op-demo-form-work img{object-fit:contain;background:#090d14;width:100%;height:clamp(280px,35vw,470px)}.op-demo-form-work figcaption{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.op-demo-form-work figcaption strong{font-size:.88rem}.op-demo-form-work figcaption span{color:#f4f1ea8f;font-size:.72rem}.op-demo-form-manifesto{background:#1f48d6;padding:clamp(5rem,9vw,9rem) clamp(2rem,8vw,8rem)}.op-demo-form-manifesto p{letter-spacing:-.055em;max-width:18ch;margin:0;font-size:clamp(3.2rem,7vw,7.6rem);font-weight:700;line-height:.88}.op-demo-form-manifesto span{color:#ffffffb8;max-width:34ch;margin:2rem 0 0 auto;font-size:1rem;line-height:1.5;display:block}.op-demo-form-system{background:#0d121c;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:650px;display:grid}.op-demo-form-system>img{object-fit:cover;width:100%;height:100%;min-height:650px}.op-demo-form-system>div{align-self:center;padding:clamp(3rem,5vw,5rem)}.op-demo-form-system h4{letter-spacing:-.045em;max-width:11ch;margin:0;font-size:clamp(2.6rem,4.3vw,4.8rem);line-height:.92}.op-demo-form-system>div>p{color:#f4f1eaad;max-width:42ch;margin:1.2rem 0 0;line-height:1.6}.op-demo-form-system dl{gap:1rem;margin:2.5rem 0 0;display:grid}.op-demo-form-system dl div{border-bottom:1px solid #f4f1ea29;grid-template-columns:.55fr 1fr;gap:1rem;padding-bottom:1rem;display:grid}.op-demo-form-system dt{color:#9abfff;font-weight:700}.op-demo-form-system dd{color:#f4f1eabd;margin:0}.op-demo-form-process{background:#121927;justify-content:center;align-items:center;gap:.8rem;min-height:220px;padding:3rem;display:flex}.op-demo-form-process div{max-width:180px}.op-demo-form-process span{font-size:.78rem;font-weight:700}.op-demo-form-process small{color:#f4f1ea94;margin-top:.45rem;font-size:.68rem;line-height:1.45;display:block}.op-demo-form-process i{background:#6e8de2;width:70px;height:1px}.op-demo-form-proof{background:#161f32;margin:0;padding:clamp(5rem,8vw,8rem)}.op-demo-form-proof p{color:#f4f1ea;letter-spacing:-.05em;max-width:15ch;margin:0;font-size:clamp(3rem,6vw,6.5rem);font-weight:680;line-height:.9}.op-demo-form-proof footer{color:#9abfff;margin-top:2rem;font-size:.75rem}.op-demo-form .op-demo-contact{border-top:1px solid #f4f1ea29}.op-demo[data-full=true] .op-demo-contact{min-height:310px;padding:clamp(2.5rem,5vw,5rem)}.op-demo[data-full=true] .op-demo-contact strong{letter-spacing:-.04em;max-width:18ch;font-size:clamp(2.2rem,4vw,4.5rem);display:block}.op-preview-dialog{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--op-ink);background:0 0;border:0;margin:0;padding:0}.op-preview-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080ed1}.op-preview-shell{background:#e4e9ef;grid-template-rows:auto auto 1fr auto;height:100dvh;display:grid}.op-preview-shell>header{background:#f2f4f6;border-bottom:1px solid #0a0d1421;grid-template-columns:1fr auto 44px;align-items:center;gap:1rem;min-height:72px;padding:.7rem clamp(1rem,2vw,2rem);display:grid}.op-preview-shell>header>div:first-child{align-items:baseline;gap:.75rem;display:flex}.op-preview-shell>header span{color:#5144be;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.op-preview-shell>header h2{margin:0;font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1}.op-device-switch{background:#e2e7ed;border:1px solid #28384f29;border-radius:12px;gap:2px;padding:3px;display:flex}.op-device-switch button{color:#3d4a5c;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.45rem;padding:0 .8rem;font-size:.78rem;display:inline-flex}.op-device-switch button[aria-pressed=true]{background:var(--op-blue);color:#fff}.op-preview-close{background:var(--op-ink);color:#fff;cursor:pointer;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.op-preview-close svg{width:1.2rem;height:1.2rem}.op-preview-notice{color:#203755;text-align:center;background:#bce9f4ad;border-bottom:1px solid #2037551f;padding:.42rem clamp(1rem,2vw,2rem);font-size:.72rem;font-weight:650}.op-preview-stage{justify-content:center;min-height:0;padding:clamp(.6rem,1vw,1rem);display:flex;overflow:hidden}.op-preview-viewport{overscroll-behavior:contain;scrollbar-color:var(--op-blue) #d8e0e9;scrollbar-width:thin;background:#fff;border-radius:12px;width:min(1360px,100%);height:100%;overflow-y:auto;box-shadow:0 20px 55px #15253c2e}.op-preview-stage[data-device=mobile] .op-preview-viewport{width:min(430px,100%)}.op-preview-viewport .op-demo[data-full=true] nav{min-height:76px}.op-preview-viewport .op-demo[data-full=true] .op-demo-room-hero,.op-preview-viewport .op-demo[data-full=true] .op-demo-form-hero{min-height:min(760px,100dvh - 182px)}.op-preview-stage[data-device=mobile] .op-demo nav{align-items:flex-start;padding-block:1rem}.op-preview-stage[data-device=mobile] .op-demo nav div{display:none}.op-preview-stage[data-device=mobile] .op-demo-room-hero{grid-template-columns:1fr;min-height:0!important}.op-preview-stage[data-device=mobile] .op-demo-form-hero{align-items:flex-start;min-height:560px!important}.op-preview-stage[data-device=mobile] .op-demo-form-hero:after{background:linear-gradient(#0d121c 0%,#0d121cf7 54%,#0d121c61 78%,#0d121c14 100%)}.op-preview-stage[data-device=mobile] .op-demo-form-copy{width:calc(100% - 3rem);margin:0 0 0 1.5rem;padding:2.25rem 0 8rem}.op-preview-stage[data-device=mobile] .op-demo-form h3{max-width:8.7ch;font-size:clamp(2.55rem,12vw,3.35rem)}.op-preview-stage[data-device=mobile] .op-demo-room-hero img{height:290px}.op-preview-stage[data-device=mobile] .op-demo-form-hero>.op-demo-form-backdrop{object-position:75% center;height:100%;min-height:0!important}.op-preview-stage[data-device=mobile] .op-demo-room-services header,.op-preview-stage[data-device=mobile] .op-demo-room-services>div,.op-preview-stage[data-device=mobile] .op-demo-form-study{grid-template-columns:1fr}.op-preview-stage[data-device=mobile] .op-demo-room-services>div{gap:1px}.op-preview-stage[data-device=mobile] .op-demo-room-feature,.op-preview-stage[data-device=mobile] .op-demo-room-rhythm,.op-preview-stage[data-device=mobile] .op-demo-room-detail,.op-preview-stage[data-device=mobile] .op-demo-form-system{grid-template-columns:1fr}.op-preview-stage[data-device=mobile] .op-demo-room-feature img,.op-preview-stage[data-device=mobile] .op-demo-room-detail img,.op-preview-stage[data-device=mobile] .op-demo-form-system>img{height:330px;min-height:0}.op-preview-stage[data-device=mobile] .op-demo-room-feature>div,.op-preview-stage[data-device=mobile] .op-demo-room-detail>div,.op-preview-stage[data-device=mobile] .op-demo-form-system>div{padding:2.5rem 1.5rem}.op-preview-stage[data-device=mobile] .op-demo-room-rhythm{gap:2.5rem;padding:3.5rem 1.5rem}.op-preview-stage[data-device=mobile] .op-demo-room-approach ol,.op-preview-stage[data-device=mobile] .op-demo-form-work>div{grid-template-columns:1fr}.op-preview-stage[data-device=mobile] .op-demo-room-approach li{min-height:135px}.op-preview-stage[data-device=mobile] .op-demo-room-approach li span{margin-top:1.4rem}.op-preview-stage[data-device=mobile] .op-demo-room-quote,.op-preview-stage[data-device=mobile] .op-demo-form-manifesto,.op-preview-stage[data-device=mobile] .op-demo-form-proof{padding:4rem 1.5rem}.op-preview-stage[data-device=mobile] .op-demo-form-work{padding:4rem 1rem}.op-preview-stage[data-device=mobile] .op-demo-form-work figure,.op-preview-stage[data-device=mobile] .op-demo-form-work figure:nth-child(2),.op-preview-stage[data-device=mobile] .op-demo-form-work figure:nth-child(3){margin-top:0}.op-preview-stage[data-device=mobile] .op-demo-form-work img{height:320px}.op-preview-stage[data-device=mobile] .op-demo-form-process{flex-direction:column;align-items:flex-start}.op-preview-stage[data-device=mobile] .op-demo-form-process i{width:1px;height:38px;margin-left:.35rem}.op-preview-stage[data-device=mobile] .op-demo-contact>div{flex-direction:column;align-items:flex-start}.op-preview-stage[data-device=mobile] .op-demo-contact{grid-template-columns:1fr}.op-preview-shell>footer{background:#f2f4f6;border-top:1px solid #0a0d1421;justify-content:flex-end;padding:.55rem clamp(1rem,2vw,2rem);display:flex}.op-preview-shell>footer button{background:var(--op-violet);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:.6rem;padding:0 1rem;font-size:.82rem;font-weight:650;display:inline-flex}.op-questions{background:#f7f5f0;padding-top:clamp(5rem,7vw,7rem)}.op-questions .op-section-heading{max-width:none;margin-bottom:clamp(2.3rem,4vw,4rem)}.op-questions .op-section-heading h2{max-width:13ch}.op-questions .op-section-heading>p{max-width:48ch;font-size:clamp(1.2rem,1.8vw,1.55rem)}.op-question-prompts{border-bottom:1px solid #0a0d1438;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2.5rem,4vw,4rem);display:grid}.op-question-prompts span{color:#244fe8;letter-spacing:-.04em;padding:.8rem 0 1rem;font-size:clamp(1.5rem,3.2vw,3.5rem);font-weight:680}.op-flip-grid{perspective:1600px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,2vw,2rem);padding-bottom:2.5rem;display:grid}.op-flip-card{height:100%;min-height:640px}.op-flip-card:nth-child(2){transform:translateY(2rem)}.op-flip-card:nth-child(3){transform:translateY(.75rem)}.op-flip-inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.op-flip-card[data-open=true] .op-flip-inner{transform:rotateY(180deg)}.op-flip-face{min-height:inherit;backface-visibility:hidden;border-radius:14px;flex-direction:column;grid-area:1/1;padding:clamp(1.2rem,2vw,1.8rem);display:flex;position:relative;overflow:hidden}.op-flip-front{background:#dcebf2}.op-flip-card:nth-child(2) .op-flip-front{background:#e1e4f5}.op-flip-card:nth-child(3) .op-flip-front{background:#d8e3f8}.op-flip-front img{object-fit:contain;filter:drop-shadow(0 22px 24px #1b2f4c26);width:100%;height:245px}.op-flip-face>div:not(.op-offer-map):not(.op-fit-map):not(.op-action-map){margin-top:auto}.op-flip-face>div:not(.op-offer-map):not(.op-fit-map):not(.op-action-map)>span,.op-flip-back>span{color:#5144be;font-size:.68rem;font-weight:700}.op-flip-face h3{letter-spacing:-.035em;margin:.55rem 0 .7rem;font-size:clamp(1.7rem,2.6vw,2.8rem);line-height:.96}.op-flip-face p{color:#0a0d14c7;margin:0;font-size:1.0625rem;line-height:1.55}.op-flip-anchors{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.op-flip-anchors small{color:#30476d;border:1px solid #0a0d1438;border-radius:999px;padding:.45rem .6rem;font-size:.92rem;font-weight:650}.op-flip-face button{min-height:44px;color:var(--op-ink);font:inherit;text-underline-offset:.3rem;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.55rem;margin-top:1.2rem;padding:0;font-weight:680;text-decoration:underline;display:inline-flex}.op-flip-back{background:var(--op-panel);color:var(--op-ivory);transform:rotateY(180deg)}.op-flip-back p{color:#f4f1eae6}.op-flip-back button{color:var(--op-ice)}.op-offer-map,.op-fit-map,.op-action-map{margin-top:auto;padding-top:1rem}.op-offer-map{background:#bce9f440;grid-template-columns:1fr 1fr;gap:1px;display:grid}.op-offer-map strong{background:var(--op-ice);color:#263d64;grid-column:1/-1;padding:1rem;font-size:1rem;line-height:1.35}.op-offer-map span,.op-fit-map span{min-height:54px;color:var(--op-ice);text-align:center;border:1px solid #bce9f452;place-items:center;padding:.65rem;font-size:.94rem;display:grid}.op-fit-map{gap:.45rem;display:grid}.op-action-map{grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.op-action-map strong,.op-action-map span{color:var(--op-ice);text-align:center;background:#1b2638;padding:.8rem;font-size:.94rem;line-height:1.35}.op-action-map svg{color:var(--op-ice)}.op-story-section{color:var(--op-ivory);background:#0d131e;padding:clamp(7rem,9vw,9rem) 0 clamp(6rem,8vw,8rem)}.op-story-section .op-section-heading{margin-bottom:2.5rem}.op-story-section .op-section-heading>small{color:#bce9f4c7;border-color:#bce9f447}.op-story{position:relative}.op-story-sticky{z-index:2;position:relative}.op-story[data-pinned=true] .op-story-sticky{position:sticky;top:88px}.op-story-progress{background:#bce9f42e;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.op-story-progress button{color:#f4f1eaad;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:#171e2b;border:0;align-items:center;gap:.65rem;padding:.65rem .9rem;font-size:.86rem;font-weight:650;display:flex}.op-story-progress button span{color:var(--op-ice);font-size:.72rem}.op-story-progress button[aria-current=step]{background:var(--op-blue);color:#fff}.op-story-browser{background:#e9edf0;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #00000047}.op-story-browser-bar{color:#28384f;background:#dbe3ec;border-bottom:1px solid #0a0d1426;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 1rem;display:grid}.op-story-browser-bar>span{gap:6px;display:flex}.op-story-browser-bar i{background:#8090a5;border-radius:50%;width:7px;height:7px}.op-story-browser-bar strong{font-size:.9rem}.op-story-browser-bar small{color:#52637a;justify-self:end;font-size:.76rem}.op-story-frame{background:#f1eee7;height:clamp(440px,100svh - 270px,650px);overflow:hidden}.op-story[data-pinned=false]{height:auto!important}.op-story[data-pinned=false] .op-story-frame{height:auto;overflow:visible}.op-story-site{color:#1b2430;will-change:transform;font-family:ui-sans-serif,system-ui,sans-serif;display:block}.op-story-site h3{letter-spacing:-.035em;text-wrap:balance}.op-story-site button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#263b4f;border:0;border-radius:999px;padding:0 1.1rem;font-size:.92rem;font-weight:700}.op-story-site small{color:#355a82;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:750}.op-story-journey-hero{background:#f1eee7;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:680px;padding:clamp(2.5rem,5vw,5.5rem);display:grid}.op-story-journey-hero h3{max-width:9ch;margin:.8rem 0 1.25rem;font-size:clamp(3.4rem,6vw,5.6rem);font-weight:580;line-height:.92}.op-story-journey-hero p{color:#1b2430b8;max-width:37ch;margin:0;font-size:1.08rem;line-height:1.6}.op-story-journey-hero button{margin-top:1.6rem}.op-story-journey-hero img{object-fit:cover;border-radius:14px;width:100%;height:440px}.op-story-journey-services{background:#dfeaf0;grid-template-columns:1.1fr .9fr;gap:1px;min-height:580px;padding:clamp(2.5rem,5vw,5rem);display:grid}.op-story-journey-services>header{align-self:center;padding-right:clamp(2rem,5vw,5rem)}.op-story-journey-services h3{max-width:12ch;margin:.75rem 0 1rem;font-size:clamp(3rem,5vw,4.8rem);font-weight:580;line-height:.94}.op-story-journey-services header p{color:#1b2430b3;max-width:45ch;font-size:1.05rem;line-height:1.6}.op-story-service-list{align-content:center;display:grid}.op-story-service-list article{border-bottom:1px solid #1b243033;grid-template-columns:.65fr 1fr;gap:1rem;padding:1.3rem 0;display:grid}.op-story-service-list strong{font-size:1.08rem}.op-story-service-list p{color:#1b2430ad;margin:0;line-height:1.5}.op-story-detail-map{background:#1b24302e;grid-column:2;grid-template-columns:1fr 1fr;gap:1px;margin-top:1.5rem;display:grid}.op-story-detail-map span{color:#355a82;background:#fff;grid-column:1/-1;padding:.65rem .8rem;font-size:.78rem;font-weight:700}.op-story-detail-map i{background:#c5dbe6;min-height:52px}.op-story-detail-map i:nth-of-type(2){background:#8eb9d0}.op-story-detail-map b{text-align:center;background:#fff;padding:.65rem;font-size:.8rem}.op-story-journey-approach{color:#fff;background:#28466c;grid-template-columns:1.15fr .85fr;min-height:650px;display:grid}.op-story-journey-approach img{object-fit:cover;width:100%;height:650px}.op-story-journey-approach>div{flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,5rem);display:flex}.op-story-journey-approach small{color:#c8e8f1}.op-story-journey-approach h3{max-width:10ch;margin:.8rem 0 1.2rem;font-size:clamp(3rem,4.8vw,4.8rem);font-weight:580;line-height:.94}.op-story-journey-approach p{color:#ffffffd1;max-width:40ch;margin:0;font-size:1.05rem;line-height:1.62}.op-story-journey-approach ol{border-top:1px solid #ffffff52;flex-wrap:wrap;gap:.8rem 1.5rem;margin:2rem 0 0;padding:1rem 0 0;list-style:none;display:flex}.op-story-journey-approach li{font-size:.9rem;font-weight:700}.op-story-journey-contact{background:#f1eee7;grid-template-columns:minmax(0,.84fr) minmax(460px,1.16fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:clamp(520px,100svh - 270px,650px);padding:clamp(2rem,4vw,4rem);display:grid}.op-story-contact-copy{align-self:center}.op-story-journey-contact h3{max-width:10ch;margin:.8rem 0 1.2rem;font-size:clamp(3rem,5vw,5.2rem);font-weight:580;line-height:.92}.op-story-contact-copy>p{color:#1b2430b8;max-width:34ch;margin:0;font-size:1rem;line-height:1.55}.op-story-demo-form{background:#e5e0d6;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;min-width:0;padding:clamp(1.4rem,2.5vw,2.25rem);display:grid;box-shadow:0 24px 55px #242c341f}.op-story-demo-form header,.op-story-demo-wide,.op-story-demo-disclaimer,.op-story-demo-status{grid-column:1/-1}.op-story-demo-form header{grid-template-columns:.9fr 1.1fr;align-items:end;gap:1rem;margin-bottom:.25rem;display:grid}.op-story-demo-form h4{letter-spacing:-.03em;margin:0;font-size:clamp(1.65rem,2.4vw,2.4rem);font-weight:620;line-height:.98}.op-story-demo-form header p{color:#1b2430b3;max-width:32ch;margin:0;font-size:.88rem;line-height:1.48}.op-story-demo-pair,.op-story-demo-wide{align-content:start;gap:.35rem;min-width:0;display:grid}.op-story-demo-form label{color:#28384f;font-size:.78rem;font-weight:720}.op-story-demo-form input,.op-story-demo-form select,.op-story-demo-form textarea{color:#1b2430;width:100%;min-width:0;min-height:44px;font:inherit;background:#f8f5ee;border:1px solid #28384f47;border-radius:9px;font-size:.9rem}.op-story-demo-form input,.op-story-demo-form select{padding:0 .75rem}.op-story-demo-form textarea{resize:vertical;min-height:74px;padding:.65rem .75rem;line-height:1.45}.op-story-demo-form input:focus-visible,.op-story-demo-form select:focus-visible,.op-story-demo-form textarea:focus-visible{outline-offset:2px;outline:3px solid #6c8fba}.op-story-demo-form [aria-invalid=true]{border-color:#9e382f}.op-story-field-error{color:#842c25;font-size:.75rem;font-weight:680}.op-story-demo-disclaimer{color:#1b2430b8;margin:0;font-size:.75rem;line-height:1.4}.op-story-demo-form button{background:#263b4f;justify-self:start;min-height:44px;margin:0}.op-story-demo-status{color:#2c5b45;min-height:1.25rem;margin:0;font-size:.78rem;font-weight:680;line-height:1.4}.op-story-real-action{background:#171e2b;justify-content:space-between;align-items:center;gap:1rem;min-height:62px;padding:.7rem 1rem;display:flex}.op-story-real-action span{color:#f4f1ea9e;font-size:.78rem}.op-story-real-action a{color:var(--op-ice);text-underline-offset:.3rem;align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;display:inline-flex}.op-services{background:#f4f1ea}.op-layout-board{background:var(--op-line);grid-template-columns:minmax(360px,1.1fr) minmax(0,.9fr);gap:1px;display:grid}.op-layout-map{background:#dfeaf1;min-height:610px;padding:clamp(1.5rem,3vw,3rem);position:relative;overflow:hidden}.op-layout-page{z-index:2;background:var(--op-paper);grid-template-rows:1.1fr .8fr .8fr .65fr;gap:.8rem;width:min(72%,430px);min-height:470px;padding:1.25rem;display:grid;position:relative;box-shadow:0 24px 48px #1d2f4821}.op-layout-page span,.op-layout-page strong{text-align:center;place-items:center;padding:.8rem;font-size:.72rem;display:grid}.op-layout-page span{background:#e5eef5}.op-layout-page i{background:#d6e2f4}.op-layout-page strong{background:var(--op-blue);color:#fff}.op-layout-annotations{z-index:3;gap:7.2rem;display:grid;position:absolute;top:5rem;left:min(69%,430px)}.op-layout-annotations span{color:#304c7c;padding-left:4rem;font-size:.7rem;font-weight:700;position:relative}.op-layout-annotations span:before{content:"";background:var(--op-blue);width:3.4rem;height:1px;position:absolute;top:50%;left:0}.op-layout-map>img{opacity:.38;width:58%;height:auto;position:absolute;bottom:-14%;right:-12%}.op-service-fields{grid-template-rows:repeat(3,1fr);gap:1px;display:grid}.op-service-fields article{background:var(--op-paper);grid-template-columns:.95fr 1.3fr;gap:1rem 1.6rem;padding:clamp(1.5rem,2.6vw,2.4rem);display:grid}.op-service-fields article:nth-child(2){background:#edf3f6}.op-service-fields article>h3{letter-spacing:-.025em;margin:0;font-size:clamp(1.2rem,1.65vw,1.6rem);font-weight:680;line-height:1.08}.op-service-fields article>p{color:#0a0d14c2;max-width:38ch;margin:0;font-size:1.0625rem;line-height:1.56}.op-service-fields article>div{flex-wrap:wrap;grid-column:1/-1;align-self:end;gap:.45rem;display:flex}.op-service-fields article strong{border:1px solid var(--op-line);border-radius:999px;padding:.45rem .65rem;font-size:.9rem;font-weight:650}.op-scope-note{color:#0a0d1494;max-width:78ch;margin:1.2rem 0 0;font-size:.82rem;line-height:1.55}.op-continuous{background:#eaf0f6;align-items:center;min-height:min(760px,62vw);display:grid;position:relative;overflow:hidden}.op-continuous-object{z-index:1;opacity:.82;pointer-events:none;width:82%;position:absolute;inset:-2% -13% auto 34%}.op-continuous-object img{filter:drop-shadow(0 28px 30px #1a305329);width:100%;height:auto}.op-continuous-object[data-floating=true] img{animation:10s ease-in-out infinite alternate opCanvasFloat}.op-continuous-fade{z-index:0;background:linear-gradient(90deg,#eaf0f6 0%,#eaf0f6f2 32%,#eaf0f63d 58%,#0000 100%);position:absolute;inset:0}.op-continuous-copy{z-index:2;padding-block:clamp(5rem,8vw,8rem);position:relative}.op-continuous h2{max-width:12ch;font-size:clamp(3.8rem,6.5vw,6.5rem)}.op-continuous-copy p{max-width:48ch;margin:1.5rem 0 0;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.62}.op-continuous-copy ul{background:#0a0d142e;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:min(48%,590px);margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.op-continuous-copy li{background:#eaf0f6f5;min-height:125px;padding:1rem}.op-continuous-copy strong,.op-continuous-copy span{display:block}.op-continuous-copy strong{color:#244fe8;font-size:.86rem}.op-continuous-copy span{color:#0a0d14a8;margin-top:1.9rem;font-size:.76rem;line-height:1.45}.op-fit{background:#f7f5f0;padding-block:clamp(5rem,7vw,7rem)}.op-fit .op-section-heading{margin-bottom:2.5rem}.op-fit-grid{background:var(--op-line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.op-fit-grid article{background:var(--op-paper);grid-template-columns:150px 1fr;align-items:center;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.5rem,3vw,2.6rem);display:grid}.op-fit-grid h3{letter-spacing:-.035em;margin:0 0 .8rem;font-size:clamp(2rem,3vw,3rem);line-height:.96}.op-fit-grid article p{color:#0a0d14b8;margin:0;font-size:1.02rem;line-height:1.55}.op-fit-grid ul{gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.op-fit-grid li{padding-left:1.2rem;font-size:.95rem;line-height:1.4;position:relative}.op-fit-grid li:before{content:"";background:var(--op-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;left:0}.op-fit-one-page{background:#e2eaf1;border:1px solid #0a0d1433;grid-template-rows:1.15fr .85fr .7fr;gap:5px;width:130px;height:165px;padding:7px;display:grid;transform:rotate(-3deg)}.op-fit-one-page span{color:#3f5579;background:#fff;place-items:center;font-size:.76rem;font-weight:650;display:grid}.op-fit-one-page span:last-child{background:var(--op-blue);color:#fff}.op-fit-more{background:#e5edf4!important}.op-fit-pages{grid-template-columns:repeat(3,1fr);align-items:start;gap:.45rem;width:150px;display:grid}.op-fit-pages span{color:#405272;text-align:center;background:#fff;place-items:end center;min-height:118px;padding:.5rem .25rem;font-size:.68rem;font-weight:650;display:grid;box-shadow:0 14px 24px #1b304b14}.op-fit-pages span:nth-child(2){margin-top:1rem}.op-fit-pages span:nth-child(3){margin-top:.4rem}.op-fit-note{color:#0a0d14a3;margin:1.2rem 0 0;font-size:1rem}.op-deliverables{background:var(--op-ivory);padding-block:clamp(5rem,7vw,7rem)}.op-deliverables .op-section-heading{margin-bottom:2.5rem}.op-deliverable-grid{background:var(--op-line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.op-deliverable-grid>article{background:var(--op-paper);flex-direction:column;min-height:440px;padding:clamp(1.5rem,2.5vw,2.4rem);display:flex}.op-deliverable-grid h3{letter-spacing:-.035em;margin:1.6rem 0 .7rem;font-size:clamp(1.7rem,2.5vw,2.65rem);line-height:.98}.op-deliverable-grid article>p{color:#0a0d14a8;max-width:44ch;line-height:1.55}.op-deliverable-structure>div{background:#e2e9f0;grid-template-rows:1.1fr .9fr .7fr;gap:.55rem;width:min(74%,230px);height:205px;margin:0 auto;padding:.75rem;display:grid;transform:rotate(1.5deg);box-shadow:0 20px 35px #1c2e461f}.op-deliverable-structure>div span{color:#40547a;text-align:center;background:#fff;place-items:center;padding:.6rem;font-size:.78rem;font-weight:650;display:grid}.op-deliverable-structure>div span:last-child{background:var(--op-blue);color:#fff}.op-deliverable-responsive>div{grid-template-columns:1.4fr .6fr;align-items:end;gap:.8rem;height:205px;display:grid}.op-deliverable-responsive>div>span{background:#e2eaf1;align-content:start;gap:7px;height:100%;padding:.8rem;display:grid;overflow:hidden}.op-deliverable-responsive>div>span:last-child{height:84%}.op-deliverable-responsive b{color:#253b5d;font-size:.72rem;line-height:1.05}.op-deliverable-responsive i{background:#fff}.op-deliverable-responsive i:last-child{background:var(--op-blue)}.op-deliverable-review>div{align-content:center;gap:.65rem;min-height:205px;display:grid}.op-deliverable-review span{color:#40547a;background:#e2eaf1;padding:.8rem 1rem;font-size:.9rem;font-weight:650}.op-deliverable-review span:before{content:"";background:var(--op-blue);border-radius:50%;width:8px;height:8px;margin-right:.65rem;display:inline-block}.op-deliverable-note{color:#0a0d1494;margin:1.2rem 0 0;font-size:.82rem}.op-process{background:#eaf0f6;position:relative}.op-process .op-shell{position:relative}.op-process-grid{z-index:1;grid-template-columns:1.05fr .9fr 1.05fr;align-items:start;gap:clamp(1rem,3vw,3rem);display:grid;position:relative}.op-process-roadmap{z-index:2;pointer-events:none;width:94%;height:90px;position:absolute;top:282px;left:3%;overflow:visible}.op-process-roadmap path{fill:none;stroke:#244fe87a;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-dasharray:1400;stroke-dashoffset:0}.op-process-grid article{background:#fffdf8eb;flex-direction:column;min-height:540px;padding:clamp(1.2rem,2.2vw,2rem);display:flex}.op-process-grid article:nth-child(2){margin-top:4rem}.op-process-grid article:nth-child(3){margin-top:1.5rem}.op-process-grid img{object-fit:contain;filter:drop-shadow(0 20px 22px #192e4e24);width:100%;height:245px}.op-process-node{z-index:3;color:#5144be;align-items:center;gap:.55rem;width:fit-content;margin-top:auto;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.op-process-node i{border:3px solid var(--op-paper);background:var(--op-blue);width:14px;height:14px;box-shadow:0 0 0 1px var(--op-blue);border-radius:50%}.op-process-grid h3{letter-spacing:-.035em;margin:.6rem 0 .8rem;font-size:clamp(1.7rem,2.6vw,2.75rem);line-height:.98}.op-process-grid p{color:#0a0d14a6;margin:0;line-height:1.55}.op-faq{background:#f7f5f0}.op-faq-layout{grid-template-columns:.75fr 1.25fr;align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.op-faq-layout>div:first-child{position:sticky;top:8rem}.op-faq h2{max-width:11ch}.op-faq-layout>div:first-child p{color:#0a0d14a1;max-width:34ch;line-height:1.58}.op-faq-list details{border-bottom:1px solid var(--op-line)}.op-faq-list summary{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:78px;padding:1rem 0;font-size:clamp(1rem,1.25vw,1.14rem);font-weight:650;list-style:none;display:grid}.op-faq-list summary::-webkit-details-marker{display:none}.op-faq-list summary span{color:#304c7c;background:#dfe7ef;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .22s;display:grid}.op-faq-list details[open] summary span{transform:rotate(45deg)}.op-faq-list details>div{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1);display:grid}.op-faq-list details[open]>div{grid-template-rows:1fr}.op-faq-list details>div p{color:#0a0d14a8;max-width:68ch;min-height:0;margin:0;padding:0 3rem 1.5rem 0;line-height:1.65;overflow:hidden}.op-contact{background:var(--op-ink);color:var(--op-ivory)}.op-contact-layout{grid-template-columns:minmax(0,.85fr) minmax(460px,1.15fr);align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.op-contact h2{color:#f7f7f4;max-width:10ch}.op-contact-copy>p{color:#f4f1eaad;max-width:43ch;margin:1.5rem 0 0;font-size:1.08rem;line-height:1.6}.op-contact-copy>a{color:var(--op-ice);text-underline-offset:.35rem;align-items:center;gap:.55rem;margin-top:2rem;text-decoration:underline;display:inline-flex}.op-contact .contact-form{margin:0}.op-contact .contact-submit{border-radius:12px}@keyframes opHeroFloat{0%{transform:translateY(-5px)rotate(-2deg)}to{transform:translateY(7px)rotate(-1.2deg)}}@keyframes opCanvasFloat{0%{transform:translate(-8px,-3px)}to{transform:translate(8px,5px)}}@keyframes opRouteDraw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}.site-footer .footer-bottom>span:first-child{align-items:center;gap:1rem;display:flex}.site-footer .footer-utility{display:inline-flex}.site-footer .op-motion-toggle{color:#bce9f4c7;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.35rem 0;font-size:.78rem;display:inline-flex;position:static}.site-footer .op-motion-toggle svg{width:15px;height:15px}.site-footer .op-motion-toggle:hover{color:#fff}.site-footer .op-motion-toggle:focus-visible{outline:3px solid var(--op-blue);outline-offset:4px}@supports (animation-timeline:view()){.op-process-roadmap path{animation:linear both opRouteDraw;animation-timeline:view();animation-range:entry 12% cover 38%}}@media (min-width:821px) and (max-height:820px){.op-hero-shell{padding-block:7rem 2rem}.op-hero-copy h1{font-size:clamp(3.6rem,min(6vw,9svh),5rem)}.op-hero-copy>p:not(.op-eyebrow){margin-top:1.2rem}.op-hero-actions{margin-top:1.4rem}.op-hero-copy>small{margin-top:.9rem}}@media (max-width:1120px){.op-hero-shell{grid-template-columns:minmax(0,1fr) 48%;gap:1rem}.op-hero-copy h1{width:112%;font-size:clamp(3.7rem,6.3vw,5rem)}.op-browser-window{height:560px}.op-layout-board{grid-template-columns:1fr}.op-layout-map{min-height:570px}.op-service-fields{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.op-service-fields article{grid-template-columns:1fr}.op-service-fields article>div{grid-column:1}.op-fit-grid article{grid-template-columns:125px 1fr}.op-fit-one-page{width:112px}.op-fit-pages{width:125px}.op-faq-layout{gap:4rem}}@media (max-width:820px){.op-shell{width:min(100% - 3rem,720px)}.op-gallery,.op-questions,.op-services,.op-fit,.op-deliverables,.op-process,.op-faq,.op-contact{padding-block:5.5rem}.op-section-heading h2,.op-continuous h2,.op-faq h2,.op-contact h2{font-size:clamp(2.75rem,10vw,4.6rem)}.op-hero,.op-hero-shell{min-height:auto}.op-hero-shell{flex-direction:column;align-items:stretch;padding:8.8rem 0 3.5rem;display:flex}.op-breadcrumbs{flex-wrap:wrap;top:6.8rem}.op-hero-copy{padding-top:2.5rem}.op-hero-copy h1{width:100%;max-width:11.5ch;font-size:clamp(3.5rem,11.5vw,5.3rem)}.op-hero-copy>p:not(.op-eyebrow){width:100%}.op-hero-object{align-self:center;width:100%;max-width:680px;margin:1rem auto 0}.op-gallery-grid,.op-flip-grid,.op-fit-grid,.op-faq-layout,.op-contact-layout{grid-template-columns:1fr}.op-concept-card:nth-child(2){margin-top:3.5rem}.op-concept-card>header{min-height:0}.op-browser-window{height:620px}.op-flip-card,.op-flip-card:nth-child(2),.op-flip-card:nth-child(3){height:auto;min-height:0;margin-top:0;transform:none}.op-flip-inner{height:auto}.op-flip-grid{gap:1rem}.op-story-section{padding-bottom:5.5rem}.op-story,.op-story[data-pinned=true]{height:auto!important}.op-story-sticky,.op-story[data-pinned=true] .op-story-sticky{position:relative;top:auto}.op-story-progress{grid-template-columns:repeat(2,1fr)}.op-story-frame{height:auto;overflow:visible}.op-story-site{will-change:auto;transform:none!important}.op-story-journey-hero,.op-story-journey-services,.op-story-journey-approach{grid-template-columns:1fr;min-height:0}.op-story-journey-hero{padding:3rem 2rem}.op-story-journey-hero img{height:340px;margin-top:1.5rem}.op-story-journey-services{padding:3rem 2rem}.op-story-journey-services>header{padding-right:0}.op-story-service-list{margin-top:1.5rem}.op-story-detail-map{grid-column:1}.op-story-journey-approach img{height:420px}.op-story-journey-contact{grid-template-columns:1fr;gap:2.5rem;min-height:0;padding:4rem 2rem}.op-story-demo-form{width:100%}.op-story-real-action{flex-wrap:wrap}.op-service-fields{grid-template-columns:1fr}.op-continuous{min-height:760px}.op-continuous-object{width:170%;inset:19% -50% auto -10%}.op-continuous-fade{background:linear-gradient(#eaf0f6 0%,#eaf0f6d1 38%,#eaf0f661 62%,#eaf0f6 100%)}.op-continuous h2{max-width:12ch}.op-continuous-copy p{margin-left:0}.op-fit-grid article{grid-template-columns:130px 1fr}.op-deliverable-grid{grid-template-columns:1fr}.op-deliverable-grid>article{min-height:0}.op-process-roadmap{display:none}.op-process-grid{grid-template-columns:1fr}.op-process-grid:before{content:"";z-index:3;background:#244fe86b;width:1px;position:absolute;top:215px;bottom:55px;left:calc(180px + 1.7rem)}.op-process-grid article,.op-process-grid article:nth-child(2),.op-process-grid article:nth-child(3){min-height:0;margin-top:0}.op-process-grid article{grid-template-columns:180px 1fr;align-items:start;gap:.4rem 1rem;display:grid}.op-process-grid img{grid-row:1/5;width:180px;height:200px}.op-process-node,.op-process-grid h3,.op-process-grid p{grid-column:2}.op-process-node{margin-top:1rem;transform:translate(-1.5rem)}.op-faq-layout>div:first-child{position:static}.op-contact-layout{gap:3.5rem}}@media (max-width:560px){.op-shell{width:calc(100% - 1.5rem)}.op-gallery,.op-questions,.op-services,.op-fit,.op-deliverables,.op-process,.op-faq,.op-contact{padding-block:4.5rem}.op-section-heading{margin-bottom:2.5rem}.op-section-heading h2,.op-continuous h2,.op-faq h2,.op-contact h2{font-size:clamp(2.45rem,12vw,3.7rem)}.op-hero-shell{padding-top:8.3rem}.op-hero-copy h1{font-size:clamp(3rem,14vw,4.25rem)}.op-hero-actions{flex-direction:column;align-items:stretch}.op-primary-action{width:100%}.op-secondary-action{align-self:flex-start}.op-hero-object{width:116%;margin-left:-8%}.op-browser-window{height:560px}.op-demo nav div{display:none}.op-demo-room-hero{grid-template-columns:1fr}.op-demo-room-hero img{height:240px}.op-demo-form-hero{align-items:flex-start;min-height:560px}.op-demo-form-hero:after{background:linear-gradient(#0d121c 0%,#0d121cf7 54%,#0d121c61 78%,#0d121c14 100%)}.op-demo-form-hero>.op-demo-form-backdrop{object-position:75% center;height:100%;min-height:0}.op-demo-form-copy{width:calc(100% - 3rem);margin:0 0 0 1.5rem;padding:2.25rem 0 8rem}.op-demo-form h3{max-width:8.7ch;font-size:clamp(2.55rem,12vw,3.35rem)}.op-demo-room-services header,.op-demo-room-services>div,.op-demo-form-study,.op-demo-room-feature,.op-demo-room-rhythm,.op-demo-room-detail,.op-demo-form-system{grid-template-columns:1fr}.op-demo-room-feature img,.op-demo-room-detail img,.op-demo-form-system>img{height:330px;min-height:0}.op-demo-room-feature>div,.op-demo-room-detail>div,.op-demo-form-system>div{padding:2.5rem 1.5rem}.op-demo-room-rhythm{gap:2.5rem;padding:3.5rem 1.5rem}.op-demo-room-approach ol,.op-demo-form-work>div{grid-template-columns:1fr}.op-demo-form-work{padding:4rem 1rem}.op-demo-form-work figure,.op-demo-form-work figure:nth-child(2),.op-demo-form-work figure:nth-child(3){margin-top:0}.op-demo-form-process{flex-direction:column;align-items:flex-start}.op-demo-form-process i{width:1px;height:38px;margin-left:.35rem}.op-demo-contact>div{flex-direction:column;align-items:flex-start}.op-preview-shell>header{grid-template-columns:1fr 42px;gap:.55rem;min-height:104px;padding:.65rem .75rem}.op-preview-shell>header>div:first-child{display:block}.op-preview-shell>header h2{margin-top:.15rem}.op-device-switch{grid-area:2/1/auto/-1}.op-device-switch button{flex:1;justify-content:center}.op-preview-close{grid-area:1/2}.op-preview-shell>footer button{justify-content:center;width:100%}.op-flip-front img{height:205px}.op-question-prompts{gap:.65rem}.op-question-prompts span{font-size:1.45rem}.op-story-progress{grid-template-columns:1fr}.op-story-progress button{min-height:46px}.op-story-browser-bar{grid-template-columns:1fr auto}.op-story-browser-bar small{display:none}.op-story-journey-hero,.op-story-journey-services{padding:2.5rem 1.25rem}.op-story-journey-hero h3,.op-story-journey-contact h3{font-size:clamp(2.8rem,13vw,4rem)}.op-story-journey-hero img,.op-story-journey-approach img{height:270px}.op-story-journey-services h3,.op-story-journey-approach h3{font-size:clamp(2.5rem,11vw,3.7rem)}.op-story-service-list article{grid-template-columns:1fr;gap:.35rem}.op-story-journey-approach>div{padding:2.5rem 1.25rem}.op-story-journey-contact{padding:3rem 1.25rem}.op-story-demo-form{grid-template-columns:1fr;padding:1.25rem}.op-story-demo-form header,.op-story-demo-pair,.op-story-demo-wide,.op-story-demo-disclaimer,.op-story-demo-status{grid-column:1}.op-story-demo-form header{grid-template-columns:1fr}.op-story-real-action{flex-direction:column;align-items:flex-start}.op-layout-map{min-height:500px;padding:1rem}.op-layout-page{width:77%;min-height:400px}.op-layout-annotations{gap:6rem;left:66%}.op-layout-annotations span{padding-left:2.5rem}.op-layout-annotations span:before{width:2rem}.op-continuous{min-height:680px}.op-continuous-copy ul{grid-template-columns:1fr;width:100%}.op-continuous-copy li{min-height:0}.op-continuous-copy span{margin-top:.6rem}.op-fit-grid article{grid-template-columns:1fr}.op-fit-one-page,.op-fit-pages{width:130px}.op-deliverable-grid>article{min-height:0}.op-process-grid article{grid-template-columns:120px 1fr}.op-process-grid img{width:120px;height:150px}.op-process-grid:before{top:165px;left:calc(120px + 1.7rem)}.op-faq-list details>div p{padding-right:0}.op-contact .contact-form{padding:1.2rem}}@media (hover:none){.op-browser,.op-concept-card:hover .op-browser,.op-concept-card:focus-within .op-browser{transform:none}}@media (prefers-reduced-motion:reduce){.op-page *,.op-preview-dialog *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.op-flip-card[data-open=true] .op-flip-inner{transform:none}.op-flip-card[data-open=true] .op-flip-front{display:none}.op-flip-card[data-open=true] .op-flip-back{transform:none}.op-story,.op-story[data-pinned=true]{height:auto!important}.op-story-sticky,.op-story[data-pinned=true] .op-story-sticky{position:relative;top:auto}.op-story-frame{height:auto;overflow:visible}.op-story-site{will-change:auto;transform:none!important}.op-process-roadmap path{stroke-dashoffset:0;animation:none}}
