@font-face{font-family:Editorial;src:url('./fonts/cormorant-garamond-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{--bg:#f7f8fa;--ink:#141823;--muted:#59616e;--line:#d9dde5;--acid:#354ed0;--cobalt:#354ed0;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;background:var(--bg);color:var(--ink)}
html{scroll-padding-top:24px}.marketing-page{overflow-x:clip}::selection{background:#354ed0;color:#fff}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#354ed0}button:hover:not(:disabled){filter:none}input,textarea{caret-color:#354ed0}
.m-wrap{width:min(1380px,100%);margin:auto;padding-left:24px;padding-right:24px}.m-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px}.m-brand{display:block;flex:none;width:155px}.m-brand img{display:block;width:100%;height:auto;filter:grayscale(1)}.m-nav{display:none}.languages{gap:0;font-size:12px}.languages a{color:#535b68;min-width:36px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 6px;box-shadow:none!important}.languages a[aria-current=page]{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.m-hero{padding-top:31px;padding-bottom:54px}.hero-message h1{font-family:Editorial,Georgia,serif;font-size:clamp(48px,13.9vw,72px);line-height:.98;font-weight:500;letter-spacing:-.035em;margin:0;max-width:14ch;text-wrap:initial}.hero-message h1 em{font-style:normal;color:var(--cobalt)}.hero-message>p{font-size:16px;line-height:1.6;max-width:34ch;margin:24px 0 25px;color:var(--muted)}.m-button{border:0;border-radius:3px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;min-height:52px;padding:16px 24px;display:inline-flex;justify-content:center;align-items:center;transition:background .2s,transform .2s}.m-button:hover{background:var(--cobalt);transform:translateY(-2px)}.m-button:active{transform:translateY(0)}
.hero-art{margin-top:42px;min-width:0}.brand-deck{height:275px;position:relative;perspective:1400px;transform-style:preserve-3d;margin:0 8px 0 4px}.brand-sheet{position:absolute;width:86%;height:205px;left:7%;top:28px;border-radius:4px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 25px -15px #17234545;transform-origin:50% 80%;transition:transform .9s var(--ease),box-shadow .9s var(--ease)}.sheet-word{font-family:Editorial,Georgia,serif;font-weight:500;font-size:56px;line-height:1;letter-spacing:-.035em}.sheet-sign{font-family:Manrope,sans-serif;font-size:11px;letter-spacing:.18em}.sheet-0{background:#354ed0;color:#fff;transform:translate(-7px,-15px) rotate(-10deg);z-index:1}.sheet-1{background:#141823;color:#fff;transform:translate(10px,7px) rotate(5deg);z-index:2}.sheet-2{background:linear-gradient(135deg,#fefeff 10%,#e4e8f0 53%,#f9faff 73%,#cdd4e0);color:#141823;transform:translate(0,20px) rotate(-3deg);z-index:3}.sheet-2 .sheet-word{margin-top:28px}.sheet-2 .sheet-sign{visibility:hidden}.deck-seal{position:absolute;bottom:38px;left:12%;z-index:4;width:120px;transform:rotate(-3deg);pointer-events:none;transition:transform .9s var(--ease)}.deck-seal img{width:100%;height:auto;display:block;filter:grayscale(1)}
.brand-deck[data-expanded=true] .sheet-0{transform:translate(-12px,-16px) rotate(-12deg)}.brand-deck[data-expanded=true] .sheet-1{transform:translate(8px,32px) rotate(4deg)}.brand-deck[data-expanded=true] .sheet-2{transform:translate(18px,96px) rotate(12deg)}.brand-deck[data-expanded=true] .deck-seal{transform:translate(20px,73px) rotate(12deg)}.brand-deck[data-expanded=true]{height:355px}.art-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;font-size:12px;color:#59616e}.art-caption>span{max-width:19ch}.layer-control{border:0;background:none;color:#384362;font-size:11px;padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}.layer-control:hover{color:var(--cobalt)}
.m-services{padding-top:36px;padding-bottom:65px}.section-intro{padding-top:36px;border-top:1px solid var(--line);padding-bottom:32px}.section-intro h2,.example-head h2,.m-contact h2{font-family:Editorial,Georgia,serif;font-size:clamp(39px,11.2vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:500;text-wrap:initial}.section-intro>p,.example-head>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:36ch;margin-top:22px}.service{padding:26px 0;border-top:1px solid var(--line);display:grid;gap:15px}.service-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.service h3{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.025em;max-width:20ch}.service-material{font:500 48px/1 Editorial,Georgia,serif;letter-spacing:-.03em;color:#354ed0;min-width:70px;text-align:right;opacity:.9}.service-info p{font-size:16px;color:var(--muted);line-height:1.65;max-width:45ch}.service-info>span{display:block;font-size:12px;line-height:1.8;color:#566078;margin-top:14px;max-width:45ch}.service-2 .service-material{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-.04em}
.m-examples{background:#e9edf4;padding:54px 0 44px;overflow:hidden}.example-head{margin-bottom:32px}.experience{display:block}.experience>summary{list-style:none;cursor:pointer}.experience>summary::-webkit-details-marker{display:none}.project-glimpses{display:grid;grid-template-columns:repeat(3,1fr);height:215px;align-items:center;gap:0;padding:10px 5px 12px}.project-glimpse{display:block;position:relative;height:174px;box-shadow:0 15px 22px -12px #17234560;overflow:hidden;border-radius:4px;background:#141823;isolation:isolate;transition:transform .6s var(--ease)}.project-glimpse img{width:100%;height:100%;object-fit:cover;opacity:.8;display:block}.project-glimpse:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#090e1999);z-index:-0;pointer-events:none}.project-glimpse>span{position:absolute;z-index:1;bottom:15px;left:12px;font-size:13px;color:#fff;line-height:1.2}.glimpse-0{transform:rotate(-9deg) translateX(12px)}.glimpse-1{z-index:2;transform:translateY(-10px);height:192px}.glimpse-2{transform:rotate(9deg) translateX(-12px)}.experience>summary:hover .glimpse-0{transform:rotate(-12deg) translateX(5px)}.experience>summary:hover .glimpse-2{transform:rotate(12deg) translateX(-5px)}.experience-bottom{display:flex;flex-direction:column;gap:18px;margin-top:20px}.experience-bottom>span:first-child{font-size:12px;color:#535f75}.experience-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #c4cbd7;border-bottom:1px solid #c4cbd7;font-size:14px;font-weight:600;min-height:56px}.disclosure-mark{position:relative;width:18px;height:18px;display:block}.disclosure-mark:before,.disclosure-mark:after{content:'';position:absolute;background:currentColor;left:0;right:0;height:1px;top:8px;transition:transform .25s}.disclosure-mark:after{transform:rotate(90deg)}.close-label{display:none}.experience[open] .open-label{display:none}.experience[open] .close-label{display:inline}.experience[open] .disclosure-mark:after{transform:rotate(0)}.expanded-examples{margin-top:24px}.experience[open]>.expanded-examples{animation:experience-in .55s var(--ease)}
/* The optional product demonstrations keep their original complete journeys. */
#showcase{--ink:#f4f5f7;--muted:#aeb5ba;--line:#373c3f;--acid:#d9ff70;color:#f4f5f7;background:#141823;border-radius:6px;overflow:hidden}.project-tab small,.project-tab>.icon,.project-copy,.story-tags,.project-caption a{display:none}.project-tab{font-size:12px;padding:16px 10px;min-height:52px}.project-tab[aria-pressed=true]{background:#252d3b;border-color:#b6c6ff}.project-name{font-size:40px;margin-bottom:12px}.project-tagline{font-size:17px;max-width:32ch}.stage-body{gap:24px}.stage-action{margin-top:18px}.stage-top{padding:16px}.project-caption{margin:0;padding:18px!important;color:#c0c7d2;display:block;font-size:11px;line-height:1.6}.project-caption p{max-width:70ch}.stage .primary{min-height:48px}.view-switch button{min-height:44px;min-width:44px}.app{color:#263139}.app-frame{box-shadow:0 18px 30px -15px #0005}.app .action{min-height:44px}.reset{min-height:44px}.app .qty button{width:44px;height:44px}.app .channel-row{font-size:12px}.preview-banner{background:#e7ebf5;color:#4c5770;font-size:11px;padding:7px 16px}.preview-banner:empty{display:none}.m-contact{padding-top:64px;padding-bottom:58px}.m-contact h2{font-size:clamp(41px,11.8vw,66px)}.m-contact em{font-style:normal;color:#354ed0}.m-contact>div>p{font-size:16px;color:var(--muted);margin:22px 0}.m-contact address{font-style:normal;margin-top:38px;display:flex;flex-direction:column;align-items:start;gap:17px}.m-contact address>a{font-size:18px;line-height:1.4;min-height:27px;padding:7px 0;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#bbc3d1;text-decoration-thickness:1px}.m-contact address>a:hover{color:#354ed0}.m-contact address>span{font-size:12px;color:#59616e;margin-top:6px}.m-footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;flex-wrap:wrap;gap:22px;color:#59616e;font-size:11px}.m-footer>img{filter:grayscale(1);width:135px;height:auto}.m-footer>span{margin-left:auto}.privacy-note{width:100%}.privacy-note summary{cursor:pointer;min-height:30px;padding:5px 0}.privacy-note p{max-width:65ch;font-size:12px;line-height:1.7;margin-top:12px}.brief-dialog{--acid:#354ed0}.brief-dialog__close{min-width:44px;min-height:44px;top:3px;right:5px}.brief-dialog legend{font-family:Editorial,Georgia,serif;font-size:32px;line-height:1.1;font-weight:500}.field-help,.field__label{font-size:14px}.choice-list label{font-size:14px;min-height:48px}.consent{font-size:12px}.form-note,.brief-dialog [data-direct-contact]{font-size:12px}.form-progress__track span{background:#354ed0}.brief-dialog__brand{background:#141823}.brief-dialog .button{font-size:14px;min-height:48px}.brief-dialog .field__error{font-size:12px}
@keyframes experience-in{from{opacity:.6;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(min-width:640px){.m-wrap{padding-left:40px;padding-right:40px}.m-header{min-height:105px}.m-brand{width:190px}.languages{font-size:13px}.m-hero{padding-top:52px}.hero-message h1{font-size:80px}.hero-message>p{max-width:36ch}.hero-art{max-width:580px;margin:45px auto 0}.brand-deck{height:365px}.brand-sheet{height:270px;top:40px;padding:32px}.sheet-word{font-size:76px}.deck-seal{bottom:50px;width:160px}.brand-deck[data-expanded=true]{height:440px}.art-caption{font-size:12px}.art-caption>span{max-width:none}.layer-control{font-size:12px}.section-intro h2,.example-head h2{font-size:62px}.service{grid-template-columns:1fr 1fr;gap:35px;padding:32px 0}.service-material{display:none}.service h3{font-size:24px}.m-examples{padding:72px 0 60px}.project-glimpses{height:310px;gap:10px;padding:10px 16px}.project-glimpse{height:255px}.glimpse-1{height:285px}.project-glimpse>span{font-size:18px;left:20px;bottom:20px}.experience-bottom{margin-top:28px;flex-direction:row;justify-content:space-between;align-items:center}.experience-label{gap:35px;min-width:260px}.project-tab{font-size:15px;padding:20px}.m-contact{padding-top:85px;padding-bottom:80px}.m-contact h2{font-size:68px}.m-contact address>a{font-size:22px}.m-footer{gap:35px}.privacy-note{width:auto}.m-footer>span{margin-left:auto}}
@media(min-width:1000px){.m-wrap{padding-left:60px;padding-right:60px}.m-header{min-height:115px}.m-nav{display:flex;gap:33px;font-size:13px}.m-nav a{padding:14px 0}.m-nav a:hover{color:#354ed0}.m-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:110px;min-height:670px}.hero-message h1{font-size:clamp(70px,6.9vw,96px)}.hero-message>p{margin-top:30px;max-width:34ch;font-size:17px}.hero-art{width:100%;margin:15px 0 0;max-width:none}.brand-deck{height:370px}.brand-sheet{height:275px;width:89%;left:4%;top:35px}.sheet-word{font-size:80px}.deck-seal{left:9%;bottom:54px;width:165px}.art-caption{margin-top:20px;gap:10px}.art-caption>span{max-width:18ch}.brand-deck[data-expanded=true]{height:390px}.brand-deck[data-expanded=true] .sheet-0{transform:translate(-21px,-37px) rotate(-13deg)}.brand-deck[data-expanded=true] .sheet-1{transform:translate(10px,10px) rotate(2deg)}.brand-deck[data-expanded=true] .sheet-2{transform:translate(27px,63px) rotate(13deg)}.brand-deck[data-expanded=true] .deck-seal{transform:translate(34px,48px) rotate(13deg)}.m-services{padding-bottom:100px}.section-intro{padding-top:65px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.section-intro h2,.example-head h2{font-size:70px}.section-intro>p{font-size:17px;margin:0;max-width:37ch}.service{grid-template-columns:1fr 1fr;gap:60px;padding:36px 0}.service-title{padding-right:50px}.service h3{font-size:25px;max-width:22ch}.service-material{display:block}.service-info{display:grid;grid-template-columns:1fr;gap:0}.service-info>span{font-size:12px}.m-examples{padding:90px 0 80px}.example-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:50px}.example-head>p{margin:0;font-size:17px;max-width:36ch}.project-glimpses{height:390px;gap:28px;padding:10px 35px}.project-glimpse{height:330px}.glimpse-1{height:365px}.project-glimpse>span{font-size:27px;left:28px;bottom:28px}.experience-bottom>span:first-child{font-size:12px}.experience-label{font-size:15px;min-width:300px}.m-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:120px;padding-bottom:110px;align-items:end}.m-contact h2{font-size:clamp(64px,6.2vw,84px)}.m-contact address{margin:0;justify-self:end}.m-contact address>a{font-size:24px}.m-footer{padding-top:30px;padding-bottom:35px}.m-footer>img{width:160px}}
@media(max-width:350px){.m-wrap{padding-left:18px;padding-right:18px}.m-header{gap:10px}.m-brand{width:136px}.languages a{min-width:32px}.hero-message h1{font-size:46px}.hero-message>p{font-size:16px}.brand-sheet{padding:22px}.sheet-word{font-size:49px}.brand-deck{height:260px}.deck-seal{bottom:24px}.art-caption{gap:0}.art-caption>span{max-width:17ch}.layer-control{font-size:11px}.service h3{font-size:18px}.service-material{font-size:40px;min-width:50px}.project-glimpse>span{font-size:11px;left:8px}.m-contact h2{font-size:39px}.m-contact address>a{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-sheet,.deck-seal,.brand-deck,.project-glimpse{transition:none}.experience[open]>.expanded-examples{animation:none}}
/* A seal belongs to its sheet in both states. Open sheets expose every word. */
.brand-sheet .deck-seal{position:static;width:120px;transform:none!important;transition:none;pointer-events:none}
.brand-deck[data-expanded=true]{height:440px}
.brand-deck[data-expanded=true] .brand-sheet{height:120px;padding:18px 22px;left:4%;width:92%}
.brand-deck[data-expanded=true] .sheet-word{font-size:45px;margin:0}
.brand-deck[data-expanded=true] .sheet-sign{font-size:11px}
.brand-deck[data-expanded=true] .sheet-0{transform:translate(-3px,-10px) rotate(-4deg)}
.brand-deck[data-expanded=true] .sheet-1{transform:translate(0,122px) rotate(1deg)}
.brand-deck[data-expanded=true] .sheet-2{transform:translate(3px,254px) rotate(4deg)}
.brand-deck[data-expanded=true] .brand-sheet .deck-seal{width:105px}
@media(min-width:640px){.brand-sheet .deck-seal{width:160px}.brand-deck[data-expanded=true]{height:540px}.brand-deck[data-expanded=true] .brand-sheet{height:145px;padding:20px 28px}.brand-deck[data-expanded=true] .sheet-word{font-size:58px}.brand-deck[data-expanded=true] .sheet-1{transform:translate(0,150px) rotate(1deg)}.brand-deck[data-expanded=true] .sheet-2{transform:translate(3px,310px) rotate(4deg)}.brand-deck[data-expanded=true] .brand-sheet .deck-seal{width:120px}}
/* Keep every example name readable on small screens. */
@media(max-width:639px){.project-glimpses{gap:8px;padding:10px 0 12px}.glimpse-0,.experience>summary:hover .glimpse-0{transform:rotate(-3deg)}.glimpse-2,.experience>summary:hover .glimpse-2{transform:rotate(3deg)}.project-glimpse>span{font-size:12px;left:7px;right:5px}.glimpse-1{transform:translateY(-8px)}}
.brief-complete__mark,.brief-complete>.eyebrow{display:none}
.brief-complete h2{font-family:Editorial,Georgia,serif;font-weight:500;font-size:38px;line-height:1.05;letter-spacing:-.025em}