:root{--red:#ed302b;--coral:#ff9281;--ink:#393533;--muted:#817673;--line:#eadfdb;--paper:#fffafa;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}svg{width:22px;height:22px;flex-shrink:0}::selection{background:#ed302b;color:white}:focus-visible{outline:3px solid var(--red);outline-offset:5px}.section{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;background:var(--red);color:white;padding:12px;z-index:99;transform:translateY(-150%)}.skip-link:focus{transform:none}.header{position:absolute;z-index:10;top:0;left:0;right:0;height:80px;padding:0 38px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:3px;font-size:23px;letter-spacing:-1.1px}.wordmark b{font-weight:500;color:var(--red)}.wordmark sup{font-size:10px;align-self:flex-start;margin-top:6px;letter-spacing:0}.wordmark .logo-tile{width:29px;height:29px;border-radius:9px;margin-inline:3px}.wordmark .logo-tile svg{width:18px;height:18px}nav{display:flex;align-items:center;gap:26px;font-size:12px}nav>a{padding:10px 0}nav>a:hover{color:var(--red)}.nav-contact{border:1px solid #ed302b35;padding:11px 18px;border-radius:30px;background:#ffffff80}.menu-toggle{display:none}.reading-progress{height:3px;position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,var(--red),var(--coral));z-index:50;transform:scaleX(0);transform-origin:left}.gradient-text{color:var(--red);background:linear-gradient(105deg,#df2823 4%,#f1594c 65%,#cc6d5c 100%);background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{font-size:10px;letter-spacing:.08em;font-weight:500}.hero{min-height:780px;position:relative;isolation:isolate;overflow:clip;display:flex;align-items:center;justify-content:center;padding:128px 30px 115px;background:radial-gradient(ellipse at 23% 8%,#ffd4c980 0%,transparent 48%),radial-gradient(ellipse at 80% 68%,#ffe2db8a,transparent 55%),linear-gradient(135deg,#fff3f0,#fffdfc 65%,#fff8f5)}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#d7bcb575 .85px,transparent .85px);background-size:22px 22px;mask-image:linear-gradient(#0009,#0004)}.hero-content{max-width:900px;text-align:center;position:relative;z-index:2}.hero-logo{display:grid;grid-template-columns:44px auto;justify-content:center;align-items:center;column-gap:9px;margin-bottom:22px}.hero-logo>span:nth-child(2){font-size:35px;line-height:1;letter-spacing:-1.7px;font-weight:400}.hero-logo b{color:var(--red);font-weight:500}.hero-logo>small{grid-column:2;font-size:6px;letter-spacing:.16em;text-align:right;margin-top:4px;color:#a69085}.logo-tile{display:grid;place-items:center;background:linear-gradient(135deg,#ffb5a4,#ed302b 60%);color:white;border:1px solid #ffffff8a;border-radius:13px;width:44px;height:44px;box-shadow:inset 0 1px 2px #fff9,0 7px 18px #ed302b27}.hero-logo>.logo-tile{grid-row:1/3;transform:rotate(-7deg)}.hero-eyebrow{font-size:9px;color:#9e8178;margin-bottom:25px}.status{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:7px}.hero h1{font-size:clamp(40px,4.3vw,65px);line-height:1.13;letter-spacing:-.045em;font-weight:500;margin:0 auto;max-width:900px}.hero-description{font-size:19px;line-height:1.7;letter-spacing:-.025em;color:#857670;margin:24px 0}.button{display:inline-flex;gap:5px;align-items:center;font-size:13px;color:white;margin-top:5px}.button>span{background:linear-gradient(100deg,#d52d29,#c94635);padding:17px 28px;border-radius:100px;box-shadow:0 5px 18px #ed302b17;transition:box-shadow .3s,transform .3s}.button>i{font-style:normal;color:var(--red);display:grid;place-items:center;width:51px;height:51px;font-size:24px;border-radius:50%;background:#ffd6cc;transition:transform .4s var(--ease),background .3s}.button:hover>span{box-shadow:0 10px 25px #ed302b2b;transform:translateY(-2px)}.button:hover>i{transform:rotate(45deg);background:#ffc7b9}.hero-signature{display:block;font-size:8px;letter-spacing:.1em;color:#b3978e;margin-top:20px}.canvas-outline{position:absolute;left:9%;right:9%;top:105px;bottom:90px;border:1px dashed #d9b4aa60;z-index:-1;transform:rotate(-1.8deg)}.canvas-outline>span{position:absolute;top:-15px;left:0;color:#c3a296;font-size:7px;letter-spacing:.12em}.canvas-outline i{width:7px;height:7px;border:1px solid #ed302b60;background:#fff;position:absolute}.canvas-outline i:nth-child(2){top:-4px;left:-4px}.canvas-outline i:nth-child(3){top:-4px;right:-4px}.canvas-outline i:nth-child(4){bottom:-4px;left:-4px}.canvas-outline i:nth-child(5){bottom:-4px;right:-4px}.float-wrap{position:absolute;z-index:1;transform:translate3d(var(--mx,0px),calc(var(--my,0px) + var(--sy,0px)),0)}.float-top{top:125px;right:3%;animation:drift 8s ease-in-out infinite}.toolbar{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ffffffd9;border-radius:12px;background:linear-gradient(150deg,#ffffffbf,#ffe9e1c9);box-shadow:0 10px 28px #bb755c13,inset 0 1px 1px white;color:#62514b;backdrop-filter:blur(10px)}.toolbar>span{display:grid;place-items:center;width:30px;height:30px;border-radius:6px}.toolbar svg{width:19px;height:19px}.toolbar .tool-active{background:linear-gradient(135deg,#fa8d78,var(--red));color:white;box-shadow:inset 0 1px 1px #fff7,0 3px 7px #ed302b35}.float-left{left:-15px;top:245px;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotate(-4deg);animation:drift 9s ease-in-out infinite reverse}.layer-panel{width:194px;background:linear-gradient(135deg,#ffffffed,#fff4efed);border:1px solid white;border-radius:12px;box-shadow:0 25px 50px #b7634720,0 0 0 4px #fff4ed7a;padding:9px;color:#8e7366;font-size:10px}.panel-caption{display:flex;justify-content:space-between;padding:7px 6px 13px;border-bottom:1px solid #eddcd4;font-size:9px}.layer-row{display:flex;align-items:center;gap:7px;padding:9px 6px;font-size:9px}.layer-row svg{width:13px;height:13px}.layer-row small{margin-left:auto;font-size:8px;opacity:.6}.layer-row.selected{background:#ffe5dc;color:#d74630;border-radius:5px}.panel-caption.bottom{border-top:1px solid #eddcd4;border-bottom:0;padding-bottom:5px;font-size:7px}.float-bottom{right:4%;bottom:100px;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotate(3deg);animation:drift 10s ease-in-out infinite}.toolbar-raised{background:linear-gradient(140deg,#fff,#ffe5dc);box-shadow:0 20px 35px #ae5d3f20}.float-cursor{right:8%;top:50%;color:var(--red);transform:rotate(-8deg);display:flex;flex-direction:column;align-items:flex-start}.float-cursor svg{height:37px;width:37px;fill:#ed302b;stroke:#fff;stroke-width:1px;filter:drop-shadow(0 3px 4px #a1352520)}.float-cursor>span{background:#ed302b;color:white;padding:7px 10px;font-size:9px;border-radius:0 6px 6px 6px;margin-left:23px;margin-top:-1px}.float-mini{bottom:128px;left:4%;display:flex;flex-direction:column;gap:12px;padding:14px;background:#ffffffc9;border:1px solid white;border-radius:10px;min-width:150px;box-shadow:0 20px 35px #c5806817;color:#a48577;transform:rotate(4deg)}.float-mini>span{font-size:8px}.float-mini>b{font-size:14px;font-weight:400;color:#ce6950}.float-mini>small{font-size:8px}.hero-baseline{position:absolute;left:35px;right:35px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b09185;font-size:8px;letter-spacing:.07em}.motion-toggle{background:transparent;border:1px solid #e4c8bd;border-radius:20px;color:#8f7569;font-size:9px;padding:7px 12px}.tool-ribbon{overflow:hidden;border-block:1px solid #f1e1da;padding:23px 0;background:radial-gradient(#e6d8d0 1px,transparent 1px) 0 0/20px 20px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ribbon-track{display:flex;width:max-content;gap:25px;animation:marquee 42s linear infinite}.ribbon-track>.toolbar{transform:scale(.64);margin-inline:-48px;box-shadow:none;background:#ffffff80}.approach{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:110px 65px}.approach-art{position:relative;min-width:0}.approach-art>img{width:100%;mix-blend-mode:multiply;border-radius:30px}.asset-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-4deg);background:#fff;border:1px solid #f1d1c4;border-radius:7px;font-size:9px;padding:12px 20px;color:#c66d53;box-shadow:0 10px 20px #c4734c12;white-space:nowrap}.soft-label{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;background:linear-gradient(145deg,#fff,#fff7f3);border:1px solid #f2e6e1;border-radius:15px;box-shadow:0 3px 7px #854b2b05,inset 0 1px white;font-size:9px;letter-spacing:.04em;color:#966c59}.soft-label svg{height:16px;width:16px;color:var(--red)}h2{font-size:clamp(33px,3.8vw,53px);line-height:1.16;letter-spacing:-.045em;font-weight:500;margin:23px 0}p{font-size:15px;line-height:1.75;color:var(--muted)}.benefits{list-style:none;padding:0;margin:30px 0 0}.benefits>li{font-size:13px;color:#8b7c75;line-height:1.7;padding-left:27px;margin-top:21px;position:relative}.benefits>li:before{content:'↗';display:grid;place-items:center;background:#ffe6dd;color:var(--red);width:18px;height:18px;font-size:11px;position:absolute;top:2px;left:0;border-radius:50%}.section-title{text-align:center;max-width:880px;margin:0 auto 48px}.section-title h2{margin-bottom:18px}.section-title>p{max-width:700px;margin:0 auto;font-size:15px}.audience{padding-block:65px 100px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.audience-card{padding:25px 25px 29px;background:linear-gradient(145deg,#fff,#fff8f5);border:1px solid #f4e7e1;border-radius:24px;box-shadow:0 10px 30px #b0704f04;transition:transform .45s var(--ease),box-shadow .45s}.audience-card:hover{transform:translateY(-7px);box-shadow:0 18px 32px #b0704f10}.audience-card>img{width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply}.audience-card h3{font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-.03em;margin:20px 0 10px}.audience-card p{font-size:12px;line-height:1.7;margin:0}.services{padding-block:85px 95px;border-radius:65px 65px 0 0;border-top:1px solid #fff;background:radial-gradient(ellipse at 3% 4%,#ffd5c7a1,transparent 50%),linear-gradient(#fff0e9,#fff7f4)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#ffffffc7;border:1px solid white;border-radius:26px;overflow:hidden;box-shadow:0 15px 35px #c2714f05}.service-art{padding:15px 15px 0}.service-art img{width:100%;height:250px;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s var(--ease)}.service-card:hover .service-art img{transform:translateY(-6px) rotate(-2deg)}.service-body{padding:20px 28px 30px}.service-body>.eyebrow{font-size:8px;color:#bd9a89}.service-body h3{font-size:27px;letter-spacing:-.04em;font-weight:500;line-height:1.15;margin:16px 0}.service-body p{font-size:13px;min-height:94px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#b5624d;border-top:1px solid #f0ded4;padding-top:17px;margin-top:20px;line-height:1.5}.text-link>span{font-size:20px;flex-shrink:0}.work{padding-block:100px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 25px}.project-art{position:relative;height:320px;border-radius:25px;background:linear-gradient(145deg,#fff5ef,#fff);border:1px solid #efdfd6;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}.project-art:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(#e7cabe80 .8px,transparent .8px) 0 0/18px 18px}.project-art:after{content:'';position:absolute;z-index:-1;width:64%;height:58%;top:20%;left:18%;border-radius:22px;transform:rotate(-6deg);border:1px solid #fff;background:linear-gradient(145deg,#ffffffe6,#fff4ed);box-shadow:0 20px 40px #ba6a4020;transition:transform .6s var(--ease)}.project:nth-child(even) .project-art:after{transform:rotate(6deg)}.project:hover .project-art:after{transform:rotate(0) scale(1.04)}.project-meta,.project-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.06em;color:#b38b78;gap:10px}.project-meta>span:last-child{font-size:7px;color:#c0a393}.project-logo{flex:1;display:grid;place-items:center;padding:35px}.project-logo>img{max-width:70%;height:70px;object-fit:contain;transition:transform .6s var(--ease)}.project:hover .project-logo>img{transform:scale(1.07)}.project-arrow{display:grid;place-items:center;background:#ffe8dc;width:34px;height:34px;border-radius:50%;color:#dc7554;font-size:19px}.project-caption{display:flex;justify-content:space-between;align-items:center;padding-top:15px;gap:12px}.project-caption h3{font-size:19px;letter-spacing:-.03em;font-weight:500;margin:0}.project-caption>span{font-size:9px;color:#af9386}.section-cta{text-align:center;margin-top:45px}.process{padding-block:70px 100px}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.process-demo{border:1px solid #ead9cf;border-radius:20px;background:white;overflow:hidden;position:sticky;top:30px;box-shadow:0 25px 55px #b56b4810}.demo-title{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f0e1d9;font-size:9px;color:#b18f7d}.demo-title>span{font-size:6px;letter-spacing:3px;color:#dfc5b7}.demo-canvas{height:300px;position:relative;display:grid;place-items:center;background:radial-gradient(#e8d0c4 .8px,transparent .8px)0 0/15px 15px}.demo-step-label{position:absolute;top:18px;left:20px;font-size:8px;letter-spacing:.07em;color:#c79b84}.wireframe{position:relative;display:flex;flex-direction:column;justify-content:center;width:76%;height:65%;background:#fff;border:1px solid #e4c5b5;padding:25px;transition:background .6s,border-color .6s,box-shadow .6s}.wire-nav{height:5px;width:60%;position:absolute;top:12px;left:15px;border-radius:2px;background:#f2e6e0}.wireframe strong{font-size:25px;font-weight:500;line-height:1.05;letter-spacing:-.05em;position:relative;z-index:1}.wire-line{height:5px;width:45%;background:#f2e6e0;margin-top:14px;border-radius:3px}.wire-line.short{width:30%;margin-top:5px}.wire-button{width:45px;height:14px;background:#e7d0c2;border-radius:10px;margin-top:15px;transition:background .6s}.wire-image{position:absolute;right:18px;top:45px;bottom:25px;width:35%;background:#fff4ed;display:grid;place-items:center;color:#f3beaa;font-size:75px;border:1px dashed #e4bdac;transition:background .6s,color .6s,transform .6s}.selection-label{position:absolute;bottom:-24px;right:-10px;background:var(--red);color:white;font-size:8px;padding:6px 9px;border-radius:0 5px 5px 5px}.demo-footer{display:flex;align-items:center;gap:10px;padding:17px 20px;font-size:9px;color:#a98a79;border-top:1px solid #f0e1d9}.demo-footer svg{width:15px;height:15px;color:var(--red)}.demo-footer i{font-style:normal;margin-left:auto;font-size:8px}.process-demo[data-stage='1'] .wireframe{background:#fff8f5;border-color:#ed302b}.process-demo[data-stage='1'] .wire-image{background:#ffd8ca;color:var(--red);transform:rotate(-4deg)}.process-demo[data-stage='1'] .wire-button,.process-demo[data-stage='2'] .wire-button,.process-demo[data-stage='3'] .wire-button{background:var(--red)}.process-demo[data-stage='2'] .wireframe{border-radius:12px;box-shadow:0 10px 20px #c5856b15}.process-demo[data-stage='2'] .wire-image{background:#ffddcf;color:#e65e3d;border-radius:12px}.process-demo[data-stage='3'] .wireframe{border-radius:12px;box-shadow:0 15px 35px #b7623c24;border-color:#ed302b}.process-demo[data-stage='3'] .wire-image{background:#ffded0;color:var(--red);border-radius:12px;transform:rotate(4deg)}.step{border-top:1px solid var(--line);padding:25px 0}.step:last-child{border-bottom:1px solid var(--line)}.step summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:18px}.step summary::-webkit-details-marker{display:none}.step summary>span{font-size:10px;color:var(--red)}.step h3{font-size:19px;font-weight:500;letter-spacing:-.03em;margin:0;flex:1}.step summary i{font-size:22px;font-style:normal;color:#c6a18b;transition:transform .3s}.step[open] summary i{transform:rotate(45deg)}.step p{font-size:12px;line-height:1.8;margin:18px 25px 15px 32px}.step-tag{font-size:8px;letter-spacing:.06em;color:#bb8c72;margin-left:32px}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:75px 100px}.portrait-card{padding:25px;background:linear-gradient(135deg,#fff4ec,#fff);border:1px solid #eed9cc;border-radius:25px;overflow:hidden}.portrait-caption{display:flex;justify-content:space-between;font-size:8px;color:#bb8a6d;letter-spacing:.08em}.portrait-card img{width:100%;height:auto;max-height:450px;object-fit:contain;object-position:center bottom;margin:20px auto 0}.portrait-note{display:block;font-size:10px;text-align:center;color:#ae856f;padding-top:20px;border-top:1px solid #edd8ca}.about-copy p{font-size:14px;line-height:1.9}.about-copy .button{margin-top:12px}.faq{padding-block:65px 100px;max-width:850px}.faq-list .step p{margin-left:0;font-size:13px}.contact{padding-block:75px 85px;background:radial-gradient(ellipse at 20% 10%,#ffdfce88,transparent 55%),linear-gradient(#fff0e7,#fff9f4);border-radius:60px 60px 0 0;border-top:1px solid #f1d8c7;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;background:radial-gradient(#e8c9b280 .8px,transparent .8px)0 0/20px 20px;mask-image:linear-gradient(#0005,transparent);pointer-events:none}.contact-content{position:relative;text-align:center}.contact-content>.logo-tile{margin:0 auto 22px;width:52px;height:52px;transform:rotate(-6deg)}.contact-content>.eyebrow{font-size:9px;color:#bf9175}.contact h2{font-size:clamp(40px,5vw,68px)}.contact p{font-size:15px;margin-bottom:27px}.contact-toolbar{width:max-content;margin:50px auto 0;transform:rotate(-3deg);opacity:.65}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:27px}.footer .wordmark{font-size:20px}.footer>p,.footer>a:last-child{font-size:9px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(30px)}.motion-ready .reveal{transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .float-wrap{transform:none!important}.motion-paused .reveal{transition:none!important;opacity:1!important;transform:none!important}.motion-paused{scroll-behavior:auto}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes drift{50%{translate:0 -9px}} @media(max-width:1100px){.hero h1{font-size:51px}.hero-content{max-width:750px}.float-left{left:-80px;opacity:.6}.float-top{right:-45px;top:110px;opacity:.7}.float-cursor{right:2%;top:57%}.float-mini{left:1%;bottom:100px}.approach{gap:30px}.service-body{padding:20px}.service-body h3{font-size:24px}.about{gap:45px}.project-meta>span:last-child{display:none}} @media(max-width:760px){:root{scroll-padding-top:20px}.section{width:calc(100% - 36px)}.header{height:70px;padding:0 20px}.wordmark{font-size:20px}.wordmark .logo-tile{width:24px;height:24px;border-radius:7px}.wordmark .logo-tile svg{height:15px;width:15px}.menu-toggle{display:block;background:#ffffffb3;border:1px solid #ed302b22;color:#af6350;padding:10px 15px;border-radius:20px;font-size:11px}nav{position:absolute;display:none;top:65px;left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;padding:16px 22px;border-radius:18px;background:#fff9f6f5;box-shadow:0 20px 50px #b95d3820;border:1px solid #ecd6cb;backdrop-filter:blur(20px)}nav.is-open{display:flex}nav a{padding:12px;font-size:15px}.nav-contact{margin-top:10px;text-align:center}.hero{min-height:770px;padding:150px 20px 155px}.hero-content{width:100%}.hero-logo{margin-bottom:20px}.hero-logo>span:nth-child(2){font-size:31px}.hero-eyebrow{font-size:7px;letter-spacing:.045em;margin-bottom:22px}.hero h1{font-size:clamp(32px,6.9vw,49px);line-height:1.2;letter-spacing:-.04em}.hero-description{font-size:14px;line-height:1.7;max-width:340px;margin:22px auto}.button{font-size:12px}.button>span{padding:16px 23px}.button>i{height:48px;width:48px}.hero-signature{font-size:7px}.canvas-outline{left:7%;right:7%;top:115px;bottom:95px;transform:rotate(-2deg)}.canvas-outline>span{font-size:6px}.float-top{top:85px;right:-26px;opacity:.7;transform:scale(.7);transform-origin:right}.float-top .toolbar{gap:4px}.float-left{top:auto;bottom:75px;left:-10px;opacity:.65;transform:scale(.7) rotate(-6deg);transform-origin:left bottom}.layer-panel{width:145px}.layer-row{font-size:7px;padding:6px 3px}.panel-caption{font-size:7px}.float-bottom{right:-12px;bottom:90px;transform:scale(.68) rotate(4deg);transform-origin:right bottom;opacity:.8}.float-mini,.float-cursor{display:none}.hero-baseline{bottom:17px;left:18px;right:18px;font-size:6px;letter-spacing:0;flex-wrap:wrap}.hero-baseline>span{display:none}.motion-toggle{font-size:8px;padding:7px 10px}.tool-ribbon{padding-block:10px}.approach{grid-template-columns:1fr;padding-block:50px 35px;gap:35px}.approach-art>img{max-height:320px;object-fit:contain}.asset-label{bottom:3px;font-size:7px;padding:10px 14px}.approach-copy{text-align:left}.soft-label{font-size:8px;padding:10px 13px;border-radius:12px}h2{font-size:34px;letter-spacing:-.04em}.benefits{margin-top:20px}.benefits li{font-size:12px;margin-top:17px}.audience{padding-block:35px 55px}.section-title{margin-bottom:30px}.section-title>p{font-size:13px}.audience-grid{grid-template-columns:1fr 1fr;gap:12px}.audience-card{padding:15px 15px 20px;border-radius:19px}.audience-card>img{height:120px}.audience-card h3{font-size:15px;margin-top:14px}.audience-card p{font-size:11px;line-height:1.6}.services{padding-block:50px 55px;border-radius:35px 35px 0 0}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{border-radius:23px}.service-art img{height:250px}.service-body{padding:15px 25px 25px}.service-body h3{font-size:28px}.service-body p{min-height:0;font-size:13px}.service-body>.eyebrow{font-size:8px}.text-link{font-size:11px}.work{padding-block:60px}.work-grid{grid-template-columns:1fr;gap:28px}.project-art{height:290px;padding:20px;border-radius:23px}.project-logo{padding:25px}.project-logo img{height:65px}.project-caption h3{font-size:18px}.project-caption>span{font-size:8px}.project-meta{font-size:8px}.section-cta{margin-top:30px}.process{padding-block:35px 55px}.process-layout{grid-template-columns:1fr;gap:25px}.process-demo{position:relative;top:0;max-width:100%}.demo-canvas{height:270px}.wireframe strong{font-size:24px}.wire-image{font-size:62px}.step{padding:22px 0}.step h3{font-size:16px}.step summary{gap:12px}.step p{font-size:12px;margin-left:25px}.step-tag{font-size:7px;margin-left:25px}.about{grid-template-columns:1fr;gap:35px;padding-block:35px 55px}.portrait-card{max-width:430px;width:100%;margin:auto;padding:20px}.portrait-card img{max-height:340px}.about-copy h2{font-size:43px}.about-copy p{font-size:13px}.faq{padding-block:35px 60px}.faq .step h3{font-size:16px}.contact{padding-block:45px 45px;border-radius:35px 35px 0 0}.contact h2{font-size:38px}.contact p{font-size:13px}.contact-content>.eyebrow{font-size:7px}.contact-toolbar{transform:scale(.8) rotate(-3deg);margin-top:30px}.footer{padding-block:25px;flex-wrap:wrap}.footer>p{order:3;flex-basis:100%;font-size:8px;margin:0;border-top:1px solid var(--line);padding-top:17px}.footer>a:last-child{font-size:9px}} @media(max-width:360px){.audience-grid{grid-template-columns:1fr}.audience-card>img{height:160px}.hero h1{font-size:30px}.hero{min-height:750px}.hero-description{font-size:13px}.hero-logo>span:nth-child(2){font-size:28px}.contact h2{font-size:34px}} @media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.float-wrap{transform:none!important}.motion-toggle{display:none}} /* Refinement pass: clean section hierarchy, precise UI assets and motion. */ :root{scrollbar-color:#ed302b #fff4ef;scrollbar-width:thin} ::-webkit-scrollbar{width:11px;height:11px} ::-webkit-scrollbar-track{background:#fff5f0} ::-webkit-scrollbar-thumb{background:linear-gradient(#f57c67,#ed302b);border:3px solid #fff5f0;border-radius:20px} ::-webkit-scrollbar-thumb:hover{background:#c92322} @media(pointer:fine){ html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M4 3 23 19 14 20 10 29Z' fill='%23ed302b' stroke='white' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3,auto} a,button,summary,[role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M4 3 23 19 14 20 10 29Z' fill='white' stroke='%23ed302b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3,pointer} } .hero-content{padding-block:25px}.hero-logo{margin-bottom:34px}.hero h1{margin-top:0}.hero-description{margin-block:27px}.hero-baseline{justify-content:center}.hero-baseline>a{position:absolute;right:0}.section-title h2{margin-top:0}.approach-copy h2,.about-copy h2{margin-top:0}.portrait-note{margin-top:15px}.service-body h3{margin-top:0}.service-art{padding:26px 18px 0}.service-art img{height:235px;object-fit:contain}.audience-card>img{height:170px}.audience-card,.service-card{background:linear-gradient(155deg,#fff,#fffafa);border-color:#f2e3dd}.approach-art>img{border-radius:25px;box-shadow:0 18px 60px #d7a18c09}.demo-canvas{padding-top:0}.demo-title{color:#876f63}.steps .step p,.step-tag{margin-left:0}.demo-footer{font-size:11px}.service-body p{min-height:90px}.project-art{padding-top:30px}.project-logo{padding-top:15px}.portrait-card{padding-top:10px}.hero-grid{opacity:.65} .motion-ready .reveal{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0ms)} .motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(38px) scale(.985)} .button{isolation:isolate}.button>span{position:relative;overflow:hidden;background:linear-gradient(105deg,#dd2f29,#cb4434);box-shadow:0 6px 19px #ed302b17;transition:background .35s,box-shadow .35s,transform .35s,color .35s} .button>span:after{content:"";position:absolute;inset:-80% auto -80% -55%;width:35%;background:linear-gradient(90deg,transparent,#ffffff25,transparent);transform:rotate(22deg);pointer-events:none;transition:left .6s var(--ease)} .button:hover>span,.button:focus-visible>span{background:#a91d1e;box-shadow:0 12px 28px #c72d292b;transform:translateY(-3px)} .button:hover>span:after,.button:focus-visible>span:after{left:130%} .button>i{color:transparent!important;position:relative;overflow:hidden;--arrow-color:#ed302b;transition:background .3s,box-shadow .3s;transform:none!important} .button>i:before{content:"↗";position:absolute;inset:0;display:grid;place-items:center;color:var(--arrow-color);font-size:24px;line-height:1} .button:hover>i,.button:focus-visible>i{background:#ed302b;--arrow-color:#fff;box-shadow:0 9px 23px #ed302b20} .button:hover>i:before,.button:focus-visible>i:before{animation:arrow-flight .65s var(--ease) both} .text-link>span,.project-arrow{position:relative;overflow:hidden;color:transparent!important;flex-shrink:0} .text-link>span{width:23px;height:26px;display:grid;place-items:center} .text-link>span:before,.project-arrow:before{content:"↗";position:absolute;inset:0;display:grid;place-items:center;color:#d43c2f;font-size:20px;transition:color .3s} .text-link:hover>span:before,.project:hover .project-arrow:before{animation:arrow-flight .65s var(--ease) both} .project:hover .project-arrow{background:#ed302b}.project:hover .project-arrow:before{color:#fff} .text-link{transition:color .3s,border-color .3s}.text-link:hover{color:#b62120;border-color:#ec9f89} .nav-contact{transition:background .3s,color .3s,border-color .3s,box-shadow .3s} .nav-contact:hover,.nav-contact:focus-visible{background:#ed302b;color:#fff;border-color:#ed302b;box-shadow:0 8px 18px #ed302b1f} .flying-arrows{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;color:#ed302b} .flying-arrows>span{position:absolute;display:block;width:35px;height:35px;opacity:.4;animation:arrow-soar 7s ease-in-out infinite} .flying-arrows svg{width:100%;height:100%}.flying-arrows>span:nth-child(1){left:17%;top:21%;animation-delay:-1s;width:22px;height:22px;opacity:.25} .flying-arrows>span:nth-child(2){right:15%;bottom:22%;animation-delay:-4s;width:30px;height:30px;opacity:.32} .flying-arrows>span:nth-child(3){left:29%;bottom:15%;animation-delay:-2.8s;width:17px;height:17px;opacity:.2} .float-cursor{animation:cursor-soar 8s ease-in-out infinite}.float-cursor>svg{height:32px;width:32px} @keyframes arrow-flight{0%{transform:translate(0,0);opacity:1}40%{transform:translate(24px,-24px);opacity:0}41%{transform:translate(-24px,24px);opacity:0}100%{transform:translate(0,0);opacity:1}} @keyframes arrow-soar{0%,100%{transform:translate(-12px,12px) rotate(-8deg)}50%{transform:translate(18px,-18px) rotate(7deg)}} @keyframes cursor-soar{0%,100%{translate:0 0}50%{translate:14px -18px}} @media(max-width:760px){.hero-content{padding-block:10px}.hero-logo{margin-bottom:29px}.hero-description{margin-block:25px}.hero{min-height:715px;padding-top:130px;padding-bottom:150px}.hero-baseline{justify-content:flex-start}.flying-arrows>span:nth-child(1){top:18%;left:8%}.flying-arrows>span:nth-child(2){right:11%;bottom:22%}.flying-arrows>span:nth-child(3){display:none}.section-title h2{margin-top:0}.audience-card>img{height:130px}.service-art img{height:230px}.service-body p{min-height:0}.service-body{padding-top:24px}.portrait-card{padding-top:12px}.approach-art>img{box-shadow:none}.motion-ready .reveal{transition-delay:var(--delay,0ms)}.hero-baseline>a{font-size:8px}.demo-footer{font-size:10px}} @media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.flying-arrows{display:none}.button:hover>span,.button:focus-visible>span{transform:none}.button>span:after{display:none}} /* Compact client band and a purposeful, interactive process. */ .brand-section{padding:75px 0 70px;background:#fffdfb} .brand-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 9px 30px} .brand-heading>p{font-size:20px;font-weight:500;letter-spacing:-.035em;color:#403a36;margin:0;line-height:1.3} .brand-heading>p>span{color:#9b8c84} .mini-projects{display:inline-flex;align-items:center;gap:24px;padding:11px 16px;border:1px solid #e8dcd5;border-radius:30px;font-size:11px;white-space:nowrap;background:#fff;transition:background .3s,color .3s,border-color .3s,box-shadow .3s} .mini-projects>span{font-size:18px;line-height:1;color:#d83c30} .mini-projects:hover,.mini-projects:focus-visible{background:#d8332a;color:#fff;border-color:#d8332a;box-shadow:0 8px 24px #c63b291c} .mini-projects:hover>span,.mini-projects:focus-visible>span{color:#fff;animation:mini-arrow-flight .6s var(--ease)} .brand-marquee{overflow:hidden;position:relative;border-block:1px solid #eee5df;padding-block:34px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} .brand-track{display:flex;width:max-content;animation:brand-drift 48s linear infinite} .brand-group{display:flex;align-items:center;justify-content:space-around;gap:48px;padding-right:48px;min-width:1200px} .brand-item{width:150px;height:62px;flex-shrink:0;display:grid;place-items:center} .brand-item>img{width:145px;max-height:49px;object-fit:contain;filter:grayscale(1) brightness(.22);opacity:.66;mix-blend-mode:multiply} .brand-item>img[src*="barghat"]{height:55px;max-height:55px;width:72px;filter:grayscale(1) brightness(.25);opacity:.78} .brand-marquee:hover .brand-track,.brand-marquee:focus .brand-track{animation-play-state:paused} .brand-marquee:focus-visible{outline-offset:7px} .journey{padding-block:65px 110px} .journey .section-title{margin-bottom:45px} .journey-shell{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #ecdfd6;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 65px #9f63440a} .journey-sidebar{padding:25px 18px;background:linear-gradient(160deg,#fff5ef,#fffbf8);border-right:1px solid #efe3d9;display:flex;flex-direction:column} .journey-tabs{display:flex;flex-direction:column;gap:8px} .journey-tab{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:17px;padding:20px 14px;color:#897c72;transition:background .3s,border-color .3s,box-shadow .3s,color .3s} .journey-icon{height:38px;width:38px;flex-shrink:0;display:grid;place-items:center;border:1px solid #edddd2;border-radius:12px;background:#ffffffa8;color:#b79a87;transition:color .3s,background .3s,border-color .3s} .journey-icon svg{width:20px;height:20px} .journey-tab-copy{flex:1;display:flex;flex-direction:column;gap:5px} .journey-tab-copy>strong{font-weight:500;font-size:16px;letter-spacing:-.025em;color:inherit} .journey-tab-copy>span{font-size:10px;line-height:1.5;color:#ac9a8b} .journey-tab-arrow{font-size:17px;color:#df7560;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s} .journey-tab:hover{background:#ffffff9c;color:#5c493c} .journey-tab[aria-selected="true"]{background:#fff;border-color:#ebd8c9;box-shadow:0 8px 22px #b1745010;color:#3f3229} .journey-tab[aria-selected="true"] .journey-icon{color:#d9362b;border-color:#f1c9b9;background:#fff1e8} .journey-tab[aria-selected="true"] .journey-tab-arrow{opacity:1;transform:none} .journey-sidebar-note{margin:45px 15px 7px;color:#a18d7c;font-size:12px;line-height:1.8} .journey-stage{min-width:0;padding:32px 36px 25px} .journey-panel-heading h3{font-size:30px;font-weight:500;line-height:1.17;letter-spacing:-.045em;margin:0 0 12px;color:#3e342d} .journey-panel-heading p{font-size:13px;line-height:1.8;color:#8a7b70;margin:0;min-height:71px;max-width:610px} .journey-panel{outline-offset:8px} .journey-ready .journey-panel:not([hidden]){animation:journey-entry .55s var(--ease) both} .journey-panel[hidden]{display:none!important} .journey-visual{position:relative;min-height:305px;margin:24px 0 22px;isolation:isolate;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 35% 25%,#fff,#fff6ef 100%);border:1px solid #f3e7dd} .journey-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(#dfbba065 .75px,transparent .75px)0 0/18px 18px;z-index:-1;mask-image:linear-gradient(#0008,transparent)} .journey-deliverables{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0} .journey-deliverables>li{display:flex;align-items:center;gap:7px;border:1px solid #ecdcd0;background:#fffaf5;border-radius:25px;color:#9a7860;padding:8px 11px;font-size:10px} .journey-deliverables>li:before{content:"";width:4px;height:4px;border-radius:50%;background:#e38063} .discovery-board{padding:25px;width:100%} .discovery-question{text-align:center;font-size:21px;letter-spacing:-.035em;line-height:1.25;color:#77533e;margin-bottom:25px} .discovery-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative} .discovery-nodes:before{content:"";position:absolute;left:15%;right:15%;top:50%;border-top:1px dashed #e8b69a;z-index:-1} .discovery-nodes>div{border-radius:15px;border:1px solid #ecd7c6;background:linear-gradient(145deg,#fff,#fff9f1);padding:15px 10px;box-shadow:0 8px 15px #ba875506;text-align:center;min-width:0} .discovery-nodes>div>span{font-size:21px;color:#e46544;display:block;margin-bottom:6px} .discovery-nodes strong{font-size:13px;font-weight:500;color:#785844;letter-spacing:-.02em} .discovery-nodes p{font-size:9px;margin:3px 0 0;color:#b2947e;line-height:1.5} .discovery-result{display:flex;justify-content:center;align-items:center;gap:9px;color:#af7854;font-size:11px;margin-top:20px} .discovery-result>span{font-size:21px;color:#e76747} .journey-art{position:relative;width:100%;height:305px;display:grid;place-items:center} .journey-art>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;max-height:305px} .design-swatch{position:absolute;left:22px;top:22px;display:flex;gap:5px;padding:8px 10px;border:1px solid #fff;border-radius:20px;background:#ffffffb3;box-shadow:0 5px 15px #ad6d4620;z-index:1;transform:rotate(-6deg)} .design-swatch>span{width:12px;height:12px;background:#ed302b;border:1px solid #ed302b;border-radius:50%} .design-swatch>span:nth-child(2){background:white;border-color:#e3d7cc}.design-swatch>span:nth-child(3){background:#393533;border-color:#393533} .art-cursor{position:absolute;right:22px;bottom:20px;font-size:35px;color:#ed302b;animation:process-cursor 5s ease-in-out infinite} .responsive-note{position:absolute;bottom:13px;right:18px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid white;border-radius:25px;background:#ffffffed;font-size:10px;color:#b1714b;box-shadow:0 5px 20px #a56d4010} .responsive-note svg{height:17px;width:17px;color:#da5d3d} .launch-board{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;padding:28px} .launch-symbol{height:120px;width:120px;flex-shrink:0;border:1px solid white;background:linear-gradient(145deg,#fff,#fff0dc);box-shadow:0 15px 30px #ad764a13,inset 0 -3px 4px #e2be9d29;border-radius:32px;display:grid;place-items:center;font-size:85px;font-weight:400;color:#e66039;transform:rotate(-8deg)} .launch-checks{display:flex;flex-direction:column;gap:17px} .launch-checks>div{display:flex;align-items:center;gap:10px} .launch-checks span{height:23px;width:23px;display:grid;place-items:center;color:#d9502e;border:1px solid #f0cfba;border-radius:50%;background:#fffaf3;font-size:12px} .launch-checks strong{font-weight:400;font-size:12px;color:#9f7659;letter-spacing:-.01em} @keyframes brand-drift{to{transform:translateX(-50%)}} @keyframes journey-entry{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} @keyframes mini-arrow-flight{0%{transform:translate(0);opacity:1}45%{transform:translate(8px,-8px);opacity:0}46%{transform:translate(-8px,8px);opacity:0}100%{transform:translate(0);opacity:1}} @keyframes process-cursor{50%{translate:-8px 6px}} @media(max-width:1050px){.journey-shell{grid-template-columns:270px minmax(0,1fr)}.journey-sidebar{padding:20px 13px}.journey-stage{padding:30px 25px 25px}.journey-tab{padding:18px 11px;gap:10px}.journey-tab-copy>strong{font-size:14px}.journey-tab-copy>span{font-size:9px}.journey-tab-arrow{display:none}.journey-panel-heading h3{font-size:26px}.journey-panel-heading p{font-size:12px;min-height:88px}.discovery-board{padding:20px 15px}.discovery-nodes{gap:9px}.discovery-nodes p{font-size:8px}.discovery-result{font-size:10px}.launch-board{gap:23px;padding:20px}.launch-symbol{width:85px;height:85px;border-radius:25px;font-size:62px}.launch-checks strong{font-size:11px}} @media(max-width:760px){.brand-section{padding:48px 0 38px}.brand-heading{padding:0 0 20px;gap:14px}.brand-heading>p{font-size:16px;max-width:180px}.brand-heading>p>span{display:block;margin-top:3px}.mini-projects{padding:9px 12px;font-size:10px;gap:16px}.mini-projects>span{font-size:17px}.brand-marquee{padding-block:24px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.brand-group{gap:30px;padding-right:30px;min-width:900px}.brand-item{width:115px;height:47px}.brand-item>img{width:110px;max-height:37px}.brand-item>img[src*="barghat"]{height:43px;max-height:43px;width:55px}.brand-track{animation-duration:43s}.journey{padding-block:42px 65px}.journey .section-title{margin-bottom:28px}.journey-shell{grid-template-columns:1fr;border-radius:23px}.journey-sidebar{padding:14px;border-right:0;border-bottom:1px solid #eddfd3}.journey-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.journey-tab{padding:13px 10px;gap:8px;border-radius:12px;align-items:center}.journey-icon{width:29px;height:29px;border-radius:9px}.journey-icon svg{width:16px;height:16px}.journey-tab-copy>strong{font-size:11px;letter-spacing:-.02em}.journey-tab-copy>span{display:none}.journey-sidebar-note{display:none}.journey-stage{padding:25px 18px 20px}.journey-panel-heading h3{font-size:27px}.journey-panel-heading p{font-size:12px;min-height:0}.journey-visual{min-height:270px;margin:22px 0 20px;border-radius:16px}.journey-art{height:270px}.journey-art>img{max-height:270px}.journey-deliverables{gap:6px}.journey-deliverables>li{font-size:8px;padding:7px 9px;gap:5px}.discovery-board{padding:22px 13px}.discovery-question{font-size:21px;margin-bottom:22px}.discovery-nodes{gap:8px}.discovery-nodes>div{padding:13px 4px;border-radius:12px}.discovery-nodes>div>span{font-size:19px}.discovery-nodes strong{font-size:11px}.discovery-nodes p{font-size:8px}.discovery-result{font-size:10px;gap:6px;margin-top:18px}.launch-board{gap:19px;padding:20px 15px}.launch-symbol{width:70px;height:70px;border-radius:20px;font-size:52px}.launch-checks{gap:16px}.launch-checks>div{gap:8px}.launch-checks strong{font-size:10px}.launch-checks span{height:20px;width:20px;font-size:10px}.design-swatch{left:13px;top:13px}.art-cursor{right:12px;bottom:15px;font-size:28px}.responsive-note{font-size:9px;right:10px;bottom:10px;padding:8px 10px}} @media(max-width:360px){.journey-stage{padding-inline:14px}.journey-tab{padding:12px 7px;gap:6px}.journey-tab-copy>strong{font-size:10px}.journey-icon{width:25px;height:25px}.discovery-nodes p{font-size:7px}.discovery-result{font-size:9px}.journey-deliverables>li{font-size:7px}.launch-board{gap:12px;padding-inline:12px}.launch-checks strong{font-size:9px}} @media(prefers-reduced-motion:reduce){.brand-marquee{overflow-x:auto;mask-image:none}.brand-track{animation:none;width:max-content}.brand-group{min-width:0}.brand-group[aria-hidden="true"]{display:none}.journey-ready .journey-panel:not([hidden]){animation:none}.art-cursor{animation:none}} .motion-paused .journey-panel{animation:none!important} /* The supplied reference: floating tiles, compact tool cards and corner fill. */ .approach-art{padding:0 12px;display:grid;place-items:center;overflow:visible} .approach-art>.floating-tiles{width:100%;max-width:530px;height:550px;object-fit:contain;border-radius:0;box-shadow:none;mix-blend-mode:normal;filter:drop-shadow(0 18px 30px #a8674510)} .audience-grid{gap:18px}.audience-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:27px;background:#fff9f7;padding:28px 27px 32px;box-shadow:none;min-height:325px;transition:background .3s,border-color .3s} .audience-card:before{content:"";position:absolute;inset:0;background:#ffe4dd;clip-path:circle(0% at 0% 0%);transition:clip-path .75s cubic-bezier(.22,1,.36,1);z-index:-1} .audience-card:hover,.audience-card:focus-within{transform:none;box-shadow:none;border-color:transparent;background:#fff9f7} .audience-card:hover:before,.audience-card:focus-within:before{clip-path:circle(145% at 0% 0%)} .audience-card>img{height:148px;width:100%;object-fit:contain;mix-blend-mode:normal;border-radius:20px;margin-bottom:23px;transition:translate .55s var(--ease)} .audience-card:hover>img{translate:0 -3px} .audience-card h3{font-size:19px;font-weight:400;line-height:1.5;letter-spacing:-.025em;margin:0 0 12px;color:#4d4542} .audience-card p{font-size:13px;line-height:1.75;color:#9b8279;margin:0} .float-top{--enter-x:130px;--enter-y:-100px;--enter-rotate:10deg;--enter-delay:.12s} .float-left{--enter-x:-160px;--enter-y:110px;--enter-rotate:-12deg;--enter-delay:.3s} .float-bottom{--enter-x:120px;--enter-y:110px;--enter-rotate:9deg;--enter-delay:.48s} .float-cursor{--enter-x:100px;--enter-y:-75px;--enter-rotate:12deg;--enter-delay:.64s} .hero-float-object{animation:diagonal-arrival 1.15s cubic-bezier(.16,1,.3,1) var(--enter-delay,.2s) both;transform-origin:center;will-change:transform,opacity} .hero-enter{animation:hero-copy-arrival 1s var(--ease) .18s both} .float-cursor .hero-float-object{display:flex;align-items:flex-start;flex-direction:column;color:#ed302b} .float-cursor .hero-float-object>svg{width:32px;height:32px;fill:#ed302b;stroke:white;stroke-width:1px;filter:drop-shadow(0 3px 4px #a1352520)} .ribbon-track{gap:0;animation:marquee 58s linear infinite} .ribbon-group{display:flex;align-items:center;gap:18px;padding-right:18px;flex-shrink:0} .ribbon-group>.toolbar{flex-shrink:0;transform:scale(.64);margin-inline:-36px;box-shadow:none;background:#ffffff80} .hero-baseline{justify-content:flex-end} @keyframes diagonal-arrival{0%{opacity:0;transform:translate3d(var(--enter-x,80px),var(--enter-y,-80px),0) rotate(var(--enter-rotate,8deg)) scale(.9)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}} @keyframes hero-copy-arrival{from{opacity:0;transform:translate(-14px,20px)}to{opacity:1;transform:none}} @media(max-width:760px){.approach-art{padding:0 10px}.approach-art>.floating-tiles{height:380px;max-height:none;max-width:390px}.audience-grid{gap:12px}.audience-card{padding:17px 16px 24px;min-height:290px;border-radius:23px}.audience-card>img{height:112px;margin-bottom:17px;border-radius:15px}.audience-card h3{font-size:16px;line-height:1.5;margin-bottom:11px}.audience-card p{font-size:12px;line-height:1.6}.float-top{--enter-x:70px;--enter-y:-60px}.float-left{--enter-x:-80px;--enter-y:65px}.float-bottom{--enter-x:70px;--enter-y:60px}.hero-baseline{justify-content:flex-end}.ribbon-track{animation-duration:63s}} @media(max-width:360px){.audience-card{min-height:0;padding:23px}.audience-card>img{height:145px}.audience-card h3{font-size:18px}.audience-card p{font-size:13px}} @media(prefers-reduced-motion:reduce){.hero-float-object,.hero-enter{animation:none!important;opacity:1!important;transform:none!important}.audience-card:before{transition:none}.ribbon-track{animation:none!important}.audience-card:hover>img{translate:none}} body:has(.scallop-redesign){display:block;background:#fffafa;color:#393533;margin:0;overflow-x:clip;font-family:"DM Sans",Arial,sans-serif}.scallop-redesign{position:relative;isolation:isolate;width:100%;background:#fffafa;color:#393533;font-family:"DM Sans",Arial,sans-serif}.scallop-redesign :is(h1,h2,h3,p,a,button,summary){font-family:inherit}.scallop-opening .hero-float-object,.scallop-opening .hero-enter{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.scallop-opening .hero-float-object,.scallop-opening .hero-enter{animation:none!important;opacity:1!important;transform:none!important}} .scallop-redesign{--red:#e3342b;--ink:#2d2a28;--muted:#756c67;--paper:#fffdfb;--line:#eae4df;background:var(--paper);color:var(--ink)} body:has(.scallop-redesign){background:#fffdfb;color:#2d2a28} .scallop-redesign .section{width:min(1200px,calc(100% - 80px))} .scallop-redesign .header{position:fixed;top:14px;left:50%;right:auto;transform:translateX(-50%);width:min(1280px,calc(100% - 48px));height:68px;padding:0 25px;background:#fffdfbf2;border:1px solid #eae4df;border-radius:20px;backdrop-filter:blur(18px);z-index:40;transition:box-shadow .3s,background .3s} .scallop-scrolled .header{box-shadow:0 8px 30px #39241a0a;background:#fffdfbf7} .scallop-redesign nav{font-size:13px;gap:25px}.scallop-redesign .nav-contact{background:#e3342b;color:#fff;border-color:#e3342b;padding:12px 19px;border-radius:12px;transition:background .25s}.scallop-redesign .nav-contact:hover{background:#b8231c;color:#fff} .scallop-redesign .hero{background:radial-gradient(ellipse at 50% 30%,#fff0eb,transparent 65%),#fffdfb;padding-top:155px;min-height:800px}.scallop-redesign .hero-grid{opacity:.6}.scallop-redesign .hero-description{color:#756c67;max-width:620px;margin:26px auto;font-size:18px}.scallop-redesign .gradient-text{background:none;-webkit-text-fill-color:currentColor;color:#e3342b} .scallop-redesign h2{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-.045em}.scallop-redesign p{color:var(--muted)}.scallop-redesign .section-title>p{font-size:16px;line-height:1.75}.scallop-redesign .button>span{background:#e3342b;box-shadow:none;transition:background .25s,transform .35s}.scallop-redesign .button:hover>span{background:#b8231c;box-shadow:none}.scallop-redesign .button>i{background:#fce5df;color:#c82d24} .scallop-redesign :is(.audience-card,.service-card,.portrait-card,.journey-shell){border-color:#eae4df;border-radius:24px;box-shadow:none}.scallop-redesign .audience-card{background:#fff}.scallop-redesign .audience-card p{font-size:13px;line-height:1.65}.scallop-redesign .services{background:#f7f4f1;border-radius:36px}.scallop-redesign .service-body p{font-size:14px}.scallop-redesign .about-copy p{font-size:16px;line-height:1.8}.scallop-redesign .contact{background:radial-gradient(ellipse at 50% 0,#ffe7de,transparent 75%),#fff7f3;border-radius:36px 36px 0 0} .project-showcase{padding-block:95px 110px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.gallery-heading h2{margin:0 0 18px}.gallery-heading p{max-width:510px;margin:0;font-size:16px}.gallery-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;border-radius:14px;padding:0 15px;min-width:280px;height:52px;color:var(--muted)}.gallery-search svg{width:18px;height:18px}.gallery-search input{width:100%;min-width:0;border:0;background:none;font:inherit;color:var(--ink);font-size:14px;outline:none}.gallery-search:focus-within{outline:2px solid var(--red);outline-offset:3px}.gallery-search button{border:0;background:none;color:var(--ink);font-size:21px;padding:5px;min-width:30px}.gallery-search input:focus-visible{outline:none} .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.portfolio-card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:border-color .3s,box-shadow .3s,translate .4s var(--ease)}.portfolio-card:hover{translate:0 -5px;border-color:#ddb7aa;box-shadow:0 15px 36px #39241a0a}.portfolio-preview{position:relative;aspect-ratio:1.9;background:var(--project-bg,#f4f1ed);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:35px}.portfolio-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff50,transparent);pointer-events:none}.portfolio-preview img{max-width:78%;max-height:82px;object-fit:contain;transition:transform .65s var(--ease)}.portfolio-preview.has-screenshot{padding:0}.portfolio-preview.has-screenshot img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:top}.portfolio-card:hover .portfolio-preview img{transform:scale(1.045)}.portfolio-wordmark{font-size:clamp(22px,2.1vw,31px);font-weight:600;letter-spacing:-.055em;line-height:1.1;text-align:center;max-width:90%;color:var(--project-ink,#393533)}.portfolio-overlay{position:absolute;right:15px;bottom:15px;background:#fff;border:1px solid #eae4df;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#e3342b;font-size:20px;transform:translate(-5px,5px);opacity:0;transition:transform .3s,opacity .3s}.portfolio-card:is(:hover,:focus-visible) .portfolio-overlay{transform:none;opacity:1}.portfolio-info{padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.portfolio-info h3{margin:0 0 6px;font-size:17px;font-weight:500;letter-spacing:-.025em}.portfolio-info p{margin:0;font-size:12px}.portfolio-visit{font-size:12px;white-space:nowrap;color:#b7372b}.gallery-bottom{display:flex;justify-content:center;margin-top:35px}.gallery-expand{background:white;border:1px solid #d8cdc6;border-radius:14px;padding:16px 24px;color:var(--ink);display:flex;gap:25px;align-items:center;font-size:14px;transition:background .25s,border-color .25s}.gallery-expand:hover{background:#fff1eb;border-color:#e3342b}.gallery-empty{padding:48px 20px;text-align:center;border:1px dashed #d8cdc6;border-radius:20px}.gallery-empty strong{font-size:19px;font-weight:500}.gallery-empty p{font-size:14px}.gallery-empty button{border:0;background:none;text-decoration:underline;color:#b7372b;padding:10px}.portfolio-card[hidden],.gallery-empty[hidden],.gallery-bottom[hidden],[data-clear-search][hidden]{display:none!important} .scallop-redesign .faq{max-width:1200px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start;padding-block:100px 120px}.faq-intro{position:sticky;top:120px}.faq-intro h2{margin:0 0 24px}.faq-intro p{font-size:16px;max-width:330px;margin:0 0 25px}.faq-intro>a{display:inline-flex;gap:20px;font-size:14px;color:#b7372b;border-bottom:1px solid #e9b6a7;padding-bottom:8px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:17px;line-height:1.5;font-weight:500;letter-spacing:-.02em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:#b7372b;transition:transform .3s,background .3s}.faq-item[open] summary span{transform:rotate(45deg);background:#fce9e3;border-color:#fce9e3}.faq-item p{margin:0;padding:0 45px 25px 0;font-size:14px;line-height:1.85}.faq-item[open] p{animation:faq-reveal .3s ease both}@keyframes faq-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}} .scallop-redesign.motion-ready .reveal,.motion-ready .scallop-redesign .reveal{transition-duration:.65s;transition-delay:var(--delay,0ms)}.scallop-redesign .footer p,.scallop-redesign .footer>a:last-child{font-size:11px}.scallop-redesign section[id]{scroll-margin-top:110px} .scallop-redesign .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .scallop-redesign .hero-float-object{animation-duration:.9s}.scallop-redesign .hero-enter{animation-duration:.85s}.scallop-redesign .float-left{--enter-delay:.24s}.scallop-redesign .float-bottom{--enter-delay:.36s}.scallop-redesign .float-cursor{--enter-delay:.48s} .portfolio-card[href="https://serviceprorobotics.com"] .portfolio-preview{background:#263b48} @supports(interpolate-size:allow-keywords){.faq-list{interpolate-size:allow-keywords}.faq-item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .35s var(--ease),opacity .25s,content-visibility .35s allow-discrete}.faq-item[open]::details-content{block-size:auto;opacity:1}} @media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scallop-redesign .faq{gap:40px}.gallery-heading{gap:25px}.gallery-search{min-width:230px}} @media(max-width:760px){.scallop-redesign .section{width:calc(100% - 36px)}.scallop-redesign .header{top:12px;width:calc(100% - 24px);height:60px;border-radius:16px;padding:0 15px}.scallop-redesign nav{top:68px;left:0;right:0;gap:0;background:#fffdfb}.scallop-redesign .menu-toggle{border-radius:10px;font-size:12px;color:#a32c24}.scallop-redesign .hero{min-height:760px;padding-top:145px}.scallop-redesign .hero-description{font-size:15px;max-width:340px}.scallop-redesign .section-title>p{font-size:14px}.scallop-redesign .audience-card p{font-size:12px}.project-showcase{padding-block:65px}.gallery-heading{display:block;margin-bottom:25px}.gallery-heading p{font-size:14px}.gallery-search{width:100%;margin-top:25px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-preview{aspect-ratio:1.9}.portfolio-wordmark{font-size:32px}.portfolio-info{padding:19px}.portfolio-overlay{opacity:1;transform:none}.gallery-expand{width:100%;justify-content:center}.scallop-redesign .faq{grid-template-columns:1fr;gap:32px;padding-block:65px 75px}.faq-intro{position:static}.faq-intro p{max-width:100%;font-size:14px}.faq-item summary{font-size:16px;padding-block:22px;gap:15px}.faq-item p{font-size:14px;padding-right:10px}.scallop-redesign .services{border-radius:26px}.scallop-redesign .about-copy p{font-size:14px}} @media(prefers-reduced-motion:reduce){.scallop-redesign *,.scallop-redesign *:before,.scallop-redesign *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scallop-redesign .reveal{opacity:1!important;transform:none!important}} /* One visual system, from the hero to the conversation. */ .scallop-redesign .header{position:absolute;top:12px;width:min(1280px,calc(100% - 64px));height:76px;border-color:transparent;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;transition:width .35s var(--ease),top .35s var(--ease),height .35s var(--ease),border-radius .35s var(--ease),background .3s,border-color .3s,box-shadow .3s} .scallop-redesign.scallop-scrolled .header{position:fixed;top:14px;width:min(1220px,calc(100% - 48px));height:66px;background:#fffdfbf2;border:1px solid #e9e2dc;border-radius:18px;box-shadow:0 8px 28px #36221b0a;backdrop-filter:blur(18px)} .scallop-redesign .hero-float-object{will-change:auto}.scallop-redesign .hero-enter{animation-duration:.8s}.motion-ready .scallop-redesign .reveal:not(.is-visible){transform:translate3d(0,34px,0)}.motion-ready .scallop-redesign .reveal{transition:opacity .8s var(--ease) var(--delay,60ms),transform .95s var(--ease) var(--delay,60ms),border-color .25s,box-shadow .35s,translate .35s var(--ease)} .scallop-redesign :is(.button>span,.nav-contact,.gallery-expand,.about-conversation){position:relative;isolation:isolate;overflow:hidden;background:#e3342b;color:#fff;border:1px solid #e3342b;transition:color .35s,border-color .35s,transform .35s var(--ease)} .scallop-redesign :is(.button>span,.nav-contact,.gallery-expand,.about-conversation):before{content:'';position:absolute;inset:0;background:#fffdfb;transform:translateY(-102%);transition:transform .45s var(--ease);z-index:-1;pointer-events:none} .scallop-redesign :is(.button:hover>span,.button:focus-visible>span,.nav-contact:hover,.nav-contact:focus-visible,.gallery-expand:hover,.gallery-expand:focus-visible,.about-conversation:hover,.about-conversation:focus-visible){background:#e3342b;color:#c72b23;box-shadow:none} .scallop-redesign :is(.button:hover>span,.button:focus-visible>span,.nav-contact:hover,.nav-contact:focus-visible,.gallery-expand:hover,.gallery-expand:focus-visible,.about-conversation:hover,.about-conversation:focus-visible):before{transform:translateY(0)} .scallop-redesign .gallery-expand{background:#fffdfb;color:#b43128;border-color:#e6d8cf}.scallop-redesign .gallery-expand:before{background:#e3342b}.scallop-redesign .gallery-expand:is(:hover,:focus-visible){color:#fff;border-color:#e3342b} .scallop-redesign .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-browser{display:flex;align-items:center;gap:5px;height:30px;background:#f7f5f2;border-bottom:1px solid #eae4df;padding:0 13px}.portfolio-browser>i{width:4px;height:4px;background:#d6cbc3;border-radius:50%}.portfolio-browser>span{font-size:10px;color:#8d8178;margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scallop-redesign .portfolio-preview{aspect-ratio:2.15;padding:0;background:#f6f3f0}.scallop-redesign .portfolio-preview.has-screenshot img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform .7s var(--ease)}.scallop-redesign .portfolio-preview:before{display:none}.scallop-redesign .portfolio-card{border-radius:20px}.scallop-redesign .portfolio-info{padding:19px 22px;gap:17px;min-height:92px}.portfolio-brand{width:100px;height:40px;object-fit:contain;flex-shrink:0;border-radius:5px}.portfolio-brand.is-dark{background:#131827}.portfolio-name{flex:1;min-width:0}.scallop-redesign .portfolio-info h3{font-size:17px;line-height:1.3;margin:0 0 5px}.scallop-redesign .portfolio-info p{font-size:11px}.scallop-redesign .portfolio-visit{font-size:12px;flex-shrink:0}.portfolio-no-shot{display:flex;align-items:center;justify-content:center;padding:30px;background:#f5f1ec}.portfolio-no-shot .portfolio-brand{width:180px;height:70px}.scallop-redesign .portfolio-preview.has-screenshot .portfolio-brand{position:absolute} .scallop-redesign .about{grid-template-columns:.9fr 1.1fr;gap:85px;padding-block:110px;align-items:center}.about-portrait{position:relative;background:linear-gradient(145deg,#f6ede7,#fffcf8);border:1px solid #e9e1da;border-radius:24px;overflow:hidden}.about-portrait>img{width:100%;height:490px;object-fit:contain;object-position:center bottom;padding:24px 35px 0}.about-portrait-caption{padding:22px 27px;background:#fffdfb;border-top:1px solid #e9e1da;display:flex;align-items:center;justify-content:space-between;gap:15px}.about-portrait-caption strong{font-size:17px;font-weight:500;letter-spacing:-.03em}.about-portrait-caption span{font-size:11px;color:#81746c}.about-mark{position:absolute;top:25px;left:25px;border:1px solid #dfcec2;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#c72b23;font-size:22px}.about-heading{font-size:14px;color:#b53529;display:block;margin-bottom:18px}.scallop-redesign .about-copy h2{margin:0 0 25px;max-width:570px}.scallop-redesign .about-copy>p{font-size:16px;line-height:1.8;margin:0 0 17px}.about-principles{list-style:none;margin:28px 0;padding:0;border-top:1px solid #eae4df}.about-principles li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #eae4df}.about-principles li>span{color:#c72b23;font-size:16px}.about-principles strong{font-size:14px;font-weight:500;display:block}.about-principles p{margin:4px 0 0;font-size:13px;line-height:1.6}.about-conversation{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:14px;padding:16px 21px;font-size:14px}.about-languages{font-size:11px;color:#81746c;display:block;margin-top:18px} .chat-launcher{position:fixed;bottom:24px;right:25px;z-index:60;display:flex;align-items:center;justify-content:center;gap:11px;background:#e3342b;color:#fff;border:1px solid #fff7;border-radius:100px;padding:15px 21px;box-shadow:0 9px 30px #9b342328;font-size:13px;transition:transform .3s var(--ease),background .3s}.chat-launcher svg{width:21px;height:21px}.chat-launcher:hover{transform:translateY(-3px);background:#bc2b24}.chat-launcher[aria-expanded="true"]{opacity:0;pointer-events:none} .studio-chat{position:fixed;inset:auto 24px 24px auto;width:410px;max-width:calc(100vw - 28px);height:650px;max-height:calc(100dvh - 40px);margin:0;padding:0;border:1px solid #e9ded6;border-radius:24px;background:#fffdfb;color:#2d2a28;box-shadow:0 28px 100px #31211b2e;overflow:hidden;font-family:'DM Sans',Arial,sans-serif}.studio-chat[open]{display:flex;flex-direction:column;animation:chat-arrive .35s var(--ease) both}.studio-chat::backdrop{background:#261b132b;backdrop-filter:blur(2px)}.chat-header{display:flex;align-items:center;gap:12px;padding:21px 22px;background:#fffdfb;border-bottom:1px solid #eae4df;flex-shrink:0}.chat-avatar{width:37px;height:37px;border-radius:11px;background:#e3342b;display:grid;place-items:center;color:white}.chat-avatar svg{width:22px;height:22px}.chat-header strong{font-size:15px;font-weight:600;letter-spacing:-.03em}.chat-header p{font-size:11px;color:#82766d;margin:5px 0 0;line-height:1.4}.chat-header button{margin-left:auto;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f4eee9;color:#5d5048;border:0;font-size:23px}.chat-progress{font-size:11px;color:#a73c2f;padding:13px 22px;background:#fbf4ef;flex-shrink:0;line-height:1.5}.chat-log{padding:22px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:90px;scrollbar-width:thin;scrollbar-color:#dfb3a3 transparent}.chat-message{font-size:14px!important;line-height:1.7!important;padding:13px 15px;margin:0 22px 12px 0!important;border:1px solid #eae4df;background:#fff;border-radius:3px 15px 15px 15px;color:#534942!important;white-space:pre-line;overflow-wrap:anywhere;animation:chat-message-in .25s ease both}.chat-user{background:#fce9e1;color:#873d30!important;border-color:#f3d2c3;margin:0 0 12px 34px!important;border-radius:15px 3px 15px 15px}.chat-actions{padding:17px 22px 20px;border-top:1px solid #eae4df;max-height:48%;overflow-y:auto;overscroll-behavior:contain;background:#fffdfb;flex-shrink:0}.chat-choices{display:flex;gap:8px;flex-wrap:wrap}.chat-choice{display:block;width:100%;padding:12px 14px;text-align:left;font-size:13px;line-height:1.5;border-radius:10px;cursor:pointer;text-decoration:none;min-height:44px}.chat-brief{border:1px solid #e4d6ca;border-radius:12px;padding:7px 15px 0;background:#fff;margin-bottom:15px}.chat-brief p{margin:0;padding:10px 0;border-bottom:1px solid #eee7e0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.chat-brief p:last-child{border:0}.chat-brief strong{display:block;color:#2d2a28;font-weight:500;font-size:11px;margin-bottom:4px}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{flex:1;min-width:0;border:1px solid #dacec5;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;font-size:13px;color:#332c28}.chat-form button{border:1px solid #e3342b;border-radius:10px;background:#e3342b;color:white;padding:11px 14px;font-size:13px}.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.chat-footer button{background:none;border:0;font-size:11px;color:#8b5b4b;padding:5px 0;text-decoration:underline}.chat-hint{font-size:10px!important;line-height:1.6!important;color:#897c73!important;margin:10px 0 0!important}.chat-form[hidden],[data-chat-back][hidden]{display:none!important} @keyframes chat-arrive{from{opacity:0;transform:translate(15px,20px) scale(.97)}to{opacity:1;transform:none}}@keyframes chat-message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} @media(max-width:1000px){.scallop-redesign .about{gap:40px}.about-portrait>img{height:420px}.scallop-redesign .portfolio-info{padding:18px 16px;gap:12px}.portfolio-brand{width:78px;height:32px}.scallop-redesign .portfolio-info h3{font-size:15px}.portfolio-visit{font-size:11px}} @media(max-width:760px){.scallop-redesign .header{top:8px;height:68px;width:calc(100% - 16px);padding:0 16px}.scallop-redesign.scallop-scrolled .header{top:10px;width:calc(100% - 24px);height:60px;border-radius:16px}.scallop-redesign nav{top:68px;background:#fffdfbf7;border:1px solid #e9e2dc}.scallop-redesign .portfolio-grid{grid-template-columns:1fr;gap:22px}.scallop-redesign .portfolio-info{padding:17px;min-height:84px}.portfolio-brand{width:85px;height:33px}.scallop-redesign .portfolio-info h3{font-size:15px}.scallop-redesign .portfolio-info p{font-size:10px}.scallop-redesign .about{grid-template-columns:1fr;gap:35px;padding-block:65px}.about-portrait{max-width:430px;width:100%;margin:auto}.about-portrait>img{height:370px;padding-inline:30px}.about-portrait-caption{padding:19px 22px}.about-mark{top:20px;left:20px}.scallop-redesign .about-copy>p{font-size:14px}.about-heading{font-size:13px}.about-conversation{width:100%;padding:17px 20px}.about-languages{text-align:center}.chat-launcher{right:16px;bottom:17px;padding:14px;width:52px;height:52px}.chat-launcher>span{display:none}.studio-chat{inset:auto 10px 10px;width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 20px);height:680px;border-radius:20px}.chat-header{padding:17px 18px}.chat-log{padding:18px}.chat-actions{padding:14px 18px 17px}.chat-progress{padding:11px 18px}.chat-message{font-size:13px!important}.chat-form input{font-size:16px}.chat-choice{font-size:13px;min-height:44px}} @media(prefers-reduced-motion:reduce){.studio-chat[open],.chat-message{animation:none}.scallop-redesign :is(.button>span,.nav-contact,.gallery-expand,.about-conversation):before{transition:none}.motion-ready .scallop-redesign .reveal:not(.is-visible){opacity:1;transform:none}} .scallop-redesign .gallery-expand{background:#fffdfb;color:#b43128;border-color:#e6d8cf}.scallop-redesign .gallery-expand:is(:hover,:focus-visible){color:#fff;border-color:#e3342b}.scallop-redesign .is-offscreen :is(.float-wrap,.hero-float-object,.hero-enter,.ribbon-track,.brand-track){animation-play-state:paused!important} .portfolio-card[href="https://barghatshop.com"] .portfolio-brand{background:#2a1c15} .scallop-redesign button.button{border:0;background:transparent;padding:0} /* Chat controls keep a constant foreground through the complete interaction. */ .scallop-redesign .studio-chat .chat-choice { position:relative; isolation:isolate; overflow:hidden; background:#fffdfb; border:1px solid #dfcdc3; color:#7c2b25; -webkit-text-fill-color:currentColor; opacity:1; transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease; } .scallop-redesign .studio-chat .chat-choice::before, .scallop-redesign .studio-chat .chat-choice::after {content:none;display:none} .scallop-redesign .studio-chat .chat-choice:is(:hover,:focus-visible,:active) { background:#ffebe3; border-color:#d6aa99; color:#7c2b25; -webkit-text-fill-color:currentColor; opacity:1; } .scallop-redesign .studio-chat .chat-primary, .scallop-redesign .studio-chat .chat-form button { background:#b8332a; border:1px solid #b8332a; color:#fff; -webkit-text-fill-color:currentColor; opacity:1; transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease; } .scallop-redesign .studio-chat .chat-primary:is(:hover,:focus-visible,:active), .scallop-redesign .studio-chat .chat-form button:is(:hover,:focus-visible,:active) { background:#9f2b25; border-color:#9f2b25; color:#fff; -webkit-text-fill-color:currentColor; opacity:1; } .scallop-redesign .studio-chat :is(.chat-header button,.chat-footer button) { color:#725247; -webkit-text-fill-color:currentColor; opacity:1; transition:background-color .2s ease,color .2s ease; } .scallop-redesign .studio-chat .chat-header button:hover {background:#f4e4dc;color:#512b22} .scallop-redesign .studio-chat .chat-footer button:hover {color:#7c2b25;text-decoration-thickness:2px} .scallop-redesign .studio-chat :is(button,a):focus-visible {outline:2px solid #b8332a;outline-offset:3px} @media(prefers-reduced-motion:reduce){ .motion-ready .scallop-redesign .reveal{transition:none!important;transform:none!important;opacity:1!important} .scallop-redesign .studio-chat :is(button,a){transition:none!important} } /* Language navigation and conversion refinements. */ .scallop-redesign .button>i{--arrow-color:#fff;background:#2d2a28;color:#fff;border:1px solid #2d2a28;box-shadow:none;transition:background-color .25s,color .25s,transform .4s var(--ease)} .scallop-redesign .button:is(:hover,:focus-visible)>i{background:#b8332a;border-color:#b8332a;color:#fff} .scallop-redesign .hero{padding-top:148px;padding-bottom:120px;min-height:850px} .scallop-redesign .hero h1{font-size:clamp(38px,4.05vw,62px);line-height:1.14;max-width:920px} .scallop-redesign .hero-description{max-width:650px;font-size:17px;line-height:1.75;margin:25px auto} .hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap} .hero-secondary{display:inline-flex;align-items:center;gap:14px;font-size:13px;color:#51443c;padding:14px 0;border-bottom:1px solid #d8c5ba;transition:color .2s,border-color .2s} .hero-secondary:is(:hover,:focus-visible){color:#b8332a;border-color:#b8332a} .scallop-redesign .hero-reassurance{font-size:12px;line-height:1.6;color:#817269;margin:18px auto 0} .scallop-redesign nav{gap:19px} .language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e5d8ce;border-radius:11px;background:#fffaf6;flex-shrink:0} .scallop-redesign .language-switch>a{display:grid;place-items:center;padding:8px 9px;min-height:34px;min-width:32px;border-radius:7px;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:.02em;color:#79685c;transition:color .2s,background .2s} .scallop-redesign .language-switch>a[aria-current="page"]{background:#f6ded3;color:#8d3028} .scallop-redesign .language-switch>a:hover{background:#faeae2;color:#7c2b25} .scallop-redesign button.nav-contact{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:11px;line-height:1.3;cursor:pointer} @media(max-width:1000px)and(min-width:761px){.scallop-redesign nav{gap:11px;font-size:12px}.scallop-redesign .wordmark{font-size:20px}.scallop-redesign .nav-contact{padding:11px 13px}} @media(max-width:760px){.scallop-redesign .hero{min-height:820px;padding:150px 20px 145px}.scallop-redesign .hero h1{font-size:clamp(31px,7.6vw,44px);line-height:1.19;letter-spacing:-.045em}.scallop-redesign .hero-description{font-size:14px;max-width:335px;margin:23px auto}.hero-actions{flex-direction:column;gap:13px}.hero-secondary{font-size:12px;padding:10px 0}.scallop-redesign .hero-reassurance{font-size:11px;max-width:260px;margin-top:17px}.scallop-redesign nav{gap:0}.language-switch{align-self:flex-start;margin:10px 11px 15px}.scallop-redesign .language-switch>a{min-width:40px;min-height:38px;font-size:11px;padding:9px 12px}.scallop-redesign button.nav-contact{width:100%;font-size:14px;min-height:45px;margin-top:3px}.scallop-redesign .float-bottom{bottom:76px}.scallop-redesign .float-left{bottom:76px;opacity:.45}} @media(prefers-reduced-motion:reduce){.scallop-redesign .button>i,.hero-secondary,.scallop-redesign .language-switch>a{transition:none}} /* Lean motion and connected digital systems. */ .scallop-redesign .hero{min-height:800px;padding-bottom:105px;background:#fffaf7;isolation:isolate} .studio-atmosphere{position:absolute;inset:-18px;pointer-events:none;z-index:0;overflow:hidden;transition:transform 1s cubic-bezier(.16,1,.3,1);background:radial-gradient(ellipse at 10% 55%,#ed4c3520,transparent 52%),radial-gradient(ellipse at 90% 20%,#ef786014,transparent 48%)} .studio-atmosphere i{position:absolute;inset:20% -20% -30%;border:1px solid #e9462920;border-radius:50%;transform:rotate(-15deg)}.studio-atmosphere i+i{inset:36% -20% -44%;opacity:.5} .scallop-redesign .hero-content{position:relative;z-index:2}.scallop-redesign .hero h1{font-size:clamp(38px,4.1vw,60px);line-height:1.14;max-width:950px}.scallop-redesign .hero-description{max-width:720px} .scallop-redesign .hero-grid{opacity:.22}.scallop-redesign .hero-float-object{animation:none;filter:none;will-change:auto}.scallop-redesign .float-wrap{animation:none}.scallop-redesign .flying-arrow{animation:none}.scallop-redesign .hero-enter{animation-duration:.45s} .studio-word{display:inline-block;white-space:nowrap}.studio-effects .studio-heading:not(.words-visible) .studio-word{opacity:0;transform:translateY(14px)}.studio-effects .words-visible .studio-word{animation:studio-word-in .48s cubic-bezier(.16,1,.3,1) var(--word-delay,0ms) both} @keyframes studio-word-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} .scallop-redesign .gradient-text .studio-word{background:linear-gradient(120deg,#e13b30,#ba3026);background-clip:text;color:transparent} .scallop-redesign .reveal{transition-duration:.5s!important;transition-delay:var(--delay,0ms)!important}.motion-ready .scallop-redesign .reveal:not(.is-visible){transform:translateY(18px)} .cta-orbit-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;padding:1.6px;z-index:3;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)} .cta-orbit-light:before{content:'';position:absolute;inset:-180%;background:conic-gradient(transparent 0 69%,#ffffff70 76%,#fff 85%,#ffffff88 91%,transparent 99%);animation:cta-light-orbit 5s linear infinite;will-change:transform} @keyframes cta-light-orbit{to{transform:rotate(360deg)}} .scallop-redesign .hero .button>span,.scallop-redesign .contact .button>span{position:relative;overflow:hidden} .scallop-redesign .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.scallop-redesign .service-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:22px;padding:34px;background:#fff;border:1px solid #e8ddd6;overflow:hidden;border-radius:22px} .scallop-redesign .service-body{padding:0}.scallop-redesign .service-body h3{font-size:23px;margin:0 0 15px;line-height:1.15;letter-spacing:-.04em}.scallop-redesign .service-body>p{font-size:14px;line-height:1.75;color:#746960}.scallop-redesign .service-body .service-scope{font-size:11px;line-height:1.7;color:#a17b69;margin-top:18px}.service-alignment{font-size:13px;line-height:1.7;max-width:620px;margin:28px auto 0;text-align:center;color:#786b63} .system-service-mark{width:90px;height:90px;position:relative;display:grid;place-items:center;border:1px solid #f0d8ca;background:linear-gradient(145deg,#fffaf6,#ffede4);border-radius:24px;color:#d33b2b}.system-service-mark svg{width:42px;height:42px}.system-service-mark>span{position:absolute;right:-5px;bottom:13px;width:12px;height:12px;border:3px solid #fff;background:#d33b2b;border-radius:50%} .scallop-redesign button.text-link{background:none;border:0;border-radius:0;padding:13px 0 0;display:inline-flex;align-items:center;gap:12px;text-align:left;color:#b73529;font-size:13px}.scallop-redesign button.text-link:hover{color:#7c2b25}.service-card:has(button:focus-visible){outline:2px solid #dc6550;outline-offset:3px} .scallop-redesign .journey{padding-block:70px 85px}.scallop-redesign .journey-shell{grid-template-columns:270px minmax(0,1fr);box-shadow:none;border-radius:26px;min-height:510px}.scallop-redesign .journey-sidebar{padding:22px 16px}.scallop-redesign .journey-tab{padding:19px 14px}.scallop-redesign .journey-tab:after{display:none}.scallop-redesign .journey-tab[aria-selected=true]{border-color:#f0b8a6;box-shadow:0 5px 20px #c94b2610;background:#fff}.scallop-redesign .journey-tab[aria-selected=true] .journey-icon{background:#fff0e8;color:#de392b}.scallop-redesign .journey-tab-copy>strong{font-size:15px}.scallop-redesign .journey-tab-copy>span{font-size:10px}.scallop-redesign .journey-panel-heading h3{font-size:30px}.scallop-redesign .journey-panel-heading p{min-height:70px;font-size:13px;max-width:640px} .scallop-redesign .system-visual{margin:23px 0 20px;min-height:246px;border:1px solid #ecdfd5;background:#fffcfa;padding:0;isolation:isolate}.system-visual:before{display:none}.system-map{width:100%;min-height:246px;padding:19px 20px 17px;position:relative}.system-map-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #eee4de;gap:12px}.system-map-top>span:first-child{font-size:15px;letter-spacing:-.06em;color:#38312d}.system-map-top>span:first-child>span{color:#d83a2c}.system-map-top>span:last-child{font-size:10px;color:#948077}.system-map-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:21px 0 18px;isolation:isolate}.system-route{position:absolute;inset:20px 0 auto;width:100%;height:56px;z-index:-1;overflow:visible}.system-route-base{stroke:#ead6c9;stroke-width:1}.system-route-draw{stroke:#ed4937;stroke-width:1.8;stroke-dasharray:100;stroke-dashoffset:var(--system-dash,0);transition:stroke-dashoffset .12s linear} .system-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;min-width:0}.system-node-symbol{width:56px;height:56px;display:grid;place-items:center;background:#fffaf6;border:1px solid #e6d4c7;border-radius:15px;color:#a07b66;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.system-node-symbol svg{width:28px;height:28px}.system-node.is-current .system-node-symbol{background:#e43c2c;border-color:#e43c2c;color:#fff;box-shadow:0 0 0 5px #eb4b2d12}.system-node strong{font-size:12px;line-height:1.4;font-weight:500;color:#55483f}.system-node>span{font-size:10px;color:#9b8b7f;line-height:1.4}.system-map-bottom{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px;color:#9b7b68;padding-top:11px;border-top:1px solid #eee4de}.system-map-bottom>i{width:5px;height:5px;border-radius:50%;background:#df4b36} .scallop-redesign .brand-section{padding-block:48px 55px;background:#fffdfb}.scallop-redesign .brand-heading>p{color:#423b36}.scallop-redesign .brand-heading>p>span{color:#9b7b6d}.scallop-redesign .brand-marquee{border-block-color:#f0c7b7;background:linear-gradient(0deg,#fff2eb60,#fffaf700);isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)} .brand-marquee:before{content:'';position:absolute;left:0;top:0;width:28%;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#f57451,#fff4e9,#e3342b,transparent);box-shadow:0 0 9px #e6432f55;transform:translateX(-100%);animation:brand-current 7s linear infinite} .brand-marquee:after{content:'';position:absolute;inset:0 auto 0 -25%;width:25%;pointer-events:none;background:linear-gradient(90deg,transparent,#f9c4ad29,transparent);transform:skewX(-15deg);animation:brand-warmth 7s linear infinite;z-index:-1} @keyframes brand-current{to{transform:translateX(460%)}}@keyframes brand-warmth{to{transform:translateX(600%) skewX(-15deg)}} .scallop-redesign .brand-item>img{filter:none;opacity:.92;mix-blend-mode:normal}.scallop-redesign .brand-item>img[src*="barghat"]{filter:none;opacity:1}.brand-marquee:is(:hover,:focus-within):before,.brand-marquee:is(:hover,:focus-within):after,.brand-marquee.is-offscreen:before,.brand-marquee.is-offscreen:after{animation-play-state:paused} .collaborators{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center;padding-block:70px 85px;border-top:1px solid #eadfd7}.collaborator-copy h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0 0 24px}.collaborator-copy>p{font-size:14px;line-height:1.8;max-width:600px}.collaborator-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #d64632;padding:13px 0;margin-top:8px;color:#b63427;font-size:14px}.collaborator-link>span{font-size:20px}.collaborator-copy .collaborator-note{font-size:11px;line-height:1.65;color:#9b887b;margin:18px 0 0;max-width:420px}.collaborator-roles{border-block:1px solid #eaded3}.collaborator-roles>div{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #eaded3}.collaborator-roles>div:last-child{border:0}.collaborator-roles strong{font-size:18px;font-weight:400;letter-spacing:-.025em}.collaborator-roles span{color:#e34531;font-size:22px}.footer-collaborators{font-size:11px;color:#a33c2c}.scallop-redesign .footer{flex-wrap:wrap;row-gap:15px}.scallop-redesign .footer>p{max-width:320px} @media(max-width:1050px){.scallop-redesign .service-card{grid-template-columns:64px minmax(0,1fr);padding:27px;gap:20px}.system-service-mark{width:64px;height:64px;border-radius:18px}.system-service-mark svg{width:32px;height:32px}.scallop-redesign .journey-shell{grid-template-columns:230px minmax(0,1fr)}.scallop-redesign .journey-tab-copy>strong{font-size:13px}.scallop-redesign .journey-tab-copy>span{font-size:9px}.collaborators{gap:40px}} @media(max-width:760px){.scallop-redesign .hero{min-height:750px;padding:145px 20px 90px}.scallop-redesign .hero h1{font-size:clamp(32px,8.2vw,43px)}.studio-atmosphere{transition:none}.scallop-redesign .hero-description{font-size:14px;max-width:335px}.scallop-redesign .hero-reassurance{max-width:290px}.scallop-redesign .service-grid{grid-template-columns:1fr;gap:17px}.scallop-redesign .service-card{grid-template-columns:52px minmax(0,1fr);padding:24px 21px;gap:17px}.system-service-mark{width:52px;height:52px;border-radius:15px}.system-service-mark svg{width:28px;height:28px}.scallop-redesign .service-body h3{font-size:22px}.scallop-redesign .service-body>p{font-size:13px}.service-alignment{font-size:12px;text-align:left;margin-top:22px}.scallop-redesign .journey{padding-block:45px 65px}.scallop-redesign .journey-shell{grid-template-columns:1fr;min-height:0}.scallop-redesign .journey-tab{padding:12px 9px}.scallop-redesign .journey-panel-heading h3{font-size:26px}.scallop-redesign .journey-panel-heading p{min-height:0;font-size:12px}.scallop-redesign .system-visual{min-height:245px;margin-top:20px}.system-map{padding:14px 12px;min-height:245px}.system-map-top{gap:8px;align-items:center}.system-map-top>span:first-child{font-size:13px}.system-map-top>span:last-child{font-size:8px;max-width:120px;text-align:right}.system-map-flow{gap:6px;padding-top:22px}.system-node-symbol{width:43px;height:43px;border-radius:12px}.system-node-symbol svg{width:22px;height:22px}.system-node strong{font-size:9px;max-width:65px}.system-node>span{font-size:8px;max-width:65px}.system-route{top:18px;height:48px}.system-map-bottom{font-size:9px}.scallop-redesign .brand-section{padding-block:32px 40px}.brand-heading>p>span{margin-top:6px}.collaborators{grid-template-columns:1fr;gap:32px;padding-block:45px 60px}.collaborator-copy h2{font-size:34px}.collaborator-copy>p{font-size:13px}.collaborator-roles>div{padding:17px 0}.collaborator-roles strong{font-size:16px}.scallop-redesign .footer{align-items:flex-start}.scallop-redesign .footer>p{max-width:180px;line-height:1.7}} @media(prefers-reduced-motion:reduce){.studio-word,.cta-orbit-light:before,.brand-marquee:before,.brand-marquee:after{animation:none!important;transition:none!important}.studio-word{opacity:1!important;transform:none!important}.system-route-draw{stroke-dashoffset:0;transition:none}.studio-atmosphere{transform:none!important;transition:none}.scallop-redesign .reveal{transition:none!important}.brand-marquee:before{transform:translateX(150%)}} .motion-paused .studio-word{opacity:1!important;transform:none!important}.scallop-redesign.page-hidden *,.scallop-redesign.page-hidden *:before,.scallop-redesign.page-hidden *:after{animation-play-state:paused!important} .scallop-redesign .service-body>p{min-height:0}.scallop-redesign .service-body .service-scope{margin:16px 0 6px} .scallop-redesign .brand-item>img[src*="barghat"]{background:#2c211b;padding:5px 8px;border-radius:9px}.scallop-redesign .brand-item>img[src*="brand-servicepro"]{background:#14212c;padding:6px 9px;border-radius:9px}.hero.is-offscreen .cta-orbit-light:before{animation-play-state:paused} /* Unified icon craft, editorial team and Scallop identity. */ .scallop-redesign .system-service-mark{width:92px;height:92px;border-radius:25px;background:linear-gradient(145deg,#fffdfb 5%,#ffebe1 100%);border:1px solid #eed0bd;box-shadow:inset 0 2px 0 #fff,0 8px 18px #9f382009;color:#dc3728;transform:rotate(-4deg);transition:transform .35s,box-shadow .35s;isolation:isolate}.scallop-redesign .system-service-mark svg{width:62px;height:62px;filter:drop-shadow(0 3px 0 #db4a2520);transform:rotate(4deg);transition:transform .35s}.scallop-redesign .system-service-mark>span{width:10px;height:10px;right:7px;bottom:7px;border:2px solid white;background:#ec3c2b;box-shadow:0 0 0 3px #f9d8c7}.scallop-redesign .service-card:is(:hover,:focus-within) .system-service-mark{transform:rotate(0deg) translateY(-3px);box-shadow:inset 0 2px 0 #fff,0 14px 26px #b2402212}.scallop-redesign .service-card:is(:hover,:focus-within) .system-service-mark svg{transform:rotate(0deg)} .scallop-redesign .brand-item>img{filter:grayscale(1);opacity:.68;transition:filter .35s,opacity .35s,transform .35s}.scallop-redesign .brand-item>img[src*="barghat"]{filter:grayscale(1);opacity:.76}.scallop-redesign .brand-item:hover>img,.scallop-redesign .brand-item:focus-visible>img{filter:grayscale(0);opacity:1;transform:translateY(-3px)}.scallop-redesign .brand-item{outline-offset:-3px;border-radius:10px}.scallop-redesign .brand-item:focus-visible{outline:2px solid #e64430}.scallop-redesign .brand-item>img[src*="atlanta"]{background:#26311e;padding:5px 9px;border-radius:9px}.scallop-redesign .brand-marquee{background:#fffdfb;border-block-color:#e8ddd6}.scallop-redesign .brand-marquee:after{display:none}.scallop-redesign .brand-marquee:before{background:linear-gradient(90deg,transparent,#bab3ad,#fff,#8e8782,transparent);box-shadow:0 0 7px #21181012} .scallop-redesign .journey-icon{width:40px;height:40px;border-radius:12px}.scallop-redesign .journey-icon svg{width:29px;height:29px}.scallop-redesign .system-node-symbol{width:66px;height:66px;border-radius:19px;color:#a88c7b;background:#fffaf6;--icon-paper:#fffaf6}.scallop-redesign .system-node-symbol svg{width:43px;height:43px}.scallop-redesign .system-node.is-current:not(.is-lit) .system-node-symbol{background:#fffaf6;color:#a88c7b;border-color:#cba28a;box-shadow:none}.scallop-redesign .system-node.is-lit .system-node-symbol{background:#ed3d2c;color:#fff;border-color:#f4775b;--icon-paper:#e8402f;box-shadow:inset 0 1px 0 #ffb29e,0 0 0 5px #ef502a10,0 0 24px #ed502329}.scallop-redesign .system-node.is-lit strong{color:#bb3326}.scallop-redesign .system-route{top:20px;height:66px}.scallop-redesign .system-route-base{stroke:#e3d9d1;stroke-width:1.3}.scallop-redesign .system-route-draw{stroke:#f04a34;stroke-width:2.6;filter:drop-shadow(0 0 2px #f7493880)}.scallop-redesign .system-map-flow{padding-bottom:22px}.scallop-redesign .system-map{min-height:260px} .studio-team{background:#171513;color:#fff9f3;padding:86px 0 68px;margin-block:25px 45px;overflow:hidden}.team-heading{text-align:center;margin:0 auto 42px;max-width:860px}.team-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#c5b1a4;margin:0 0 21px}.team-heading h2{font-size:clamp(38px,4.7vw,66px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0 0 24px}.team-heading h2>span{color:#ff7761}.scallop-redesign .team-heading>p:last-child{max-width:650px;margin:0 auto;color:#cbbfb6;font-size:14px;line-height:1.8}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.team-card{min-width:0}.team-portrait{position:relative;aspect-ratio:1/1.13;overflow:hidden;border-radius:8px;background:#e5dfd7;isolation:isolate}.team-portrait:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#171513eb);pointer-events:none;z-index:1}.team-portrait>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .6s}.team-card:hover .team-portrait>img{filter:grayscale(0);transform:scale(1.035)}.team-identity{position:absolute;left:26px;right:25px;bottom:25px;z-index:2}.team-identity h3{font-size:40px;font-weight:500;letter-spacing:-.055em;line-height:1;margin:0 0 11px}.team-identity p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ff826c;margin:0}.team-card-arrow{position:absolute;top:19px;right:19px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;color:#fff;z-index:2;background:#201b1645;transition:background .3s,transform .3s}.team-card:hover .team-card-arrow{background:#ec3c2b;transform:rotate(45deg)}.scallop-redesign .team-card-description{color:#bcb1a9;font-size:12px;line-height:1.75;padding:0 7px;max-width:320px;margin:17px 0 0}.scallop-redesign .team-image-note{color:#9f958d;font-size:10px;letter-spacing:.02em;text-align:center;margin:31px 0 0}.studio-team .gradient-text .studio-word{color:#ff7761;background:none} .personal-portfolio{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px}.scallop-redesign .personal-portfolio .about-conversation{margin:0;background:#f8ece5;color:#7e5044;border:1px solid #e9c5b5;cursor:default;opacity:1;font-size:12px}.personal-portfolio>span{font-size:10px;color:#957d6d}.footer-personal{font-size:11px;color:#927d70}.scallop-mascot{display:block;flex-shrink:0}.scallop-redesign .chat-launcher>.scallop-mascot{width:51px;height:51px;overflow:visible;transition:transform .3s}.scallop-redesign .chat-launcher{padding:5px 18px 5px 6px;gap:8px}.scallop-redesign .chat-launcher:hover>.scallop-mascot{transform:rotate(-7deg) translateY(-2px)}.scallop-redesign .chat-avatar{background:#fff3ea;border:1px solid #f0d7c9;width:52px;height:52px;border-radius:16px;overflow:hidden}.scallop-redesign .chat-avatar .scallop-mascot{width:50px;height:50px}.scallop-redesign .chat-header strong{font-size:14px}.studio-preloader{display:none;position:fixed;inset:0;z-index:9999;background:#ec3326;color:#fffaf5;pointer-events:none;overflow:hidden;flex-direction:column;justify-content:center;padding:5vw;isolation:isolate}.is-preloading .studio-preloader{display:flex;animation:preloader-colour 1.25s ease both}.preloader-word{font-size:clamp(70px,18vw,290px);font-weight:600;letter-spacing:-.085em;line-height:.8;position:relative;animation:preloader-rise .65s cubic-bezier(.16,1,.3,1) both}.preloader-word>span{display:block;text-align:right;margin-top:15px;font-size:.24em;letter-spacing:-.05em}.preloader-bottom{position:absolute;bottom:5vw;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.04em}.preloader-bar{height:2px;width:24%;background:currentColor;transform-origin:left;animation:preloader-line 1.2s ease both}@keyframes preloader-colour{0%,38%{background:#ec3326;color:#fffaf5;opacity:1;transform:none}39%,80%{background:#fffaf5;color:#ec3326;opacity:1;transform:none}100%{background:#fffaf5;color:#ec3326;opacity:0;transform:translateY(-6%)}}@keyframes preloader-rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes preloader-line{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(max-width:1050px){.scallop-redesign .system-service-mark{width:64px;height:64px;border-radius:19px}.scallop-redesign .system-service-mark svg{width:45px;height:45px}.team-grid{gap:16px}.team-identity{left:20px;bottom:23px}.team-identity h3{font-size:34px}.team-identity p{font-size:10px}} @media(max-width:760px){.scallop-redesign .system-service-mark{width:54px;height:60px;border-radius:17px}.scallop-redesign .system-service-mark svg{width:43px;height:43px}.scallop-redesign .system-service-mark>span{width:8px;height:8px;right:3px;bottom:3px}.scallop-redesign .system-node-symbol{width:46px;height:46px;border-radius:14px}.scallop-redesign .system-node-symbol svg{width:33px;height:33px}.scallop-redesign .system-route{top:21px;height:46px}.studio-team{padding:55px 0 43px;margin-block:15px 25px}.team-heading{margin-bottom:30px;text-align:left}.team-heading h2{font-size:36px}.scallop-redesign .team-heading>p:last-child{font-size:13px}.team-grid{grid-template-columns:1fr;gap:30px;max-width:460px;margin:auto}.team-portrait{aspect-ratio:1/1.02}.team-identity h3{font-size:39px}.team-identity p{font-size:11px}.scallop-redesign .team-card-description{max-width:none;font-size:12px}.scallop-redesign .team-image-note{text-align:left;line-height:1.6}.personal-portfolio{gap:12px}.preloader-bottom{bottom:30px;left:25px;right:25px;font-size:9px}.scallop-redesign .chat-launcher{padding:3px 13px 3px 3px}.scallop-redesign .chat-launcher>.scallop-mascot{width:45px;height:45px}} @media(prefers-reduced-motion:reduce){.studio-preloader,.is-preloading .studio-preloader{display:none;animation:none}.scallop-redesign .system-service-mark,.scallop-redesign .system-service-mark svg,.team-portrait>img,.scallop-redesign .chat-launcher>.scallop-mascot{transition:none}.team-card:hover .team-portrait>img,.scallop-redesign .system-service-mark,.scallop-redesign .system-service-mark svg{transform:none}} .scallop-redesign section[id]{scroll-margin-top:110px} /* Scallop: red, white, clear hierarchy. */ .scallop-redesign .studio-team{background:#fff;color:#201b19;padding:100px 0 78px;margin:0;border-block:1px solid #efdfdb;overflow:visible} .scallop-redesign .team-heading{max-width:800px;margin:0 auto 54px;text-align:center} .scallop-redesign .team-heading h2{color:#211c19;font-size:clamp(34px,4.5vw,62px);line-height:1.08;letter-spacing:-.055em} .scallop-redesign .team-heading h2>span,.scallop-redesign .studio-team .studio-word{color:inherit} .scallop-redesign .team-heading h2>span{color:#ec3326} .scallop-redesign .team-heading>p:last-child{color:#776b66;max-width:580px} .scallop-redesign .team-grid{gap:36px;max-width:1000px;margin:auto} .scallop-redesign .team-card{text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 10px} .scallop-redesign .team-portrait{width:142px;height:142px;aspect-ratio:1;border-radius:50%;border:5px solid #fff;outline:1px solid #f3c9c2;background:#fff1ed;overflow:hidden;box-shadow:0 0 0 9px #fff5f1} .scallop-redesign .team-portrait:after{display:none} .scallop-redesign .team-portrait>img{object-fit:cover;object-position:center 28%;filter:grayscale(1);transform:none!important} .scallop-redesign .team-identity{position:static;margin:29px 0 0} .scallop-redesign .team-identity h3{color:#211c19;font-size:30px;margin:0 0 10px;letter-spacing:-.045em} .scallop-redesign .team-identity p{font-size:10px;line-height:1.5;color:#cf3025;font-weight:600;letter-spacing:.09em} .scallop-redesign .team-card-description{color:#766a64;max-width:260px;margin:14px 0 0;padding:0;font-size:13px;line-height:1.8} .scallop-redesign .team-image-note{color:#8b7e76;margin-top:42px;font-size:10px;text-align:center} .scallop-redesign .studio-preloader{background:#ed3326;color:#fff;padding:5vw;pointer-events:none;font-family:'DM Sans',sans-serif} .scallop-redesign.is-preloading .studio-preloader{display:flex;animation:brand-inversion 2.3s steps(1,end) both} .scallop-redesign .preloader-symbol{position:absolute;top:5vw;left:5vw;width:58px;height:58px} .preloader-symbol svg{width:100%;height:100%} .scallop-redesign .preloader-word{font-size:clamp(56px,19vw,320px);font-weight:600;line-height:.77;letter-spacing:-.085em;animation:brand-type-in .55s cubic-bezier(.16,1,.3,1) both} .scallop-redesign .preloader-word>span{font-size:.36em;margin-top:.5em;letter-spacing:-.065em} .scallop-redesign .preloader-bar{animation:preloader-line 2.1s linear both;width:28%} .scallop-redesign.is-preloading .hero-content,.scallop-redesign.is-preloading .hero .studio-word{animation-play-state:paused!important} @keyframes brand-inversion{0%,27%{background:#ed3326;color:#fff;visibility:visible;opacity:1}28%,52%{background:#fff;color:#ed3326;visibility:visible;opacity:1}53%,76%{background:#ed3326;color:#fff;visibility:visible;opacity:1}77%,96%{background:#fff;color:#ed3326;visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}} @keyframes brand-type-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}} .revenue-section{background:#fff6f2;padding:100px 0 86px;color:#251e1a;border-block:1px solid #f1ddd5} .revenue-heading{max-width:820px;margin-bottom:45px}.revenue-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c73628;margin:0 0 24px} .revenue-heading h2{font-size:clamp(36px,4.9vw,66px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:0 0 23px}.revenue-heading h2>span{color:#e33326} .revenue-heading>p:last-child{font-size:15px;line-height:1.8;max-width:610px;color:#79675e} .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:46px} .benefit-card{border-top:1px solid #e3bdb1;padding:25px 0 0;display:flex;flex-direction:column;align-items:flex-start}.benefit-number{color:#e33326;font-size:12px;letter-spacing:.12em;margin-bottom:30px}.benefit-card h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 17px}.benefit-card>p{font-size:13px;line-height:1.85;color:#7a6a62;margin:0 0 22px;max-width:310px}.benefit-metric{font-size:10px;color:#b73226;border:1px solid #ecc7bc;border-radius:30px;padding:9px 12px;margin-top:auto} .revenue-calculator{background:#fff;border:1px solid #eed7ce;border-radius:24px;padding:35px}.calculator-intro{position:relative;padding-right:50px}.calculator-intro h3{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.04em;max-width:550px;margin:0 0 12px}.calculator-intro p{font-size:13px;color:#89736a}.calculator-mark{position:absolute;right:0;top:0;color:#e33326;font-size:40px} .calculator-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr .8fr;gap:14px;margin:28px 0}.calculator-fields label{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#76645b}.calculator-fields input,.calculator-fields select{width:100%;min-width:0;height:48px;border:1px solid #e7d5cc;border-radius:9px;padding:0 12px;font:inherit;font-size:15px;color:#34271f;background:#fffdfb}.calculator-fields :is(input,select):focus{outline:2px solid #ec3326;outline-offset:3px} .calculator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #f0e2dc;padding-top:25px}.calculator-results>div{display:flex;flex-direction:column;gap:12px}.calculator-results span{font-size:11px;color:#8a7368}.calculator-results output{font-size:clamp(23px,2.7vw,37px);font-weight:500;letter-spacing:-.05em;line-height:1.2;overflow-wrap:anywhere}.calculator-gain output{color:#dc3226}.scallop-redesign .calculator-disclaimer{font-size:10px;color:#8c7c73;line-height:1.8;margin:22px 0 0;max-width:700px} .revenue-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:36px}.revenue-cta h3{font-size:25px;letter-spacing:-.035em;font-weight:500;margin:0 0 9px}.revenue-cta p{color:#8b7165;font-size:12px;margin:0}.revenue-cta button{flex-shrink:0} .blog-home{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:65px;border-top:1px solid #edddd5}.blog-home h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.15;font-weight:500;margin:0 0 15px}.blog-home p{color:#8b766a;font-size:14px}.blog-home>a{color:#d73527;font-size:14px;border-bottom:1px solid #e9b8a8;padding:14px 0;white-space:nowrap} @media(max-width:760px){.scallop-redesign .studio-team{padding:62px 0 55px}.scallop-redesign .team-heading{text-align:left;margin-bottom:38px}.scallop-redesign .team-heading h2{font-size:36px}.scallop-redesign .team-grid{gap:34px}.scallop-redesign .team-portrait{width:110px;height:110px}.scallop-redesign .team-identity{margin-top:23px}.scallop-redesign .team-identity h3{font-size:27px}.scallop-redesign .team-image-note{text-align:center}.revenue-section{padding:60px 0}.revenue-heading h2{font-size:38px}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-number{margin-bottom:18px}.benefit-card>p{max-width:none}.revenue-calculator{padding:25px 20px;border-radius:18px}.calculator-intro h3{font-size:26px}.calculator-fields{grid-template-columns:1fr 1fr;gap:18px 12px}.calculator-fields label:last-child{grid-column:1/-1;max-width:150px}.calculator-results{grid-template-columns:1fr;gap:20px}.calculator-results>div{gap:7px}.calculator-results output{font-size:31px}.revenue-cta,.blog-home{align-items:flex-start;flex-direction:column}.revenue-cta h3{font-size:24px}.scallop-redesign .preloader-symbol{width:43px;height:43px;top:32px;left:25px}.scallop-redesign .preloader-word{font-size:19vw}.scallop-redesign .preloader-bottom{font-size:8px;gap:12px}} @media(prefers-reduced-motion:reduce){.scallop-redesign.is-preloading .studio-preloader{display:none;animation:none}.scallop-redesign .preloader-word{animation:none}} .studio-journal{--jr:#ec3326;background:#fffdfa;color:#29211d;font-family:'DM Sans',sans-serif;min-height:100vh;font-size:16px;line-height:1.65}.studio-journal *{box-sizing:border-box}.studio-journal a{color:inherit;text-decoration:none}.studio-journal a:focus-visible{outline:2px solid var(--jr);outline-offset:6px}.journal-skip{position:fixed;left:20px;top:-100px;background:#fff;padding:10px;z-index:100}.journal-skip:focus{top:10px}.journal-header{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 40px;border-bottom:1px solid #eeded7}.journal-logo{font-size:26px;letter-spacing:-.065em;white-space:nowrap}.journal-logo span{color:#fff;background:var(--jr);display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;vertical-align:middle;letter-spacing:0;margin:0 3px}.journal-logo b{color:var(--jr);font-weight:500}.journal-logo sup{font-size:9px;vertical-align:top;position:relative;top:6px;margin-left:3px}.journal-header nav{display:flex;align-items:center;gap:27px;font-size:12px}.journal-header nav>a[aria-current]{color:var(--jr)}.journal-header .journal-contact{padding:13px 19px;background:var(--jr);color:#fff;border-radius:30px}.journal-hero,.journal-list,.journal-cta,.journal-footer{max-width:1180px;margin:auto}.journal-hero{padding:88px 40px 65px}.journal-eyebrow{color:var(--jr);font-size:10px;letter-spacing:.16em;margin:0 0 30px}.journal-hero h1{font-size:clamp(43px,5.5vw,76px);line-height:1.07;letter-spacing:-.065em;font-weight:500;margin:0 0 27px;max-width:950px}.journal-hero h1 span{color:var(--jr)}.journal-hero>p:last-of-type{max-width:510px;color:#8a766b;font-size:15px;line-height:1.8}.journal-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.journal-topics span{border:1px solid #eacec2;border-radius:30px;padding:8px 13px;font-size:10px;color:#8a6150}.journal-list{padding:0 40px 75px}.journal-list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid #e6d6ce}.journal-list-heading h2{font-size:18px;font-weight:500;letter-spacing:-.035em;margin:0}.journal-list-heading>span{font-size:9px;letter-spacing:.13em;color:#a18677}.journal-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:35px 0;border-bottom:1px solid #e6d6ce;align-items:center}.journal-art{position:relative;background:#ec3326;color:#fff;border-radius:16px;min-height:260px;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:27px}.journal-art>span:last-of-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;z-index:1}.journal-art>b{font-size:35px;line-height:1;font-weight:400}.journal-art-number{position:absolute;top:10px;left:25px;font-size:95px;line-height:1.2;letter-spacing:-.09em;opacity:.16}.journal-art-diagram{position:absolute;inset:20% 15% 27%;display:flex;align-items:center;gap:10px;transform:rotate(-15deg)}.journal-art-diagram i{display:block;flex:1;aspect-ratio:1;background:#fff1;border:1px solid #fff7;border-radius:12px;box-shadow:7px 7px 0 #fff1}.journal-art-diagram i:nth-child(2){transform:translateY(-12px)}.journal-art-02{background:#fff0e9;color:#d63225;border:1px solid #efd4c6}.journal-art-02 .journal-art-diagram{transform:rotate(10deg)}.journal-art-02 .journal-art-diagram i{border-color:#e23929;background:#e2392909;box-shadow:7px 7px 0 #e2392910}.journal-art-03{background:#bd271f}.journal-art-03 .journal-art-diagram i{border-radius:50%}.journal-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;color:#9b7867;margin-bottom:17px}.journal-meta>span:first-child{color:var(--jr)}.journal-card h3{font-size:clamp(26px,3vw,37px);font-weight:500;line-height:1.17;letter-spacing:-.045em;margin:0 0 18px;max-width:560px}.journal-card h3 a:hover,.journal-next a:hover{color:var(--jr)}.journal-card-copy>p{font-size:13px;line-height:1.85;color:#877469;max-width:490px}.journal-read{font-size:12px;display:inline-flex;gap:40px;border-bottom:1px solid #dfb7a7;padding:9px 0;color:#c83125!important;margin-top:10px}.journal-cta{padding:55px 40px 65px;border-block:1px solid #efddd3;background:#fff4ed;position:relative}.journal-cta>span{position:absolute;right:45px;top:40px;color:var(--jr);font-size:58px}.journal-cta h2{font-size:clamp(30px,4vw,47px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:0 0 17px;max-width:700px;padding-right:35px}.journal-cta>p{font-size:14px;color:#8a6d5c;max-width:500px}.journal-cta>a,.journal-article-cta>a{display:inline-block;background:var(--jr);color:white;border-radius:30px;padding:14px 22px;font-size:12px;margin-top:15px}.journal-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px;font-size:11px;color:#927a6c}.journal-footer>a:first-child{font-size:21px;letter-spacing:-.055em;color:#4d3527}.journal-footer b{font-weight:500;color:var(--jr)}.journal-footer>p{margin:0}.journal-article{max-width:830px;margin:auto;padding:45px 40px 75px}.journal-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#a28b7d;margin-bottom:42px}.journal-article>h1{font-size:clamp(36px,4.8vw,58px);line-height:1.12;font-weight:500;letter-spacing:-.055em;margin:0 0 22px}.journal-byline{font-size:11px;color:#a08474;padding-bottom:27px;border-bottom:1px solid #e8d8ce}.journal-lead{font-size:18px;line-height:1.85;color:#715a4b;margin:32px 0}.journal-toc{display:flex;flex-direction:column;gap:12px;border:1px solid #eed6c8;background:#fff6f0;border-radius:14px;padding:25px 28px;font-size:12px;margin:35px 0 45px}.journal-toc strong{color:#ba3225;font-weight:500;margin-bottom:6px}.journal-toc a:hover{text-decoration:underline}.journal-prose{scroll-margin-top:25px;margin-top:40px}.journal-prose h2,.journal-checklist h2,.journal-article-cta h2{font-size:29px;line-height:1.25;font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.journal-prose p{font-size:15px;line-height:1.95;color:#766051;margin:0 0 20px}.journal-checklist{padding:28px;background:#fff1e9;border-radius:15px;margin:40px 0}.journal-checklist ul{padding-left:20px;margin:0;color:#80604c;font-size:14px}.journal-checklist li{padding:6px 0}.journal-checklist li::marker{color:var(--jr)}.journal-article-cta{border-block:1px solid #eed6c8;padding:35px 0}.journal-article-cta>p{font-size:14px;color:#8d715e}.journal-next{margin-top:40px}.journal-next>span{font-size:9px;letter-spacing:.13em;color:#a28675}.journal-next h2{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:16px 0}.journal-next>a{font-size:12px;color:#c63225} @media(max-width:760px){.journal-header{padding:22px;gap:20px;flex-wrap:wrap}.journal-logo{font-size:25px}.journal-header nav{gap:19px;flex-wrap:wrap;font-size:11px;width:100%}.journal-header .journal-contact{padding:10px 15px}.journal-hero{padding:55px 22px 40px}.journal-hero h1{font-size:44px}.journal-list{padding:0 22px 45px}.journal-list-heading{gap:20px}.journal-list-heading h2{font-size:16px}.journal-list-heading>span{white-space:nowrap}.journal-card{grid-template-columns:1fr;gap:24px;padding:27px 0 35px}.journal-art{min-height:220px}.journal-art-diagram{max-width:250px;left:22%;right:22%}.journal-card h3{font-size:30px}.journal-card-copy>p{font-size:14px}.journal-cta{padding:35px 22px 45px}.journal-cta>span{font-size:35px;right:20px;top:25px}.journal-footer{padding:30px 22px;align-items:flex-start;flex-direction:column;gap:15px}.journal-article{padding:25px 22px 50px}.journal-breadcrumb{margin-bottom:30px}.journal-article>h1{font-size:38px}.journal-lead{font-size:16px}.journal-toc{padding:22px}.journal-prose h2,.journal-checklist h2,.journal-article-cta h2{font-size:27px}.journal-prose p{font-size:15px}.journal-checklist{padding:25px}} .journal-logo span svg{width:21px;height:21px} /* Keep Home navigation styles out of journal routes. */ .studio-journal .journal-header nav{position:static;inset:auto;transform:none;opacity:1;visibility:visible;width:auto;min-width:0;padding:0;margin:0;flex-direction:row;border:0;border-radius:0;box-shadow:none;background:transparent;z-index:auto}.studio-journal .journal-breadcrumb,.studio-journal .journal-toc{position:static;inset:auto;transform:none;opacity:1;visibility:visible;width:auto;min-width:0;box-shadow:none;z-index:auto}.studio-journal .journal-breadcrumb{flex-direction:row}.studio-journal .journal-toc{flex-direction:column}@media(max-width:760px){.studio-journal .journal-header nav{width:100%;justify-content:flex-start;gap:14px;font-size:10px}.studio-journal .journal-header .journal-contact{padding:10px 12px}.studio-journal .journal-toc a{padding:0}.studio-journal .journal-breadcrumb{padding:0;background:transparent;border:0}} /* A conversation told through native scrolling. */ .revenue-story{background:#fffdfb;padding:100px 0 75px;border-top:0;border-bottom:1px solid #e8ddd7}.story-heading{max-width:840px;padding-bottom:55px}.story-eyebrow{font-size:11px;color:#bf392d;letter-spacing:.03em;margin:0 0 23px}.story-heading h2{font-size:clamp(34px,4vw,55px);line-height:1.14;font-weight:400;letter-spacing:-.05em;margin:0 0 25px}.story-heading h2 span{color:#e3382b}.story-heading>p:last-of-type{font-size:16px;color:#776d65;line-height:1.8;max-width:550px}.story-scroll-note{display:block;color:#9c8d81;font-size:11px;margin-top:30px}.revenue-storyline{position:relative}.revenue-storyline:before{content:'';position:absolute;left:0;top:15px;bottom:50px;width:1px;background:#edddd5}.revenue-step{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center;min-height:550px;padding:65px 0 65px 35px}.revenue-step:before{content:'';position:absolute;left:-4px;top:86px;width:9px;height:9px;border-radius:50%;background:#e2382b;box-shadow:0 0 0 6px #fff0e9}.story-step-label{font-size:10px;letter-spacing:.12em;color:#b94938}.story-copy h3{font-size:clamp(30px,3.7vw,49px);font-weight:400;letter-spacing:-.05em;line-height:1.14;margin:25px 0}.story-copy h3>span{color:#c93b2e}.story-copy>p{font-size:14px;color:#81746a;line-height:1.9;max-width:410px}.story-copy .story-takeaway{font-size:12px;color:#b04432;border-left:2px solid #e63b2c;padding-left:15px;margin-top:25px}.story-visual{min-width:0;position:relative}.story-motion-ready .revenue-step .story-copy,.story-motion-ready .revenue-step .story-visual{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.story-motion-ready .is-story-visible .story-copy,.story-motion-ready .is-story-visible .story-visual{opacity:1;transform:none}.story-motion-ready .is-story-visible .story-visual{transition-delay:.12s}.story-browser{background:#fff;border:1px solid #e6dcd4;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #4c221b08}.story-browser-bar{display:flex;align-items:center;gap:5px;padding:12px;border-bottom:1px solid #ece5df}.story-browser-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#d7c9bd}.story-browser-bar span{font-size:8px;color:#a89a8e;margin-left:10px}.story-browser img{display:block;width:100%;height:280px;object-fit:cover;object-position:top}.story-message{display:flex;align-items:center;gap:13px;position:relative;margin:-35px 18px 0 45px;background:#fff;padding:17px 20px;border:1px solid #ead3c8;border-radius:11px;box-shadow:0 12px 35px #5f332114}.story-avatar{width:31px;height:31px;background:#fff0e9;border-radius:50%;display:grid;place-items:center;color:#e2382b;flex-shrink:0}.story-message p{font-size:12px;margin:0;color:#563c2e;line-height:1.5}.story-message small{display:block;color:#a28a79;font-size:9px;margin-top:5px}.scallop-redesign .story-visual-note{font-size:9px;color:#a48f80;line-height:1.7;margin-top:16px}.story-discovery>.story-visual-note{text-align:right}.story-followup{padding:30px;background:#fff7f1;border-radius:14px;border:1px solid #eedbcf}.story-window-title{font-size:12px;margin:0 0 25px;color:#5c4333}.followup-row{display:flex;align-items:flex-start;gap:14px;border-top:1px solid #ead9cd;padding:23px 0}.followup-row>span{display:grid;place-items:center;color:#d4412e;background:#fff;border:1px solid #efd7c7;width:26px;height:26px;flex-shrink:0;border-radius:50%;font-size:11px}.followup-row strong{font-size:13px;font-weight:500;color:#51382a}.followup-row p{font-size:11px;color:#977e6c;margin:6px 0 0;line-height:1.65}.followup-row>small{margin-left:auto;font-size:8px;color:#b9937d}.story-motion-ready .followup-row{opacity:.2;transform:translateY(10px);transition:opacity .5s,transform .6s}.is-story-visible .followup-row{opacity:1;transform:none}.is-story-visible .followup-row:nth-of-type(2){transition-delay:.25s}.is-story-visible .followup-row:nth-of-type(3){transition-delay:.5s}.story-revenue{padding:32px;background:#fff;border:1px solid #e8dcd4;border-radius:14px}.story-example-label{font-size:8px;letter-spacing:.15em;color:#b5957e}.story-revenue h4{font-weight:400;font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:20px 0}.story-math{display:flex;gap:18px;font-size:10px;color:#947b69;border-bottom:1px solid #ecdfd6;padding-bottom:20px}.story-comparison{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:23px}.story-comparison>div{display:flex;flex-direction:column;gap:14px}.story-comparison>div>span{font-size:10px;color:#a18a79}.story-comparison strong{font-size:37px;line-height:1;font-weight:400;letter-spacing:-.06em;color:#7b6656}.story-comparison strong b{font-weight:inherit}.story-comparison strong small{font-size:11px;font-weight:400;letter-spacing:0}.story-comparison i{height:5px;width:var(--bar-width);border-radius:3px;background:#d5bfb0;transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.is-story-visible .story-comparison i{transform:scaleX(1)}.story-comparison .story-better strong,.story-comparison .story-better>span:last-child{color:#dc392a}.story-better i{background:#e3382b;transition-delay:.3s}.story-revenue-difference{font-size:23px;color:#d8392c;letter-spacing:-.04em;margin:25px 0 0;padding-top:20px;border-top:1px solid #ecdfd6}.story-revenue-difference>span{display:block;color:#aa8c77;font-size:9px;letter-spacing:0;margin-top:5px}.story-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:35px 0;border-top:1px solid #e5d6cb}.story-closing p{font-size:20px;line-height:1.6;color:#8b7160;letter-spacing:-.03em}.story-closing strong{font-weight:400;color:#3f2a1c}.story-closing button{white-space:nowrap} /* Longer intro: a thought, an invitation, then the signature. */ .scallop-redesign.is-preloading .studio-preloader{animation:intro-palette 4.8s steps(1,end) both;pointer-events:auto}.preloader-copy{position:relative;width:100%;height:60vh;display:flex;align-items:center}.intro-line{position:absolute;inset:0;display:flex;justify-content:center;flex-direction:column;margin:0;font-size:clamp(35px,6.8vw,105px);line-height:1.06;letter-spacing:-.055em;font-weight:400;opacity:0}.intro-line em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.intro-line-one{animation:intro-first 4.8s both}.intro-line-two{animation:intro-second 4.8s both}.intro-signature{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;font-size:clamp(65px,17vw,280px);font-weight:500;line-height:.83;letter-spacing:-.08em;opacity:0;animation:intro-signature 4.8s both}.intro-signature>span:last-child{text-align:right}.intro-signature sup{font-size:.15em;letter-spacing:0;vertical-align:top;position:relative;top:.35em;margin-left:.2em}.scallop-redesign .preloader-bar{animation:preloader-line 4.5s linear both}.preloader-bottom button{font:inherit;letter-spacing:inherit;background:none;color:inherit;border:0;padding:12px 0;border-bottom:1px solid currentColor;cursor:pointer}.preloader-bottom button:focus-visible{outline:2px solid currentColor;outline-offset:6px}@keyframes intro-palette{0%,29%{background:#e93628;color:#fff;visibility:visible;opacity:1}30%,61%{background:#fffaf6;color:#e93628;visibility:visible;opacity:1}62%,96%{background:#e93628;color:#fff;visibility:visible;opacity:1}100%{background:#e93628;color:#fff;visibility:hidden;opacity:0}}@keyframes intro-first{0%{opacity:0;transform:translateY(30px)}7%,23%{opacity:1;transform:none}29%,100%{opacity:0;transform:translateY(-25px)}}@keyframes intro-second{0%,31%{opacity:0;transform:translateY(30px)}38%,54%{opacity:1;transform:none}60%,100%{opacity:0;transform:translateY(-25px)}}@keyframes intro-signature{0%,62%{opacity:0;transform:translateY(30px)}72%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-15px)}} /* The blog becomes a reading space, with real work instead of abstract covers. */ .studio-journal{background:#fffefb;color:#2e2924}.studio-journal .journal-hero{padding-top:65px;padding-bottom:45px}.studio-journal .journal-eyebrow{font-size:11px;letter-spacing:.03em;text-transform:none;color:#8d7a69;margin-bottom:24px}.studio-journal .journal-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(41px,5vw,70px);letter-spacing:-.055em;line-height:1.08;max-width:950px}.studio-journal .journal-hero h1>em{color:#ce392c;font-weight:400}.studio-journal .journal-hero>p:last-of-type{font-size:16px;line-height:1.85;max-width:630px;color:#817265}.journal-editor{display:flex;align-items:center;gap:12px;margin-top:27px}.journal-editor img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center top;filter:grayscale(1)}.journal-editor p{font-size:11px;line-height:1.6;margin:0;color:#6e5a49}.journal-editor span{display:block;font-size:10px;color:#a48a75}.studio-journal .journal-list{padding-top:0}.studio-journal .journal-list-heading{border-top:1px solid #d8cbbf;padding:22px 0 28px}.studio-journal .journal-list-heading h2{font-size:12px;letter-spacing:.02em}.journal-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:5px 0 48px;border-bottom:1px solid #dacfc4}.journal-photo{display:block;background:#f2eee7;border-radius:3px;overflow:hidden}.journal-photo img{display:block;width:100%;height:350px;object-fit:cover;object-position:top;transition:transform .7s}.journal-photo:hover img{transform:scale(1.02)}.journal-feature figure{margin:0}.journal-feature figcaption{font-size:9px;color:#aa9684;margin-top:10px}.journal-feature h3{font-family:Georgia,serif;font-size:clamp(30px,3.7vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:15px 0 23px}.journal-feature .journal-card-copy>p{font-size:14px;line-height:1.85;color:#8d7664}.journal-card-meta{font-size:10px;color:#a48c78;margin-top:22px}.journal-card-meta span{margin-inline:8px;color:#ccb7a5}.journal-secondary{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:34px}.journal-note{padding:0 0 30px}.journal-note h3{font-family:Georgia,serif;font-size:31px;letter-spacing:-.035em;line-height:1.18;font-weight:400;margin:15px 0 18px}.journal-note>p{font-size:13px;color:#8c7462;line-height:1.85;margin:0 0 20px}.journal-note .journal-meta{margin:0}.studio-journal .journal-read{font-size:11px;gap:24px;border-color:#d0b7a4;color:#a8422b!important}.studio-journal .journal-cta{background:transparent;border-block:1px solid #d9c9bb;padding-block:42px;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:center}.studio-journal .journal-cta h2{font-family:Georgia,serif;font-weight:400;font-size:34px;letter-spacing:-.035em;margin:0;padding:0}.studio-journal .journal-cta>p{font-size:13px;line-height:1.8;margin:0;grid-column:1}.studio-journal .journal-cta>a{grid-column:2;grid-row:1/3;margin:0;border-radius:0;background:none;border-bottom:1px solid #c98d70;padding:12px 0;color:#b5432b}.studio-journal .journal-article>h1{font-family:Georgia,serif;letter-spacing:-.045em;font-weight:400;line-height:1.12}.studio-journal .journal-lead{font-family:Georgia,serif;font-size:21px;line-height:1.8;color:#725b48}.studio-journal .journal-prose p{font-size:16px;line-height:1.95;color:#705a47}.studio-journal .journal-prose h2{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.2}.studio-journal .journal-toc{border:0;border-left:2px solid #dbb79b;border-radius:0;background:none;padding:5px 0 5px 22px}.studio-journal .journal-toc a{font-size:12px;padding:0;line-height:1.75}.studio-journal .journal-breadcrumb{align-items:center}.studio-journal .journal-breadcrumb a{font-size:inherit;padding:0}.journal-article-photo{margin:30px 0}.journal-article-photo img{width:100%;max-height:340px;object-fit:cover;object-position:top;display:block}.journal-article-photo figcaption{font-size:10px;line-height:1.7;color:#a28b77;margin-top:10px}.journal-author-line{display:flex;align-items:center;gap:11px;font-size:11px;color:#9d8169;padding-bottom:24px;border-bottom:1px solid #e0d2c5}.journal-author-line img{width:35px;height:35px;border-radius:50%;object-fit:cover;object-position:top;filter:grayscale(1)}.journal-author-line p{margin:0;line-height:1.7}.journal-author-line time{font-size:10px}.journal-editorial-note{font-size:11px;line-height:1.8;color:#a18771;margin-top:25px}.journal-sources{padding:20px 0;margin:20px 0;font-size:12px}.journal-sources h2{font-size:14px;font-weight:500}.journal-sources a{color:#a7442c;text-decoration:underline;text-underline-offset:3px} @media(max-width:760px){.revenue-story{padding:60px 0 50px}.story-heading{padding-bottom:25px}.story-heading h2{font-size:36px}.story-heading>p:last-of-type{font-size:14px}.revenue-step{grid-template-columns:1fr;gap:26px;min-height:0;padding:42px 0 42px 22px}.revenue-step:before{top:48px}.story-copy h3{font-size:34px;margin:20px 0}.story-copy>p{font-size:13px}.story-visual{max-width:100%}.story-browser img{height:200px}.story-message{margin:-25px 8px 0 18px;padding:14px}.story-message p{font-size:11px}.story-followup,.story-revenue{padding:23px 19px}.followup-row{gap:10px}.followup-row p{font-size:10px}.followup-row>small{font-size:7px}.story-revenue h4{font-size:25px}.story-comparison{gap:14px}.story-comparison strong{font-size:31px}.story-math{gap:12px;font-size:9px}.story-closing{flex-direction:column;align-items:flex-start;gap:15px;margin-top:22px}.story-closing p{font-size:18px}.story-closing button{font-size:12px}.intro-line{font-size:clamp(34px,8vw,58px)}.intro-signature{font-size:18vw}.preloader-copy{height:55vh}.preloader-bottom{flex-wrap:wrap}.preloader-bottom button{font-size:10px}.studio-journal .journal-hero{padding:45px 22px 35px}.studio-journal .journal-hero h1{font-size:43px}.studio-journal .journal-hero>p:last-of-type{font-size:14px}.journal-feature{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.journal-photo img{height:245px}.journal-feature h3{font-size:35px;margin:14px 0 20px}.journal-secondary{grid-template-columns:1fr;gap:25px;padding-top:28px}.journal-note{padding-bottom:25px;border-bottom:1px solid #e4d7cb}.journal-note h3{font-size:30px}.studio-journal .journal-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:30px 22px 35px}.studio-journal .journal-cta h2{font-size:31px}.studio-journal .journal-article>h1{font-size:39px}.studio-journal .journal-lead{font-size:19px}.studio-journal .journal-prose p{font-size:15px}.studio-journal .journal-prose h2{font-size:28px}.journal-article-photo img{max-height:240px}.studio-journal .journal-header nav>a{font-size:11px;padding:8px 0}.studio-journal .journal-header .journal-contact{padding:10px 12px}.studio-journal .journal-header nav{gap:17px}.studio-journal .journal-breadcrumb a{padding:0;font-size:inherit}} @media(prefers-reduced-motion:reduce){.scallop-redesign.is-preloading .studio-preloader{display:none;animation:none}.story-motion-ready .revenue-step .story-copy,.story-motion-ready .revenue-step .story-visual,.story-motion-ready .followup-row{opacity:1;transform:none;transition:none}.story-comparison i{transform:scaleX(1);transition:none}.journal-photo img{transition:none}.journal-photo:hover img{transform:none}} .scallop-redesign .studio-preloader .intro-line,.scallop-redesign .studio-preloader .intro-line em,.scallop-redesign .studio-preloader .intro-signature,.scallop-redesign .studio-preloader .intro-signature span{color:inherit} /* A continuous island drawn by the visitor's native scroll. */ .revenue-story{overflow:hidden;background:#fffdfa}.revenue-storyline{isolation:isolate;--island-progress:0;margin:0 -35px;padding:0 35px}.revenue-storyline:before,.revenue-step:before{display:none}.story-island{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.island-land{fill:#fff0e8}.island-trail,.island-trail-active{fill:none;stroke:#ebd8cf;stroke-width:2}.island-trail-active{stroke:#ef392b;stroke-width:4;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--island-progress));filter:drop-shadow(0 0 6px #ff705780)}.revenue-step{padding-left:0;min-height:570px;gap:100px}.revenue-step .story-copy{background:#fffdfae8;border-radius:24px;padding:24px}.story-step-label{display:inline-flex;align-items:center;gap:12px}.story-step-label:before{content:'';width:10px;height:10px;border-radius:50%;background:#d6b8aa;box-shadow:0 0 0 6px #f6e7df;transition:background .4s,box-shadow .4s}.is-island-lit .story-step-label:before{background:#f23829;box-shadow:0 0 0 7px #ffdbce,0 0 23px #ff624755}.story-visual{transition:box-shadow .5s,border-color .5s!important}.is-island-lit .story-followup,.is-island-lit .story-revenue{border-color:#ed7763;box-shadow:0 12px 42px #c24e2c10}.story-discovery-icon{min-height:285px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#fffdf9;border:1px solid #e8c8b8;border-radius:28px;color:#dd3a2b}.story-discovery-icon svg{width:145px;height:145px;transition:transform .6s}.is-island-lit .story-discovery-icon svg{transform:translateY(-5px)}.story-discovery-icon>span{font-size:13px;color:#7c5545}.story-discovery .story-message{position:relative;bottom:auto;right:auto;left:auto;margin:-16px 18px 0}.story-discovery .story-visual-note{margin-top:15px}.is-island-lit .followup-row>span{background:#f53b2e;color:white;border-color:#f53b2e;transition:background .4s}.is-island-lit .followup-row:nth-of-type(2)>span{transition-delay:.15s}.is-island-lit .followup-row:nth-of-type(3)>span{transition-delay:.3s}.journal-feature{display:block;max-width:850px;padding:20px 0 38px}.journal-feature .journal-card-copy{padding:0}.journal-feature h3{max-width:760px}.journal-feature .journal-card-copy>p{max-width:650px} @media(max-width:760px){.revenue-storyline{margin:0 -15px;padding:0 15px}.revenue-step{gap:22px;min-height:0;padding:45px 0}.revenue-step .story-copy{padding:20px 12px}.story-island{width:140%;left:-20%}.island-trail,.island-trail-active{stroke-width:5}.story-discovery-icon{min-height:230px}.story-copy h3{font-size:34px}.story-heading h2{font-size:36px}} @media(prefers-reduced-motion:reduce){.island-trail-active{stroke-dashoffset:0}.story-discovery-icon svg{transform:none!important}} /* More readable story, ending at the conversation. */ .scallop-redesign .revenue-story .story-heading h2{font-weight:650;letter-spacing:-.045em}.scallop-redesign .revenue-story .story-copy h3{font-weight:600;letter-spacing:-.045em}.scallop-redesign .revenue-story .story-copy>p{font-size:18px;line-height:1.7;color:#66564b}.scallop-redesign .revenue-story .story-copy .story-takeaway{font-size:16px;font-weight:500;color:#ba3527}.scallop-redesign .revenue-story .story-heading>p{font-size:18px}.scallop-redesign .revenue-story .story-eyebrow,.scallop-redesign .revenue-story .story-scroll-note{font-size:14px}.scallop-redesign .revenue-story .story-window-title,.scallop-redesign .revenue-story .story-discovery-icon>span,.scallop-redesign .revenue-story .story-message p{font-size:16px}.scallop-redesign .revenue-story .story-message small,.scallop-redesign .revenue-story .story-visual-note,.scallop-redesign .revenue-story .followup-row p,.scallop-redesign .revenue-story .story-math,.scallop-redesign .revenue-story .story-comparison>div>span{font-size:14px;line-height:1.6}.scallop-redesign .revenue-story .followup-row strong{font-size:17px;font-weight:600}.scallop-redesign .revenue-story .followup-row small,.scallop-redesign .revenue-story .story-example-label{font-size:12px}.scallop-redesign .revenue-story .story-revenue h4{font-size:30px;font-weight:600}.scallop-redesign .revenue-story .story-revenue-difference>span{font-size:14px}.scallop-redesign .revenue-story .story-closing{position:relative;display:flex;flex-direction:column;align-items:center;gap:35px;text-align:center;padding:70px 0 10px;min-height:260px}.scallop-redesign .story-closing p{background:#fffdfa;padding:18px 28px;border-radius:20px;font-size:22px;line-height:1.5;max-width:720px}.scallop-redesign .story-closing button{position:relative;z-index:2;background:#fffdfa;color:#b43125;border:1px solid #dcac9f;min-height:62px;font-size:17px;padding:18px 26px;transition:background .45s,color .45s,box-shadow .45s,transform .45s}.scallop-redesign .story-closing button.is-destination-lit{background:#ef3427;color:#fff;border-color:#ef3427;box-shadow:0 0 0 7px #f9432914,0 12px 35px #e43c2b35;transform:translateY(-2px)}.story-connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.story-connection path{stroke-linecap:round;stroke-linejoin:round}.story-connection .island-trail{stroke:#e7c6b8;stroke-width:3}.story-connection .island-trail-active{stroke:#f13929;stroke-width:3;filter:drop-shadow(0 0 4px #ff684c60)}.scallop-redesign .story-island{height:calc(100% - 150px)} /* Immersive red-and-white hero with slowly moving contour lines. */ .scallop-redesign .hero.hero-brand-motion{isolation:isolate;overflow:hidden;background:#f33628;color:#fff;border-radius:0 0 38px 38px;min-height:850px;padding-top:180px;padding-bottom:110px}.hero-brand-motion .hero-motion-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#ff7a5620,transparent 68%)}.hero-motion-backdrop svg{width:120%;height:120%;position:absolute;left:-10%;top:-10%;fill:none;stroke:#fff;stroke-width:1;opacity:.16;animation:hero-contour-drift 18s ease-in-out infinite alternate}.hero-motion-backdrop:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:90px 90px;opacity:.035;mask-image:linear-gradient(transparent,#000,transparent)}.scallop-redesign .hero-brand-motion .float-wrap,.scallop-redesign .hero-brand-motion .flying-arrows,.scallop-redesign .hero-brand-motion .canvas-outline,.scallop-redesign .hero-brand-motion .hero-grid,.scallop-redesign .hero-brand-motion .studio-atmosphere{display:none}.scallop-redesign .hero-brand-motion .hero-content{max-width:1120px;position:relative;z-index:1}.scallop-redesign .hero-brand-motion h1{font-size:clamp(52px,6.7vw,96px);line-height:1.02;font-weight:700;letter-spacing:-.065em;color:#fff}.scallop-redesign .hero-brand-motion .gradient-text{background:none;color:#fff;-webkit-text-fill-color:#fff}.scallop-redesign .hero-brand-motion .hero-logo{color:#fff;font-weight:600}.scallop-redesign .hero-brand-motion .hero-logo .logo-tile{background:#ffffff20;border:1px solid #ffffff50}.scallop-redesign .hero-brand-motion .hero-description{color:#fff;font-size:20px;line-height:1.6;max-width:740px;margin-inline:auto}.scallop-redesign .hero-brand-motion .hero-reassurance{color:#fff;font-size:15px;opacity:.85}.scallop-redesign .hero-brand-motion .hero-actions .button{background:#fff;color:#cf2f24;border-color:#fff}.scallop-redesign .hero-brand-motion .hero-actions .button>span{color:#cf2f24}.scallop-redesign .hero-brand-motion .hero-actions .button>i{background:#f23a2b;color:#fff}.scallop-redesign .hero-brand-motion .hero-secondary,.scallop-redesign .hero-brand-motion .hero-baseline a{color:#fff}.hero-brand-motion.is-offscreen .hero-motion-backdrop svg,.page-hidden .hero-motion-backdrop svg,.is-preloading .hero-motion-backdrop svg{animation-play-state:paused}@keyframes hero-contour-drift{0%{transform:translate3d(-2%,-2%,0) rotate(-3deg)}100%{transform:translate3d(3%,3%,0) rotate(4deg)}} @media(max-width:760px){.scallop-redesign .hero.hero-brand-motion{min-height:760px;padding-top:150px;padding-bottom:90px;border-radius:0 0 26px 26px}.scallop-redesign .hero-brand-motion h1{font-size:clamp(42px,10.3vw,62px)}.scallop-redesign .hero-brand-motion .hero-description{font-size:18px}.scallop-redesign .revenue-story .story-copy h3{font-size:34px}.scallop-redesign .revenue-story .story-copy>p{font-size:17px}.scallop-redesign .revenue-storyline{padding-left:24px}.scallop-redesign .revenue-story .story-closing{padding-top:40px;gap:25px}.scallop-redesign .story-closing p{font-size:19px;padding:15px 10px}.scallop-redesign .story-closing button{font-size:16px;width:100%;justify-content:center}.story-connection .island-trail-active{stroke-width:3}} @media(prefers-reduced-motion:reduce){.hero-motion-backdrop svg{animation:none}.scallop-redesign .story-closing button{transition:none;transform:none}} .scallop-redesign .hero-brand-motion .hero-content{width:min(1120px,100%);max-width:1120px}.scallop-redesign .hero-brand-motion h1{max-width:none;font-size:clamp(48px,5.2vw,76px);margin-top:25px;margin-bottom:25px}.scallop-redesign .hero-brand-motion .hero-logo b{color:#fff}.scallop-redesign:not(.scallop-scrolled) .header{background:#fffdfbf7;border:1px solid #ffffff60;border-radius:18px;box-shadow:0 8px 30px #b2231710}.scallop-redesign .hero.hero-brand-motion{padding-top:155px;min-height:850px}.scallop-redesign .hero-brand-motion .hero-logo{margin-bottom:22px}@media(max-width:760px){.scallop-redesign .hero-brand-motion h1{font-size:clamp(38px,9.1vw,58px)}.scallop-redesign .hero.hero-brand-motion{padding-top:130px;min-height:760px}.scallop-redesign .hero-brand-motion .hero-logo{font-size:22px}} .scallop-redesign .hero-brand-motion .hero-actions .button{background:transparent;border:0}.scallop-redesign .hero-brand-motion .hero-actions .button>span{background:#fffdfb;color:#c32b22;border-color:#fffdfb}.scallop-redesign .hero-brand-motion .hero-actions .button:hover>span,.scallop-redesign .hero-brand-motion .hero-actions .button:focus-visible>span{background:#fff;color:#a72720}.scallop-redesign .hero-brand-motion .hero-actions .button>i{border-color:#fffdfb;--arrow-color:#fff} /* An observable working system, revealed through ordinary scrolling. */ .scallop-redesign .process-experience{padding:105px 0 70px;background:#fffdfb;border-top:1px solid #eee1db;overflow:visible;--process-progress:0}.scallop-redesign .process-experience .section{max-width:1200px}.process-heading{max-width:850px;margin-bottom:70px}.process-eyebrow{font-size:15px;color:#b33427;margin-bottom:22px}.process-heading h2{font-size:clamp(40px,4.6vw,64px);line-height:1.07;letter-spacing:-.055em;font-weight:650;margin:0 0 28px}.process-heading h2>span{color:#ef3b2c}.process-heading>p:last-child{font-size:19px;line-height:1.7;color:#706057;max-width:670px}.process-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:65px;align-items:start}.process-sticky{position:sticky;top:110px;padding-bottom:25px;align-self:start}.process-orbit{aspect-ratio:1;position:relative;isolation:isolate;background:#fff4ed;border-radius:48% 52% 44% 56%/55% 42% 58% 45%;border:1px solid #f1dbcc}.process-orbit-grid{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background-image:radial-gradient(#caa994 1px,transparent 1px);background-size:22px 22px;opacity:.25;mask-image:radial-gradient(#000,transparent 70%)}.process-orbit-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#e4cbbb;stroke-width:1.3}.process-orbit-lines>path{stroke-dasharray:3 7;opacity:.7}.process-orbit-progress{stroke:#ee392a;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--process-progress));transform:rotate(-90deg);transform-origin:250px 250px;filter:drop-shadow(0 0 4px #ff60493b)}.process-core{position:absolute;inset:30%;border-radius:50%;background:#fffdfb;border:1px solid #f0bca8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 35px #b8441f0a;padding:15px;z-index:2}.process-core>svg{width:48px;height:48px;color:#ed3a2b;margin-bottom:8px}.process-core>strong{font-size:22px;font-weight:650;letter-spacing:-.04em}.process-core>span{font-size:13px;color:#8a6b59;line-height:1.4;margin-top:8px;max-width:140px}.process-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:9px;z-index:3}.process-node-0{left:50%;top:16%}.process-node-1{left:84%;top:50%}.process-node-2{left:50%;top:84%}.process-node-3{left:16%;top:50%}.process-node>span{width:66px;height:66px;border-radius:23px;background:#fffdfb;border:1px solid #ddc1b0;color:#a17d65;display:grid;place-items:center;transition:background .4s,color .4s,box-shadow .4s,transform .4s}.process-node svg{width:32px;height:32px}.process-node>strong{font-size:15px;font-weight:500;color:#806657;background:#fff4ed;padding:1px 7px;border-radius:8px}.process-node.is-process-reached>span{color:#d63729;border-color:#ed8e72}.process-node.is-process-active>span{background:#f03c2d;border-color:#f03c2d;color:#fff;box-shadow:0 0 0 7px #f4432920,0 8px 22px #e13c2923;transform:translateY(-3px)}.process-node.is-process-active>strong{color:#b93024}.process-caption{text-align:center;font-size:18px;color:#7a6254;line-height:1.6;margin:28px 0 0}.process-caption strong{font-weight:600;color:#33251e}.process-stages{position:relative;padding-left:25px}.process-stages:before{content:'';position:absolute;left:0;top:45px;bottom:45px;width:1px;background:#ead5ca}.process-stage{display:grid;grid-template-columns:48px 1fr;gap:22px;padding:38px 24px 38px 28px;position:relative;margin-bottom:30px;border:1px solid transparent;border-radius:28px;transition:background .5s,border-color .5s,box-shadow .5s;min-height:360px}.process-stage:before{content:'';position:absolute;top:53px;left:-30px;width:9px;height:9px;border-radius:50%;background:#d2b7a6;border:5px solid #fffdfb;box-sizing:content-box;transition:background .4s,box-shadow .4s}.process-stage.is-process-reached:before{background:#f33b2b}.process-stage.is-process-active{background:#fff7f1;border-color:#edc4b2;box-shadow:0 16px 45px #9d4b2506}.process-stage-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fffdfb;border:1px solid #eccdbc;color:#b47a59}.process-stage-icon svg{width:27px;height:27px}.is-process-active .process-stage-icon{background:#ef3b2c;color:#fff;border-color:#ef3b2c}.process-stage-name{font-size:15px;color:#b93225;margin:2px 0 15px;font-weight:600}.process-stage h3{font-size:clamp(28px,2.6vw,36px);line-height:1.16;letter-spacing:-.045em;font-weight:600;margin:0 0 22px}.process-stage-description{font-size:17px;line-height:1.75;color:#766155;margin:0 0 24px}.process-stage ul{list-style:none;padding:0;margin:0;font-size:15px;line-height:1.5;color:#5e493d}.process-stage li{display:flex;gap:10px;margin-top:12px;align-items:baseline}.process-stage li:before{content:'↗';color:#e33a2a}.process-finish{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ead6cb;padding-top:45px;margin-top:55px}.process-finish p{font-size:25px;line-height:1.35;letter-spacing:-.03em;color:#8d6b56}.process-finish strong{color:#30231c;font-weight:600}.process-finish button{font-size:16px;padding:19px 25px;min-height:60px}.process-experience .process-finish.reveal{transform:none} @media(max-width:950px){.process-layout{gap:25px}.process-core>strong{font-size:18px}.process-core>span{font-size:12px}.process-node>span{width:52px;height:52px;border-radius:18px}.process-stage{gap:15px;padding:28px 15px}.process-stages{padding-left:15px}.process-stage:before{left:-21px}.process-stage h3{font-size:29px}} @media(max-width:700px){.scallop-redesign .process-experience{padding:65px 0 50px}.process-heading{margin-bottom:35px}.process-heading h2{font-size:40px}.process-heading>p:last-child{font-size:18px}.process-layout{display:flex;flex-direction:column;gap:30px}.process-sticky{position:relative;top:auto;width:100%;max-width:420px;margin:auto;padding-bottom:0}.process-core>strong{font-size:20px}.process-core>span{font-size:12px}.process-orbit{max-width:400px;margin:auto}.process-caption{margin-top:22px;font-size:17px}.process-stages{width:100%;box-sizing:border-box;padding-left:17px}.process-stage{grid-template-columns:38px 1fr;gap:14px;padding:27px 12px 27px 14px;min-height:0;margin-bottom:16px}.process-stage-icon{width:38px;height:38px;border-radius:12px}.process-stage-icon svg{width:24px;height:24px}.process-stage h3{font-size:29px}.process-stage-description{font-size:17px}.process-stage li{font-size:15px}.process-finish{flex-direction:column;align-items:flex-start;margin-top:30px;padding-top:30px}.process-finish p{font-size:24px}.process-finish button{width:100%;justify-content:center}} @media(prefers-reduced-motion:reduce){.process-node>span,.process-stage{transition:none}.process-orbit-progress{stroke-dashoffset:0}}