@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--johly-purple:#401da2;--johly-purple-rgb:64 29 162;--johly-purple-dark:#2f1477;--johly-purple-soft:#eee9fa;--johly-purple-tint:#f4f1fc;--johly-purple-tint-rgb:244 241 252;--johly-purple-focus:#d8cefa;--johly-purple-focus-rgb:216 206 250;--johly-white:#fff;--johly-ink:#1f1537;--johly-ink-brand:#30205b;--johly-ink-brand-rgb:48 32 91;--johly-paper:#fff;--johly-soft:var(--johly-purple-tint);--johly-muted:#6a637e;--johly-line:rgb(var(--johly-purple-rgb) / .2);--space-section-quiet:clamp(4rem, 6vw, 6rem);--space-section-active:clamp(5rem, 8vw, 8rem);--display-page:clamp(4rem, 8vw, 8rem);--display-section:clamp(2.75rem, 5vw, 5rem);--display-card:clamp(2rem, 3vw, 3.25rem);--radius-media:0;--radius-control:.25rem;--site-gutter:clamp(1.25rem, 5.556vw, 5rem);--site-grid-gap:clamp(1rem, 1.667vw, 1.5rem);--site-max:90rem;--font-display:var(--font-outfit), Arial, sans-serif;--font-body:var(--font-dm-sans), Arial, sans-serif;--font-brand:var(--font-outfit), Arial, sans-serif;--font-home-display:var(--font-outfit), Arial, sans-serif;--font-home-body:var(--font-dm-sans), Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem;overflow-x:clip}body{background:var(--johly-paper);min-height:100vh;color:var(--johly-ink);font-family:var(--font-body);letter-spacing:0;margin:0;overflow-x:clip}body.menu-is-open{overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{display:block}button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--johly-white);outline-offset:4px;box-shadow:0 0 0 6px var(--johly-ink)}.skip-link{z-index:200;background:var(--johly-white);color:var(--johly-ink);opacity:0;pointer-events:none;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus,.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.section-shell{width:min(100%, var(--site-max));padding-inline:var(--site-gutter);margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:0;margin:0;font-size:.8rem;font-weight:700;line-height:1.4}.eyebrow--light{color:#ffffffb8}.text-link{align-items:center;gap:.8rem;width:fit-content;min-height:2.75rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex}.text-link>span{flex:none}.text-link--light{color:var(--johly-white)}.site-header{z-index:100;width:100%;padding:1.35rem var(--site-gutter) 0;color:var(--johly-white);pointer-events:none;text-shadow:0 1px 14px #0a080cad;position:absolute;top:0;left:0}.site-header__bar{z-index:102;width:min(100%, var(--site-max));pointer-events:auto;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.25rem;margin:0 auto;display:grid;position:relative}.site-header__brand{flex:none;width:9.6rem;height:2.8rem;position:relative}.site-header__logo{filter:drop-shadow(0 1px 8px #0a080c6b);width:100%;height:auto;transition:opacity .22s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.site-header__logo--purple{opacity:0}.site-header__desktop-nav{justify-content:center;align-items:center;gap:clamp(1.75rem,3vw,3.25rem);display:flex}.site-header__desktop-nav a{justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding-block:.55rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.site-header__desktop-nav a:after{background:var(--johly-purple);content:"";transform-origin:100%;height:2px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-header__desktop-nav a:hover:after,.site-header__desktop-nav a.is-current:after{transform-origin:0;transform:scaleX(1)}.site-header__contact{border-bottom:1px solid;justify-self:end;align-items:center;gap:.65rem;min-height:2.75rem;padding:.7rem 0 .55rem;font-size:.82rem;font-weight:700;display:inline-flex}.site-header__menu-trigger{min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;align-items:center;gap:.75rem;padding:.65rem 0;font-size:.82rem;font-weight:700;display:none}.menu-icon{width:1.45rem;height:.85rem;display:block;position:relative}.menu-icon>span{background:currentColor;width:100%;height:1px;transition:top .18s,transform .18s;position:absolute;right:0}.menu-icon>span:first-child{top:.18rem}.menu-icon>span:last-child{top:.66rem}.site-header--interior{color:var(--johly-ink);text-shadow:none}.site-header--interior .site-header__logo--white{opacity:0}.site-header--interior .site-header__logo--purple{opacity:1;filter:none}.site-menu{z-index:101;background:var(--johly-purple);color:var(--johly-white);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .24s;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}.site-menu__inner{width:min(100%,86rem);min-height:100%;padding:9.5rem var(--site-gutter) 4rem;grid-template-columns:minmax(0,1.7fr) minmax(15rem,.8fr);align-items:end;gap:5rem;margin:0 auto;display:grid}.site-menu__primary{display:grid}.site-menu__primary a{font-family:var(--font-display);border-bottom:1px solid #ffffff42;grid-template-columns:3rem 1fr;align-items:center;padding-block:.7rem;font-size:3.8rem;font-weight:700;line-height:1.1;display:grid}.site-menu__primary a>span{font-family:var(--font-body);font-size:.7rem;font-weight:700}.site-menu__services{padding-bottom:.35rem}.site-menu__services>p{color:#ffffff9e;text-transform:uppercase;margin:0 0 1.25rem;font-size:.74rem;font-weight:700}.site-menu__services ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.site-menu__services li{font-size:.92rem;line-height:1.45}.site-menu__services a{color:#fffc;align-items:center;min-height:2.75rem;transition:color .18s;display:flex}@media (hover:hover){.site-menu__services a:hover{color:var(--johly-white)}}.site-header--menu-open .site-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header--menu-open .site-header__bar{box-shadow:none;color:var(--johly-white);background:0 0;border-color:#0000}.site-header--menu-open .site-header__logo--white{opacity:1}.site-header--menu-open .site-header__logo--purple,.site-header--menu-open .site-header__desktop-nav,.site-header--menu-open .site-header__contact{opacity:0;pointer-events:none}.site-header--menu-open .menu-icon>span:first-child{top:.43rem;transform:rotate(45deg)}.site-header--menu-open .menu-icon>span:last-child{top:.43rem;transform:rotate(-45deg)}.home-hero{background:var(--johly-purple);height:100svh;min-height:42rem;color:var(--johly-white);border-radius:0;margin:0;position:relative;overflow:hidden}.home-hero__media,.home-hero__poster,.home-hero__video,.home-hero__shade{position:absolute;inset:0}.home-hero__poster,.home-hero__video{object-fit:cover;width:100%;height:100%}.home-hero__video{z-index:1}.home-hero__shade{z-index:2;background:linear-gradient(#09080b80 0%,#09080b14 28%,#09080b0a 54%,#09080ba3 100%),linear-gradient(90deg,#09080b33 0%,#0000 46% 100%)}.home-hero__content{z-index:3;width:min(100%, var(--site-max));height:100%;padding:8.25rem var(--site-gutter) max(5.5rem, calc(3.75rem + env(safe-area-inset-bottom)));align-items:end;margin:0 auto;display:flex;position:relative}.home-hero__copy{justify-items:start;gap:0;width:100%;max-width:75rem;display:grid}.home-hero__title{max-width:20ch;color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.045em;text-align:left;text-shadow:0 2px 24px #09080b80;text-wrap:balance;margin:0;font-size:clamp(2.75rem,5.6vw,5.2rem);font-weight:620;line-height:1.04}@media (prefers-reduced-motion:no-preference){.home-hero__title{animation:.62s ease-out both hero-content-in}}@keyframes hero-content-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.enquiry-form{gap:1.5rem;width:min(100%,34rem);margin-top:2rem;display:grid}.enquiry-form__row{gap:.5rem;display:grid}.enquiry-form label,.enquiry-form legend{color:var(--johly-ink);letter-spacing:.02em;font-size:.85rem;font-weight:700}.enquiry-form__optional{color:var(--johly-muted);font-weight:400}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border:1px solid var(--johly-line);border-radius:var(--radius-control);background:var(--johly-white);width:100%;color:var(--johly-ink);font-family:var(--font-home-body);padding:.85rem 1rem;font-size:1rem;line-height:1.5;transition:border-color .18s,box-shadow .18s}.enquiry-form textarea{resize:vertical;min-height:9rem}.enquiry-form input:focus-visible,.enquiry-form select:focus-visible,.enquiry-form textarea:focus-visible{border-color:var(--johly-purple);outline:2px solid var(--johly-purple);outline-offset:1px;box-shadow:none}.enquiry-form input[aria-invalid=true],.enquiry-form select[aria-invalid=true],.enquiry-form textarea[aria-invalid=true]{border-color:#b3261e}.enquiry-form__error{color:#b3261e;margin:0;font-size:.85rem;font-weight:600}.enquiry-form__alert{color:#b3261e;background:#b3261e0f;border-left:3px solid #b3261e;margin:0 0 .5rem;padding:.85rem 1rem;font-size:.92rem;font-weight:600}.enquiry-form__honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.enquiry-form__submit{border-radius:var(--radius-control);background:var(--johly-purple);min-height:3.25rem;color:var(--johly-white);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;justify-self:start;align-items:center;gap:.65rem;padding:0 2rem;font-size:.8rem;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.enquiry-form__submit:disabled{cursor:progress;opacity:.65}.enquiry-form__privacy{max-width:31rem;color:var(--johly-muted);margin:-.25rem 0 0;font-size:.78rem;line-height:1.5}.enquiry-form__privacy a{color:var(--johly-purple);text-underline-offset:.18em;font-weight:700;text-decoration:underline}.enquiry-form__success{border-left:3px solid var(--johly-purple);background:var(--johly-soft);width:min(100%,34rem);margin-top:2rem;padding:2rem}.enquiry-form__success h3{color:var(--johly-purple);margin:.75rem 0 0;font-size:1.25rem;font-weight:700;line-height:1.45}.contact-page__direct{margin-top:2rem}.contact-page__direct a{color:var(--johly-purple);text-underline-offset:.25em;font-weight:700;text-decoration:underline}.contact-page__booking{background:var(--johly-purple);color:var(--johly-white);grid-template-columns:minmax(0,1.4fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(3rem,5vw,4.5rem);padding:clamp(2.5rem,4vw,3.5rem);display:grid}.contact-page__booking h2{font-family:var(--font-display);font-size:var(--display-card);letter-spacing:-.035em;margin:.75rem 0 1rem;font-weight:700;line-height:1.05}.contact-page__booking p{color:#ffffffdb;width:min(100%,34rem);margin:0;line-height:1.7}.contact-page__booking-cta{background:var(--johly-purple-tint);min-height:3.25rem;color:var(--johly-purple);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:0;align-items:center;gap:.65rem;padding:0 2rem;font-size:.8rem;font-weight:700;display:inline-flex}@media (hover:hover){.enquiry-form__submit:hover:not(:disabled){background:var(--johly-purple);color:var(--johly-white)}.contact-page__booking-cta:hover{background:var(--johly-purple-soft);color:var(--johly-purple)}}@media (max-width:56.2rem){.contact-page__booking{grid-template-columns:1fr;align-items:start}}.not-found{min-height:78svh;padding:9rem var(--site-gutter) 5rem;background:var(--johly-purple);color:var(--johly-white);align-items:center;display:grid}.not-found__inner{width:min(100%,90rem);margin:0 auto}.not-found .eyebrow{color:#ffffffb8}.not-found h1{font-family:var(--font-display);font-size:var(--display-page);letter-spacing:-.04em;margin:1rem 0 0;font-weight:700;line-height:.94}.not-found h1 span{display:block}.not-found h1 span:last-child{color:var(--johly-purple-focus)}.not-found__copy{color:#ffffffd1;width:min(100%,34rem);margin:1.75rem 0 0;font-size:1.05rem;line-height:1.7}.not-found__nav{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0 clamp(1.5rem,3vw,2.5rem);margin:clamp(2.5rem,5vw,3.5rem) 0 2.5rem;display:grid}.not-found__nav a{border-bottom:1px solid #ffffff47;align-items:center;gap:.75rem;min-height:3.25rem;padding:.75rem 0;font-size:1.1rem;font-weight:700;display:flex}.not-found__nav a>span:first-child{color:var(--johly-purple-focus);letter-spacing:.06em;font-size:.72rem;font-weight:800}.not-found__nav a>span:last-child,.not-found__nav .johly-direction-mark{margin-left:auto}.not-found .text-link{color:var(--johly-white)}@media (hover:hover){.not-found__nav a:hover{border-bottom-color:var(--johly-white)}}@media (max-width:56.2rem){.not-found{padding:7.5rem var(--site-gutter) 4rem}}body:has(.not-found) .site-header{color:var(--johly-white)}body:has(.not-found) .site-header__logo--white{opacity:1}body:has(.not-found) .site-header__logo--purple{opacity:0}.legal-page{width:min(100%, var(--site-max));padding:8.5rem var(--site-gutter) 0;margin:0 auto}.legal-page__hero{border-bottom:1px solid var(--johly-line);padding-bottom:clamp(2.5rem,4vw,3.5rem)}.legal-page__hero h1{width:min(100%,18ch);color:var(--johly-purple);font-family:var(--font-display);font-size:var(--display-page);letter-spacing:-.04em;text-wrap:balance;margin:.75rem 0 0;font-weight:700;line-height:.94}.legal-page__lede{width:min(100%,46rem);color:var(--johly-ink);margin:clamp(1.5rem,3vw,2rem) 0 0;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.65}.legal-page__updated{color:var(--johly-muted);letter-spacing:.04em;text-transform:uppercase;margin:1.5rem 0 0;font-size:.8rem;font-weight:700}.legal-page__body{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:clamp(2rem,4vw,3.5rem);padding-block:clamp(3rem,5vw,4.5rem);display:grid}.legal-page__body h2{border-top:2px solid var(--johly-purple);color:var(--johly-purple);margin:0 0 1rem;padding-top:1.25rem;font-size:1.2rem;font-weight:700;line-height:1.3}.legal-page__body p{color:var(--johly-muted);margin:0 0 1rem;line-height:1.7}.legal-page__body a{color:var(--johly-purple);text-underline-offset:.25em;font-weight:600;text-decoration:underline}.legal-page__cta{border-top:1px solid var(--johly-line);grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,4vw,4rem);padding-block:clamp(3rem,5vw,4.5rem);display:grid}.legal-page__cta h2{color:var(--johly-purple);font-family:var(--font-display);font-size:var(--display-card);letter-spacing:-.035em;margin:0 0 1.5rem;font-weight:700;line-height:1.05}@media (max-width:56.2rem){.legal-page{padding:7rem var(--site-gutter) 0}.legal-page__cta{grid-template-columns:1fr}}.service-detail{background:var(--johly-white);color:var(--johly-ink);font-family:var(--font-home-body);font-synthesis:none;font-style:normal}.service-detail__masthead{background:var(--johly-purple);color:var(--johly-white);padding:7.5rem max(2rem,50vw - 45rem) clamp(3.5rem,6vw,5.5rem)}.service-detail__hero h1{width:min(100%,16ch);color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.04em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(3.25rem,5vw,5.2rem);font-weight:600;line-height:.94}.service-detail__lede{color:#fffc;width:min(100%,44rem);margin:clamp(1.5rem,3vw,2rem) 0 0;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65}.service-detail__cta{border:1px solid var(--johly-purple);background:var(--johly-purple);min-height:3rem;color:var(--johly-white);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.6rem;margin-top:2rem;padding:0 1.5rem;font-size:.78rem;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.service-detail__outcome{border-bottom:1px solid var(--johly-line);grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,5vw,6rem);padding-block:clamp(4rem,7vw,7rem);display:grid}.service-detail__section-head{margin-bottom:clamp(1.75rem,3vw,2.5rem)}.service-detail__section-head h2{font-family:var(--font-home-display);font-size:var(--display-card);letter-spacing:-.035em;text-wrap:balance;margin:.75rem 0 0;font-weight:700;line-height:1.05}.service-detail__covers{padding-block:clamp(4rem,7vw,7rem)}.service-detail__covers .service-detail__section-head h2{color:var(--johly-purple)}.service-detail__covers-grid article{min-height:13rem}.service-detail__covers-grid h3{border-top:2px solid var(--johly-purple);color:var(--johly-purple);margin:0 0 .75rem;padding-top:1.25rem;font-size:1.15rem;font-weight:700;line-height:1.3}.service-detail__covers-grid p{color:var(--johly-muted);margin:0;line-height:1.7}.service-detail__close{border-top:1px solid var(--johly-line);grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,4vw,4rem);padding-block:clamp(4rem,6vw,6rem);display:grid}.service-detail__close h2{color:var(--johly-purple);font-family:var(--font-home-display);font-size:var(--display-card);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}.service-detail__close p{width:min(100%,34rem);color:var(--johly-muted);margin:1rem 0 1.75rem;line-height:1.7}@media (hover:hover){.service-detail__cta:hover{background:var(--johly-white);color:var(--johly-purple)}}@media (max-width:56.2rem){.service-detail__masthead{padding:6.75rem 1.35rem 3.5rem}.service-detail__contained,.service-detail__hero{grid-template-columns:1fr;gap:2.25rem;padding-top:1.25rem}.service-detail__hero h1{font-size:clamp(2.75rem,11vw,3.8rem);line-height:.94}.service-detail__identity .service-icon-badge{width:3.6rem;height:3.6rem}.service-detail__lede{margin-top:1.25rem;font-size:1rem;line-height:1.6}.service-detail--media-start .service-detail__hero-copy,.service-detail--media-start .service-detail__hero-media,.service-detail__hero-copy,.service-detail__hero-media{grid-column:1}.service-detail--media-start .service-detail__hero-copy,.service-detail__hero-copy{grid-row:1}.service-detail--media-start .service-detail__hero-media,.service-detail__hero-media{aspect-ratio:4/3;grid-row:2;min-height:0}.service-detail__outcome{grid-template-columns:1fr}.service-detail__covers-grid{grid-template-columns:1fr;gap:1.75rem}.service-detail__covers-grid article{min-height:0}.service-detail__close{grid-template-columns:1fr;gap:1.5rem}}.work-page{background:var(--johly-white)}.work-page__hero{gap:var(--site-grid-gap);min-height:60svh;padding:11rem max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) clamp(4rem, 6vw, 5.5rem);background:var(--johly-purple);color:var(--johly-white);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.work-page__hero>div:first-child{grid-column:1/8}.work-page__hero>.work-page__intro{grid-column:9/13}.work-page__hero h1{max-width:58rem;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(3.8rem,5.8vw,6.2rem);font-weight:700;line-height:.96}.work-page__intro{gap:1.25rem;display:grid}.work-page__intro p{color:#ffffffc7;margin:0;line-height:1.72}.work-page__intro p:first-child{color:var(--johly-white);font-size:1.15rem;font-weight:650}.work-catalogue{padding:clamp(4rem, 6vw, 6rem) var(--site-gutter) 7rem;scroll-margin-top:2rem}.work-catalogue__toolbar,.work-catalogue__grid,.work-page__cta{width:min(100%, calc(var(--site-max) - (var(--site-gutter) * 2)));margin-inline:auto}.work-catalogue__toolbar{border-bottom:1px solid var(--johly-line);grid-template-columns:auto 1fr;align-items:start;gap:1.5rem 3rem;padding-bottom:clamp(3rem,5vw,5rem);display:grid}.work-catalogue__status{gap:.35rem;margin-top:.4rem;display:grid}.work-catalogue__status>span,.work-catalogue__status>p{color:var(--johly-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.work-catalogue__status>span{color:var(--johly-ink)}.work-catalogue__status>p{margin:0}.work-catalogue__filters{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.work-catalogue__filter{border:1px solid var(--johly-line);min-width:2.75rem;min-height:2.75rem;color:var(--johly-ink);cursor:pointer;background:0 0;border-radius:999px;padding:.7rem 1rem;font-size:.78rem;font-weight:700;line-height:1.25;transition:background-color .18s,border-color .18s,color .18s}.work-catalogue__filter--active{border-color:var(--johly-purple);background:var(--johly-purple);color:var(--johly-white)}.work-catalogue__filter:focus-visible{outline-color:var(--johly-purple);box-shadow:0 0 0 6px var(--johly-white)}.work-catalogue__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3.75rem,6vw,5.75rem) clamp(1.5rem,3.5vw,3.5rem);padding-top:clamp(3.5rem,5vw,5rem);display:grid}.work-card{min-width:0}.work-card--wide{grid-column:1/-1}.work-card__media{aspect-ratio:16/10;background:var(--johly-soft);width:100%;color:var(--johly-white);cursor:pointer;text-align:left;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.work-card--wide .work-card__media{aspect-ratio:16/8}.work-card__media img{object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.work-card__media:focus-visible{outline-color:var(--johly-purple);box-shadow:0 0 0 6px var(--johly-white)}.work-card__open{z-index:2;background:var(--johly-purple);min-height:2.75rem;color:var(--johly-white);text-transform:uppercase;align-items:center;gap:1.4rem;padding:.75rem 1rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;bottom:0;right:0}.work-card__open .johly-direction-mark{width:1.75rem}@media (hover:hover){.work-card__media:hover img{transform:scale(1.025)}.work-card__media:hover .work-card__open{background:var(--johly-ink)}}.work-card__media--brand{background:#f7f3ed}.work-card__media--brand img{object-fit:contain;padding:clamp(2.25rem,6vw,6rem)}.work-card__media--screenshot{background:#101f3d}.work-card__media--screenshot img{object-fit:contain;padding:clamp(.65rem,1.6vw,1.35rem)}.work-card__media-note,.project-page__media-note{z-index:2;max-width:calc(100% - 8rem);color:var(--johly-white);letter-spacing:.03em;text-transform:uppercase;background:#101421e0;padding:.7rem .85rem;font-size:.68rem;font-weight:700;line-height:1.35;position:absolute;bottom:0;left:0}.work-card__meta{color:var(--johly-muted);text-transform:uppercase;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.75rem;font-weight:700;display:flex}.work-card h3{overflow-wrap:anywhere;color:var(--johly-purple);font-family:var(--font-display);letter-spacing:-.045em;margin:.85rem 0 0;font-size:clamp(1.9rem,2.8vw,2.9rem);font-weight:700;line-height:.94}.work-card>p{max-width:42rem;color:var(--johly-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.75rem 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.work-card ul{flex-wrap:wrap;gap:.4rem;margin:1.3rem 0 0;padding:0;list-style:none;display:flex}.work-card li{border:1px solid var(--johly-line);color:var(--johly-purple);text-transform:uppercase;padding:.35rem .55rem;font-size:.75rem;font-weight:700}.project-page{width:min(100%,90rem);margin:0 auto;padding:8.5rem 2rem 0}.project-page__breadcrumb{border-bottom:1px solid var(--johly-line);color:var(--johly-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:flex-start;align-items:center;gap:1rem;padding-bottom:2rem;font-size:.8rem;font-weight:700;display:flex}.project-page__hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2.5rem,5vw,4rem);display:grid}.project-page__hero>.eyebrow{color:var(--johly-muted);grid-column:1/-1}.project-page__hero h1{color:var(--johly-purple);font-family:var(--font-display);font-size:var(--display-page);letter-spacing:-.04em;text-wrap:balance;margin:.75rem 0 0;font-weight:700;line-height:.92}.project-page__lede{color:var(--johly-ink);margin:0;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}.project-page__disciplines li{border:1px solid var(--johly-line);color:var(--johly-purple);letter-spacing:.04em;text-transform:uppercase;padding:.45rem .85rem;font-size:.76rem;font-weight:700}.project-page__media{aspect-ratio:16/9;background:var(--johly-soft);margin:0;position:relative;overflow:hidden}.project-page__media--brand{aspect-ratio:16/7;background:var(--johly-white)}.project-page__media--brand img{object-fit:contain}.project-page__media--screenshot{background:#101f3d}.project-page__media--screenshot img{object-fit:contain;padding:clamp(.75rem,2vw,1.75rem)}.project-page__body{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:clamp(2rem,4vw,3.5rem);padding-block:clamp(3rem,5vw,4.5rem);display:grid}.project-page__detail p:not(.eyebrow){color:var(--johly-muted);margin:.9rem 0 0;line-height:1.7}.project-page__detail .eyebrow{color:var(--johly-purple)}.project-page__external a{min-height:2.75rem;color:var(--johly-purple);text-underline-offset:.3em;align-items:center;gap:.5rem;margin-top:.9rem;font-weight:700;text-decoration:underline;display:inline-flex}.project-page__previews{grid-column:1/-1;padding-top:clamp(1rem,2vw,2rem)}.project-page__previews h2{color:var(--johly-purple);font-family:var(--font-display);font-size:var(--display-card);letter-spacing:-.035em;margin:.75rem 0 clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.05}.project-page__preview-grid{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.project-page__preview-grid figure{margin:0}.project-page__preview-grid video{aspect-ratio:16/9;background:var(--johly-ink);object-fit:cover;width:100%;display:block}.project-page__preview-grid figcaption{color:var(--johly-muted);letter-spacing:.04em;text-transform:uppercase;padding-top:.85rem;font-size:.8rem;font-weight:700}.project-page__cta{border-top:1px solid var(--johly-line);grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,4vw,4rem);padding-block:clamp(3rem,5vw,4.5rem);display:grid}.project-page__cta h2{color:var(--johly-purple);font-family:var(--font-display);font-size:var(--display-card);letter-spacing:-.03em;text-wrap:balance;margin:0 0 1.5rem;font-weight:700;line-height:1.1}@media (hover:hover){.project-page__pager a:hover .project-page__pager-title,.project-page__breadcrumb a:hover{text-underline-offset:.25em;text-decoration:underline}}@media (max-width:56.2rem){.project-page{padding:7rem 1.35rem 0}.project-page__hero{grid-template-columns:1fr;align-items:start}.project-page__hero>*{min-width:0;max-width:100%}.project-page__hero h1{overflow-wrap:anywhere;font-size:clamp(3.1rem,14vw,4.75rem)}.project-page__pager{grid-template-columns:1fr}.project-page__pager-next{text-align:left;justify-items:start}.project-page__cta{grid-template-columns:1fr}}.work-page__cta{background:var(--johly-white);padding:clamp(4.5rem,5.28vw,5rem) 0 clamp(4.5rem,5.56vw,5.5rem);display:block}.work-page__cta>.eyebrow{margin-bottom:clamp(1rem,1.8vw,1.5rem)}.work-page__cta h2{max-width:55rem;color:var(--johly-purple);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:700;line-height:.98}.work-page__cta .johly-link{margin-top:2rem}.contact-page__hero,.contact-page__details{width:min(100%,86rem);margin-inline:auto;padding-inline:2rem}.contact-page__hero{padding-bottom:clamp(2.5rem,4vw,3.5rem)}.contact-page__hero>p:last-child{max-width:46rem;color:var(--johly-muted);margin:0;font-size:1.08rem;line-height:1.75}.contact-page__details{border-top:1px solid var(--johly-line);grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);gap:clamp(3rem,6vw,6rem);padding-top:clamp(2.5rem,4vw,3.5rem);padding-bottom:clamp(4rem,6vw,6rem);display:grid}.contact-page__email{color:var(--johly-muted);margin:1.5rem 0 0;font-size:.9rem;line-height:1.5}.contact-page__email a{color:var(--johly-purple);text-underline-offset:.2em;font-weight:700;text-decoration:underline}@media (max-width:56.2rem){.section-shell,.home-hero__content{padding-inline:var(--site-gutter)}.site-header{padding:.7rem var(--site-gutter) 0}.site-header__bar{min-height:3.75rem;padding-inline:0;display:flex}.site-header__brand{width:8rem}.site-header__desktop-nav,.site-header__contact{display:none}.site-header__menu-trigger{margin-left:auto;display:inline-flex}.site-menu__inner{padding:7.5rem var(--site-gutter) 2.5rem;grid-template-columns:1fr;align-content:center;align-items:start;gap:3rem}.site-menu__primary a{grid-template-columns:2.5rem 1fr;font-size:2.7rem}.site-menu__services{display:none}.home-hero{border-radius:0;height:100svh;min-height:40rem;margin:0}.home-hero__content{padding:7.5rem var(--site-gutter) max(3.5rem, calc(2.5rem + env(safe-area-inset-bottom)))}.home-hero__copy{max-width:40rem}.home-hero__title{max-width:none;font-size:clamp(2.5rem,7.5vw,3.4rem);line-height:1.05}.work-page__hero{min-height:0;padding:10rem var(--site-gutter) 4.5rem;grid-template-columns:1fr;gap:2.5rem}.work-page__hero>div:first-child,.work-page__hero>.work-page__intro{grid-column:auto}.work-page__hero h1{font-size:clamp(3.5rem,11vw,5rem)}.work-catalogue{padding:4rem var(--site-gutter) 6rem}.work-catalogue__toolbar{grid-template-columns:1fr}.work-catalogue__filters{justify-content:flex-start}.work-catalogue__grid{grid-template-columns:1fr}.work-card--wide{grid-column:auto}.work-card--wide .work-card__media{aspect-ratio:4/3}.work-page__cta{padding:3.25rem 0}.contact-page{padding-top:9rem}.contact-page__hero,.contact-page__details{padding-inline:1.35rem}.contact-page__details{grid-template-columns:1fr}}@media (min-width:44.01rem) and (max-width:56.2rem){.work-catalogue__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.5rem 1.5rem}.work-card--wide{grid-column:1/-1}.work-card--wide .work-card__media{aspect-ratio:16/8}}@media (max-width:36rem){.home-hero__poster,.home-hero__video{object-position:55% center}.home-hero__content{padding:6.5rem var(--site-gutter) max(2.75rem, calc(2rem + env(safe-area-inset-bottom)))}.home-hero__title{max-width:none;font-size:clamp(1.55rem,7.7vw,2.4rem);line-height:1.08}.site-menu__primary a{font-size:2.2rem}.work-page__hero h1{font-size:3.1rem}.work-catalogue__filters{gap:.4rem}.work-catalogue__filter{padding-inline:.8rem}.work-card__media,.work-card--wide .work-card__media{aspect-ratio:16/11}.work-card h3{font-size:2.7rem}.work-page__cta h2{font-size:2.8rem}.contact-page__hero h1{font-size:3.3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-hero__video{display:none}}@media (max-width:48rem){:root{--site-gutter:1.25rem}}.johly-button,.johly-link{width:fit-content;min-height:3.25rem;font-family:var(--font-home-body);justify-content:center;align-items:center;gap:1rem;font-size:.88rem;font-style:normal;font-weight:700;line-height:1.2;display:inline-flex}.johly-button{background:var(--johly-purple);color:var(--johly-white);border:0;padding:.9rem 1.4rem;transition:background-color .2s,color .2s}.johly-button--light{background:var(--johly-purple-tint);color:var(--johly-purple)}.johly-button--ghost{border:1px solid var(--johly-purple);color:var(--johly-purple);background:0 0}.johly-link{border-bottom:1px solid;padding-bottom:.2rem;transition:border-color .2s,color .2s}.johly-button--wide{justify-content:space-between;min-width:12.5rem}.johly-direction-mark{color:currentColor;flex:none;width:2rem;height:1.25rem;display:block;overflow:hidden}.johly-direction-mark--purple{color:var(--johly-purple)}.johly-direction-mark--white{color:var(--johly-white)}.johly-direction-mark--dark{color:var(--johly-ink)}.johly-direction-mark--back{transform:rotate(180deg)}.johly-direction-mark__stem,.johly-direction-mark__head{transform-box:fill-box;transition:transform .19s cubic-bezier(.22,1,.36,1)}.johly-direction-mark__stem{transform-origin:0}.johly-service-icon{color:currentColor;flex:none;display:block;overflow:visible}.johly-glyph{width:3rem;height:3rem;color:var(--johly-purple);flex:none;display:block;overflow:visible}.johly-glyph path,.johly-glyph circle{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.johly-glyph .johly-glyph__node{fill:currentColor;stroke:none}.service-timeline{padding:clamp(4rem, 7vw, 6.25rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-white);color:var(--johly-ink)}.service-timeline__head{gap:1.5rem var(--site-grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:clamp(3rem,5vw,4.5rem);display:grid}.service-timeline__head .eyebrow{grid-column:1/4;padding-top:.6rem}.service-timeline__head h2{max-width:20ch;color:var(--johly-purple);letter-spacing:-.035em;text-wrap:balance;grid-column:4/13;margin:0;font-size:clamp(2.4rem,3.9vw,4rem);line-height:1.02}.service-timeline__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.service-timeline__lane{align-items:center;margin-bottom:clamp(1.8rem,3vw,2.6rem);display:flex}.service-timeline__tile{background:var(--johly-purple-soft);width:8.5rem;height:8.5rem;color:var(--johly-purple);flex:none;place-items:center;display:grid;position:relative}.service-timeline__tile .johly-glyph{width:3.9rem;height:3.9rem}.service-timeline__number{font-size:.85rem;font-weight:700;position:absolute;bottom:.8rem;left:.9rem}.service-timeline__connector{flex:auto;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.service-timeline__connector:before{content:"";background:rgb(var(--johly-purple-rgb) / .28);height:1px;position:absolute;inset:auto 0}.service-timeline__connector .johly-direction-mark{background:var(--johly-white);width:1.9rem;color:var(--johly-purple);padding-inline:.3rem;position:relative}.service-timeline__step h3{border-bottom:3px solid var(--johly-purple);letter-spacing:-.02em;text-wrap:balance;max-width:none;margin:0 clamp(1.5rem,3vw,3rem) 0 0;padding-bottom:1.7rem;font-size:clamp(1.45rem,1.95vw,1.85rem);line-height:1.14}.service-matrix{padding:clamp(4rem, 7vw, 6.25rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-purple-soft);color:var(--johly-ink)}.service-matrix__head{gap:1.5rem var(--site-grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:clamp(2.75rem,4.5vw,4rem);display:grid}.service-matrix__head .eyebrow{grid-column:1/4;padding-top:.6rem}.service-matrix__head h2{max-width:18ch;color:var(--johly-purple);letter-spacing:-.035em;text-wrap:balance;grid-column:4/13;margin:0;font-size:clamp(2.4rem,3.9vw,4rem);line-height:1.02}.service-matrix__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.service-matrix__tile{background:var(--johly-white);min-height:15.5rem;color:var(--johly-ink);flex-direction:column;justify-content:space-between;padding:1.6rem 1.7rem 1.7rem;display:flex}.service-matrix__tile--purple{background:var(--johly-purple);color:var(--johly-white);grid-column:span 2}.service-matrix__tile-top{justify-content:space-between;align-items:flex-start;display:flex}.service-matrix__tile-top span{font-size:.9rem;font-weight:700}.service-matrix__tile .johly-glyph{color:currentColor;width:clamp(3.75rem,4.6vw,4.75rem);height:clamp(3.75rem,4.6vw,4.75rem)}.service-matrix__tile h3{letter-spacing:-.02em;max-width:18ch;margin:2.4rem 0 0;font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.15}@media (max-width:56.2rem){.service-timeline__head,.service-matrix__head{grid-template-columns:1fr;gap:.9rem}.service-timeline__head .eyebrow,.service-timeline__head h2,.service-matrix__head .eyebrow,.service-matrix__head h2{grid-column:1/-1;padding-top:0}.service-timeline__steps{grid-template-columns:1fr}.service-timeline__step{grid-template-columns:3.5rem minmax(0,1fr);gap:0 1.4rem;display:grid}.service-timeline__lane{flex-direction:column;align-items:stretch;margin-bottom:0}.service-timeline__tile{width:3.5rem;height:3.5rem}.service-timeline__tile .johly-glyph{place-self:end;width:1.55rem;height:1.55rem;margin:0 .45rem .45rem 0}.service-timeline__number{font-size:.7rem;top:.45rem;bottom:auto;left:.45rem}.service-timeline__connector{flex-direction:column;width:3.5rem;height:auto;min-height:3.4rem}.service-timeline__connector:before{width:1px;height:auto;inset:0 auto}.service-timeline__connector .johly-direction-mark{width:1.35rem;padding:.25rem 0;transform:rotate(90deg)}.service-timeline__step h3{border-bottom:0;max-width:none;margin-right:0;padding-bottom:.4rem;padding-right:0;font-size:1.45rem}.service-timeline__step:not(:last-child) h3{padding-bottom:1.6rem}.service-matrix__grid{grid-template-columns:1fr}.service-matrix__tile,.service-matrix__tile--purple{grid-column:1/-1;min-height:0;padding:1.4rem 1.4rem 1.5rem}.service-matrix__tile h3{margin-top:1.6rem}}.service-icon-badge{background:var(--johly-purple);border-radius:50%;flex:none;place-items:center;width:4rem;height:4rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.service-icon-badge{background:color-mix(in srgb, var(--johly-purple) 9%, var(--johly-white))}}.service-icon-badge{color:var(--johly-purple)}.service-icon-badge--on-purple{color:var(--johly-white);background:#ffffff24}.service-icon-badge .johly-service-icon{width:62%;height:62%;color:inherit}.johly-service-icon--purple{color:var(--johly-purple)}.johly-service-icon--white{color:var(--johly-white)}.johly-service-icon--dark{color:var(--johly-ink)}.johly-service-icon :is(path,circle){stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.johly-service-icon .johly-service-icon__node{fill:currentColor;stroke:none}.home-reveal{opacity:1;transform:none}.home-reveal.is-reveal-ready{opacity:.18;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(.875rem)}.home-reveal.is-visible{opacity:1;transform:none}.home-work{background:var(--johly-white);color:var(--johly-purple);font-family:var(--font-home-body);font-synthesis:none;font-style:normal;overflow:clip}.home-work__heading{border-bottom:1px solid var(--johly-line);margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(14rem,.28fr);align-items:end;gap:3rem;width:min(100% - 8rem,76rem);max-width:76rem;margin-bottom:clamp(2.25rem,3.5vw,3rem);padding:clamp(4rem,7vw,7rem) 0 clamp(2.5rem,4vw,3.5rem);display:grid;position:relative}.home-work__heading:before{content:"";background:var(--johly-line);width:1px;height:calc(clamp(4rem,7vw,7rem) - 1.9rem);position:absolute;top:0;left:0}.home-work__heading:after{content:"";background:var(--johly-purple);border-radius:50%;width:.56rem;height:.56rem;position:absolute;top:calc(clamp(4rem,7vw,7rem) - 1.9rem);left:-.245rem}.home-work__heading .eyebrow{margin-bottom:.85rem}.home-work__heading h2{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,5.25vw,5.5rem);font-style:normal;font-weight:600;line-height:.92}.home-work__heading>p{max-width:21rem;color:var(--johly-purple);align-self:end;margin:0;font-size:clamp(.8rem,1.18vw,1.1rem);font-weight:600;line-height:1.35}.home-work__grid{gap:.4rem;width:min(100% - 8rem,76rem);margin-inline:auto;padding:0 0 1rem;display:grid}.home-work__project{min-width:0}.home-work__card{border:1px solid rgb(var(--johly-purple-rgb) / .18);background:var(--johly-white);width:100%;min-width:0;min-height:11rem;color:var(--johly-purple);grid-template-columns:minmax(8.5rem,.72fr) minmax(16rem,1.18fr) minmax(13rem,1fr) minmax(14rem,1fr) 2.75rem;align-items:center;gap:clamp(1rem,1.65vw,1.8rem);padding:1.35rem clamp(1.25rem,2vw,2rem);transition:background-color .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1);display:grid}.home-work__card:focus-visible{background:var(--johly-purple);color:var(--johly-white);outline:4px solid var(--johly-white);outline-offset:-4px;box-shadow:none}.home-work__card:focus-visible .home-work__discipline{color:#ffffffc7}.home-work__card:focus-visible .home-work__media{opacity:1}.home-work__card:focus-visible .home-work__media img{transform:scale(1.01)}.home-work__card:focus-visible .home-work__link .johly-direction-mark__stem{transform:scaleX(1.28)}.home-work__card:focus-visible .home-work__link .johly-direction-mark__head{transform:translate(.2rem)}.home-work__project--active .home-work__card{background:var(--johly-purple);color:var(--johly-white)}.home-work__project--active .home-work__card .home-work__discipline{color:#ffffffc7}.home-work__project--active .home-work__media{opacity:1}.home-work__project--active .home-work__media img{transform:scale(1.03)}.home-work__project--active .home-work__link .johly-direction-mark__stem{transform:scaleX(1.28)}.home-work__project--active .home-work__link .johly-direction-mark__head{transform:translate(.2rem)}.home-work__metadata{gap:.45rem;min-width:0;display:grid}.home-work__category,.home-work__discipline,.home-work__summary{font-family:var(--font-home-body);margin:0;font-size:clamp(.68rem,1.02vw,.95rem);font-style:normal;line-height:1.35}.home-work__category{font-weight:700}.home-work__discipline{color:rgb(var(--johly-purple-rgb) / .7)}.home-work__card h3{min-width:0;color:inherit;font-family:var(--font-home-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,3.15vw,3.45rem);font-style:normal;font-weight:600;line-height:.94;transform:none}.home-work__media{aspect-ratio:16/9;background:rgb(var(--johly-purple-rgb) / .06);opacity:0;width:100%;transition:opacity .22s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.home-work__media img{object-fit:cover;transition:transform .22s cubic-bezier(.22,1,.36,1)}.home-work__browser{background:var(--johly-white);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.home-work__browser-bar{border-bottom:1px solid rgb(var(--johly-purple-rgb) / .14);background:var(--johly-purple-tint);flex:none;align-items:center;gap:.18rem;padding:.24rem .4rem;display:flex}.home-work__browser-bar>span{background:rgb(var(--johly-purple-rgb) / .3);border-radius:50%;width:.25rem;height:.25rem}.home-work__browser-bar>em{color:var(--johly-muted);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin-left:.3rem;font-size:.48rem;font-style:normal;font-weight:650;overflow:hidden}.home-work__browser-screen{flex:auto;min-height:0;position:relative}.home-work__browser-screen img{object-fit:cover}.home-work__project--chopdrop .home-work__media{background:#cc2b06}.home-work__chopdrop-composite{background:#cc2b06;grid-template-columns:42% minmax(0,1fr);display:grid;position:absolute;inset:0}.home-work__chopdrop-identity{border-right:2px solid #ffffffd1;min-width:0;position:relative}.home-work__chopdrop-identity img{object-fit:contain;object-position:center}.home-work__chopdrop-composite .home-work__browser{min-width:0;position:relative;inset:auto}.home-work__link{justify-self:end;place-items:center;width:2rem;display:grid}.home-work__link .johly-direction-mark{width:100%;height:auto}.home-work__link .johly-direction-mark__stem,.home-work__link .johly-direction-mark__head{transform-origin:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}.home-work__footer{width:min(100% - 8rem,76rem);max-width:76rem;margin-inline:auto;padding:1.5rem 0 clamp(3.5rem,5.5vw,5rem);display:flex}@media (hover:hover) and (pointer:fine){.home-work__card:hover{background:var(--johly-purple);color:var(--johly-white)}.home-work__card:hover .home-work__discipline{color:#ffffffc7}.home-work__card:hover .home-work__media{opacity:1}.home-work__card:hover .home-work__media img{transform:scale(1.03)}.home-work__card:hover .home-work__link .johly-direction-mark__stem{transform:scaleX(1.28)}.home-work__card:hover .home-work__link .johly-direction-mark__head{transform:translate(.2rem)}}@media (hover:none){.home-work__media{opacity:1}}@media (max-width:68rem){.home-work__heading,.home-work__grid,.home-work__footer{width:calc(100% - 5rem);max-width:none}.home-work__card{grid-template-columns:minmax(6.5rem,.75fr) minmax(12rem,1.25fr) minmax(8rem,.85fr) minmax(10rem,1fr) 2.25rem;gap:1rem;min-height:10.5rem}.home-work__card h3{font-size:clamp(2rem,3.2vw,2.8rem)}.home-work__category,.home-work__discipline,.home-work__summary{font-size:.78rem}}@media (max-width:48rem){.home-work{height:auto;max-height:none}.home-work__heading{grid-template-columns:1fr;align-items:start;gap:2rem;width:calc(100% - 2.5rem);height:auto;padding:4.5rem 0 3.5rem}.home-work__heading h2{font-size:clamp(3.25rem,14vw,4.5rem)}.home-work__heading>p{max-width:24rem;font-size:.95rem}.home-work__grid{gap:.75rem;width:calc(100% - 2.5rem);padding:0 0 1.25rem}.home-work__project{min-width:0}.home-work__card{background:var(--johly-white);height:auto;min-height:0;color:var(--johly-purple);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"metadata metadata""title title""media media""summary action";gap:1rem;padding:1.75rem}.home-work__metadata{grid-area:metadata;grid-template-columns:minmax(0,1fr) auto;align-items:start}.home-work__discipline{text-align:right;color:rgb(var(--johly-purple-rgb) / .7)}.home-work__card h3{grid-area:title;margin-block:.4rem .75rem;font-size:clamp(2.45rem,11vw,3.3rem);line-height:.94}.home-work__media{aspect-ratio:16/9;opacity:1;grid-area:media}.home-work__summary{grid-area:summary;max-width:31rem;font-size:.9rem}.home-work__link{grid-area:action;align-self:end}.home-work__project--active .home-work__card{background:var(--johly-white);color:var(--johly-purple)}.home-work__project--active .home-work__card .home-work__discipline{color:rgb(var(--johly-purple-rgb) / .7)}.home-work__project--active .home-work__media img,.home-work__card:focus-visible .home-work__media img{transform:none}.home-work__footer{width:calc(100% - 2.5rem)}}@media (prefers-reduced-motion:reduce){.home-work__card,.home-work__media,.home-work__media img,.home-work__link{transition:none}.home-work__card:hover .home-work__media img,.home-work__card:focus-visible .home-work__media img,.home-work__project--active .home-work__media img{transform:none}.home-work__link .johly-direction-mark__stem,.home-work__link .johly-direction-mark__head{transition:none}}.home-contact{background:var(--johly-purple-tint);color:var(--johly-ink);font-family:var(--font-home-body);font-synthesis:none;font-style:normal;overflow:hidden}.home-contact__inner{gap:0 var(--site-grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding-block:clamp(4rem,7vw,6rem);display:grid;position:relative}.home-contact .eyebrow,.home-contact h2,.home-contact__lede,.home-contact .johly-button,.home-contact__email{grid-column:1/10}.home-contact .eyebrow{color:var(--johly-ink);letter-spacing:.14em}.home-contact h2{max-width:14ch;font-family:var(--font-home-display);color:var(--johly-purple);letter-spacing:-.045em;margin:1.1rem 0 0;font-size:clamp(3rem,5vw,4.75rem);font-style:normal;font-weight:600;line-height:.98}.home-contact__lede{max-width:34rem;color:var(--johly-muted);margin:1.25rem 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}.home-contact .johly-button{justify-self:start;margin-top:1.9rem}.home-contact__email{border-bottom:1px solid rgb(var(--johly-purple-rgb) / .46);width:fit-content;color:var(--johly-purple);margin-top:1.6rem;padding-bottom:.3rem;font-size:clamp(1rem,1.3vw,1.15rem);font-weight:700}.site-footer{background:var(--johly-purple);color:var(--johly-white);font-family:var(--font-home-body);font-synthesis:none;padding:0;font-style:normal;overflow:clip}.site-footer-home__inner{width:min(100%, var(--site-max));padding:clamp(3.5rem, 5vw, 4.5rem) var(--site-gutter) 1.75rem;margin-inline:auto}.site-footer-home__brand{align-items:center;min-height:2.75rem;display:inline-flex}.site-footer-home__social-link{border:1px solid #ffffff94;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:grid}.site-footer-home__social-link svg{width:1.25rem;height:1.25rem}.site-footer-home__social-link:focus-visible{border-color:var(--johly-white);color:var(--johly-white);outline:2px solid var(--johly-white);outline-offset:3px;background:#ffffff1f;box-shadow:0 0 0 4px #ffffff1f}.site-footer-home__social-link:active{border-color:var(--johly-white);color:var(--johly-white);background:#ffffff29;transform:scale(.96)}.site-footer-home__logo{width:clamp(7rem,8.2vw,8.75rem);height:auto}.site-footer-home__grid{gap:2rem var(--site-grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:clamp(3rem,3.6vw,3.25rem);display:grid}.site-footer-home__statement{grid-column:1/7}.site-footer-home__nav{grid-column:8/10}.site-footer-home__contact{grid-column:10/13}.site-footer-home__statement>p{max-width:14ch;font-family:var(--font-home-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,4.25vw,4.25rem);font-style:normal;font-weight:600;line-height:.96}.site-footer-home__nav>p,.site-footer-home__contact>p{margin:0 0 1.4rem;font-size:clamp(.9rem,1.1vw,1.05rem);font-weight:700}.site-footer-home__nav>div{justify-items:start;gap:.15rem;display:grid}.site-footer-home__nav a{align-items:center;min-height:2.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.site-footer-home__contact address{gap:.45rem;max-width:17rem;font-size:clamp(.86rem,1.05vw,1rem);font-style:normal;line-height:1.45;display:grid}.site-footer-home__contact address a{align-items:center;width:fit-content;min-height:2.75rem;display:inline-flex}.site-footer-home__contact .site-footer-home__social-link{margin-top:.75rem}.site-footer-home__legal{color:#ffffffc2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-top:clamp(3rem,3.6vw,3.25rem);font-size:.8rem;display:flex}.site-footer-home__company{color:#fff9;border-top:1px solid #ffffff24;margin:1.1rem 0 0;padding-top:1.1rem;font-size:.72rem;line-height:1.6}@media (hover:hover){.johly-button:hover{background:var(--johly-purple);color:var(--johly-white)}.johly-button--light:hover{background:var(--johly-purple-soft);color:var(--johly-purple)}.site-footer-home__social-link:hover{border-color:var(--johly-white);color:var(--johly-white);background:#ffffff1f;transform:translateY(-.125rem)}}.johly-button:focus-visible,.enquiry-form__submit:focus-visible{outline:3px solid var(--johly-purple-focus);outline-offset:4px;box-shadow:0 0 0 6px rgb(var(--johly-purple-rgb) / .78)}.johly-button--light:focus-visible,.contact-page__booking-cta:focus-visible{outline:3px solid var(--johly-purple-focus);outline-offset:4px;box-shadow:0 0 0 6px rgb(var(--johly-purple-tint-rgb) / .28)}.johly-button:active,.enquiry-form__submit:active:not(:disabled){background:var(--johly-purple)}@supports (color:color-mix(in lab, red, red)){.johly-button:active,.enquiry-form__submit:active:not(:disabled){background:color-mix(in srgb, var(--johly-purple) 90%, black)}}.johly-button:active,.enquiry-form__submit:active:not(:disabled){color:var(--johly-white)}.johly-button--light:active,.contact-page__booking-cta:active{background:var(--johly-purple-focus);color:var(--johly-purple)}@media (hover:hover) and (pointer:fine){:where(a,button):hover .johly-direction-mark__stem{transform:scaleX(1.55)}:where(a,button):hover .johly-direction-mark__head{transform:translate(.375rem)}}:where(a,button):focus-visible .johly-direction-mark__stem{transform:scaleX(1.55)}:where(a,button):focus-visible .johly-direction-mark__head{transform:translate(.375rem)}:where(a,button):active .johly-direction-mark__stem{transform:scaleX(1.28)}:where(a,button):active .johly-direction-mark__head{transform:translate(.1875rem)}@media (min-width:56.21rem) and (max-width:68rem){.home-hero__copy{max-width:45rem}.home-hero__title{white-space:normal;max-width:20ch;font-size:clamp(3rem,6.2vw,4.4rem)}}@media (max-width:48rem){.home-contact__inner{padding:3.75rem var(--site-gutter) 4.25rem;grid-template-columns:1fr;align-items:start;gap:0}.home-contact .eyebrow,.home-contact h2,.home-contact__lede,.home-contact .johly-button,.home-contact__email{grid-area:auto/1}.home-contact h2{font-size:clamp(2.8rem,12vw,3.5rem)}.home-contact .johly-button{justify-self:start}.home-contact__email{margin-top:.75rem}.site-footer{min-height:0}.site-footer-home__logo{width:8rem}.site-footer-home__inner{padding:2.5rem var(--site-gutter) max(1.25rem, env(safe-area-inset-bottom))}.site-footer-home__grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.site-footer-home__statement,.site-footer-home__nav,.site-footer-home__contact{grid-column:1}.site-footer-home__nav>div{gap:0;display:grid}.site-footer-home__statement>p{max-width:13ch;font-size:clamp(2.65rem,12vw,3.5rem);line-height:.96}.site-footer-home__legal{margin-top:2rem}}.contact-page__details{align-items:stretch}.project-page__preview-grid video{background:#09080b;width:100%}.home-process{background:var(--johly-purple-tint);color:var(--johly-ink-brand);font-family:var(--font-home-body);font-synthesis:none;font-style:normal}.home-process__inner{width:min(100% - 8rem,76rem);margin-inline:auto;padding:clamp(4.5rem,5.5vw,5.5rem) 0 clamp(4.5rem,7vw,6.5rem);position:relative}.home-process__inner:after{content:"";background:var(--johly-line);width:1px;height:clamp(3rem,5vw,4.5rem);position:absolute;bottom:0;left:0}.home-process__heading{border-bottom:1px solid var(--johly-line);margin-bottom:clamp(2.5rem,4vw,3.75rem);padding-bottom:clamp(2.5rem,4vw,3.5rem)}.home-process__heading .eyebrow{margin-bottom:.85rem}.home-process__heading h2{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.6rem,4.4vw,4.25rem);font-weight:600;line-height:.94}.home-process__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,4rem);margin:0;padding:0;list-style:none;display:grid}.home-process__step{min-width:0}.home-process__stage{flex-direction:column;align-items:flex-start;gap:.95rem;display:flex}.home-process__step-number{color:var(--johly-purple);letter-spacing:.08em;font-size:.78rem;font-weight:750}.home-process__art{width:clamp(6.75rem,8.6vw,7.9rem);height:auto;color:var(--johly-purple)}.johly-stage-art path,.johly-stage-art circle,.johly-stage-art rect{fill:none;stroke:currentColor;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.johly-stage-art .johly-glyph__node{fill:currentColor;stroke:none}.johly-stage-art .johly-stage-art__soft{opacity:.42}.johly-stage-art .johly-stage-art__lav{stroke:rgb(var(--johly-purple-rgb) / .45)}.johly-stage-art .johly-stage-art__lav-node{fill:rgb(var(--johly-purple-rgb) / .45);stroke:none}.home-process__flow{background:var(--johly-line);height:1px;margin:1.2rem calc(-1*clamp(2rem,4vw,4rem)) 1.4rem 0;display:block;position:relative}.home-process__flow:before{content:"";background:var(--johly-purple);border-radius:50%;width:.56rem;height:.56rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-process__step:last-child .home-process__flow{margin-right:2.6rem}.home-process__flow-mark{width:1.9rem;color:var(--johly-purple);position:absolute;top:50%;right:-2.45rem;transform:translateY(-50%)}.home-process__step h3{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.025em;margin:0 0 .65rem;font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:620}.home-process__step p{max-width:26rem;margin:0;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.6}@media (max-width:68rem){.home-process__inner{width:calc(100% - 5rem)}}@media (max-width:48rem){.home-process__inner{width:calc(100% - 2.5rem)}.home-process__steps{grid-template-columns:1fr;gap:2.5rem}.home-process__flow,.home-process__step:last-child .home-process__flow{margin-right:0}.home-process__flow-mark{display:none}.home-process__step p{max-width:34rem}}.home-services{--services-rail:minmax(15rem, 1fr);--services-stage:minmax(0, 1.78fr);--services-gap:clamp(1.5rem, 2.6vw, 2.75rem);--services-hairline:rgb(var(--johly-purple-rgb) / .16);--services-ink:var(--johly-purple);--services-ink-quiet:rgb(var(--johly-purple-rgb) / .45);background:var(--johly-purple-tint);color:var(--johly-ink-brand);font-family:var(--font-home-body);font-synthesis:none;padding-block:clamp(5rem,7.5vw,7.5rem);font-style:normal}.home-services__head{gap:1.25rem var(--services-gap);grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:clamp(2.25rem,3.4vw,3.5rem);display:grid}.home-services__title{color:var(--services-ink);font-family:var(--font-home-display);letter-spacing:-.055em;margin:0;font-size:clamp(3.25rem,5vw,5rem);font-style:normal;font-weight:600;line-height:.92}.home-services__count{color:rgb(var(--johly-purple-rgb) / .5);letter-spacing:.14em;align-items:center;gap:.85rem;margin:0 0 .65rem;font-size:.72rem;font-weight:750;line-height:1;display:flex}.home-services__count b{color:var(--services-ink);font-weight:750}.home-services__count-track{background:rgb(var(--johly-purple-rgb) / .22);width:clamp(3.5rem,7vw,6.5rem);height:1px;display:block;position:relative}.home-services__count-track:after{content:"";width:var(--service-progress,0%);background:var(--services-ink);height:100%;transition:width .34s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.home-services__stage{grid-template-columns:var(--services-rail) var(--services-stage);column-gap:var(--services-gap);border-top:1px solid var(--services-hairline);border-bottom:1px solid var(--services-hairline);display:grid}.home-services__rail{min-width:0;padding-right:var(--services-gap);border-right:1px solid var(--services-hairline);grid-template-rows:minmax(0,1fr) auto;display:grid}.home-services__all{border-top:1px solid var(--services-hairline);min-height:3.75rem;color:rgb(var(--johly-purple-rgb) / .66);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 1rem 1.35rem;font-size:.82rem;font-weight:700;line-height:1.2;text-decoration:none;transition:color .2s;display:flex}.home-services__all .johly-direction-mark{transition:transform .32s cubic-bezier(.22,1,.36,1)}.home-services__all:focus-visible{outline:3px solid var(--services-ink);outline-offset:-3px;color:var(--services-ink)}.home-services__indicator{z-index:1;width:2px;height:var(--service-indicator-height,0px);background:var(--services-ink);transform:translateY(var(--service-indicator-top,0px));pointer-events:none;transition:transform .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.home-services__tab{border:0;border-top:1px solid var(--services-hairline);min-height:3.5rem;color:var(--services-ink-quiet);font-family:var(--font-home-body);text-align:left;cursor:pointer;background:0 0;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:0 .5rem;padding:.85rem 0 .85rem 1.35rem;font-style:normal;transition:color .22s;display:grid;position:relative}.home-services__tab:first-of-type{border-top:0}.home-services__tab-index{letter-spacing:.12em;opacity:.7;align-self:center;font-size:.68rem;font-weight:750;line-height:1;transition:opacity .22s}.home-services__tab-label{font-family:var(--font-home-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.02rem,1.22vw,1.22rem);font-weight:600;line-height:1.14;transition:font-size .22s cubic-bezier(.22,1,.36,1),letter-spacing .22s cubic-bezier(.22,1,.36,1)}.home-services__tab--active .home-services__tab-index{opacity:1}.home-services__tab--active .home-services__tab-label{letter-spacing:-.04em;font-size:clamp(1.45rem,2.05vw,2.05rem);font-weight:620}.home-services__tab:focus-visible{z-index:2;outline:3px solid var(--services-ink);outline-offset:-3px;color:var(--services-ink)}.home-services__media{min-width:0;margin:0 calc(var(--site-gutter) * -1) 0 0;aspect-ratio:3/2;background:var(--johly-purple-dark);align-self:start;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17}.home-services__image-layer--active{opacity:1;visibility:visible;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),visibility linear;transform:none}.home-services__frames{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(.8rem,1.7vw,1.6rem);padding:clamp(1.4rem,2.8vw,2.6rem);display:grid;position:absolute;inset:0}.home-services__frame{aspect-ratio:16/9;background:var(--johly-purple-dark);width:100%;position:relative;overflow:hidden;box-shadow:0 1.25rem 3rem #0f062875}.home-services__frame:first-child{grid-row:span 2}.home-services__frame:nth-child(2){align-self:end}.home-services__frame:nth-child(3){align-self:start}.home-services__frame img{object-fit:cover}.home-services__panel{border-top:1px solid var(--services-hairline);grid-column:1/-1;min-width:0;margin-top:clamp(2.25rem,3.6vw,3.75rem);padding-top:clamp(1.85rem,2.8vw,2.6rem);padding-bottom:clamp(2.5rem,4vw,4rem)}.home-services__content-stack{width:100%;display:grid}.home-services__content{grid-template-columns:var(--services-rail) var(--services-stage);column-gap:var(--services-gap);opacity:1;align-items:start;display:grid;transform:none}.home-services__content--exiting{opacity:0;pointer-events:none;transition:opacity .12s ease-in,transform .12s ease-in;transform:translateY(-.375rem)}.home-services__content--preparing{opacity:0;visibility:hidden;pointer-events:none;transition:none;transform:translateY(.5rem)}.home-services__content--entering{opacity:1;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);transform:none}.home-services__content--visible{opacity:1;transition:none;transform:none}.home-services__register{min-width:0;padding-right:var(--services-gap);border-right:1px solid var(--services-hairline)}.home-services__marker{color:rgb(var(--johly-purple-rgb) / .26);font-family:var(--font-home-display);letter-spacing:-.06em;margin:-.4rem 0 0;font-size:clamp(2.75rem,4.4vw,4.25rem);font-style:normal;font-weight:650;line-height:.78;display:block}.home-services__service-label{color:var(--services-ink);letter-spacing:.1em;text-transform:uppercase;margin:clamp(.9rem,1.5vw,1.25rem) 0 0;font-size:.72rem;font-weight:750;line-height:1.45}.home-services__proposition{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);min-width:0;display:grid}.home-services__content h3{color:var(--services-ink);font-family:var(--font-home-display);letter-spacing:-.042em;text-wrap:balance;margin:0;font-size:clamp(1.85rem,2.55vw,2.7rem);font-style:normal;font-weight:600;line-height:1.03}.home-services__detail{min-width:0}.home-services__detail p{max-width:26rem;color:rgb(var(--johly-ink-brand-rgb) / .78);margin:0;font-size:clamp(.92rem,1vw,1rem);line-height:1.62}.home-services__cta{min-height:2.75rem;color:var(--services-ink);align-items:center;gap:.9rem;margin-top:clamp(1.4rem,2.2vw,2rem);padding-bottom:.7rem;font-size:.88rem;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.home-services__cta:before,.home-services__cta:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.home-services__cta:before{background:rgb(var(--johly-purple-rgb) / .3)}.home-services__cta:after{background:var(--services-ink);transform-origin:0;transition:transform .34s cubic-bezier(.22,1,.36,1);transform:scaleX(0)}.home-services__cta .johly-direction-mark{transition:transform .34s cubic-bezier(.22,1,.36,1)}.home-services__cta:focus-visible{outline:3px solid var(--services-ink);outline-offset:4px}@media (hover:hover) and (pointer:fine){.home-services__tab:not(.home-services__tab--active):hover{color:rgb(var(--johly-purple-rgb) / .8)}.home-services__tab:not(.home-services__tab--active):hover .home-services__tab-index{opacity:1}.home-services__cta:hover:after{transform:scaleX(1)}.home-services__cta:hover .johly-direction-mark{transform:translate(.35rem)}.home-services__all:hover{color:var(--services-ink)}.home-services__all:hover .johly-direction-mark{transform:translate(.35rem)}}@media (min-width:48.01rem) and (max-width:68rem){.home-services{--services-rail:minmax(12rem, 1fr);--services-stage:minmax(0, 1.55fr);--services-gap:clamp(1.1rem, 2vw, 1.75rem)}.home-services__rail{padding-right:var(--services-gap)}.home-services__tab{min-height:3.1rem;padding-left:1rem}.home-services__tab-label{font-size:.95rem}.home-services__tab--active .home-services__tab-label{font-size:1.4rem}.home-services__all{padding-left:1rem}.home-services__frames{gap:.6rem;padding:1.1rem}.home-services__content{grid-template-columns:minmax(0,1fr);row-gap:1.35rem}.home-services__register{border-right:0;align-items:baseline;gap:1rem;padding-right:0;display:flex}.home-services__marker{margin:0;font-size:clamp(2.25rem,4.5vw,3.25rem)}.home-services__service-label{margin:0}.home-services__proposition{grid-template-columns:minmax(0,1fr);gap:1.4rem}.home-services__content h3{max-width:22ch;font-size:clamp(1.7rem,3vw,2.2rem)}}@media (max-width:48rem){.home-services{--services-gap:1.25rem;padding-block:clamp(3.5rem,11vw,4.75rem)}.home-services__head{grid-template-columns:minmax(0,1fr);align-items:start;gap:.9rem;margin-bottom:1.6rem}.home-services__title{font-size:clamp(2.75rem,13vw,4rem)}.home-services__count{margin-bottom:0}.home-services__stage{border-top:0;border-bottom:0;grid-template-columns:minmax(0,1fr)}.home-services__rail{border-right:0;padding-right:0;display:block}.home-services__index{min-width:0;margin-inline:calc(var(--site-gutter) * -1);padding:0 var(--site-gutter) .9rem;border-right:0;border-bottom:1px solid var(--services-hairline);overscroll-behavior-x:contain;scroll-padding-inline:var(--site-gutter);scroll-snap-type:x proximity;scrollbar-width:none;gap:1.5rem;display:flex;overflow-x:auto}.home-services__index::-webkit-scrollbar{display:none}.home-services__indicator{width:var(--service-indicator-width,0px);height:2px;transform:translateX(var(--service-indicator-left,0px));transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1);top:auto;bottom:0}.home-services__tab{white-space:nowrap;scroll-snap-align:center;border-top:0;flex:none;align-items:baseline;gap:.5rem;min-height:2.75rem;padding:.35rem 0;display:flex}.home-services__tab-index{align-self:baseline;padding-top:0;font-size:.64rem}.home-services__tab-label,.home-services__tab--active .home-services__tab-label{letter-spacing:-.012em;font-size:.95rem}.home-services__tab--active .home-services__tab-label{font-weight:750}.home-services__tab:focus-visible{outline-offset:2px}.home-services__all{border-top:0;min-height:3.25rem;padding-left:0;font-size:.8rem}.home-services__media{margin-inline:calc(var(--site-gutter) * -1);margin-top:1.25rem}.home-services__frames{gap:.5rem;padding:.85rem}.home-services__frame{box-shadow:0 .5rem 1.1rem #0f062866}.home-services__panel{margin-top:1.75rem;padding-top:1.5rem;padding-bottom:0}.home-services__content{grid-template-columns:minmax(0,1fr);row-gap:1.15rem}.home-services__register{border-right:0;align-items:baseline;gap:.9rem;padding-right:0;display:flex}.home-services__marker{margin:0;font-size:2.15rem}.home-services__service-label{margin:0;font-size:.68rem}.home-services__proposition{grid-template-columns:minmax(0,1fr);gap:1.1rem}.home-services__content h3{font-size:clamp(1.7rem,7.4vw,2.25rem)}.home-services__detail p{max-width:34rem;font-size:.94rem}.home-services__cta{margin-top:1.35rem}}@media (prefers-reduced-motion:reduce){.home-services__indicator,.home-services__tab,.home-services__tab-label,.home-services__count-track:after,.home-services__cta:after,.home-services__cta .johly-direction-mark,.home-services__all,.home-services__all .johly-direction-mark,.home-services__image-layer,.home-services__image-layer--active,.home-services__content,.home-services__content--exiting,.home-services__content--preparing,.home-services__content--entering,.home-services__content--visible{transition:none}.home-services__content,.home-services__content--exiting,.home-services__content--preparing,.home-services__content--entering,.home-services__content--visible{opacity:1;visibility:visible;transform:none}.home-services__image-layer{opacity:0;visibility:hidden;transform:none}.home-services__image-layer--active{opacity:1;visibility:visible;transform:none}.home-reveal,.home-reveal.is-reveal-ready,.home-reveal.is-visible{opacity:1;transition:none;transform:none}}.home-services{--services-hairline:rgb(var(--johly-purple-rgb) / .18);--services-quiet:rgb(var(--johly-purple-rgb) / .48);background:#f6f4f8;padding-block:clamp(4.25rem,5.8vw,5.75rem)}.home-services__head{margin-bottom:clamp(1.5rem,2.2vw,2rem);display:block}.home-services__title{font-size:clamp(2.5rem,3.7vw,3.7rem)}.home-services__composition{border-block:1px solid var(--services-hairline);grid-template-columns:minmax(11rem,.82fr) minmax(18rem,1fr) minmax(17rem,.86fr);min-height:clamp(27rem,35vw,31.5rem);display:grid}.home-services__rail{border-right:1px solid var(--services-hairline);grid-template-rows:minmax(0,1fr) auto;min-width:0;padding:0 clamp(1.25rem,2.5vw,2.5rem) 0 0;display:grid}.home-services__index{grid-template-rows:repeat(4,minmax(0,1fr));min-width:0;display:grid;position:static}.home-services__indicator{display:none}.home-services__tab{border:0;border-top:1px solid var(--services-hairline);min-height:0;color:var(--services-quiet);text-align:left;background:0 0;align-items:center;padding:.75rem 0;display:flex}.home-services__tab:first-child{border-top:0}.home-services__tab:after{content:"";background:var(--johly-purple);width:2px;height:0;transition:height .26s cubic-bezier(.22,1,.36,1);position:absolute;right:calc(-1*clamp(1.25rem,2.5vw,2.5rem) - 1px)}.home-services__tab--active:after{height:100%}.home-services__tab-label,.home-services__tab--active .home-services__tab-label{font-family:var(--font-home-display);letter-spacing:-.025em;font-size:clamp(.88rem,1vw,1.05rem);font-weight:620;line-height:1.14}.home-services__tab--active{color:var(--johly-purple)}.home-services__all{border-top:1px solid var(--services-hairline);min-height:3.25rem;padding:.75rem 0}.home-services__media{aspect-ratio:auto;background:var(--johly-purple-dark);min-width:0;min-height:0;box-shadow:none;align-self:stretch;margin:0;position:relative;overflow:hidden}.home-services__image-layer{opacity:0;visibility:hidden;transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s linear .3s;position:absolute;inset:0;transform:translateY(.75rem)scale(1.01)}.home-services__image-layer--active{opacity:1;visibility:visible;transition-delay:0s;transform:none}.home-services__image{object-fit:cover}.home-services__image-layer[data-service=creative-strategy] .home-services__image{object-position:72% center!important}.home-services__image-layer[data-service=website-design-rebuilds] .home-services__image{transform:scale(1.06);object-position:42% 70%!important}.home-services__image-layer[data-service=digital-marketing-advertising] .home-services__image{object-position:35% center!important}.home-services__image-layer[data-service=multimedia-production] .home-services__image{transform:scale(1.035);object-position:46% center!important}.home-services__panel{border:0;grid-column:auto;align-self:center;min-width:0;margin:0;padding:clamp(1.6rem,3vw,3.1rem);display:grid}.home-services__panel-content{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;align-self:center;transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s linear .3s;transform:translateY(.75rem)}.home-services__panel-content--active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.home-services__service-label{color:var(--johly-purple);margin:0 0 clamp(1rem,1.7vw,1.5rem)}.home-services__panel h3{max-width:13ch;color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.048em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,2.25vw,2.3rem);font-weight:610;line-height:.98}.home-services__detail{max-width:29rem;color:rgb(var(--johly-ink-brand-rgb) / .74);margin:clamp(1rem,1.6vw,1.35rem) 0 0;font-size:clamp(.92rem,1vw,1rem);line-height:1.65}.home-services__cta{margin-top:clamp(1rem,1.7vw,1.4rem)}@media (max-width:68rem) and (min-width:48.01rem){.home-services__composition{grid-template-columns:minmax(10rem,.72fr) minmax(16rem,1fr) minmax(15rem,.86fr)}.home-services__panel{padding-inline:clamp(1.5rem,3vw,2.5rem)}.home-services__panel h3{font-size:clamp(1.5rem,2.5vw,2rem)}}@media (max-width:48rem){.home-services{padding-block:clamp(3.25rem,9vw,4.25rem)}.home-services__head{margin-bottom:1.25rem;display:flex}.home-services__composition{border-bottom:0;grid-template-columns:minmax(0,1fr);min-height:0}.home-services__rail{display:contents}.home-services__index{margin-inline:calc(var(--site-gutter) * -1);padding:0 var(--site-gutter) .9rem;border-bottom:1px solid var(--services-hairline);scroll-snap-type:x proximity;scrollbar-width:none;order:1;gap:1.15rem;display:flex;overflow-x:auto}.home-services__index::-webkit-scrollbar{display:none}.home-services__tab{white-space:nowrap;scroll-snap-align:center;border-top:0;flex:none;gap:.45rem;min-height:2.5rem;padding:.35rem 0;display:flex;position:relative}.home-services__tab:after{opacity:0;width:auto;height:2px;transition:opacity .2s;bottom:-.9rem;left:0;right:0}.home-services__tab--active:after{opacity:1;height:2px}.home-services__tab-label,.home-services__tab--active .home-services__tab-label{font-size:.88rem}.home-services__media{aspect-ratio:3/2;order:2;margin:1rem 0 0}.home-services__panel{order:3;padding:1.35rem 0 0}.home-services__service-label{margin-bottom:1rem}.home-services__panel h3{max-width:16ch;font-size:clamp(1.65rem,7vw,2.2rem)}.home-services__detail{margin-top:1rem;font-size:.92rem}.home-services__all{border-top:1px solid var(--services-hairline);order:4;min-height:3.5rem;margin-top:1.15rem;padding:.75rem 0}}@media (prefers-reduced-motion:reduce){.home-services__image-layer,.home-services__image-layer--active,.home-services__panel-content,.home-services__panel-content--active{transition:none;transform:none}}.about-story,.services-index{background:var(--johly-white);color:var(--johly-ink);font-family:var(--font-home-body);font-synthesis:none;font-style:normal}.about-story h1,.about-story h2,.about-story h3,.services-index h1,.services-index h2,.services-index h3{font-family:var(--font-home-display);letter-spacing:-.055em;font-style:normal;font-weight:600}.about-story__hero{gap:var(--site-grid-gap);min-height:clamp(43rem,58vw,52rem);padding:clamp(8.5rem, 11vw, 10rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) clamp(4rem, 6vw, 6rem);background:var(--johly-purple);color:var(--johly-white);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.about-story__hero-heading{grid-column:1/7;align-self:center}.about-collage{grid-column:6/13;align-self:center}.about-story__hero h1{max-width:9ch;color:var(--johly-white);text-wrap:balance;margin:1.5rem 0 0;font-size:clamp(3.75rem,5.6vw,5.75rem);line-height:.94}.about-story__hero-lede{color:#fffc;max-width:34rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.about-story__hero-media{aspect-ratio:4/5;background:#ffffff1a;grid-column:8/13;margin:0;position:relative;overflow:hidden}.about-story__hero-media img{object-fit:cover;object-position:center 45%}.about-story__cta,.services-index__cta{padding:clamp(5.5rem, 8vw, 8.5rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));grid-template-columns:3fr 9fr;gap:clamp(3rem,7vw,8rem);display:grid}.about-model{padding:clamp(4.5rem, 7vw, 6.5rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-purple-tint);color:var(--johly-ink-brand);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem clamp(3rem,6vw,6rem);display:grid}.about-model__heading h2{color:var(--johly-purple);max-width:16ch;font-family:var(--font-home-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:620;line-height:1.12}.about-model__copy{align-content:start;gap:1.35rem;display:grid}.about-model__copy p{max-width:38rem;margin:0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65}@media (max-width:56.2rem){.about-model{grid-template-columns:1fr;gap:1.75rem}}.about-collage{min-height:clamp(26rem,38vw,35rem);position:relative}.about-collage figure{background:var(--johly-white);margin:0;position:absolute;overflow:hidden;box-shadow:0 1.4rem 3rem #15082c73}.about-collage img{object-fit:cover;object-position:top center}.about-collage__web{width:78%;top:0;left:0}.about-collage__browser-bar{background:#17131f;align-items:center;gap:.35rem;min-height:1.6rem;padding:0 .7rem;display:flex}.about-collage__browser-bar>span{aspect-ratio:1;background:#ffffff61;border-radius:50%;width:.38rem}.about-collage__screen{aspect-ratio:16/10;display:block;position:relative}.about-collage__product{aspect-ratio:16/10;border:1px solid #ffffff59;width:48%;bottom:6%;right:0}.about-collage__campaign{aspect-ratio:4/3;width:30%;top:-4%;right:4%;transform:rotate(1.5deg)}.about-collage__brand{aspect-ratio:1;width:19%;bottom:0;left:8%;transform:rotate(-2deg)}.about-collage__brand img{object-fit:contain;padding:.6rem}.about-values{padding:clamp(4.5rem, 7.5vw, 7rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-purple);color:var(--johly-white)}.about-values__heading{margin-bottom:clamp(2.5rem,4.5vw,4rem)}.about-values__heading h2{color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,3.6vw,3.4rem);font-weight:620;line-height:1}.about-values__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.about-values__item{border-top:1px solid #ffffff2e;grid-template-columns:3.5rem minmax(0,1fr);gap:.5rem 1.5rem;padding:clamp(1.75rem,3vw,2.5rem) 0;display:grid}.about-values__item:nth-child(2){padding-left:clamp(0rem,6vw,5rem)}.about-values__item:nth-child(3){padding-left:clamp(0rem,12vw,10rem)}.about-values__number{color:var(--johly-purple-focus);letter-spacing:.08em;grid-row:1/3;padding-top:.5rem;font-size:.78rem;font-weight:750}.about-values__word{font-family:var(--font-home-display);letter-spacing:-.045em;margin:0 0 .75rem;font-size:clamp(2.4rem,5vw,4rem);font-weight:620;line-height:.96}.about-values__body{color:#ffffffd9;max-width:36rem;margin:0;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.65}@media (max-width:56.2rem){.about-collage{height:clamp(17rem,62vw,24rem);min-height:0}.about-values__item,.about-values__item:nth-child(2),.about-values__item:nth-child(3){grid-template-columns:2.5rem minmax(0,1fr);padding-left:0}}.about-alt{padding:clamp(3.25rem, 4.5vw, 4.25rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) clamp(4rem, 6.5vw, 6rem);background:var(--johly-white);color:var(--johly-ink)}.about-alt__masthead{gap:2.5rem var(--site-grid-gap);border-bottom:1px solid var(--johly-line);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding-bottom:clamp(3rem,5vw,4.5rem);display:grid}.about-alt__masthead--text{border-bottom:0;grid-template-columns:1fr;padding-bottom:clamp(1.25rem,2vw,1.75rem)}.about-alt__heading{grid-column:1/6}.about-alt__heading h2{max-width:11ch;color:var(--johly-purple);text-wrap:balance;margin:1rem 0 0;font-size:clamp(3rem,4.5vw,4.9rem);line-height:.97}.about-alt__media{aspect-ratio:705/430;grid-column:6/13;margin:0;position:relative;overflow:hidden}.about-alt__media img{object-fit:cover}.about-alt__steps{gap:0;margin:clamp(2.75rem,4.5vw,4rem) 0 0;padding:0;list-style:none;display:grid}.about-alt__step{border-top:1px solid var(--johly-line);grid-template-columns:minmax(9.5rem,.26fr) minmax(0,1fr);align-items:start;gap:1.25rem clamp(2rem,4vw,4rem);padding:clamp(2rem,3.2vw,2.75rem) 0;display:grid;position:relative}.about-alt__step:before{content:"";background:var(--johly-purple);border-radius:50%;width:.56rem;height:.56rem;position:absolute;top:-.29rem;left:0}.about-alt__step:last-child{border-bottom:1px solid var(--johly-line)}.about-alt__step-visual{color:var(--johly-purple);flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.about-alt__step-art{width:clamp(6.75rem,8.4vw,7.9rem);height:auto}.about-alt__step-number{letter-spacing:.04em;color:var(--johly-purple);font-size:.95rem;font-weight:700}.about-alt__step h3{letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1}.about-alt__step p{max-width:34rem;color:var(--johly-muted);margin:.85rem 0 0;font-size:.98rem;line-height:1.62}.about-story__cta,.services-index__cta{background:var(--johly-soft)}.about-story__cta h2,.services-index__cta h2{max-width:12ch;color:var(--johly-purple);margin:0;font-size:clamp(2.7rem,4vw,4.25rem);line-height:.94}.about-story__cta p:not(.eyebrow),.services-index__cta p:not(.eyebrow){max-width:38rem;color:var(--johly-muted);margin:1.5rem 0 0;font-size:1.02rem;line-height:1.7}.about-story__cta .johly-button,.services-index__cta .johly-button{margin-top:2.25rem}.services-index__hero{gap:var(--site-grid-gap);padding:clamp(9rem, 11vw, 10.5rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) clamp(2.5rem, 4vw, 3.5rem);background:var(--johly-purple);color:var(--johly-white);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.services-index__hero-heading{grid-column:1/9;align-self:start}.services-index__hero h1{text-wrap:balance;max-width:10ch;margin:1.5rem 0 0;font-size:clamp(4.25rem,6.5vw,6.8rem);line-height:.9}.services-index__hero-copy{grid-column:9/13;align-self:end}.services-index__hero-copy p{color:#fffc;max-width:28rem;margin:0;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65}.services-index__hero-copy .johly-button{margin-top:2rem}.services-index__nav-wrap{grid-column:1/-1;min-width:0}.services-index__nav{border-top:1px solid #ffffff57;border-bottom:1px solid #ffffff57;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4.5rem);display:grid}.services-index__nav a{border-right:1px solid #ffffff57;grid-template-rows:auto auto;grid-template-columns:1.25rem minmax(0,1fr);align-content:center;gap:.4rem .75rem;min-height:8rem;padding:1rem;font-weight:700;line-height:1.2;transition:background-color .18s,color .18s;display:grid}.services-index__nav a:last-child{border-right:0}.services-index__nav-index{color:#ffffff9e;grid-area:1/1;align-self:center;font-size:.68rem}.services-index__nav .service-icon-badge{grid-area:1/2;width:2.9rem;height:2.9rem}.services-index__nav .johly-service-icon{width:1.85rem;height:1.85rem}.services-index__nav-label{grid-area:2/2;align-self:end}.services-index__scroll-cue{display:none}.services-index__groups{padding:0 max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-white)}.services-index__group{border-top:1px solid var(--johly-line);grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:clamp(34rem,48vw,44rem);padding-block:clamp(4.5rem,7vw,7rem);scroll-margin-top:1rem;display:grid}.services-index__group:nth-child(2n){grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr)}.services-index__group:nth-child(2n) .services-index__group-media{grid-column:2}.services-index__group:nth-child(2n) .services-index__group-content{grid-area:1/1}.services-index__group:focus-visible{outline:3px solid var(--johly-purple);outline-offset:-3px}.services-index__group-identity{justify-content:space-between;align-items:center;gap:2rem;width:100%;margin-bottom:clamp(1.5rem,3vw,2.5rem);display:flex}.services-index__group-index{color:var(--johly-muted);font-size:.72rem;font-weight:700}.services-index__group-identity .service-icon-badge{width:4.5rem;height:4.5rem}.services-index__group-identity .johly-service-icon{width:2.75rem;height:2.75rem}.services-index__group-content{flex-direction:column;align-items:flex-start;display:flex}.services-index__group-media{background:var(--johly-soft);min-height:clamp(27rem,38vw,37rem);margin:0;position:relative;overflow:hidden}.services-index__group-media img{object-fit:cover}.services-index__group h2{max-width:13ch;color:var(--johly-purple);text-wrap:balance;margin:0;font-size:clamp(2.7rem,4.2vw,4.4rem);line-height:.96}.services-index__description{max-width:34rem;color:var(--johly-muted);margin:1.5rem 0 0;font-size:1rem;line-height:1.68}.services-index__group-content>.johly-link{margin-top:2rem}@media (hover:hover) and (pointer:fine){.services-index__nav a:hover{background:var(--johly-white);color:var(--johly-purple)}.services-index__nav a:hover span,.services-index__nav a:hover .johly-service-icon{color:var(--johly-purple)}}@media (max-width:68rem){.about-story__hero-heading{grid-column:1/7}.services-index__hero-heading{grid-column:1/8}.services-index__hero-copy{grid-column:8/13}.services-index__nav{grid-template-columns:repeat(4,minmax(0,1fr))}.services-index__nav a:nth-child(4){border-right:0}.services-index__nav a:nth-child(-n+4){border-bottom:1px solid #ffffff57}}@media (max-width:56.2rem){.about-story__hero{min-height:0;padding:8rem var(--site-gutter) 4rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.about-story__hero-heading,.about-story__hero-media,.about-collage{grid-column:1/-1}.about-story__hero-media{aspect-ratio:4/3}.about-story__cta,.services-index__cta{padding:4rem var(--site-gutter);grid-template-columns:1fr;gap:2rem}.about-alt{padding:4rem var(--site-gutter)}.about-alt__masthead{grid-template-columns:1fr;gap:2rem}.about-alt__heading,.about-alt__media{grid-column:1/-1}.about-alt__step{grid-template-columns:1fr;gap:1.1rem}.services-index__hero{min-height:0;padding:8rem var(--site-gutter) 2rem;grid-template-columns:1fr;gap:1.5rem}.services-index__hero-heading,.services-index__hero-copy,.services-index__nav-wrap{grid-column:1}.services-index__nav-wrap{width:100%;margin:1.25rem 0 0}.services-index__nav{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;margin:0;padding:0;display:grid}.services-index__nav a,.services-index__nav a:nth-child(2),.services-index__nav a:nth-child(4){border:1px solid #ffffff57;grid-template-rows:1fr;grid-template-columns:1rem 2.25rem minmax(0,1fr);gap:.5rem;min-width:0;min-height:4.25rem;padding:.7rem .85rem;font-size:.78rem;display:grid}.services-index__nav-index,.services-index__nav .service-icon-badge,.services-index__nav-label{grid-row:1;align-self:center}.services-index__nav-index{grid-column:1}.services-index__nav .service-icon-badge{grid-column:2;width:2.25rem;height:2.25rem}.services-index__nav .johly-service-icon{width:1.4rem;height:1.4rem}.services-index__nav-label{grid-column:3}.services-index__scroll-cue{display:none}.services-index__scroll-cue .johly-direction-mark{width:1.7rem}.services-index__group{grid-template-columns:1fr;gap:2rem;min-height:0;padding-block:3.5rem}.services-index__group:nth-child(2n){grid-template-columns:1fr}.services-index__group:nth-child(2n) .services-index__group-media,.services-index__group:nth-child(2n) .services-index__group-content{grid-area:auto/1}.services-index__groups{padding-inline:var(--site-gutter)}.services-index__group-media{aspect-ratio:4/3;grid-row:1;min-height:0}.services-index__group-content{grid-row:2}}@media (max-width:36rem){.about-story__hero h1,.services-index__hero h1{max-width:100%;font-size:clamp(3.25rem,13vw,4rem);line-height:.9}.about-alt__heading h2,.about-story__cta h2,.services-index__group h2,.services-index__cta h2{font-size:clamp(2.55rem,10vw,3.25rem);line-height:.94}.services-index__hero{padding-bottom:2.25rem}.services-index__cta{padding-block:4rem}.services-index__group h2{margin:0}.about-story__hero-media{aspect-ratio:4/3;margin-top:0}}@media (prefers-reduced-motion:reduce){.services-index__nav a{transition:none}.johly-direction-mark__stem,.johly-direction-mark__head,:where(a,button):is(:hover,:focus-visible,:active) .johly-direction-mark__stem,:where(a,button):is(:hover,:focus-visible,:active) .johly-direction-mark__head{transition:none;transform:none}}@media (max-width:56.2rem){.contact-page{padding-top:7.25rem}.contact-page__hero,.contact-page__details{padding-inline:1.35rem}.contact-page__hero h1{margin-block:.85rem 1rem;font-size:clamp(3.25rem,14vw,4.25rem)}.contact-page__hero>p:last-child{font-size:1rem;line-height:1.6}.contact-page__details{grid-template-columns:1fr;gap:2rem;padding-top:1.75rem;padding-bottom:4rem}.contact-page__visual{aspect-ratio:16/10;grid-row:1;min-height:0;margin:0}.contact-page__form-column{grid-row:2}.enquiry-form{gap:1.15rem;margin-top:0}.enquiry-form textarea{min-height:8rem}}.project-page{background:var(--johly-white);width:100%;color:var(--johly-ink);font-family:var(--font-home-body);margin:0;padding:0;overflow:clip}.project-page__opening{padding:7.5rem max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) 2.5rem}.project-page__breadcrumb{min-height:3rem;color:var(--johly-muted);letter-spacing:.07em;text-transform:uppercase;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 1rem;font-size:.75rem;font-weight:750;display:flex}.project-page__breadcrumb a{min-height:2.75rem;color:var(--johly-purple);align-items:center;gap:.55rem;display:inline-flex}.project-page__hero{background:var(--johly-purple);grid-template-columns:minmax(20rem,.84fr) minmax(28rem,1.16fr);gap:0;min-height:clamp(29rem,39vw,34rem);padding:0;display:grid;overflow:hidden}.project-page__hero-copy{min-width:0;color:var(--johly-white);flex-direction:column;justify-content:center;padding:clamp(2.25rem,4vw,4rem);display:flex}.project-page__hero-meta{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:clamp(1.5rem,2.5vw,2.5rem);font-size:.72rem;font-weight:750;display:flex}.project-page__hero-meta p{margin:0}.project-page__hero h1{max-width:13ch;color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.048em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance;margin:0;font-size:clamp(2.9rem,4.8vw,4.75rem);font-weight:620;line-height:.94}.project-page__title--domain{white-space:nowrap;max-width:none;font-size:clamp(2.65rem,4.2vw,4.25rem)}.project-page__lede{color:#ffffffd6;max-width:35rem;margin:clamp(1.25rem,2vw,1.75rem) 0 0;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.6}.project-page__disciplines{flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.project-page__disciplines li{color:#ffffffe0;letter-spacing:.05em;text-transform:uppercase;border:1px solid #ffffff42;padding:.42rem .7rem;font-size:.67rem;font-weight:700}.project-page__hero-action{background:var(--johly-purple-tint);min-height:3.25rem;color:var(--johly-purple);letter-spacing:.035em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:.65rem;margin-top:1.75rem;padding:0 1.35rem;font-size:.78rem;font-weight:750;display:inline-flex}.project-page__media{aspect-ratio:auto;background:var(--johly-ink);width:100%;min-width:0;max-width:100%;min-height:100%;margin:0;position:relative;overflow:hidden}.project-page__media img{object-fit:cover}.project-page--screenshot .project-page__media{background:#101f3d}.project-page--screenshot .project-page__media img{object-fit:contain;padding:clamp(.85rem,1.8vw,1.5rem)}.project-page--brand .project-page__media{background:var(--johly-purple-tint)}.project-page--brand .project-page__media img{object-fit:contain;padding:clamp(2rem,5vw,5rem)}.project-page--browser .project-page__media{background:#101f3d}.project-page--browser .project-page__media img{object-fit:contain;padding:clamp(.85rem,1.8vw,1.5rem)}.project-page--devices .project-page__hero{grid-template-columns:minmax(19rem,.72fr) minmax(28rem,1.28fr)}.project-page__media--brandboard{background:#fffaf0;padding:clamp(1.25rem,2.6vw,2.5rem);display:grid}.ajco-brand{grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(.75rem,1.4vw,1.25rem);height:100%;display:grid}.ajco-brand__identity{background:#1f3467;flex-direction:column;justify-content:center;gap:1.1rem;padding:clamp(1.5rem,2.6vw,2.75rem);display:flex}.ajco-brand__identity img{width:100%;max-width:24rem;height:auto}.ajco-brand__rule{background:#d2b16b;width:3.5rem;height:2px}.ajco-brand__identity p{color:#fffaf0b8;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700}.ajco-brand__photo{grid-area:1/2/3;position:relative;overflow:hidden}.ajco-brand__photo img{object-fit:cover;object-position:84% 42%}.ajco-brand__fragment{background:#fff;border:1px solid #1f346729;border-top:2px solid #d2b16b;grid-area:2/1;position:relative;overflow:hidden}.ajco-brand__fragment img{object-fit:cover;object-position:center 8%}.project-page__media-note{max-width:calc(100% - 2rem);color:var(--johly-white);background:#190d1fd1;margin:0;padding:.55rem .75rem;font-size:.7rem;line-height:1.45;position:absolute;bottom:1rem;left:auto;right:1rem}.project-page__body{width:min(100%, var(--site-max));padding:0 var(--site-gutter);margin-inline:auto;display:block}.project-story__intro{border-bottom:1px solid var(--johly-line);grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,7vw,6.5rem);display:grid}.project-story__intro h2,.project-story__heading h2,.project-story__delivery h2,.alexander-case-study h2,.featured-films h2{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.045em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(2.15rem,3.6vw,3.75rem);font-weight:620;line-height:1}.project-story__intro-copy{align-self:end}.project-story__intro-copy>p{color:var(--johly-muted);margin:0;font-size:1.04rem;line-height:1.72}.project-story__intro-copy>p+p{margin-top:1rem}.project-story__intro-copy strong{color:var(--johly-ink)}.project-story__cards{background:var(--johly-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-block:clamp(3rem,5vw,5rem);display:grid;overflow:hidden}.project-story__cards article{background:var(--johly-soft);min-height:15rem;padding:clamp(1.75rem,3vw,2.75rem)}.project-story__cards h3,.alexander-case-study__facts h3,.alexander-case-study__decision-grid h3{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.2vw,2.15rem);font-weight:650;line-height:1.08}.project-story__cards p,.alexander-case-study__facts p,.alexander-case-study__decision-grid p{color:var(--johly-muted);margin:1rem 0 0;line-height:1.68}.project-story__film,.featured-films,.alexander-gallery,.alexander-case-study__decisions{padding-block:clamp(4rem,7vw,6.5rem)}.project-story__heading{max-width:55rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.project-story__film-grid{gap:2rem;display:grid}.project-story__film-grid figure{margin:0}.project-story__film-grid figcaption{color:var(--johly-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:.8rem;font-size:.76rem;font-weight:700}.project-story__delivery,.alexander-delivery{border-top:1px solid var(--johly-line);grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,6vw,5.5rem);display:grid}.project-page__deliverables{margin:0;padding:0;list-style:none}.project-page__deliverables li{border-bottom:1px solid var(--johly-line);color:var(--johly-ink);padding:.8rem 0;line-height:1.48}.project-page__external{margin-top:1.75rem}.project-page__external a{min-height:2.75rem;color:var(--johly-purple);text-underline-offset:.3em;align-items:center;gap:.55rem;margin:0;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.project-page__external p{max-width:34rem;color:var(--johly-muted);margin:.55rem 0 0;font-size:.82rem;line-height:1.55}.project-page__pager{border-top:1px solid var(--johly-line);grid-template-columns:1fr 1fr;gap:1.5rem;padding-block:clamp(2.5rem,4vw,3.5rem);display:grid}.project-page__pager a{gap:.4rem;min-height:3rem;padding:.75rem 0;display:grid}.project-page__pager-next{text-align:right;justify-items:end}.project-page__pager-label{color:var(--johly-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:750}.project-page__pager-title{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.03em;font-size:clamp(1.3rem,2.1vw,1.9rem);font-weight:650;line-height:1.1}.project-page__cta{padding:clamp(2.5rem, 4vw, 3.5rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-purple);color:var(--johly-white);border:0;justify-content:space-between;align-items:center;gap:2rem;margin-inline:calc(50% - 50vw);display:flex}.project-page__cta h2{color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.04em;margin:.65rem 0 0;font-size:clamp(2rem,3vw,3rem);font-weight:620;line-height:1}.alexander-browser__bar{color:#ffffffa6;background:#17131f;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 1rem;display:flex}.alexander-browser__bar>span{aspect-ratio:1;background:#ffffff61;border-radius:50%;width:.5rem}.alexander-browser__bar p{margin:0 0 0 .5rem;font-size:.7rem}.alexander-browser__screen{aspect-ratio:16/10;background:#f4f0e7;position:relative;overflow:hidden}.alexander-browser__screen img,.alexander-device__screen img{object-fit:cover;object-position:top}.alexander-case-study__challenge{border-block:1px solid var(--johly-line);grid-template-columns:minmax(0,1fr) minmax(22rem,.95fr);gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,7vw,6.5rem);display:grid}.alexander-case-study__facts{gap:2.5rem;display:grid}.alexander-case-study__decision-grid{background:var(--johly-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.alexander-case-study__decision-grid article{background:var(--johly-soft);min-height:19rem;padding:clamp(1.75rem,3vw,2.75rem)}.alexander-case-study__decision-grid span{color:var(--johly-purple);letter-spacing:.06em;margin-bottom:3rem;font-size:.75rem;font-weight:800;display:block}.alexander-gallery{border-top:1px solid var(--johly-line)}.alexander-gallery__grid{grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);align-items:end;gap:clamp(2rem,4vw,4rem);display:grid}.alexander-device__screen{aspect-ratio:390/844;background:#f4f0e7;border-radius:1.35rem;position:relative;overflow:hidden}.alexander-delivery>div>p:last-child{max-width:45rem;color:var(--johly-muted);margin:1.25rem 0 0;line-height:1.7}.featured-films{border-top:1px solid var(--johly-line)}.featured-films__heading{max-width:52rem}.featured-films__heading>p:last-child{max-width:43rem;color:var(--johly-muted);margin:1.25rem 0 0;line-height:1.7}.featured-films__selector{background:var(--johly-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(2rem,4vw,3.5rem);display:grid}.featured-films__selector button{min-height:4.75rem;color:var(--johly-purple);text-align:left;cursor:pointer;background:#f4f1f8;border:0;align-items:center;gap:1rem;padding:1rem 1.25rem;font-weight:750;transition:background-color .18s,color .18s;display:flex}.featured-films__selector button[aria-selected=true]{color:var(--johly-white);background:#401da2}.featured-films__context{background:var(--johly-soft);grid-template-columns:minmax(15rem,.45fr) minmax(0,1.55fr);gap:clamp(2rem,5vw,5rem);padding:clamp(1.75rem,3vw,2.75rem);display:grid}.featured-films__context h3{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.75rem);line-height:1}.featured-films__context dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2.5rem;margin:0;display:grid}.featured-films__context dt{color:var(--johly-purple);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800}.featured-films__context dd{color:var(--johly-muted);margin:.5rem 0 0;line-height:1.58}.project-video{color:var(--johly-white);background:#0c0a0f;overflow:hidden}.project-video__stage{aspect-ratio:16/9;position:relative}.project-video video{object-fit:cover;cursor:pointer;background:#09080b;width:100%;height:100%;display:block}.project-video__poster-play{aspect-ratio:1;background:var(--johly-purple);width:clamp(3.75rem,7vw,5.5rem);color:var(--johly-white);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-video__poster-play span{margin-left:.2em}.project-video__poster-play svg{width:1.8rem;height:1.8rem;margin-left:.18rem}.project-video__controls{background:#15111a;grid-template-columns:auto minmax(6rem,1fr) auto auto minmax(4rem,.16fr) auto auto;align-items:center;gap:.75rem;min-height:4rem;padding:.65rem .85rem;display:grid}.project-video__controls button{min-width:2.75rem;min-height:2.75rem;color:var(--johly-white);cursor:pointer;background:0 0;border:0;padding:0 .7rem;font-size:.72rem;font-weight:750}.project-video__controls button svg{width:1.25rem;height:1.25rem}.project-video__controls button[aria-pressed=true]{background:rgb(var(--johly-purple-focus-rgb) / .18);color:var(--johly-purple-focus)}.project-video__controls input[type=range]{width:100%;accent-color:var(--johly-purple-focus)}.project-video__time{color:#ffffffb8;font-variant-numeric:tabular-nums;min-width:6.6rem;font-size:.72rem}.project-video :focus-visible,.featured-films__selector button:focus-visible{outline:3px solid var(--johly-purple-focus);outline-offset:-3px;box-shadow:none}.project-video__controls button:focus-visible{outline-offset:0;background:rgb(var(--johly-purple-focus-rgb) / .2)}.service-detail{background:var(--johly-white);color:var(--johly-ink);font-family:var(--font-home-body);overflow:clip}.service-detail__masthead{padding:7.25rem max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) 2.5rem;background:var(--johly-purple);color:var(--johly-white)}.service-detail__breadcrumb a{color:#ffffffd6;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.55rem;min-height:2.75rem;font-size:.75rem;font-weight:750;display:inline-flex}.service-detail__hero{grid-template-columns:minmax(20rem,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-top:1.25rem;display:grid}.service-detail__hero h1{max-width:15ch;color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.045em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(2.85rem,4.5vw,4.5rem);font-weight:620;line-height:.96}.service-detail__identity{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.service-detail__identity .service-icon-badge{width:4rem;height:4rem}.service-detail__lede{color:#ffffffd1;max-width:39rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.65}.service-detail__hero-media{background:#ffffff1a;min-height:clamp(23rem,32vw,28rem);margin:0;position:relative;overflow:hidden}.service-detail__hero-media img{object-fit:cover}.service-detail--media-start .service-detail__hero-copy{grid-area:1/2}.service-detail--media-start .service-detail__hero-media{grid-area:1/1}.service-detail__contained,.service-detail__close-inner,.service-detail__proof-inner{width:min(100%, var(--site-max));padding-inline:var(--site-gutter);margin-inline:auto}.service-detail__outcome{grid-template-columns:minmax(20rem,.82fr) minmax(30rem,1.18fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);padding-block:clamp(4.5rem,8vw,7.5rem);display:grid}.service-detail__outcome h2{max-width:15ch;color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.045em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(2.35rem,3.8vw,3.9rem);font-weight:620;line-height:.98}.service-detail__outcome-copy>p:last-child{max-width:34rem;color:var(--johly-muted);margin:1.35rem 0 0;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7}.service-detail__outcome-media{flex-direction:column;margin:0;display:flex}.service-detail__outcome-media>div,.service-detail__outcome-media picture,.service-detail__outcome-media img{position:relative}.service-detail__outcome-media img{object-fit:cover;position:absolute;inset:0}.service-detail__outcome-frame{background:var(--johly-soft);min-height:clamp(24rem,35vw,31rem);position:relative;overflow:hidden}.service-detail__outcome-media figcaption{max-width:46rem;color:var(--johly-muted);padding-top:.75rem;font-size:.78rem;line-height:1.5}.service-detail--media-start .service-detail__outcome-copy{grid-column:2}.service-detail--media-start .service-detail__outcome-media{grid-area:1/1}.service-detail__section-head{max-width:52rem;margin:0 0 clamp(2rem,4vw,3.25rem)}.service-detail__section-head h2{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.045em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(2.15rem,3.5vw,3.6rem);font-weight:620;line-height:1}.service-detail__covers-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.service-detail__covers-grid article{border:1px solid rgb(var(--johly-purple-rgb) / .14);background:var(--johly-purple-tint);border-radius:1.5rem;grid-column:span 6;min-height:clamp(18rem,25vw,21rem);padding:clamp(1.6rem,3vw,2.5rem)}.service-detail__covers-grid h3{color:var(--johly-purple);font-family:var(--font-home-display);border:0;margin:0;padding:0;font-size:1.35rem;font-weight:650;line-height:1.18}.service-detail__covers-grid p{color:var(--johly-muted);margin:.85rem 0 0;font-size:1rem;line-height:1.65}.service-detail__capability-icon{aspect-ratio:1;background:var(--johly-purple-soft);width:clamp(5.5rem,6.5vw,6.75rem);color:var(--johly-purple);border-radius:50%;place-items:center;margin-bottom:clamp(2.5rem,5vw,4.25rem);display:grid}.service-detail--ai-digital-transformation .service-detail__covers-grid article{background:var(--johly-purple-tint);border:0;grid-column:span 3;min-height:20rem}.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1){background:var(--johly-purple)}.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1) h3,.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1) p{color:var(--johly-white)}.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1) .service-detail__capability-icon{color:var(--johly-white);background:#ffffff1f}.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(odd){grid-column:span 7}.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(2n){grid-column:span 5}.service-detail--website-design-rebuilds .service-detail__covers-grid article{box-shadow:inset 0 .55rem 0 var(--johly-purple-soft);border-radius:.5rem}.service-detail--web-mobile-app-development .service-detail__covers-grid article{background:var(--johly-purple-soft);border:0;border-radius:2rem}.service-detail--search-visibility .service-detail__covers-grid article:first-child,.service-detail--search-visibility .service-detail__covers-grid article:last-child{background:var(--johly-purple)}.service-detail--search-visibility .service-detail__covers-grid article:first-child h3,.service-detail--search-visibility .service-detail__covers-grid article:first-child p,.service-detail--search-visibility .service-detail__covers-grid article:last-child h3,.service-detail--search-visibility .service-detail__covers-grid article:last-child p{color:var(--johly-white)}.service-detail--search-visibility .service-detail__covers-grid article:first-child .service-detail__capability-icon,.service-detail--search-visibility .service-detail__covers-grid article:last-child .service-detail__capability-icon{color:var(--johly-white);background:#ffffff1f}.service-detail--digital-marketing-advertising .service-detail__covers-grid article:nth-child(2),.service-detail--digital-marketing-advertising .service-detail__covers-grid article:nth-child(3){background:var(--johly-purple-soft)}.service-detail__proof{background:var(--johly-purple);color:var(--johly-white);padding-block:clamp(4.5rem,8vw,7rem)}.service-detail__proof-inner{grid-template-columns:minmax(19rem,.68fr) minmax(30rem,1.32fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.service-detail__proof-copy h2{max-width:16ch;color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.045em;text-wrap:balance;margin:.8rem 0 0;font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:620;line-height:.98}.service-detail__proof-copy>p:not(.eyebrow){color:#ffffffc2;max-width:35rem;margin:1.35rem 0 0;line-height:1.68}.service-detail__proof-copy .johly-link{margin-top:1.5rem}.service-detail__proof-media{align-items:end;gap:1.25rem;display:grid}.service-detail__proof-media--2{grid-template-columns:minmax(0,1fr) minmax(10rem,.48fr)}.service-detail__proof-frame{min-width:0;margin:0}.service-detail__proof-frame>div{aspect-ratio:16/10;background:var(--johly-ink);position:relative;overflow:hidden}.service-detail__proof-frame img{object-fit:cover}.service-detail__proof-frame--contain>div{background:var(--johly-purple-tint)}.service-detail__proof-frame--contain img{object-fit:contain;padding:clamp(.55rem,1.3vw,1rem)}.service-detail__proof-frame--mobile{justify-self:center;width:min(100%,15rem)}.service-detail__proof-frame--mobile>div{aspect-ratio:390/844;border:.55rem solid var(--johly-ink);border-radius:1.5rem}.service-detail__proof-frame--mobile img{object-fit:cover;object-position:top}.service-detail__proof-frame figcaption{color:#ffffffad;letter-spacing:.055em;text-transform:uppercase;margin-top:.75rem;font-size:.72rem;font-weight:700}.service-process{background:var(--johly-white);color:var(--johly-ink);padding-block:clamp(4rem,7vw,6.5rem)}.service-process__inner{width:min(100%, var(--site-max));padding-inline:var(--site-gutter);margin-inline:auto}.service-process .service-detail__section-head h2{color:var(--johly-purple)}.service-process__intro{max-width:45rem;color:var(--johly-muted);margin:1rem 0 0;line-height:1.68}.service-process__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.2vw,2.25rem);margin:clamp(2.5rem,4vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}.service-process__step{flex-direction:column;display:flex}.service-process__panel{aspect-ratio:5/4;background:var(--johly-purple-soft);color:var(--johly-purple);position:relative}.service-process__panel .johly-process-art{width:84%;height:78%;display:block;position:absolute;inset:12% 8% 10%;overflow:visible}.johly-process-art path,.johly-process-art circle{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.johly-process-art .johly-glyph__node{fill:currentColor;stroke:none}.service-process__number{font-family:var(--font-home-display);letter-spacing:.05em;font-size:1.05rem;font-weight:800;position:absolute;top:1.1rem;left:1.25rem}.service-process__connector{color:var(--johly-purple);background:var(--johly-white);place-items:center;padding:.3rem .15rem;display:grid;position:absolute;top:50%;right:0;transform:translate(50%,-50%)translate(clamp(.75rem,1.1vw,1.15rem))}.service-process__connector svg{width:1.5rem;height:1.5rem}.service-process__step>p{max-width:24ch;color:var(--johly-ink);letter-spacing:-.01em;margin:1.25rem 0 0;font-size:clamp(1.05rem,1.35vw,1.25rem);font-weight:600;line-height:1.4}.service-detail__close{background:var(--johly-purple);color:var(--johly-white);border:0;padding-block:clamp(2.75rem,4vw,3.75rem);display:block}.service-detail__close-inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.service-detail__close h2{color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:620;line-height:1}.service-detail__close p{color:#ffffffc7;max-width:40rem;margin:.8rem 0 0;line-height:1.6}.contact-page{background:var(--johly-white);color:var(--johly-ink);font-family:var(--font-home-body);padding-top:0}.contact-page__hero{background:var(--johly-purple);width:100%;color:var(--johly-white);margin:0;padding:0}.contact-page__hero-inner{width:min(100%, var(--site-max));min-height:clamp(24rem,34vw,31rem);padding:8rem var(--site-gutter) clamp(2.75rem, 4vw, 4rem);flex-direction:column;justify-content:flex-end;margin-inline:auto;display:flex}.contact-page__hero h1{max-width:13ch;color:var(--johly-white);font-family:var(--font-home-display);letter-spacing:-.055em;text-wrap:balance;margin:1rem 0 1.5rem;font-size:clamp(3.2rem,5vw,5rem);font-weight:620;line-height:.92}.contact-page__hero-inner>p:last-child{color:#ffffffd1;max-width:43rem;margin:0;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65}.contact-page__details{width:min(100%, var(--site-max));padding:clamp(3rem, 5vw, 4.5rem) var(--site-gutter) clamp(4rem, 7vw, 6rem);border:0;grid-template-columns:minmax(0,.95fr) minmax(24rem,1.05fr);align-items:start;gap:clamp(3rem,6vw,6rem);margin-inline:auto;display:grid}.contact-page__visual{background:var(--johly-soft);min-height:40rem;margin:0;position:relative;overflow:hidden}.contact-page__visual img{object-fit:cover}@media (hover:hover) and (pointer:fine){.project-page__hero-action:hover,.featured-films__selector button:hover:not([aria-selected=true]){background:var(--johly-purple-soft)}.project-page__pager a:hover .project-page__pager-title,.project-page__breadcrumb a:hover{text-underline-offset:.25em;text-decoration:underline}}@media (max-width:68rem){.project-page__hero,.service-detail__hero{grid-template-columns:minmax(18rem,.9fr) minmax(22rem,1.1fr)}.project-page--devices .project-page__hero{grid-template-columns:minmax(17rem,.78fr) minmax(22rem,1.22fr)}.project-page__hero-copy{padding:2.25rem}.project-page__hero h1{font-size:clamp(2.7rem,5.7vw,4rem)}.project-page__title--domain{font-size:clamp(2.25rem,4.9vw,3.35rem)}.service-detail--ai-digital-transformation .service-detail__covers-grid article{grid-column:span 6}}@media (max-width:56.2rem){.project-page__opening{padding:6.75rem var(--site-gutter) 1.35rem}.project-page__breadcrumb{padding-bottom:.65rem}.project-page__hero,.service-detail__hero,.project-page--devices .project-page__hero{grid-template-columns:1fr;min-height:0}.project-page__hero-copy{padding:2rem var(--site-gutter) 2.25rem}.project-page__hero-meta{margin-bottom:1.5rem}.project-page__hero h1{max-width:12ch;font-size:clamp(2.35rem,10.5vw,3.2rem);line-height:.96}.project-page__title--domain{white-space:nowrap;max-width:none;font-size:clamp(2.1rem,9vw,2.45rem)}.project-page__media{aspect-ratio:16/10;min-height:0}.project-page--brand .project-page__media{aspect-ratio:16/11}.project-page__media--brandboard{aspect-ratio:auto;padding:1.25rem var(--site-gutter) 1.5rem}.ajco-brand{grid-template-rows:none;grid-template-columns:1fr}.ajco-brand__photo{aspect-ratio:1;grid-area:auto/1}.ajco-brand__photo img{object-position:right 42%}.ajco-brand__fragment{grid-area:auto/1;height:10rem}.project-page__body{padding-inline:var(--site-gutter)}.project-story__intro,.project-story__delivery,.alexander-case-study__challenge,.alexander-delivery{grid-template-columns:1fr;gap:2rem}.project-story__intro-copy{align-self:start}.project-story__cards,.alexander-case-study__decision-grid,.featured-films__selector,.featured-films__context,.featured-films__context dl,.alexander-gallery__grid{grid-template-columns:1fr}.project-story__cards article,.alexander-case-study__decision-grid article{min-height:0}.project-page__pager{grid-template-columns:1fr}.project-page__pager-next{text-align:left;justify-items:start}.project-page__cta{margin-inline:calc(var(--site-gutter) * -1);padding:2.5rem var(--site-gutter);flex-direction:column;align-items:flex-start}.featured-films__context{padding:1.75rem var(--site-gutter)}.project-video__controls{grid-template-columns:auto minmax(5rem,1fr) auto auto auto;gap:.35rem}.project-video__time,.project-video__volume{display:none}.service-detail__masthead{padding:6.75rem var(--site-gutter) 1.35rem}.service-detail__hero{gap:1.75rem}.service-detail__hero h1{max-width:13ch;font-size:clamp(2.5rem,11vw,3.35rem)}.service-detail__identity .service-icon-badge{width:3.5rem;height:3.5rem}.service-detail--media-start .service-detail__hero-copy,.service-detail--media-start .service-detail__hero-media,.service-detail__hero-copy,.service-detail__hero-media{grid-column:1}.service-detail--media-start .service-detail__hero-copy,.service-detail__hero-copy{grid-row:1}.service-detail--media-start .service-detail__hero-media,.service-detail__hero-media{aspect-ratio:4/3;grid-row:2;min-height:0}.service-detail__contained,.service-process__inner,.service-detail__close-inner,.service-detail__proof-inner{padding-inline:var(--site-gutter)}.service-detail__outcome,.service-detail__proof-inner{grid-template-columns:1fr}.service-process__steps{grid-template-columns:1fr;gap:3.25rem}.service-process__panel{aspect-ratio:4/3}.service-process__connector{background:0 0;inset:auto auto 0 50%;transform:translate(-50%,50%)translateY(.9rem)rotate(90deg)}.service-process__step>p{margin-top:2.6rem}.service-process__step:last-child>p{margin-top:1.25rem}.service-detail--media-start .service-detail__outcome-copy,.service-detail--media-start .service-detail__outcome-media{grid-column:1}.service-detail--media-start .service-detail__outcome-copy{grid-row:1}.service-detail--media-start .service-detail__outcome-media{grid-row:2}.service-detail__outcome{gap:2.25rem;padding-block:3.75rem}.service-detail__outcome h2,.service-detail__section-head h2,.service-detail__proof-copy h2{font-size:clamp(2.15rem,10.5vw,3.1rem)}.service-detail__outcome-frame{aspect-ratio:4/3;min-height:0}.service-detail__covers{padding-block:3.75rem}.service-detail__covers-grid article,.service-detail--ai-digital-transformation .service-detail__covers-grid article,.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(odd),.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(2n){grid-column:1/-1;min-height:0}.service-detail__covers-grid article{padding:1.5rem}.service-detail__capability-icon{width:4rem;margin-bottom:2.5rem}.service-detail__capability-icon svg{width:1.8rem;height:1.8rem}.service-detail__proof{padding-block:3.75rem}.service-detail__proof-inner{gap:2.5rem}.service-detail__proof-media--2{grid-template-columns:1fr}.service-detail__proof-frame--mobile{width:min(70vw,15rem)}.service-detail__close-inner{flex-direction:column;align-items:flex-start}.contact-page__hero-inner{min-height:32rem;padding:8.5rem var(--site-gutter) 3rem}.contact-page__hero h1{margin-block:.8rem 1.1rem;font-size:clamp(3rem,13vw,4rem)}.contact-page__details{padding:2rem var(--site-gutter) 4rem;grid-template-columns:1fr;gap:2rem}.contact-page__visual{aspect-ratio:16/10;grid-row:1;min-height:0}.contact-page__form-column{grid-row:2}}@media (max-width:30rem){.project-video__controls{grid-template-columns:auto minmax(4.5rem,1fr) auto auto auto}}@media (prefers-reduced-motion:reduce){.project-video__poster-play,.featured-films__selector button{transition:none}}.consent-banner{z-index:80;padding:0 var(--site-gutter) clamp(1rem, 2vw, 1.5rem);pointer-events:none;position:fixed;inset:auto 0 0}.consent-banner__surface{pointer-events:auto;border:1px solid var(--johly-line);background:var(--johly-white);width:min(100%,30rem);margin-left:auto;padding:1.6rem 1.7rem 1.7rem;box-shadow:0 18px 44px #180c302e}.consent-banner__surface h2{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.consent-banner__surface h2:focus-visible{outline:2px solid var(--johly-purple);outline-offset:3px}.consent-banner__surface>p{color:var(--johly-muted);margin:.6rem 0 0;font-size:.92rem;line-height:1.55}.consent-banner__surface>p a{color:var(--johly-purple);text-underline-offset:.2em;font-weight:700;text-decoration:underline}.consent-banner__preferences{gap:.7rem;margin-top:1.1rem;display:grid}.consent-banner__option{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.consent-banner__option--locked{cursor:default}.consent-banner__option input{width:1.1rem;height:1.1rem;accent-color:var(--johly-purple);flex:none;margin-top:.15rem}.consent-banner__option input:focus-visible{outline:2px solid var(--johly-purple);outline-offset:2px}.consent-banner__option span{color:var(--johly-muted);font-size:.85rem;line-height:1.45;display:block}.consent-banner__option strong{color:var(--johly-ink);font-size:.9rem;display:block}.consent-banner__actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.consent-banner__actions .johly-button{min-height:2.75rem;padding-inline:1.2rem;font-size:.72rem}.consent-banner__link{min-height:2.75rem;color:var(--johly-purple);font-family:var(--font-home-body);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:.8rem;font-weight:700;text-decoration:underline}.consent-banner__link:focus-visible{outline:2px solid var(--johly-purple);outline-offset:2px}.site-footer-home__consent-link{color:inherit;font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:40rem){.consent-banner{padding-inline:.75rem}.consent-banner__surface{width:100%;margin:0}.consent-banner__actions .johly-button{flex:100%;justify-content:center}}.enquiry-form__turnstile{width:min(100%,24rem);min-height:65px}@media (max-width:22.5rem){.enquiry-form__turnstile{transform-origin:0 0;transform:scale(.92)}}.work-card__media--browser,.work-card__media--devices{background:var(--johly-purple-soft)}.work-card__browser{background:var(--johly-white);border-radius:.4rem;flex-direction:column;display:flex;position:absolute;inset:clamp(1rem,2.4vw,2rem);overflow:hidden;box-shadow:0 14px 34px #180c302e}.work-card__browser-bar{background:var(--johly-purple-tint);border-bottom:1px solid rgb(var(--johly-purple-rgb) / .12);flex:none;align-items:center;gap:.3rem;padding:.45rem .7rem;display:flex}.work-card__browser-bar>span{background:rgb(var(--johly-purple-rgb) / .28);border-radius:50%;width:clamp(.3rem,.7vw,.42rem);height:clamp(.3rem,.7vw,.42rem)}.work-card__browser-bar>em{color:var(--johly-muted);letter-spacing:.02em;margin-left:.5rem;font-size:clamp(.5rem,1.1vw,.68rem);font-style:normal;font-weight:600}.work-card__browser-screen{flex:auto;position:relative}.work-card__browser-screen img{object-fit:cover;object-position:top center}.work-card__devices{grid-template-columns:minmax(0,1fr) clamp(4.4rem,8.6vw,7.5rem);align-items:center;gap:clamp(.9rem,2.2vw,2rem);padding:clamp(1.1rem,2.6vw,2.2rem);display:grid;position:absolute;inset:0}.work-card__devices-desktop{aspect-ratio:16/10.6;background:var(--johly-white);border-radius:.4rem;flex-direction:column;justify-self:end;max-width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #180c302e}.work-card__devices-screen{flex:auto;min-height:0;position:relative}.work-card__devices-screen img{object-fit:contain;object-position:top center}.work-card__devices-mobile{aspect-ratio:9/19.5;border:3px solid var(--johly-ink);background:var(--johly-white);border-radius:.9rem;align-self:center;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 16px 34px #180c3042}.work-card__devices-mobile img{object-fit:cover;object-position:top center}@media (max-width:48rem){.work-card__devices-desktop{aspect-ratio:auto;height:auto}.work-card__devices-screen{aspect-ratio:16/10;flex:none}.work-card__devices-mobile{border-width:2px}}.cs-browser__bar{color:#ffffffa6;background:#17131f;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 1rem;display:flex}.cs-browser__bar>span{aspect-ratio:1;background:#ffffff61;border-radius:50%;width:.5rem}.cs-browser__bar p{margin:0 0 0 .5rem;font-size:.7rem}.cs-browser__screen{aspect-ratio:16/10;background:#f4f0e7;position:relative;overflow:hidden}.cs-browser__screen img{object-fit:cover;object-position:top}.cs-browser__screen--dashboard{background:#0f172a}.cs-browser__screen--dashboard img{object-fit:contain}.cs-device__screen{aspect-ratio:390/844;background:#f4f0e7;border:.6rem solid #17131f;border-radius:1.75rem;position:relative;overflow:hidden}.cs-device__screen img{object-fit:cover;object-position:top}.analytics-case-study__detail-media{aspect-ratio:1730/780;border:1px solid var(--johly-line);background:var(--johly-soft);position:relative;overflow:hidden}.analytics-case-study__detail-media--wide{aspect-ratio:2430/530}.analytics-case-study__detail-media img{object-fit:cover;object-position:top left}.home-work__project--alexander.home-work__project--active .home-work__media img,.home-work__project--chopdrop.home-work__project--active .home-work__media img,.home-work__project--alexander .home-work__card:hover .home-work__media img,.home-work__project--chopdrop .home-work__card:hover .home-work__media img,.home-work__project--alexander .home-work__card:focus-visible .home-work__media img,.home-work__project--chopdrop .home-work__card:focus-visible .home-work__media img{transform:none}.about-story__hero{background:var(--johly-purple);grid-template-columns:repeat(12,minmax(0,1fr));min-height:clamp(43rem,56vw,51rem)}.about-story__hero-heading{grid-column:1/6}.about-brand-system{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:clamp(3.25rem,5vw,4.75rem) clamp(3.25rem,5vw,4.75rem);border-top:1px solid #ffffff52;border-bottom:1px solid #ffffff52;grid-column:7/13;min-height:clamp(28rem,37vw,34rem);position:relative;overflow:hidden}.about-brand-system:before{content:"";aspect-ratio:1;border:1px solid #ffffff57;border-radius:50%;width:clamp(16rem,25vw,23rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-brand-system:after{content:"";aspect-ratio:1;background:var(--johly-white);border-radius:50%;width:.6rem;position:absolute;top:calc(50% - .3rem);left:calc(50% - .3rem);box-shadow:clamp(-8rem,-11vw,-6rem) 0 #ffffffb8,clamp(6rem,11vw,8rem) 0 #ffffffb8,0 clamp(-8rem,-11vw,-6rem) #ffffffb8,0 clamp(6rem,11vw,8rem) #ffffffb8}.about-brand-system__axis{z-index:1;background:#ffffff6b;display:block;position:absolute}.about-brand-system__axis--horizontal{width:84%;height:1px;top:50%;left:8%}.about-brand-system__axis--vertical{width:1px;height:84%;top:8%;left:50%}.about-brand-system__mark{z-index:2;aspect-ratio:1;background:var(--johly-purple);width:clamp(7.5rem,11vw,10rem);box-shadow:0 0 0 clamp(1rem, 2vw, 1.75rem) rgb(var(--johly-purple-rgb) / .82);border:1px solid #ffffffb8;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-brand-system__mark img{width:44%;height:auto}.about-brand-system__node{z-index:2;background:var(--johly-purple);color:#ffffffdb;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff6b;padding:.55rem .75rem;font-size:clamp(.65rem,.82vw,.78rem);font-weight:700;position:absolute}.about-brand-system__node--creative{top:10%;left:8%}.about-brand-system__node--digital{top:19%;right:8%}.about-brand-system__node--systems{bottom:10%;right:14%}.about-brand-system__direction{z-index:2;width:2.4rem;color:var(--johly-white);position:absolute;bottom:8%;right:3%}.about-values{background:var(--johly-purple);background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:clamp(4rem,7vw,6rem) clamp(4rem,7vw,6rem);position:relative;overflow:hidden}.about-values__heading{border-bottom:1px solid #ffffff47;margin-bottom:0;padding-bottom:clamp(2rem,3.5vw,3rem)}.about-values__list{position:relative}.about-values__item,.about-values__item:nth-child(2),.about-values__item:nth-child(3){gap:var(--site-grid-gap);border-top:0;border-bottom:1px solid #ffffff3d;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:clamp(13rem,17vw,16rem);padding:clamp(2rem,3.5vw,3rem) 0;display:grid;position:relative}.about-values__item:before{content:"";aspect-ratio:1;background:var(--johly-white);border-radius:50%;width:.6rem;position:absolute;top:-.3rem;left:0}.about-values__number{color:#ffffff1c;font-family:var(--font-home-display);letter-spacing:-.07em;grid-area:1/1/auto/4;padding:0;font-size:clamp(6rem,10vw,9.5rem);font-weight:650;line-height:.75}.about-values__word{grid-area:1/4/auto/9;margin:0;font-size:clamp(3.5rem,6vw,5.75rem);line-height:.9}.about-values__body{color:#ffffffd6;grid-area:1/9/auto/13;max-width:31rem}@media (max-width:56.2rem){.about-story__hero{padding-inline:var(--site-gutter);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(2.5rem,7vw,4rem)}.about-story__hero-heading,.about-brand-system{grid-column:1/-1}.about-brand-system{min-height:clamp(20rem,70vw,27rem)}.about-values__item,.about-values__item:nth-child(2),.about-values__item:nth-child(3){min-height:clamp(14rem,48vw,18rem);padding:2.5rem 0;display:block}.about-values__number{font-size:clamp(6rem,24vw,9rem);position:absolute;bottom:1.5rem;right:0}.about-values__word,.about-values__body{z-index:1;position:relative}.about-values__word{max-width:10ch;margin-bottom:1.25rem;font-size:clamp(3.4rem,13vw,5rem)}.about-values__body{max-width:min(30rem,88%)}}@media (max-width:36rem){.about-brand-system{min-height:19rem}.about-brand-system__mark{width:7rem}.about-brand-system__node--creative{top:8%;left:4%}.about-brand-system__node--digital{top:12%;right:4%}.about-brand-system__node--systems{bottom:8%;right:6%}.about-brand-system__direction{display:none}.about-values__body{max-width:100%}}.about-belief{gap:clamp(2rem, 3vw, 2.75rem) var(--site-grid-gap);padding:clamp(2.5rem, 3.4vw, 3.25rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-white);color:var(--johly-ink-brand);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.about-belief__statement{grid-column:1/9;align-self:start}.about-belief__statement h2{max-width:29ch;color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.038em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(1.85rem,3vw,2.9rem);font-weight:620;line-height:1.02}.about-belief__copy{max-width:31rem;color:var(--johly-muted);grid-column:9/13;align-self:end;margin:0 0 .2rem;font-size:clamp(.95rem,1.05vw,1.02rem);line-height:1.64}.about-belief__experience{grid-column:1/4;align-self:start;padding-top:.25rem}.about-belief__experience h3{max-width:19ch;color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.03em;text-wrap:balance;margin:.8rem 0 0;font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:620;line-height:1.08}.about-belief__experience>p:last-child{max-width:27rem;color:var(--johly-muted);margin:1rem 0 0;font-size:clamp(.9rem,1vw,.98rem);line-height:1.55}.about-belief__media{grid-column:4/13;min-height:clamp(14rem,19vw,17rem);position:relative}.about-belief__tile{background:var(--johly-soft);box-shadow:0 1rem 2.25rem rgb(var(--johly-purple-rgb) / .13);margin:0;position:absolute;overflow:hidden}.about-belief__tile img{object-fit:cover}.about-belief__tile--production{aspect-ratio:3/2;width:48%;top:0;left:0}.about-belief__tile--production img{object-position:58% center}.about-belief__tile--digital{aspect-ratio:3/2;width:34%;top:11%;right:0}.about-belief__tile--creative{z-index:1;aspect-ratio:3/2;width:22%;bottom:0;right:29%}.about-faq{padding:clamp(4.5rem, 7vw, 7rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter)));background:var(--johly-white);color:var(--johly-ink-brand)}.about-faq__heading{margin-bottom:clamp(2rem,3.4vw,3rem)}.about-faq__heading h2{max-width:18ch;color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.03em;margin:.85rem 0 0;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:620;line-height:1.12}.about-faq__list{border-top:1px solid rgb(var(--johly-purple-rgb) / .18)}.about-faq__item{border-bottom:1px solid rgb(var(--johly-purple-rgb) / .18)}.about-faq__question{cursor:pointer;grid-template-columns:3rem minmax(0,1fr) 2rem;align-items:center;gap:0 clamp(.75rem,1.6vw,1.5rem);min-height:4.5rem;padding:1.25rem 0;list-style:none;transition:color .2s;display:grid}.about-faq__question::-webkit-details-marker{display:none}.about-faq__number{color:rgb(var(--johly-purple-rgb) / .7);letter-spacing:.1em;font-size:.72rem;font-weight:750}.about-faq__label{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.022em;font-size:clamp(1.05rem,1.5vw,1.45rem);font-weight:620;line-height:1.25}.about-faq__marker{justify-self:end;width:1.05rem;height:1.05rem;display:block;position:relative}.about-faq__marker:before,.about-faq__marker:after{content:"";background:var(--johly-purple);width:100%;height:1.5px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.about-faq__marker:after{transform:translateY(-50%)rotate(90deg)}.about-faq__item[open] .about-faq__marker:after{transform:translateY(-50%)rotate(0)}.about-faq__answer{padding:0 clamp(.75rem,1.6vw,1.5rem) 1.75rem calc(3rem + clamp(.75rem,1.6vw,1.5rem))}.about-faq__answer p{max-width:46rem;margin:0;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.7}.about-faq__question:focus-visible{outline:3px solid var(--johly-purple);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.about-faq__question:hover .about-faq__label{color:var(--johly-ink-brand)}}@media (max-width:56.2rem){.about-belief{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1.5rem}.about-belief__statement,.about-belief__copy,.about-belief__experience,.about-belief__media{grid-column:1/-1}.about-belief__copy{max-width:46rem;margin:0}.about-belief__statement h2{max-width:31ch}.about-belief__experience{border-top:1px solid rgb(var(--johly-purple-rgb) / .16);max-width:36rem;margin-top:.25rem;padding-top:1.5rem}.about-belief__experience h3{max-width:24ch}.about-belief__media{min-height:clamp(14rem,54vw,24rem);margin-top:.25rem}.about-belief__tile--production{width:72%}.about-belief__tile--digital{width:45%;top:24%}.about-belief__tile--creative{width:34%;right:24%}.about-faq__question{grid-template-columns:2.25rem minmax(0,1fr) 1.5rem;min-height:4rem}.about-faq__answer{padding-left:calc(2.25rem + clamp(.75rem,1.6vw,1.5rem));padding-right:0}}@media (max-width:36rem){.about-belief{padding-top:2.25rem;padding-bottom:2.5rem}.about-belief__media{min-height:14.5rem}.about-faq__question{grid-template-columns:minmax(0,1fr) 1.25rem}.about-faq__number{display:none}.about-faq__answer{padding-left:0}}@media (prefers-reduced-motion:reduce){.about-faq__marker:before,.about-faq__marker:after{transition:none}}.work-stage{--stage-ground:var(--johly-purple-tint);--stage-ink:var(--johly-ink-brand);--stage-quiet:rgb(var(--johly-ink-brand-rgb) / .62);--stage-rule:rgb(var(--johly-ink-brand-rgb) / .2);background:var(--stage-ground);color:var(--stage-ink);margin:0;position:relative;overflow:hidden}.work-stage--wide{margin-inline:calc(var(--site-gutter) * -1)}.work-stage__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,3.4vw,3rem) 0;display:flex}.work-stage__label{border:1px solid var(--stage-rule);min-height:1.9rem;color:var(--stage-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .8rem;font-size:.66rem;font-weight:750;display:inline-flex}.work-stage__note{max-width:34rem;color:var(--stage-quiet);margin:0;font-size:clamp(.85rem,1vw,.95rem);line-height:1.6}.work-stage__field{padding:clamp(2rem,4.5vw,4rem) clamp(1.5rem,3.4vw,3rem);display:grid;position:relative}.work-stage__field--lead{padding-bottom:0}.work-stage__field--lead .work-frame--browser{width:min(118%,78rem);margin-bottom:calc(clamp(2rem,4.5vw,4rem)/-2.38095)}.work-stage__row{grid-template-columns:minmax(0,1fr) clamp(8rem,15vw,13rem);align-items:center;gap:clamp(1.25rem,3vw,3rem);display:grid}.work-stage__caption{color:var(--stage-quiet);margin:clamp(1rem,2vw,1.5rem) 0 0;padding:0 clamp(1.5rem,3.4vw,3rem) clamp(1.5rem,3vw,2.5rem);font-size:.78rem;line-height:1.55}.work-frame{background:var(--johly-white);margin:0;position:relative;overflow:hidden}.work-frame--browser{border-radius:.5rem;box-shadow:0 1.5rem 3.5rem #0c061e47}.work-frame__bar{color:#ffffffa8;background:#17131f;align-items:center;gap:.4rem;min-height:2.25rem;padding:0 .9rem;display:flex}.work-frame__bar>span{aspect-ratio:1;background:#ffffff5c;border-radius:50%;width:.45rem}.work-frame__bar>em{margin-left:.5rem;font-size:.68rem;font-style:normal;font-weight:600}.work-frame__screen{aspect-ratio:16/10;background:var(--johly-white);position:relative;overflow:hidden}.work-frame__screen img{object-fit:cover;object-position:top center}.work-frame--phone{background:#17131f;border-radius:1.5rem;width:100%;padding:.55rem;box-shadow:0 1.25rem 3rem #0c061e57}.work-frame--phone .work-frame__screen{aspect-ratio:390/844;border-radius:1.05rem}.work-frame--flush{box-shadow:0 1.25rem 3rem #0c061e3d}.work-crop{background:var(--johly-white);aspect-ratio:var(--crop-ratio,4 / 3);position:relative;overflow:hidden}.work-crop img{object-fit:cover;object-position:var(--crop-x,center) var(--crop-y,top);transform:scale(var(--crop-zoom,1));transform-origin:var(--crop-x,center) var(--crop-y,top)}.work-crops{background:var(--stage-rule);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;display:grid}.work-crops figure{background:var(--stage-ground);margin:0}.work-crops figcaption{color:var(--stage-quiet);padding:.9rem clamp(1rem,2vw,1.4rem) 1.2rem;font-size:.76rem;line-height:1.5}.work-mark{background:var(--stage-ground);place-items:center;min-height:clamp(15rem,26vw,24rem);padding:clamp(2rem,5vw,4.5rem);display:grid;position:relative}.work-mark img{width:min(100%, var(--mark-width,26rem));height:auto}.work-swatches{background:var(--stage-rule);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1px;display:grid}.work-swatch{background:var(--swatch,var(--johly-white));min-height:clamp(7rem,12vw,10rem);color:var(--swatch-ink,var(--johly-ink-brand));align-content:end;gap:.2rem;padding:clamp(.9rem,1.8vw,1.25rem);display:grid}.work-swatch b{letter-spacing:.01em;font-size:.78rem;font-weight:750}.work-swatch span{letter-spacing:.06em;opacity:.72;font-size:.68rem;font-weight:650}.work-applications{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:center;gap:clamp(1.25rem,3vw,2.75rem);padding:clamp(2rem,4.5vw,4rem) clamp(1.5rem,3.4vw,3rem);display:grid}.work-application{aspect-ratio:var(--application-ratio,1);background:var(--johly-white);margin:0;position:relative;overflow:hidden;box-shadow:0 1rem 2.4rem #0c061e38}.work-application img{object-fit:cover}@media (max-width:56.2rem){.work-stage__row{grid-template-columns:minmax(0,1fr);justify-items:center}.work-stage__row .work-frame--phone{width:min(100%,15rem)}.work-stage__field--lead .work-frame--browser{width:100%;margin-bottom:0}}.work-stage--ajco{--stage-ground:#f4f0e7;--stage-ink:#1f3467;--stage-quiet:#1f3467ad;--stage-rule:#1f346738}.alexander-stage{margin-block:clamp(1.5rem,3.5vw,3.5rem) clamp(3rem,6vw,6rem)}.alexander-stage__device-scene{perspective:90rem;background:radial-gradient(circle at 82% 28%,#caa45a33,#0000 24%),linear-gradient(135deg,#ebe2d0 0%,#f8f5ee 52%,#ded4bf 100%);place-items:center;min-height:clamp(31rem,48vw,43rem);overflow:hidden}.alexander-stage__device-scene:before{content:"";filter:blur(2rem);background:#1f346738;border-radius:50%;height:13%;position:absolute;bottom:8%;left:8%;right:8%;transform:rotate(-2deg)}.alexander-stage__device-scene .work-stage__row{width:min(96%,76rem);transform-style:preserve-3d;grid-template-columns:minmax(0,1fr) clamp(9rem,17vw,14rem);align-items:end;gap:0;position:relative;transform:rotateX(1deg)rotateY(-5deg)rotate(-.8deg)}.alexander-stage__desktop{border:.55rem solid #1f3467;border-bottom-width:.8rem;border-radius:.75rem;overflow:hidden;transform:translateZ(1rem);box-shadow:0 2.6rem 5rem #1f346752}.alexander-stage__phone{border:.18rem solid #ffffff2e;transform:translateZ(5rem)rotateY(5deg)rotate(1.2deg);box-shadow:0 2rem 4rem #1f346761;margin-bottom:clamp(-2rem,-8%,-.5rem)!important;margin-left:clamp(-8rem,-32%,-3rem)!important}.work-stage__row--overlap{align-items:end}.work-stage__row--overlap .work-frame--phone{z-index:1;margin-bottom:clamp(-2.5rem,-5%,-.5rem);margin-left:clamp(-7rem,-22%,-2rem)}.alexander-stage__pages{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.25rem,3vw,2.75rem)}.alexander-crop{background:#f4f0e7}.alexander-crop--nav{--crop-ratio:16 / 9;--crop-y:top}.alexander-crop--services{--crop-ratio:16 / 9;--crop-x:left;--crop-y:34%;--crop-zoom:1.3}.alexander-crop--firm{--crop-ratio:16 / 9;--crop-x:left;--crop-y:36%;--crop-zoom:1.3}@media (max-width:56.2rem){.alexander-stage__pages{grid-template-columns:minmax(0,1fr)}.work-stage__row--overlap .work-frame--phone{margin-bottom:0;margin-left:0}.alexander-stage__device-scene{min-height:0;padding-block:clamp(2.5rem,8vw,4rem)}.alexander-stage__device-scene .work-stage__row{grid-template-columns:minmax(0,1fr) clamp(7rem,24vw,11rem);width:100%;transform:rotateX(1deg)rotateY(-3deg)rotate(-.5deg)}.alexander-stage__phone{margin-bottom:-.75rem!important;margin-left:-3.5rem!important}}.work-stage--chopdrop-red{--stage-ground:#cc2b06;--stage-ink:var(--johly-white);--stage-quiet:#ffffffd1;--stage-rule:#ffffff6b}.work-stage--chopdrop-warm{--stage-ground:#f7f3ef;--stage-ink:#141312;--stage-quiet:#141312ad;--stage-rule:#14131229}.chopdrop-stage{margin-block:clamp(1.5rem,3.5vw,3.5rem) clamp(3rem,6vw,6rem)}.chopdrop-stage__identity{grid-template-columns:minmax(0,1fr) clamp(7rem,16vw,13rem);align-items:center;gap:clamp(1.5rem,4vw,4rem)}.chopdrop-stage__lockup{aspect-ratio:16/10;position:relative}.chopdrop-stage__lockup img{object-fit:contain}.chopdrop-stage__icon{aspect-ratio:1;border:1px solid #ffffff6b;position:relative;overflow:hidden}.chopdrop-stage__icon img{object-fit:cover}.chopdrop-stage__world{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem)}.chopdrop-stage__photo{aspect-ratio:16/10;background:#141312;position:relative;overflow:hidden}.chopdrop-stage__photo img{object-fit:cover}.chopdrop-stage__swatches{background:var(--stage-rule);grid-template-rows:repeat(3,minmax(0,1fr));gap:1px;display:grid}.chopdrop-stage__delivery-scene{background:radial-gradient(circle at 68% 22%,#cc2b061f,#0000 25%),#1b100d;grid-template-columns:minmax(0,1.45fr) minmax(15rem,.7fr);align-items:center;gap:clamp(1.25rem,3vw,3rem);overflow:hidden}.chopdrop-stage__bag{z-index:1;aspect-ratio:3/2;width:116%;margin-left:-10%;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 2.25rem 5rem #00000059}.chopdrop-stage__bag>img{object-fit:cover}.chopdrop-stage__bag-logo{aspect-ratio:429.61/264.08;filter:drop-shadow(0 .15rem .25rem #4f0b002e);width:34%;position:absolute;top:39%;left:22%;transform:perspective(42rem)rotateY(-1.5deg)rotate(.5deg)}.chopdrop-stage__bag-logo img{object-fit:contain}.chopdrop-stage__devices{z-index:2;perspective:75rem;align-self:center;min-height:clamp(22rem,33vw,31rem);position:relative}.chopdrop-stage__desktop{transform-origin:100%;border:.35rem solid #141312;width:138%;position:absolute;top:8%;right:-12%;transform:rotateY(-9deg)rotate(1.2deg);box-shadow:0 2rem 4rem #0000007a}.chopdrop-stage__phone{width:clamp(8.5rem,12vw,11rem);position:absolute;bottom:0;right:67%;transform:rotateY(-3deg)rotate(-2deg);box-shadow:0 1.8rem 3.5rem #00000085}.chopdrop-swatch{min-height:0}.chopdrop-swatch--red{--swatch:#cc2b06;--swatch-ink:var(--johly-white)}.chopdrop-swatch--paper{--swatch:#f5f0ec;--swatch-ink:#141312}.chopdrop-swatch--ink{--swatch:#141312;--swatch-ink:var(--johly-white)}.chopdrop-stage__journey .work-frame--flush{position:relative}.chopdrop-stage__journey img{width:100%;height:auto;display:block}.chopdrop-case-study__market{padding-block:clamp(1rem,2vw,2rem) clamp(3rem,5vw,4.5rem)}.chopdrop-case-study__market .project-story__heading{margin-bottom:clamp(1.75rem,3vw,2.5rem)}@media (max-width:56.2rem){.chopdrop-stage__identity,.chopdrop-stage__world,.chopdrop-stage__delivery-scene{grid-template-columns:minmax(0,1fr)}.chopdrop-stage__icon{justify-self:start;width:min(100%,11rem)}.chopdrop-stage__swatches{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.chopdrop-stage__bag{width:116%;margin-left:-8%}.chopdrop-stage__devices{justify-self:end;width:min(88%,31rem);min-height:clamp(20rem,72vw,27rem);margin-top:-12%}.chopdrop-stage__desktop{width:130%;right:-18%}.chopdrop-stage__phone{right:72%}}@media (max-width:36rem){.alexander-stage__device-scene .work-stage__row{grid-template-columns:minmax(0,1fr) 6.75rem}.alexander-stage__phone{margin-left:-2.5rem!important}.chopdrop-stage__delivery-scene{padding-inline:.9rem}.chopdrop-stage__bag{width:128%;margin-left:-14%}.chopdrop-stage__devices{width:95%;margin-top:-8%}}.work-stage--analytics{--stage-ground:#0f172b;--stage-ink:var(--johly-white);--stage-quiet:#ffffffb3;--stage-rule:#ffffff3d}.analytics-stage{margin-block:clamp(1.5rem,3.5vw,3.5rem) clamp(3rem,6vw,6rem)}.analytics-stage__screen{aspect-ratio:16/10;background:#0f172b}.analytics-stage__crops{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.analytics-crop{--crop-ratio:16 / 9;--crop-y:center;background:#0f172b}.analytics-crop img{object-fit:contain}.project-story__intro{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);gap:clamp(2.5rem,6vw,6rem);padding-block:clamp(3rem,5vw,4.5rem)}.project-story__intro h2,.alexander-case-study .project-story__intro h2{letter-spacing:-.025em;max-width:34rem;font-size:clamp(1.25rem,1.8vw,1.65rem);font-weight:590;line-height:1.25}.case-laptop{width:100%;transform-style:preserve-3d;padding-bottom:3.5%;position:relative}.case-laptop__lid{z-index:2;background:linear-gradient(145deg,#31343a 0%,#0e0f11 45%,#272a2f 100%);border:1px solid #ffffff2e;border-radius:clamp(.55rem,1vw,.9rem) clamp(.55rem,1vw,.9rem) .28rem .28rem;width:100%;padding:clamp(.38rem,.72vw,.62rem);position:relative;box-shadow:0 2rem 4.5rem #00000059}.case-laptop__camera{z-index:3;aspect-ratio:1;background:#07090c;border-radius:50%;width:.2rem;position:absolute;top:.18rem;left:50%;transform:translate(-50%)}.case-laptop__screen{aspect-ratio:16/10;background:#101215;position:relative;overflow:hidden}.case-laptop__screen:after{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff14,#0000 25% 76%,#ffffff09);position:absolute;inset:0}.case-laptop__screen img,.case-phone__screen img{object-fit:cover;object-position:top center}.case-laptop__base{z-index:1;clip-path:polygon(4% 0,96% 0,100% 62%,98% 100%,2% 100%,0 62%);background:linear-gradient(#a9adb3 0%,#555a61 42%,#1b1d20 100%);border-radius:0 0 48% 48%;height:clamp(.8rem,1.6vw,1.35rem);display:block;position:absolute;bottom:0;left:-5%;right:-5%;box-shadow:0 1.2rem 1.8rem #00000052}.case-laptop__base span{background:#23262b7a;border-radius:0 0 .5rem .5rem;width:12%;height:38%;position:absolute;top:0;left:50%;transform:translate(-50%)}.case-phone{background:linear-gradient(145deg,#3b3e43,#101113 60%,#303338);border:1px solid #ffffff38;border-radius:clamp(1.15rem,2.2vw,1.75rem);width:100%;padding:.42rem;position:relative;box-shadow:0 1.8rem 3.5rem #0000006b}.case-phone__speaker{z-index:2;background:#090a0c;border-radius:999px;width:27%;height:.34rem;position:absolute;top:.72rem;left:50%;transform:translate(-50%)}.case-phone__screen{aspect-ratio:390/844;background:#111;border-radius:clamp(.82rem,1.7vw,1.35rem);position:relative;overflow:hidden}.case-device-scene{perspective:90rem;width:min(100%,74rem);margin-inline:auto;position:relative}.project-page--devices .project-page__hero-copy{background:#1f3467}.project-page--devices .project-page__hero-action{color:#1f3467;background:#f4f0e7}.project-page__media--ajco-world{background:#1f3467;border:clamp(.75rem,1.5vw,1.3rem) solid #1f3467}.project-page__media--ajco-world:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1f346747,#0000 45%);position:absolute;inset:0}.project-page__media--ajco-world img{object-position:75% center;transform-origin:100%;transform:scale(1.62)}.ajco-hero-accent{z-index:1;background:#d2b16b;width:clamp(4rem,8vw,7rem);height:.18rem;position:absolute;bottom:8%;right:6%}.alexander-stage__device-scene{min-height:clamp(27rem,40vw,37rem);padding-block:clamp(2.5rem,4vw,4rem)}.case-device-scene--ajco{grid-template-columns:minmax(0,1fr) clamp(7rem,13vw,11rem);align-items:end;display:grid}.case-device-scene--ajco .alexander-stage__desktop{z-index:1;transform-origin:0;transform:rotateY(-5deg)rotate(-.7deg)}.case-device-scene--ajco .alexander-stage__phone{z-index:3;width:118%;margin:0 0 -3% -34%;transform:translateZ(4rem)rotateY(4deg)rotate(1deg)}.alexander-detail-scene{background:linear-gradient(135deg,#e8deca,#f8f5ee 58%,#e1d5bd);grid-template-columns:minmax(0,1.7fr) minmax(13rem,.65fr);align-items:center;gap:clamp(1.5rem,3vw,3rem)}.alexander-detail-scene__laptop{transform:rotateY(-4deg)rotate(-.5deg)}.alexander-detail-scene__crops{gap:clamp(1rem,2vw,1.5rem);display:grid}.alexander-detail-scene__crops .work-crop{aspect-ratio:4/3;border:.4rem solid #1f3467;box-shadow:0 1.2rem 2.5rem #1f346733}.analytics-stage__device-scene{background:radial-gradient(circle at 74% 30%,#38bdf824,#0000 24%),linear-gradient(145deg,#111d35,#08101f 62%,#13213b);place-items:center;min-height:clamp(27rem,40vw,38rem);overflow:hidden}.case-device-scene--analytics{grid-template-columns:minmax(0,1fr) clamp(7rem,13vw,11rem);align-items:end;display:grid}.analytics-stage__laptop{transform-origin:0;transform:rotateY(-5deg)rotate(-.7deg)}.analytics-stage__phone{z-index:3;width:112%;margin:0 0 -4% -28%;transform:translateZ(4rem)rotateY(4deg)rotate(1deg)}.chopdrop-stage__identity{grid-template-columns:minmax(0,1fr) clamp(12rem,21vw,18rem);gap:clamp(1.5rem,3vw,3rem);padding-top:clamp(1.25rem,2.5vw,2.25rem)}.work-stage--chopdrop-red .work-stage__field{padding-block:clamp(1rem,2vw,1.75rem) clamp(1.5rem,2.5vw,2.25rem)}.chopdrop-stage__lockup{aspect-ratio:16/7}.chopdrop-stage__identity-tools{background:#ffffff59;grid-template-columns:minmax(5.5rem,.7fr) minmax(5rem,1fr);align-items:stretch;gap:1px;display:grid}.chopdrop-stage__icon{aspect-ratio:auto;border:0;min-height:9rem}.chopdrop-stage__identity-swatches{background:#ffffff59;gap:1px;display:grid}.chopdrop-stage__identity-swatch{letter-spacing:.08em;text-transform:uppercase;align-items:end;padding:.65rem;font-size:.62rem;font-weight:750;display:flex}.chopdrop-stage__identity-swatch--red{color:#fff;background:#cc2b06}.chopdrop-stage__identity-swatch--paper{color:#141312;background:#f5f0ec}.chopdrop-stage__identity-swatch--ink{color:#fff;background:#141312}.chopdrop-stage__delivery-scene{grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);gap:clamp(1.25rem,2.5vw,2.5rem)}.chopdrop-stage__bag{width:108%;margin-left:-6%;transform:rotate(-.65deg)}.chopdrop-stage__bag-logo{opacity:.94;filter:drop-shadow(0 .08rem .12rem #4e0a0047);mix-blend-mode:screen;width:33%;top:39.5%;left:22.5%;transform:perspective(42rem)rotateY(-5deg)rotate(.6deg)skewY(-1deg)}.chopdrop-stage__bag-logo:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:repeating-linear-gradient(104deg,#0000 0 .22rem,#620e002e .24rem .27rem);position:absolute;inset:0}.chopdrop-stage__devices{align-self:center;min-height:clamp(21rem,30vw,28rem)}.chopdrop-stage__desktop{transform-origin:100%;border:0;width:100%;position:relative;top:auto;right:auto;transform:rotateY(-5deg)rotate(.6deg)}.chopdrop-stage__phone{z-index:4;width:clamp(7.5rem,10vw,9.5rem);position:absolute;bottom:-2%;left:-8%;right:auto;transform:translateZ(4rem)rotateY(3deg)rotate(-1.5deg)}@media (max-width:56.2rem){.project-story__intro{grid-template-columns:minmax(0,1fr);gap:1.35rem}.case-device-scene--ajco,.case-device-scene--analytics{grid-template-columns:minmax(0,1fr) clamp(5.5rem,20vw,8rem)}.case-device-scene--ajco .alexander-stage__phone,.analytics-stage__phone{width:112%;margin-left:-28%}.alexander-detail-scene{grid-template-columns:minmax(0,1fr)}.alexander-detail-scene__crops{grid-template-columns:repeat(2,minmax(0,1fr))}.chopdrop-stage__identity,.chopdrop-stage__delivery-scene{grid-template-columns:minmax(0,1fr)}.chopdrop-stage__identity-tools{grid-template-columns:minmax(6rem,.45fr) minmax(0,1fr)}.chopdrop-stage__devices{width:min(92%,34rem);min-height:clamp(18rem,68vw,25rem);margin-top:-6%}}@media (max-width:36rem){.project-story__intro h2,.alexander-case-study .project-story__intro h2{font-size:1.25rem}.alexander-stage__device-scene,.analytics-stage__device-scene{min-height:0;padding-block:2rem}.alexander-detail-scene__crops{grid-template-columns:minmax(0,1fr)}.chopdrop-stage__identity-tools{grid-template-columns:minmax(5rem,.55fr) minmax(0,1fr)}.chopdrop-stage__bag{width:118%;margin-left:-9%}}.work-catalogue__filter{border-radius:0}.project-page__scope{color:#ffffffd1;gap:.35rem;max-width:35rem;margin:1.45rem 0 0;font-size:.86rem;line-height:1.55;display:grid}.project-page__scope span{color:#ffffff94;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:750}.project-page--chopdrop .project-page__hero,.project-page--chopdrop .project-page__hero-copy{background:#cc2b06}.project-page--chopdrop .project-page__media{background:#f2dfbf}.project-page--chopdrop .project-page__hero-action{color:#fff8ef;background:#171513}.project-page--analytics-dashboard .project-page__hero,.project-page--analytics-dashboard .project-page__hero-copy{background:#0f172b}.project-page--analytics-dashboard .project-page__media{background:#08101f}.project-page--analytics-dashboard .project-page__hero-action{color:#0f172b;background:#f7f8fb}.project-page{--project-hero-bg:var(--johly-purple);--project-hero-text:var(--johly-white);--project-hero-muted:#ffffffb8;--project-hero-lede:#ffffffd6;--project-hero-border:#ffffff42;--project-hero-accent:#ffffffb8;--project-media-bg:var(--johly-ink)}.project-page__hero,.project-page__hero-copy{background:var(--project-hero-bg)}.project-page__hero-copy{color:var(--project-hero-text);box-shadow:inset 0 .25rem 0 var(--project-hero-accent)}.project-page__hero h1{color:var(--project-hero-text)}.project-page__hero-meta{color:var(--project-hero-muted)}.project-page__lede{color:var(--project-hero-lede)}.project-page__disciplines li{border-color:var(--project-hero-border);color:var(--project-hero-text)}.project-page__media{background:var(--project-media-bg)}.project-page--juno{--project-hero-bg:#d6ccba;--project-hero-text:#201b16;--project-hero-muted:#201b16a8;--project-hero-lede:#201b16d1;--project-hero-border:#201b1640;--project-hero-accent:#983d3e;--project-media-bg:#d6ccba}.project-page--alexander-johnson-and-co{--project-hero-bg:#1f3467;--project-hero-text:#fffaf0;--project-hero-muted:#fffaf0b3;--project-hero-lede:#fffaf0db;--project-hero-border:#d2b16b80;--project-hero-accent:#d2b16b;--project-media-bg:#1f3467}@media (min-width:56.21rem){.project-page--alexander-johnson-and-co .project-page__hero,.project-page--sidekick-tool .project-page__hero{grid-template-columns:minmax(28rem,.9fr) minmax(28rem,1.1fr)}}.project-page--sidekick-tool{--project-hero-bg:#102e43;--project-hero-accent:#f15b46;--project-media-bg:#102e43}.project-page--chopdrop{--project-hero-bg:#cc2b06;--project-hero-text:#fff8ef;--project-hero-muted:#fff8efb8;--project-hero-lede:#fff8efe0;--project-hero-border:#fff8ef57;--project-hero-accent:#f2dfbf;--project-media-bg:#f2dfbf}.project-page--logan-and-cove{--project-hero-bg:#0b0c0e;--project-hero-accent:#a9b0b8;--project-media-bg:#050506}.project-page--goodmorning-com{--project-hero-bg:#8f2d2b;--project-hero-accent:#efe3d4;--project-media-bg:#8f2d2b}.project-page--analytics-dashboard{--project-hero-bg:#0f172b;--project-hero-accent:#3b82f6;--project-media-bg:#08101f}.project-page--dereader{--project-hero-bg:#12191a;--project-hero-accent:#be1e2d;--project-media-bg:#0c1112}.project-page--pure-protein{--project-hero-bg:#057ea8;--project-hero-accent:#f07c9d;--project-media-bg:#057ea8}.project-page--sisu{--project-hero-bg:#281a58;--project-hero-accent:#9bcb5a;--project-media-bg:#281a58}.project-page--solgar{--project-hero-bg:#342a18;--project-hero-accent:#d2ae4b;--project-media-bg:#211b10}.project-page--capilano-university{--project-hero-bg:#163d39;--project-hero-accent:#d39c5f;--project-media-bg:#102f2c}.project-page--bhuff-bhaff{--project-hero-bg:#f6f2e7;--project-hero-text:#176b68;--project-hero-muted:#176b68ad;--project-hero-lede:#176b68db;--project-hero-border:#176b6847;--project-hero-accent:#9b7830;--project-media-bg:#f6f2e7}.project-page--tom-akins{--project-hero-bg:#111214;--project-hero-accent:#f1eee7;--project-media-bg:#f1eee7}.project-page--bhuff-bhaff .project-page__media,.project-page--tom-akins .project-page__media{background:var(--project-media-bg)}.composition-stage{margin-block:clamp(1.5rem,3.5vw,3.5rem) clamp(3rem,6vw,6rem)}.composition-stage__field{padding:clamp(1rem,2vw,1.75rem) 0 0;line-height:0;display:block;overflow:hidden}.composition-stage__field img{width:100%;height:auto;display:block}.composition-stage--ajco-web,.composition-stage--ajco-mobile{--stage-ground:#f4f0e7;--stage-ink:#1f3467;--stage-quiet:#1f3467b8;--stage-rule:#1f346738}.composition-stage--chopdrop{--stage-ground:#f2dfbf;--stage-ink:#2a1711;--stage-quiet:#2a1711b3;--stage-rule:#cc2b0657}.composition-stage--analytics{--stage-ground:#0f172b;--stage-ink:#f8fafc;--stage-quiet:#f8fafcb3;--stage-rule:#f8fafc3d}.composition-stage--analytics .composition-stage__field img{width:min(100%,82rem);margin-inline:auto}.chopdrop-case-study>.chopdrop-stage{margin-top:0}@media (max-width:56.2rem){.project-page__scope{margin-top:1.25rem}.composition-stage{margin-block:1.25rem 3.5rem}.composition-stage__field{padding-top:.8rem}.composition-stage--ajco-web .composition-stage__field img{width:125%;max-width:none;margin-left:-12%}.composition-stage--ajco-mobile .composition-stage__field img{width:165%;max-width:none;margin-left:-54%}.composition-stage--analytics .composition-stage__field img{width:100%;margin-inline:0}}.work-stage--brand{--stage-ground:var(--johly-purple-tint);--stage-ink:var(--johly-ink-brand);--stage-quiet:rgb(var(--johly-ink-brand-rgb) / .66);--stage-rule:rgb(var(--johly-purple-rgb) / .22)}.brand-stage{margin-block:clamp(1.5rem,3.5vw,3.5rem) clamp(3rem,6vw,5rem)}.brand-stage__mark{--mark-width:clamp(18rem, 46vw, 44rem);background:var(--johly-white);min-height:clamp(17rem,32vw,30rem);margin-inline:clamp(1.5rem,3.4vw,3rem)}.project-page__opening{padding-bottom:0}.project-page__hero{align-items:stretch;height:clamp(28.75rem,33.333vw,30rem);min-height:0}.project-page__hero-copy{box-shadow:none;justify-content:flex-start;padding:4.5rem clamp(2rem,3vw,3rem) 2rem;position:relative}.project-page__hero-copy:before{content:"";background:var(--project-hero-accent);pointer-events:none;height:.25rem;position:absolute;top:2rem;left:0;right:0}.project-page__hero-meta{margin-bottom:clamp(.9rem,1.4vw,1.25rem)}.project-page__hero h1{font-size:clamp(2.75rem,4.25vw,4.25rem)}.project-page__title--domain{font-size:clamp(2.6rem,3.9vw,3.9rem)}.project-page__lede{max-width:31rem;margin-top:clamp(.9rem,1.4vw,1.2rem);font-size:clamp(.95rem,1.05vw,1.06rem);line-height:1.48}.project-page__hero-role{max-width:31rem;color:var(--project-hero-lede);gap:.32rem;margin:clamp(.75rem,1.1vw,1rem) 0 0;font-size:clamp(.78rem,.88vw,.88rem);line-height:1.4;display:grid}.project-page__hero-role span{color:var(--project-hero-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:760}.project-page__hero-action{min-height:3rem;margin-top:clamp(1rem,1.35vw,1.25rem)}.project-story__film--primary,.sidekick-case-study>.featured-films{padding-block:clamp(3rem,4vw,4rem) clamp(2.75rem,4vw,4rem)}.project-story__primary{margin-block:clamp(3rem,4vw,4rem) clamp(2.75rem,4vw,4rem)}.featured-films__player{margin-top:0}.featured-films__selector{margin-top:1px}.featured-films__context>div>.eyebrow{margin-bottom:.75rem}.project-story__primary-image{padding-top:clamp(1.5rem,3vw,2.5rem)}.project-story__primary-image img{width:100%;height:auto;display:block}.project-page--capilano-university .work-stage--project-image{--stage-ground:#102f2c;--stage-ink:var(--johly-white);--stage-quiet:#ffffffb8;--stage-rule:#ffffff3d}.project-story__result{border-block:1px solid var(--johly-line);grid-template-columns:minmax(10rem,.35fr) minmax(0,1.65fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding-block:clamp(2.5rem,4vw,3.75rem);display:grid}.project-story__result>p:last-child{max-width:46rem;color:var(--johly-ink);font-family:var(--font-home-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.3rem,2vw,1.85rem);font-weight:590;line-height:1.18}.project-story__cards{margin-block:clamp(2.5rem,4vw,4rem)}@media (max-width:56.2rem){.project-page__hero{height:auto}.project-page__hero-copy{padding:2rem var(--site-gutter) 2.25rem}.project-page__hero-copy:before{top:0}.project-page__hero-meta{margin-bottom:1rem}.project-page__lede{margin-top:.9rem}.project-page__hero-role{margin-top:.8rem}.project-page__hero-action{margin-top:1.1rem}.project-story__film--primary,.sidekick-case-study>.featured-films{padding-block:2.5rem 2.75rem}.project-story__primary{margin-block:2.5rem 2.75rem}.project-story__result{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:2.25rem}}.home-hero__lede{color:#ffffffdb;text-shadow:0 2px 18px #09080b80;max-width:46rem;margin:clamp(1rem,1.8vw,1.5rem) 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}@media (prefers-reduced-motion:no-preference){.home-hero__lede{animation:.62s ease-out 90ms both hero-content-in}}.work-page__cta>div>p{max-width:40rem;color:var(--johly-muted);margin:1.25rem 0 0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65}.service-detail__useful{gap:var(--site-grid-gap);border-bottom:1px solid var(--johly-line);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding-block:clamp(3.5rem,6vw,5.5rem);display:grid}.service-detail__useful>.eyebrow{grid-column:1/4}.service-detail__useful-copy{max-width:52rem;color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.03em;text-wrap:balance;grid-column:5/13;margin:0;font-size:clamp(1.5rem,2.6vw,2.6rem);font-weight:590;line-height:1.18}.service-detail__covers{border-top:0;padding-block:clamp(3.75rem,6vw,5.5rem)}.service-detail__covers-grid article,.service-detail--ai-digital-transformation .service-detail__covers-grid article,.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(odd),.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(2n){border:1px solid rgb(var(--johly-purple-rgb) / .14);background:var(--johly-purple-tint);min-height:13.5rem;box-shadow:none;color:var(--johly-purple);border-radius:.75rem;grid-column:span 4;padding:clamp(1.35rem,2.2vw,2rem)}.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1),.service-detail--search-visibility .service-detail__covers-grid article:first-child,.service-detail--search-visibility .service-detail__covers-grid article:last-child,.service-detail--digital-marketing-advertising .service-detail__covers-grid article:nth-child(2),.service-detail--digital-marketing-advertising .service-detail__covers-grid article:nth-child(3){background:var(--johly-purple-tint)}.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1) h3,.service-detail--search-visibility .service-detail__covers-grid article:first-child h3,.service-detail--search-visibility .service-detail__covers-grid article:last-child h3{color:var(--johly-purple)}.service-detail--ai-digital-transformation .service-detail__covers-grid article:nth-child(3n+1) .service-detail__capability-icon,.service-detail--search-visibility .service-detail__covers-grid article:first-child .service-detail__capability-icon,.service-detail--search-visibility .service-detail__covers-grid article:last-child .service-detail__capability-icon{background:var(--johly-purple-soft);color:var(--johly-purple)}.service-detail__capability-icon{width:4.5rem;margin-bottom:clamp(1.5rem,2.6vw,2.25rem)}.service-detail__capability-icon svg{width:2.2rem;height:2.2rem}.service-process{padding-block:clamp(3.75rem,6vw,5.5rem)}.service-process__step>.service-process__copy{margin-top:1.25rem}.service-process__copy h3{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.2}.service-process__copy p{max-width:31rem;color:var(--johly-muted);margin:.7rem 0 0;line-height:1.62}.service-detail__proof{padding-block:clamp(3.75rem,6vw,5.5rem)}.service-detail__proof-frame{aspect-ratio:16/10;background:var(--johly-purple-tint);position:relative;overflow:hidden}.service-detail__proof-frame img{object-fit:cover;object-position:center}.service-detail--website-design-rebuilds .service-detail__proof-frame img,.service-detail--web-mobile-app-development .service-detail__proof-frame img{object-fit:contain;padding:clamp(.6rem,1vw,1rem)}.about-belief{grid-template-rows:auto auto;row-gap:clamp(2rem,3.5vw,3.25rem);padding-block:clamp(3.5rem,5.5vw,5.25rem)}.about-belief__statement{grid-area:1/1/auto/8}.about-belief__statement h2{max-width:18ch;font-size:clamp(2.35rem,4vw,4rem);line-height:.98}.about-belief__no-break{white-space:nowrap}.about-belief__copy{grid-area:1/9/auto/13;align-self:end;margin:0}.about-belief__experience{z-index:2;grid-area:2/1/auto/4;align-self:end;padding:0 0 clamp(1rem,2vw,1.75rem)}.about-belief__experience h3{max-width:18ch;font-size:clamp(1.3rem,1.8vw,1.75rem)}.about-belief__media{grid-area:2/3/auto/13;min-height:clamp(29rem,38vw,34rem)}.about-belief__tile{box-shadow:0 1rem 2.5rem rgb(var(--johly-purple-rgb) / .12)}.about-belief__tile--large{z-index:2;aspect-ratio:4/5;width:38%;bottom:0;left:8%}.about-belief__tile--medium{aspect-ratio:4/3;width:47%;top:0;right:0}.about-belief__tile--small{z-index:3;aspect-ratio:3/2;width:26%;bottom:4%;right:35%}.about-alt{padding-block:clamp(3.25rem,5vw,4.5rem)}.about-alt__masthead--text{padding-bottom:0}.about-alt__heading h2{margin-top:.75rem;font-size:clamp(2.4rem,3.8vw,3.8rem)}.about-alt__steps{border-block:1px solid var(--johly-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2rem,3vw,2.75rem)}.about-alt__step{border:0;border-left:1px solid var(--johly-line);flex-direction:column;gap:1.25rem;min-width:0;padding:clamp(1.5rem,2.6vw,2.25rem);display:flex}.about-alt__step:first-child{border-left:0}.about-alt__step:before{display:none}.about-alt__step-visual{flex-direction:row;justify-content:space-between;min-height:7.5rem}.about-alt__step-art{width:clamp(5.75rem,7vw,7rem)}.about-alt__step h3{font-size:clamp(1.3rem,1.7vw,1.65rem)}.about-alt__step p{margin-top:.7rem}.about-values{padding-block:clamp(3.25rem,5vw,4.5rem)}.about-values__heading{padding-bottom:clamp(1.5rem,2.5vw,2rem)}.about-values__list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-values__item,.about-values__item:nth-child(2),.about-values__item:nth-child(3){border:0;border-left:1px solid #ffffff3d;min-height:0;padding:clamp(1.5rem,2.5vw,2.25rem);display:block}.about-values__item:first-child{border-left:0;padding-left:0}.about-values__item:before{display:none}.about-values__number{color:#ffffff8a;font-family:var(--font-home-body);letter-spacing:.1em;margin-bottom:clamp(2rem,4vw,3.25rem);font-size:.75rem;font-weight:750;line-height:1;display:block;position:static}.about-values__word{margin:0 0 1rem;font-size:clamp(1.65rem,2.7vw,2.5rem);line-height:1}.about-values__body{max-width:29rem}.about-faq{padding-block:clamp(3.5rem,5.5vw,5rem)}@media (max-width:56.2rem){.service-detail__useful{grid-template-columns:repeat(4,minmax(0,1fr))}.service-detail__useful>.eyebrow,.service-detail__useful-copy{grid-column:1/-1}.service-detail__useful-copy{margin-top:1rem}.service-detail__covers-grid article,.service-detail--ai-digital-transformation .service-detail__covers-grid article,.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(odd),.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(2n){grid-column:span 6}.service-process__step>.service-process__copy,.service-process__step:last-child>.service-process__copy{margin-top:1.25rem}.about-belief{grid-template-rows:none}.about-belief__statement,.about-belief__copy,.about-belief__experience,.about-belief__media{grid-area:auto/1/auto/-1}.about-belief__experience{align-self:start;padding-bottom:0}.about-belief__media{min-height:clamp(24rem,66vw,31rem)}.about-alt__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.about-alt__step:nth-child(3){border-top:1px solid var(--johly-line);border-left:0;grid-column:1/-1}.about-values__word,.about-values__body{max-width:100%}}@media (max-width:40rem){.home-hero__lede{max-width:31rem;font-size:1rem;line-height:1.5}.service-detail__covers-grid article,.service-detail--ai-digital-transformation .service-detail__covers-grid article,.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(odd),.service-detail--creative-strategy .service-detail__covers-grid article:nth-child(2n){grid-column:1/-1;min-height:0}.about-belief__statement h2{font-size:clamp(2.2rem,10vw,3rem)}.about-belief__media{min-height:28rem}.about-belief__tile--large{width:58%;left:0}.about-belief__tile--medium{width:62%}.about-belief__tile--small{width:41%;bottom:6%;right:7%}.about-alt__steps{grid-template-columns:1fr}.about-alt__step,.about-alt__step:nth-child(3){border-top:1px solid var(--johly-line);border-left:0;grid-column:1;padding-inline:0}.about-alt__step:first-child{border-top:0}.about-alt__step-visual{min-height:6rem}.about-values__list{grid-template-columns:1fr}.about-values__item,.about-values__item:nth-child(2),.about-values__item:nth-child(3){border-top:1px solid #ffffff3d;border-left:0;min-height:0;padding:1.75rem 0;display:block}.about-values__number{margin-bottom:1.5rem;font-size:.75rem;position:static}.about-values__word{margin-bottom:.85rem;font-size:2rem}}.services-index__hero{row-gap:0;min-height:0;padding-top:clamp(6.5rem,7.5vw,7rem);padding-bottom:1.7rem}.services-index__hero-heading{grid-column:1/10}.services-index__hero h1{max-width:15ch;margin-top:1rem;font-size:clamp(3.4rem,5vw,4.5rem);line-height:.9}.services-index__hero-copy{color:#ffffffd1;max-width:32.5rem;margin:1.1rem 0 0;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.58;display:block}.services-index__nav{margin-top:clamp(1.4rem,2vw,1.75rem)}.services-index__nav a{min-height:6.75rem;padding-block:.8rem}.service-detail__masthead{padding-top:6.5rem;padding-bottom:1.45rem}.service-detail__hero{padding-top:.65rem}.service-detail__hero h1{font-size:clamp(2.7rem,4.15vw,4.1rem)}.service-detail__lede{margin-top:1.1rem;font-size:clamp(.96rem,1.12vw,1.06rem);line-height:1.55}.service-detail__hero-media{min-height:clamp(20rem,25vw,23rem)}.service-detail__useful{padding-block:clamp(2.75rem,4.2vw,4rem);display:block}.service-detail__useful>.eyebrow{margin:0 0 clamp(1.6rem,2.5vw,2.25rem);display:block}.service-detail__useful-list{border-block:1px solid var(--johly-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.service-detail__useful-list li{min-height:9rem;padding:1.25rem clamp(1.25rem,2vw,1.8rem) 1.5rem}.service-detail__useful-list li+li{border-left:1px solid var(--johly-line)}.service-detail__useful-list span{color:var(--johly-muted);letter-spacing:.1em;margin-bottom:clamp(1.5rem,2.5vw,2.25rem);font-size:.68rem;font-weight:750;display:block}.service-detail__useful-list p{max-width:21rem;color:var(--johly-ink);margin:0;font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.52}.project-story__result,.project-story__delivery{display:block}.project-story__result>.eyebrow,.project-story__delivery>div>.eyebrow{margin:0}.project-story__result>p:last-child{margin-top:.9rem}.project-story__delivery>div,.project-story__delivery>.project-page__deliverables{max-width:46rem}.project-story__delivery>.project-page__deliverables{margin-top:clamp(1.75rem,3vw,2.5rem)}.project-story__cards h2{color:var(--johly-purple);font-family:var(--font-home-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.2vw,2.15rem);font-weight:650;line-height:1.08}.project-page--goodmorning-com .project-page__hero-copy{padding-right:clamp(2.75rem,4vw,4rem)}.project-page--goodmorning-com .project-page__title--domain{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:clamp(2.35rem,3.35vw,3.35rem)}.enquiry-form__turnstile-message{max-width:34rem;color:var(--johly-ink);margin:.75rem 0 0;font-size:.9rem;line-height:1.5}.enquiry-form__turnstile-message a{color:var(--johly-purple);text-underline-offset:.2em;font-weight:700;text-decoration:underline}@media (max-width:56.2rem){.services-index__hero{gap:0;padding-top:7rem;padding-bottom:1.75rem}.services-index__hero-heading,.services-index__nav-wrap{grid-column:1}.services-index__hero h1{max-width:12ch;font-size:clamp(3rem,9vw,4.15rem)}.services-index__nav-wrap{margin-top:1.75rem}.services-index__nav a,.services-index__nav a:nth-child(2),.services-index__nav a:nth-child(4){min-height:4.25rem}.service-detail__masthead{padding:6.5rem var(--site-gutter) 1.5rem}.service-detail__hero{padding-top:.75rem}.service-detail__hero-media{aspect-ratio:4/3;min-height:0}.service-detail__useful-list{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail__useful-list li:nth-child(3){border-top:1px solid var(--johly-line);border-left:0;grid-column:1/-1;min-height:0}}@media (max-width:40rem){.services-index__hero{padding-top:6.75rem;padding-bottom:1.5rem}.services-index__hero h1{max-width:100%;margin-top:.9rem;font-size:clamp(2.8rem,12.5vw,3.75rem)}.services-index__hero-copy{margin-top:1rem;font-size:1rem}.services-index__nav-wrap{margin-top:1.5rem}.service-detail__masthead{padding-top:6.25rem}.service-detail__useful{padding-block:2.5rem}.service-detail__useful-list{grid-template-columns:1fr}.service-detail__useful-list li,.service-detail__useful-list li:nth-child(3){border-left:0;grid-column:1;min-height:0;padding:1.15rem 0 1.35rem}.service-detail__useful-list li+li,.service-detail__useful-list li:nth-child(3){border-top:1px solid var(--johly-line);border-left:0}.service-detail__useful-list span{margin-bottom:.9rem}.project-page--goodmorning-com .project-page__hero-copy{padding-right:var(--site-gutter)}.project-page--goodmorning-com .project-page__title--domain{font-size:clamp(2.15rem,10vw,2.75rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}