@font-face{font-family:CtHeroManrope;src:url('manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
.ct-hero-study{font-family:CtHeroManrope,Arial,sans-serif}.ct-hero-study *{box-sizing:border-box}.ct-hero-study h3,.ct-hero-study p{margin:0}.ct-hero-study img{display:block;max-width:100%}
/* Independent website compositions, scaled by their own container width. */
.ct-hero-study{container-type:inline-size;--study-bg:#151e1c;--study-ink:#f4efe3;--study-accent:#d2b079;background:var(--study-bg);color:var(--study-ink);height:100%;position:relative;overflow:hidden}
.ct-hero-study .ct-study-nav{position:relative;z-index:3;height:12%;min-height:0;display:flex;justify-content:space-between;align-items:center;padding:0 5cqw;border:0;background:var(--study-bg);color:var(--study-ink)}
.ct-hero-study .ct-study-brand{display:flex;align-items:center;gap:1.5cqw;font-size:1.7cqw;font-weight:550;letter-spacing:.045em;line-height:1.2}
.ct-hero-study .ct-study-brand small{display:block;font-size:.67cqw;font-weight:400;letter-spacing:.14em;margin-top:.65cqw;color:inherit;opacity:.7}
.ct-hero-study .ct-study-mark{font:500 2.2cqw/1.1 CtHeroManrope,Arial,sans-serif;width:4.2cqw;height:4.2cqw;border:1px solid currentColor;display:grid;place-items:center;font-style:normal;letter-spacing:-.03em}
.ct-hero-study .ct-study-links{display:flex;gap:2.8cqw;font-size:1cqw;align-items:center}
.ct-hero-study .ct-study-links b{background:none;color:inherit;border:1px solid #ffffff45;padding:.8cqw 1.2cqw;font-size:.95cqw;font-weight:500;border-radius:2px}
.ct-hero-study .ct-study-hero{display:block;position:relative;width:100%;height:78%;min-height:0;isolation:isolate;overflow:hidden;background:var(--study-bg)}
.ct-hero-study .ct-study-hero>.ct-study-main-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:66% 50%;z-index:-3}
.ct-hero-study .ct-study-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1717ec 0%,#10211d95 40%,#10211d0a 74%),linear-gradient(0deg,#0d1717a6,transparent 48%);z-index:-2}
.ct-hero-study .ct-study-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:absolute;inset:0 auto 0 5%;width:61%;padding:4cqw 0;min-width:0;color:var(--study-ink)}
.ct-hero-study .ct-study-kicker{font-size:1.15cqw;letter-spacing:.13em;font-weight:500;text-transform:uppercase;margin:0 0 2cqw;color:var(--study-accent)}
.ct-hero-study .ct-study-text h3{font:600 8.2cqw/.99 CtHeroManrope,Arial,sans-serif;letter-spacing:-.06em;color:inherit;max-width:100%}
.ct-hero-study .ct-study-text h3 em{font:650 8.5cqw/.99 CtHeroManrope,Arial,sans-serif;font-style:normal;letter-spacing:-.05em;color:var(--study-accent)}
.ct-hero-study .ct-study-text p{font-size:1.22cqw;line-height:1.6;margin:2.1cqw 0 0;max-width:30cqw;color:inherit;opacity:.8}
.ct-hero-study .ct-study-button{display:flex;align-items:center;gap:3cqw;background:transparent;color:var(--study-ink);border:0;border-bottom:1px solid #ffffff65;font-size:1.12cqw;line-height:1.2;font-weight:500;padding:1.6cqw 0 .85cqw;letter-spacing:0;margin:1.1cqw 0 0;max-width:100%}
.ct-hero-study .ct-study-button b{font-size:1.7cqw;font-weight:400}
.ct-hero-study .ct-study-detail{position:absolute;right:5%;bottom:6%;display:flex;align-items:center;gap:1.4cqw;border-top:1px solid #ffffff65;padding-top:1.2cqw;color:var(--study-ink)}
.ct-hero-study .ct-study-detail img{width:7cqw;height:6cqw;object-fit:cover;object-position:60% 37%}
.ct-hero-study .ct-study-detail span{font-size:1cqw;line-height:1.5}
.ct-hero-study .ct-study-index{position:absolute;right:5%;top:8%;font:400 4cqw/1 CtHeroManrope,Arial,sans-serif;color:var(--study-ink)}
.ct-hero-study .ct-study-index i{font:400 1cqw CtHeroManrope,sans-serif;opacity:.75;font-style:normal}
.ct-hero-study .ct-study-bottom{position:relative;height:10%;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:0 5cqw;border-top:1px solid #ffffff25;background:var(--study-bg);color:var(--study-ink);font-size:.92cqw;line-height:1.4;text-transform:uppercase;letter-spacing:.11em}
.ct-hero-study .ct-study-drawing{position:absolute;z-index:-1;right:-7%;top:5%;width:35cqw;height:35cqw;border:1px solid #ead3a34a;border-radius:50%;opacity:.55}
.ct-hero-study .ct-study-drawing::after{content:'';position:absolute;inset:14%;border:1px solid #ead3a380;border-radius:50%}
/* Dental: airy editorial composition and an architectural image arch. */
.ct-hero-study[data-sector=dental]{--study-bg:#eee9e2;--study-ink:#373842;--study-accent:#877768}
.ct-hero-study[data-sector=dental] .ct-study-hero>.ct-study-main-image{inset:5% 5% 5% auto;width:43%;height:90%;border-radius:45% 45% 1px 1px;object-position:43% center}
.ct-hero-study[data-sector=dental] .ct-study-shade{background:none}
.ct-hero-study[data-sector=dental] .ct-study-drawing{width:49cqw;height:49cqw;border:0;background:#dbd3c7;right:1%;top:1%;border-radius:50%;opacity:.65}
.ct-hero-study[data-sector=dental] .ct-study-drawing::after{inset:4%;border-color:#a7988238}
.ct-hero-study[data-sector=dental] .ct-study-text{width:48%}
.ct-hero-study[data-sector=dental] .ct-study-kicker{font-size:.92cqw}
.ct-hero-study[data-sector=dental] .ct-study-text h3{font-weight:600;font-size:7.6cqw}
.ct-hero-study[data-sector=dental] .ct-study-text h3 em{font-size:8.6cqw}
.ct-hero-study[data-sector=dental] .ct-study-text p{max-width:28cqw}
.ct-hero-study[data-sector=dental] .ct-study-links b,.ct-hero-study[data-sector=dental] .ct-study-bottom,.ct-hero-study[data-sector=dental] .ct-study-button{border-color:#80776450}
.ct-hero-study[data-sector=dental] .ct-study-detail{right:34%;bottom:8%;border:0;z-index:2;background:#eee9e2;padding:1cqw;border-radius:50%}
.ct-hero-study[data-sector=dental] .ct-study-detail img{width:10cqw;height:10cqw;border-radius:50%;object-position:72% 28%}
.ct-hero-study[data-sector=dental] .ct-study-detail span,.ct-hero-study[data-sector=dental] .ct-study-index{display:none}
/* Elektro: technical typography and a nocturnal energy project. */
.ct-hero-study[data-sector=elektro]{--study-bg:#111a24;--study-ink:#f0f3f1;--study-accent:#e2bc5a}
.ct-hero-study[data-sector=elektro] .ct-study-text h3,.ct-hero-study[data-sector=elektro] .ct-study-text h3 em{font-family:CtHeroManrope,Arial,sans-serif;font-weight:650;font-size:9cqw;letter-spacing:-.055em;text-transform:uppercase;font-style:normal}
.ct-hero-study[data-sector=elektro] .ct-study-hero>.ct-study-main-image{object-position:75% 57%}
.ct-hero-study[data-sector=elektro] .ct-study-shade{background:linear-gradient(90deg,#101925ee,#10192577 48%,#10192510 80%)}
.ct-hero-study[data-sector=elektro] .ct-study-drawing{border-radius:0;transform:rotate(45deg);border-color:#8fb0cb44}
.ct-hero-study[data-sector=elektro] .ct-study-drawing::after{border-radius:0;border-color:#8fb0cb44}
.ct-hero-study[data-sector=elektro] .ct-study-mark{font-family:CtHeroManrope,sans-serif;border:0;color:var(--study-accent);font-size:3cqw}
/* SHK: warm material-led layout, with the picture as an inset composition. */
.ct-hero-study[data-sector=shk]{--study-bg:#e8e4dc;--study-ink:#344039;--study-accent:#806b50}
.ct-hero-study[data-sector=shk] .ct-study-hero>.ct-study-main-image{inset:3% 4% 3% auto;width:61%;height:94%;object-position:70% 50%}
.ct-hero-study[data-sector=shk] .ct-study-shade{background:linear-gradient(90deg,#e8e4dc 29%,#e8e4dce6 44%,#e8e4dc00 65%)}
.ct-hero-study[data-sector=shk] .ct-study-text h3{font-family:CtHeroManrope,Arial,sans-serif;font-size:9cqw;letter-spacing:-.05em;font-weight:600}
.ct-hero-study[data-sector=shk] .ct-study-text h3 em{font-size:8cqw}
.ct-hero-study[data-sector=shk] .ct-study-links b,.ct-hero-study[data-sector=shk] .ct-study-bottom,.ct-hero-study[data-sector=shk] .ct-study-button{border-color:#34403950}
.ct-hero-study[data-sector=shk] .ct-study-drawing{border-radius:0;width:14cqw;height:14cqw;top:6%;right:6%;border-color:#e9e4da99}
.ct-hero-study[data-sector=shk] .ct-study-drawing::after{border-radius:0;inset:12%;border-color:#e9e4da99}
.ct-hero-study[data-sector=shk] .ct-study-detail{background:#e8e4dcde;border:0;bottom:7%;padding:1cqw}
/* Phone samples have their own layout, not a squeezed desktop screenshot. */
.ct-hero-study.ct-hero-phone-screen{height:100%}
.ct-hero-study.ct-hero-phone-screen .ct-study-nav{height:15%;padding:2cqw 7cqw 0}
.ct-hero-study.ct-hero-phone-screen .ct-study-brand{font-size:5cqw;gap:4cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-brand small{font-size:2cqw;margin-top:2cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-mark{width:11cqw;height:11cqw;font-size:6cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-links{display:none}
.ct-hero-study.ct-hero-phone-screen .ct-study-hero{height:76%;display:block}
.ct-hero-study.ct-hero-phone-screen .ct-study-hero>.ct-study-main-image{inset:0;width:100%;height:100%;min-height:0;object-position:67% center}
.ct-hero-study.ct-hero-phone-screen .ct-study-shade{background:linear-gradient(0deg,#101b19da 0%,#101b1960 100%)}
.ct-hero-study.ct-hero-phone-screen .ct-study-text{left:8%;right:5%;top:0;bottom:0;width:85%;justify-content:center;padding:7cqw 0!important}
.ct-hero-study.ct-hero-phone-screen .ct-study-kicker{font-size:2.4cqw;letter-spacing:.06em;margin-bottom:6cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-text h3{font-size:16cqw!important;line-height:.98}
.ct-hero-study.ct-hero-phone-screen .ct-study-text h3 em{font-size:14.6cqw!important;line-height:.97}
.ct-hero-study.ct-hero-phone-screen .ct-study-text p{font-size:3.4cqw;max-width:72cqw;margin-top:5cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-button{font-size:3cqw;padding:4cqw 0 2cqw;gap:6cqw;margin-top:3cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-button b{font-size:5cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-detail,.ct-hero-study.ct-hero-phone-screen .ct-study-index,.ct-hero-study.ct-hero-phone-screen .ct-study-drawing{display:none}
.ct-hero-study.ct-hero-phone-screen .ct-study-bottom{height:9%;display:flex;padding-inline:7cqw;font-size:2.5cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-bottom>span:not(:first-child){display:none}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-hero>.ct-study-main-image{width:82%;height:50%;top:4%;left:9%;border-radius:45% 45% 0 0;object-position:center}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-text{top:55%;justify-content:flex-start;padding:2cqw 0 0!important}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-text h3{font-size:15cqw!important}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-text h3 em{font-size:16cqw!important}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-text p,.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-kicker{display:none}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-shade{background:none}
.ct-hero-study.ct-hero-phone-screen[data-sector=shk] .ct-study-hero>.ct-study-main-image{width:100%;height:100%;inset:0}
.ct-hero-study.ct-hero-phone-screen[data-sector=shk] .ct-study-shade{background:linear-gradient(0deg,#e8e4dcf0 0%,#e8e4dc35 90%)}
.ct-hero-study.ct-hero-phone-screen[data-sector=shk] .ct-study-text{justify-content:flex-end;padding:7cqw 0 6cqw!important}
.ct-hero-study.ct-hero-phone-screen[data-sector=shk] .ct-study-text p{display:none}
.ct-hero-study.comparison-study{height:100%}
.ct-hero-study.comparison-study .ct-study-text h3{font-size:7.2cqw}
.ct-hero-study.comparison-study .ct-study-text h3 em{font-size:7.7cqw}
.ct-hero-study.comparison-study .ct-study-text{padding-block:1cqw}
.ct-hero-study.comparison-study .ct-study-kicker{font-size:.9cqw;margin-bottom:1.2cqw}
.ct-hero-study.comparison-study .ct-study-text p{font-size:.95cqw;margin-top:1.3cqw}
.ct-hero-study.comparison-study .ct-study-button{font-size:.95cqw;margin-top:.4cqw;padding-top:1cqw}
.ct-hero-study.comparison-study .ct-study-nav{height:14%}
.ct-hero-study.comparison-study .ct-study-hero{height:76%}
.ct-hero-study.comparison-study .ct-study-bottom{height:10%;font-size:.8cqw}
.ct-hero-study.portfolio-study{height:100%}
.ct-hero-study.motion-study{height:340px}
.ct-hero-unused-dark .ct-hero-study[data-sector=dental],.ct-hero-unused-dark .ct-hero-study[data-sector=shk]{--study-bg:#252c2a;--study-ink:#f3ece1;--study-accent:#c4b699}
.ct-hero-unused-dark .ct-hero-study[data-sector=dental] .ct-study-drawing{background:#5d675e}
.ct-hero-unused-dark .ct-hero-study[data-sector=dental] .ct-study-detail{background:#252c2a}
.ct-hero-unused-dark .ct-hero-study[data-sector=shk] .ct-study-shade{background:linear-gradient(90deg,#252c2a 29%,#252c2ae6 44%,#252c2a00 65%)}
.ct-hero-unused-dark .ct-hero-study[data-sector=shk] .ct-study-detail{background:#252c2ade}
.ct-hero-unused-dark .ct-hero-study[data-sector=shk] .ct-study-button,.ct-hero-unused-dark .ct-hero-study[data-sector=dental] .ct-study-button{border-color:#f3ece166}
.ct-hero-study.ct-hero-phone-screen .ct-study-hero>.ct-study-main-image{min-height:0}
.ct-hero-study.motion-study{height:320px}
.ct-hero-study.portfolio-study .ct-study-brand{font-size:2cqw}
.ct-hero-study.portfolio-study .ct-study-text h3{font-size:9cqw}
.ct-hero-study.portfolio-study .ct-study-text h3 em{font-size:9.5cqw}
.ct-hero-study.portfolio-study .ct-study-kicker{font-size:1.1cqw}
.ct-hero-study.portfolio-study .ct-study-text p{font-size:1.5cqw}
.ct-hero-study.portfolio-study .ct-study-button{font-size:1.3cqw}
.ct-hero-study.portfolio-study .ct-study-detail{display:none}
.ct-hero-study.motion-study{height:250px}
.ct-hero-study.comparison-study .ct-study-text h3{font-size:8.2cqw}
.ct-hero-study.comparison-study .ct-study-text h3 em{font-size:8.8cqw}
.ct-hero-study.comparison-study .ct-study-text p{font-size:1.4cqw;max-width:37cqw}
.ct-hero-study.comparison-study .ct-study-button{font-size:1.3cqw}
.ct-hero-study.comparison-study .ct-study-kicker{font-size:1.15cqw}
.ct-hero-study.comparison-study .ct-study-nav{height:14%}
.ct-hero-study.comparison-study .ct-study-brand{font-size:2.2cqw}
.ct-hero-study.comparison-study .ct-study-brand small{font-size:.9cqw}
.ct-hero-study.comparison-study .ct-study-bottom{font-size:1.1cqw}
.ct-hero-study .ct-study-text h3{font-size:9cqw}
.ct-hero-study .ct-study-text h3 em{font-size:9.5cqw}
.ct-hero-study .ct-study-brand{font-size:2.2cqw}
.ct-hero-study .ct-study-brand small{font-size:.85cqw}
.ct-hero-study .ct-study-kicker{font-size:1.35cqw}
.ct-hero-study .ct-study-text p{font-size:1.5cqw;max-width:33cqw}
.ct-hero-study .ct-study-button{font-size:1.4cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-brand{font-size:5cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-brand small{font-size:2cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-kicker{font-size:2.4cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-text p{font-size:3.4cqw;max-width:72cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-button{font-size:3cqw}
.ct-hero-study.comparison-study .ct-study-hero{height:74%}
.ct-hero-study.comparison-study .ct-study-bottom{height:12%;font-size:1.25cqw}
.ct-hero-study.comparison-study .ct-study-text{width:64%}
.ct-hero-study.comparison-study .ct-study-text h3{font-size:9cqw}
.ct-hero-study.comparison-study .ct-study-text h3 em{font-size:10cqw}
.ct-hero-study.comparison-study .ct-study-text p{font-size:1.6cqw;max-width:38cqw;margin-top:2cqw}
.ct-hero-study.comparison-study .ct-study-button{font-size:1.5cqw;margin-top:1cqw}
.ct-hero-study.comparison-study .ct-study-kicker{font-size:1.35cqw;margin-bottom:2cqw}
.ct-hero-study.comparison-study .ct-study-nav{height:14%}
.ct-hero-study.comparison-study .ct-study-brand{font-size:2.5cqw}
.ct-hero-study.comparison-study .ct-study-brand small{font-size:1cqw}
.ct-hero-study.comparison-study .ct-study-links{font-size:1.4cqw}
.ct-hero-study.comparison-study .ct-study-links>span{display:none}
.ct-hero-study.comparison-study .ct-study-links b{font-size:1.4cqw}
.ct-hero-study.comparison-study .ct-study-detail{bottom:9%;right:5%}
.ct-hero-study.comparison-study .ct-study-detail img{width:9cqw;height:8cqw}
.ct-hero-study.comparison-study .ct-study-detail span{font-size:1.2cqw}
.ct-hero-study.motion-study{height:210px}
.ct-hero-study[data-sector=dental] .ct-study-main-image{z-index:-1}
.ct-hero-study[data-sector=dental] .ct-study-drawing{z-index:-2}
.ct-hero-study[data-sector=dental] .ct-study-text{z-index:1}
.ct-hero-study.ct-hero-phone-screen[data-sector=dental] .ct-study-shade{display:none}
.ct-hero-study.ct-hero-phone-screen .ct-study-text h3{width:100%}
/* Revision 3: modern sans typography and a brighter craft composition. */
.ct-hero-study .ct-study-text h3 em{font-family:CtHeroManrope,Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-.06em}
.ct-hero-study .ct-study-mark,.ct-hero-study .ct-study-index{font-family:CtHeroManrope,Arial,sans-serif}
.ct-hero-study[data-sector=shk] .ct-study-text h3{font-family:CtHeroManrope,Arial,sans-serif;font-weight:600;font-size:8cqw}
.ct-hero-study[data-sector=dental] .ct-study-text h3{font-weight:550}
.ct-hero-study[data-sector=dach]{--study-bg:#eef0eb;--study-ink:#24302a;--study-accent:#8b6144}
.ct-hero-study[data-sector=dach] .ct-study-shade{background:linear-gradient(90deg,#eef0eb 0%,#eef0ebec 30%,#eef0eb9e 49%,#eef0eb00 72%)}
.ct-hero-study[data-sector=dach] .ct-study-text h3{font-size:7.7cqw}
.ct-hero-study[data-sector=dach] .ct-study-text h3 em{font-size:7.7cqw}
.ct-hero-study[data-sector=dach] .ct-study-links b,.ct-hero-study[data-sector=dach] .ct-study-bottom,.ct-hero-study[data-sector=dach] .ct-study-button{border-color:#24302a40}
.ct-hero-study[data-sector=dach] .ct-study-detail{background:#eef0ebe8;padding:1.2cqw;border:0}
.ct-hero-study[data-sector=dach] .ct-study-drawing{border-color:#f8eee180}
.ct-hero-study.ct-hero-phone-screen[data-sector=dach] .ct-study-shade{background:linear-gradient(0deg,#eef0ebfa 0%,#eef0ebde 41%,#eef0eb15 100%)}
.ct-hero-study.ct-hero-phone-screen[data-sector=dach] .ct-study-text{justify-content:flex-end;padding-bottom:8cqw!important}
.ct-hero-study.ct-hero-phone-screen[data-sector=dach] .ct-study-text p{opacity:1}
.ct-hero-study[data-sector=dach] .ct-study-text h3{font-size:8.4cqw}
.ct-hero-study[data-sector=dach] .ct-study-text h3 em{font-size:8.4cqw}
.ct-hero-study.ct-hero-phone-screen .ct-study-text h3 em{font-size:14.6cqw!important}
.ct-hero-study[data-sector=dach] .ct-study-index{color:#fff}

.ct-hero-scene{position:relative;width:100%;height:100%;min-height:420px;perspective:1400px;isolation:isolate;font-family:CtHeroManrope,Arial,sans-serif}
.ct-hero-browser{position:absolute;top:30px;left:2%;width:91%;border:4px solid #f0f3f6;border-radius:14px;background:#eef0eb;overflow:hidden;box-shadow:0 24px 65px #07122040;transform:rotateY(-6deg) rotateZ(-1.5deg)}
.ct-hero-browser-bar{height:28px;display:flex;gap:5px;align-items:center;padding:0 12px;background:#e8ebf2;color:#646d76;font:500 8px/1 CtHeroManrope,Arial,sans-serif;letter-spacing:0}
.ct-hero-browser-bar i{width:5px;height:5px;background:#acb4c0;border-radius:50%;flex:none}.ct-hero-browser-bar span{margin:auto}.ct-hero-browser-bar b{font-size:10px;font-weight:400}
.ct-hero-study.ct-hero-desktop-screen{height:360px}.ct-hero-study.ct-hero-phone-screen{height:100%}
.ct-hero-phone{position:absolute;right:0;bottom:43px;width:145px;height:295px;border:5px solid #e1e5e9;border-radius:26px;overflow:hidden;background:#eef0eb;box-shadow:0 18px 42px #050d234d,0 0 0 1px #ffffffa3;transform:rotate(5deg);z-index:2}
.ct-hero-notch{position:absolute;top:0;left:35%;width:30%;height:10px;background:#e1e5e9;border-radius:0 0 7px 7px;z-index:4}
.ct-hero-scene>.ct-hero-caption{position:absolute;bottom:2px;left:0;right:0;margin:0;text-align:center;font:500 9px/1.5 CtHeroManrope,Arial,sans-serif;color:#d8dce4;letter-spacing:.015em}
.hero .ct-hero-gallery{overflow:visible;border-radius:0;box-shadow:none;background:transparent}.hero .ct-hero-gallery .ct-hero-slide{overflow:visible}.hero .ct-hero-gallery .ct-hero-slide>img{display:none}.hero .ct-hero-gallery .ct-hero-slide::after{display:none}
.hero .ct-hero-gallery .ct-hero-scene{height:100%}.hero .ct-hero-gallery .showcase-film-button{z-index:20}
.hero[data-ct-hero-kind=branch] .hero-visual{display:none}.hero[data-ct-hero-kind=branch] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:35px 48px;padding-bottom:90px;align-content:center}
.hero[data-ct-hero-kind=branch] .hero-copy{min-width:0;max-width:100%}.hero[data-ct-hero-kind=branch] h1{font-size:clamp(48px,5.4vw,84px);max-width:100%;overflow-wrap:normal}
.hero[data-ct-hero-kind=branch] .hero-intro{font-size:clamp(16px,1.3vw,19px)}.hero[data-ct-hero-kind=branch] .hero-actions{gap:20px;flex-wrap:wrap}
.hero[data-ct-hero-kind=branch] .ct-hero-work{min-width:0;width:100%;height:495px;align-self:center}
.hero[data-ct-hero-kind=branch] .hero-proof{position:static;grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;width:100%;max-width:none;margin:4px 0 0;align-self:auto;justify-self:stretch}
.hero[data-ct-hero-kind=branch] .hero-proof p{flex:1;max-width:100%}.hero[data-ct-hero-kind=branch] .hero-proof span{max-width:270px}
@media(min-width:1700px){.ct-hero-study.ct-hero-desktop-screen{height:390px}.ct-hero-phone{width:160px;height:330px}}
@media(max-width:1100px){.ct-hero-study.ct-hero-desktop-screen{height:310px}.ct-hero-phone{width:125px;height:255px}.hero[data-ct-hero-kind=branch] .ct-hero-work{height:425px}.hero[data-ct-hero-kind=branch] .hero-grid{gap:28px}.hero[data-ct-hero-kind=branch] h1{font-size:clamp(44px,5.1vw,65px)}}
@media(max-width:980px){.hero[data-ct-hero-kind=branch] .hero-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:125px}.hero[data-ct-hero-kind=branch] h1{font-size:clamp(44px,8.5vw,72px)}.hero[data-ct-hero-kind=branch] .ct-hero-work{width:min(100%,650px);justify-self:center;height:435px}.ct-hero-scene{min-height:0}.ct-hero-study.ct-hero-desktop-screen{height:310px}.ct-hero-phone{bottom:34px}.hero[data-ct-hero-kind=branch] .hero-proof{gap:18px}.hero .ct-hero-gallery .ct-hero-scene{height:94%}}
@media(max-width:600px){.ct-hero-study.ct-hero-desktop-screen{height:235px}.ct-hero-browser{top:15px;left:0;width:94%;border-width:3px;border-radius:10px}.ct-hero-browser-bar{height:23px;font-size:6px;padding-inline:9px}.ct-hero-browser-bar i{width:4px;height:4px}.ct-hero-phone{width:105px;height:215px;border-width:4px;border-radius:21px;bottom:25px}.ct-hero-notch{height:8px}.ct-hero-scene>.ct-hero-caption{font-size:8px}.hero[data-ct-hero-kind=branch] .ct-hero-work{height:335px}.hero[data-ct-hero-kind=branch] .hero-grid{padding-top:114px;padding-bottom:70px}.hero[data-ct-hero-kind=branch] .hero-proof{display:grid;gap:0}.hero[data-ct-hero-kind=branch] .hero-proof p{padding-block:15px}.hero[data-ct-hero-kind=branch] h1{font-size:clamp(39px,11.5vw,62px)}.hero[data-ct-hero-kind=branch] .hero-title-line{min-width:0}.hero .ct-hero-gallery .ct-hero-scene{height:100%}}
@media(max-width:360px){.ct-hero-study.ct-hero-desktop-screen{height:211px}.ct-hero-phone{width:94px;height:193px}.hero[data-ct-hero-kind=branch] .ct-hero-work{height:310px}}
@media(prefers-reduced-motion:reduce){.ct-hero-browser,.ct-hero-phone{transform:none!important}}