:root{--ink:#242225;--paper:#f1eae3;--muted:#736d68;--blush:#ad7884;--line:rgba(36,34,37,.13);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--blush);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:8px;left:16px;background:var(--ink);color:var(--paper);padding:12px 18px;transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:none}.process-shell{width:min(1440px,calc(100% - clamp(36px,8vw,150px)));margin-inline:auto}
.work-nav{height:84px;position:fixed;inset:0 0 auto;z-index:50;padding:0 clamp(23px,5vw,82px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(241,234,227,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink)}.work-brand{justify-self:start;display:block}.work-brand img{width:106px;height:auto;display:block}.work-links{display:flex;gap:24px;align-items:center}.work-actions{justify-self:end;display:flex;align-items:center;gap:9px}.work-portal{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(36,34,37,.2);border-radius:50%}.work-portal svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.process-nav-cta{min-height:40px!important;font-size:11px!important;padding:10px 20px!important}
.process-hero{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:4%;align-items:center;padding-block:142px 36px}.process-hero:before{content:"";position:absolute;z-index:0;inset:10% -3% -8% 24%;background:url('/assets/process-ribbons-v55.svg') center/cover no-repeat;opacity:.62;pointer-events:none}.process-hero-copy{position:relative;z-index:2}.process-hero h1{margin:0;font-size:clamp(42px,4.85vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:500}.process-hero h1 em,.portal-copy h2 em,.process-closing h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.06em;color:var(--blush)}.process-hero-copy>p{font-size:clamp(14px,1.15vw,17px);line-height:1.6;color:#625d59;margin:25px 0 24px}.process-hero-art{position:relative;isolation:isolate;aspect-ratio:1.84;border-radius:23px;overflow:hidden;background:linear-gradient(140deg,#1e2023,#29292b 65%,#1a1b1e);box-shadow:0 20px 45px rgba(36,34,37,.07)}.process-hero-art:before{content:"";position:absolute;inset:-32% -9%;background:url('/assets/process-ribbons-v55.svg') center/cover no-repeat;filter:brightness(2.1);opacity:.8;transform:rotate(-12deg)}.hero-art-inner{position:absolute;inset:0;transform:translate(var(--art-x,0px),var(--art-y,0px));transition:transform 700ms var(--ease)}.hero-sheet{position:absolute;width:22%;height:65%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.19))}.hero-sheet.discovery{left:9%;top:24%;transform:rotate(-13deg);z-index:2}.hero-sheet.build{left:27%;top:10%;transform:rotate(-11deg);z-index:1}.hero-sheet.launch{left:27%;top:39%;transform:rotate(9deg);z-index:3}.hero-sheet .art-sheet{position:relative;width:100%;height:100%;padding:16% 14%;border-radius:5px;background:linear-gradient(120deg,#fffaf3,#e4ded8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.art-sheet b{display:block;font-size:clamp(9px,1.05vw,14px);font-weight:600;margin-bottom:17%}.art-lines{display:grid;gap:7px;width:100%;flex:1}.art-lines i{display:block;border-radius:1px;height:3px;background:rgba(65,59,56,.15);width:100%}.art-lines i:last-child{width:63%}.sheet-check{display:flex;align-items:center;gap:8%;margin-top:13%}.sheet-check i{width:8px;height:8px;border-radius:50%;background:#baadb0;flex:none}.sheet-check span{height:3px;width:77%;background:rgba(65,59,56,.1)}.hero-workspace{position:absolute;z-index:4;top:27%;left:47%;width:48%;height:64%;display:flex;transform:rotate(3deg);box-shadow:0 16px 45px rgba(0,0,0,.3);border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.6);background:#f3eee8}.hero-workspace-side{width:10%;background:#292a2d;padding:13% 3% 0;display:flex;flex-direction:column;gap:17px}.hero-workspace-side i{height:3px;width:100%;background:#848082;border-radius:2px}.hero-workspace-body{width:90%;padding:5%}.hero-workspace-tabs{display:flex;gap:8%;font-size:clamp(4px,.52vw,8px);margin-bottom:8%;align-items:center;padding-bottom:5%;border-bottom:1px solid var(--line)}.hero-workspace-tabs b{position:relative}.hero-workspace-tabs b:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--blush)}.hero-workspace-tabs span{color:var(--muted)}.hero-workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;height:57%}.workspace-thumbnail{height:62%;background:linear-gradient(145deg,#ddd1c9,#f4eae2);border-radius:3px;overflow:hidden;position:relative;margin-bottom:15%}.workspace-thumbnail:after{content:"";position:absolute;inset:0;background:url('/assets/process-ribbons-v55.svg') center/cover no-repeat}.hero-workspace-feature .art-lines{gap:5px}.workspace-list{display:flex;flex-direction:column;gap:14%;padding-top:3%}.workspace-list>div{display:flex;gap:8%;align-items:center}.workspace-list>div>i{width:10px;height:10px;border-radius:50%;background:#d7c6c5}.workspace-list .art-lines{gap:4px}.workspace-list .art-lines i{height:2px}.workspace-bottom{background:#e9e3dc;padding:4%;margin-top:7%;border-radius:3px}.workspace-bottom .art-lines{gap:4px}.workspace-bottom .art-lines i{height:2px}
.process-stages{position:relative;padding-top:10px;margin-bottom:34px}.process-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stage-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:306px;padding:21px 17px 0;border-radius:9px;background:linear-gradient(135deg,#eee7df,#e8e0d7);border:1px solid rgba(36,34,37,.035);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.stage-card:before{content:"";position:absolute;z-index:-1;inset:42% -110% -30% -30%;background:url('/assets/process-ribbons-v55.svg') center/cover no-repeat;transform:rotate(-15deg);opacity:.6}.stage-card h2{font-size:clamp(14px,1.12vw,18px);line-height:1.35;letter-spacing:-.035em;font-weight:500;margin:0 0 9px}.stage-card>p{margin:0;font-size:12px;line-height:1.55;color:#6e6660;min-height:57px;max-width:170px}.stage-card-dark{background:linear-gradient(140deg,#232427,#1b1d20);color:#f5eee6;border-color:rgba(255,255,255,.05)}.stage-card-dark>p{color:#c0b8b1}.stage-card-dark:before{filter:brightness(1.9);opacity:.85}.stage-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(36,34,37,.09)}.stage-card[aria-expanded="true"]{border-color:#a78089;box-shadow:0 0 0 1px #a78089}.stage-art{height:116px;position:relative;margin-top:auto;pointer-events:none;filter:drop-shadow(0 9px 9px rgba(50,43,40,.14))}.stage-art .art-sheet{position:absolute;background:#f4efe8;color:var(--ink);width:69%;height:93px;padding:13px 12px;border-radius:4px;top:13px;left:16%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);transform:rotate(5deg)}.stage-art .art-sheet b{font-size:8px;margin-bottom:12px}.stage-art .art-lines{gap:5px}.stage-art .art-lines i{height:3px}.stage-art .sheet-check{margin-top:8px;gap:6px}.stage-art .sheet-check i{width:5px;height:5px}.stage-art .art-sheet-back{top:12px;left:2%;transform:rotate(-16deg);width:62%}.stage-art .art-sheet-front{top:29px;left:37%;transform:rotate(10deg);width:56%}.chat-bubble{position:absolute;display:flex;gap:9px;align-items:center;background:#f9f5ed;border-radius:7px;padding:11px 10px;width:90%;box-shadow:0 5px 15px rgba(46,39,35,.06)}.chat-bubble:after{content:"";position:absolute;bottom:-6px;left:15px;border-top:7px solid #f9f5ed;border-right:7px solid transparent}.chat-bubble.first{top:25px;left:0;transform:rotate(-5deg)}.chat-bubble.second{top:74px;left:9%;transform:rotate(3deg)}.avatar{width:18px;height:18px;flex:none;background:linear-gradient(#cbc4bd,#ded8d0);border-radius:50%}.chat-bubble .art-lines i{height:3px}.art-approved{width:39px;height:39px;position:absolute;z-index:2;right:6%;bottom:3px;display:grid;place-items:center;font-size:18px;background:#ab959a;color:#fff8f2;border-radius:50%;border:3px solid #f1eae3}.art-approved.small{width:29px;height:29px;font-size:13px;right:2%;bottom:14px;border-color:#252528}.mini-site{position:absolute;width:98%;height:84px;top:20px;left:1%;background:#faf6ef;padding:5px;border-radius:4px;transform:rotate(-4deg);border:1px solid #e7e0d8;color:var(--ink)}.mini-chrome{display:flex;gap:2px;border-bottom:1px solid #e8e2da;padding-bottom:4px}.mini-chrome i{width:2px;height:2px;background:#a59c94;border-radius:50%}.mini-nav{display:flex;gap:9px;align-items:center;margin-block:6px}.mini-nav b{font-size:4px;margin-right:auto}.mini-nav span{width:15px;height:2px;background:#ddd4ca}.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:36px}.mini-layout .art-lines{padding-top:4px;gap:4px}.mini-layout .art-lines i{background:#79716a;height:2px}.mini-picture{background:#ded4ca url('/assets/process-ribbons-v55.svg') center/cover;border-radius:2px}.mini-pill{display:block;width:20px;height:5px;background:#b5939c;margin-top:7px;border-radius:10px}.mini-tiles{display:flex;gap:4px;margin-top:5px}.mini-tiles i{flex:1;height:8px;background:#e6dfd6;border-radius:2px}.art-note{position:absolute;right:0;top:93px;border-radius:4px;padding:5px 8px;font-size:6px;background:#faf5ed;color:var(--ink);display:flex;align-items:center;gap:5px}.art-note i{width:4px;height:4px;border-radius:50%;background:#ad929b}.stage-details{margin-top:18px}.stage-detail{background:#fbf6ef;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;scroll-margin-top:105px;overflow:hidden}.stage-detail summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:20px 26px;font-size:12px;line-height:1.45}.stage-detail summary::-webkit-details-marker{display:none}.detail-toggle{font-size:20px;color:var(--muted)}.stage-detail[open] .detail-toggle{transform:rotate(45deg)}.detail-content{padding:2px 26px 28px}.detail-content h3{font-size:clamp(24px,2.7vw,38px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:0 0 25px}.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.detail-columns>div+div{border-left:1px solid var(--line);padding-left:25px}.detail-columns h4{font-size:13px;margin:0 0 9px;font-weight:600}.detail-columns p{font-size:13px;line-height:1.7;color:#665f5a;margin:0}.process-ready .stage-detail:not([open]){display:none}
.process-portal{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#222326,#191b1e);color:#f7f0e7;border-radius:23px;padding:42px 38px;display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center}.process-portal:before{content:"";position:absolute;z-index:-1;inset:-15% -5% -15% -5%;background:url('/assets/process-ribbons-v55.svg') center/cover;filter:brightness(2);opacity:.65}.section-label{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:30px;color:#cbc0b6}.portal-copy h2{font-size:clamp(27px,3.1vw,46px);font-weight:500;line-height:1.08;letter-spacing:-.052em;margin:0 0 21px}.portal-copy h2 em{color:#c0a0a7}.portal-copy>p{font-size:13px;line-height:1.7;color:#c9c1ba;margin:0;max-width:320px}
.process-closing{padding-block:68px 62px;display:flex;align-items:center;justify-content:space-between;gap:40px}.process-closing h2{font-size:clamp(30px,3.3vw,49px);line-height:1.1;font-weight:500;letter-spacing:-.05em;margin:0 0 18px}.process-closing h2 em{color:#6d6562}.process-closing p{font-size:13px;line-height:1.7;max-width:485px;margin:0;color:#776c63}.process-closing>a{flex:none}.process-footer{border-top:1px solid var(--line);padding:29px 0 20px;background:#ece4db}.process-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.process-footer img{width:99px;height:auto;display:block}.process-footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:11px;color:#655d57}.process-footer a:hover{color:var(--blush)}.process-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:28px;font-size:9px;color:#877b71}
.process-hero h1 em,.portal-copy h2 em,.process-closing h2 em{font-style:italic}.hero-sheet.launch{height:53%;top:38%}
@media(min-width:1001px){.process-hero h1 em{font-size:.88em;white-space:nowrap}}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.hero-sheet.discovery{animation:sheet-drift 9s ease-in-out infinite}.hero-sheet.launch{animation:sheet-drift-two 11s ease-in-out infinite}.hero-workspace{animation:workspace-drift 13s ease-in-out infinite}@keyframes sheet-drift{50%{transform:translateY(-7px) rotate(-11deg)}}@keyframes sheet-drift-two{50%{transform:translateY(-6px) rotate(7deg)}}@keyframes workspace-drift{50%{transform:translateY(-5px) rotate(2deg)}}}
@media(max-width:1100px){.stage-card{padding:17px 13px 0;min-height:300px}.stage-card h2{font-size:14px}.stage-card>p{font-size:11px}.portal-copy h2{font-size:32px}.process-portal{gap:24px;padding:32px 27px}.portal-demo{padding:14px}.preview-overview{gap:7px}.preview-overview>div{padding:10px}.preview-ring{padding:7px}.portal-tabs{gap:21px}}
@media(max-width:1000px){.process-nav-cta{display:none!important}.process-hero{padding-top:120px;grid-template-columns:1fr 1.05fr;gap:25px}.process-hero h1{font-size:clamp(36px,5.6vw,56px)}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stage-card{min-height:294px;padding:22px 19px 0}.stage-card h2{font-size:18px}.stage-card>p{font-size:13px;min-height:60px;max-width:220px}.stage-art{height:112px;max-width:175px;width:100%;align-self:center}.process-portal{grid-template-columns:1fr;gap:30px;padding:33px}.portal-copy>p{max-width:530px}.section-label{margin-bottom:19px}.portal-copy h2{font-size:38px}.portal-demo{padding:20px}.preview-overview{gap:14px}.preview-overview>div{padding:18px}.portal-demo h4{font-size:12px}.preview-ring{max-width:128px}.preview-note{font-size:10px}.preview-badge{font-size:9px}.preview-update p{font-size:12px}.preview-checklist>div>span{font-size:11px}.preview-checklist small{font-size:9px}.preview-checklist>div>i{width:18px;height:18px}.portal-panel{min-height:220px}.process-footer nav{gap:16px}.process-closing{gap:24px}.process-closing h2{font-size:36px}}
@media(max-width:700px){html{scroll-padding-top:88px}.process-shell{width:calc(100% - 36px)}.process-hero{grid-template-columns:1fr;gap:28px;padding-top:112px;padding-bottom:28px}.process-hero:before{inset:35% 0 -12% 0;opacity:.35}.process-hero h1{font-size:clamp(39px,10.9vw,62px);letter-spacing:-.06em;line-height:1.03}.process-hero-copy>p{font-size:14px;margin:22px 0}.process-hero-art{border-radius:15px;aspect-ratio:1.65}.hero-sheet .art-sheet b{font-size:8px}.art-lines{gap:5px}.sheet-check i{width:5px;height:5px}.sheet-check span{height:2px}.hero-workspace-tabs{font-size:5px}.hero-workspace-tabs b:after{bottom:-5px}.hero-workspace-side{gap:12px}.workspace-list>div>i{width:6px;height:6px}.process-stages{padding-top:0;margin-bottom:25px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage-card{padding:18px 14px 0;min-height:283px}.stage-card h2{font-size:16px;min-height:43px}.stage-card>p{font-size:12px;min-height:56px}.stage-art{height:107px;max-width:170px}.stage-details{margin-top:15px}.stage-detail summary{padding:17px 18px;font-size:11px}.detail-content{padding:0 18px 23px}.detail-content h3{font-size:29px;margin-bottom:22px}.detail-columns{grid-template-columns:1fr;gap:19px}.detail-columns>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:19px}.detail-columns p{font-size:13px}.process-portal{border-radius:17px;padding:28px 19px;gap:26px}.portal-copy h2{font-size:clamp(31px,9vw,41px)}.portal-copy>p{font-size:12px;max-width:330px}.portal-demo{padding:13px;border-radius:9px}.portal-demo-top{font-size:9px;padding-bottom:10px}.sample-label{font-size:6px}.portal-tabs{gap:18px;margin-bottom:13px}.portal-tabs button{font-size:9px;padding-bottom:9px}.preview-overview{grid-template-columns:.8fr 1fr;gap:8px}.preview-overview>div{padding:12px 9px}.preview-checklist{grid-column:1/-1}.portal-demo h4{font-size:10px;margin-bottom:12px}.preview-ring{padding:7px;max-width:103px;margin:8px auto 15px}.preview-ring>span{font-size:23px}.preview-note{font-size:8px}.preview-badge{font-size:7px}.preview-update p{font-size:9px}.preview-design{height:48px}.preview-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-checklist h4{grid-column:1/-1;margin:0}.preview-checklist>div{margin:0;gap:6px}.preview-checklist>div>span{font-size:8px}.preview-checklist small{font-size:7px}.preview-checklist>div>i{width:14px;height:14px;font-size:8px}.portal-panel{min-height:290px}.preview-file{padding-block:16px;gap:10px}.preview-file>span{font-size:10px}.preview-file small{font-size:9px}.process-closing{padding:45px 0 42px;flex-direction:column;align-items:flex-start;gap:25px}.process-closing h2{font-size:clamp(29px,8.5vw,40px)}.process-closing p{font-size:12px}.process-footer{padding:24px 0 21px}.process-footer-top{flex-direction:column;align-items:flex-start;gap:24px}.process-footer nav{gap:14px 22px;font-size:11px}.process-footer-bottom{gap:20px;font-size:8px;margin-top:24px}.process-footer img{width:85px}}
@media(max-width:360px){.process-shell{width:calc(100% - 28px)}.stage-card{padding-inline:12px}.stage-card h2{font-size:15px}.stage-card>p{font-size:11px}.process-hero h1{font-size:37px}.process-portal{padding-inline:15px}.portal-demo{padding:10px}.portal-tabs{gap:15px}.preview-overview>div{padding:10px 7px}.preview-update p{font-size:8px}.preview-checklist{gap:10px}.preview-ring{max-width:82px;padding:6px}.preview-ring small{font-size:5px}.preview-note{font-size:7px}.sample-label{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art-inner{transform:none!important}.stage-card:hover{transform:none}}

/* v56: simpler typography, expressive artwork, and the approved client experience. */
.process-title-line{display:block}.stage-card{padding-top:27px;min-height:290px;cursor:pointer}.stage-card h2{font-size:clamp(16px,1.25vw,20px);line-height:1.25;margin-bottom:13px}.stage-card>p{font-size:12px;line-height:1.6;min-height:58px}.stage-art{height:147px;margin-top:auto;transition:transform 600ms cubic-bezier(.2,.75,.25,1)}.stage-card:hover .stage-art,.stage-card:focus-visible .stage-art{transform:translateY(-5px) scale(1.035)}.stage-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.1) 50%,transparent 75%);transition:opacity .5s}.stage-card:hover:after{opacity:1}.stage-art .art-sheet{height:105px;top:25px}.stage-art .art-sheet-back{top:21px}.stage-art .art-sheet-front{top:38px}.chat-bubble.first{top:34px}.chat-bubble.second{top:87px}.stage-art .mini-site{top:33px;height:94px}.stage-art .mini-layout{height:43px}.stage-art .art-note{top:115px}.stage-art .art-approved{bottom:14px}.stage-art .art-approved.small{bottom:21px}.stage-details{margin-top:20px}
.hero-workspace{display:block;border:1px solid rgba(255,255,255,.3);background:#17222c;overflow:hidden}.hero-workspace>img{display:block;width:100%;height:100%;object-fit:cover}.process-portal{padding:40px 35px;grid-template-columns:.72fr 1.28fr;gap:35px}.portal-copy h2{font-size:clamp(31px,3.15vw,47px);margin-bottom:23px}.portal-copy>p{font-size:14px;max-width:365px}.experience-art{position:relative;min-width:0;perspective:1000px}.experience-preview{display:block;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 65px rgba(0,0,0,.25);transform:rotateX(var(--preview-tilt-x,0deg)) rotateY(var(--preview-tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.75,.25,1),box-shadow .4s;cursor:zoom-in}.experience-preview:hover{box-shadow:0 32px 75px rgba(0,0,0,.32)}.experience-preview img{display:block;width:100%;height:auto}.process-portal:before{opacity:.42}.experience-dialog{border:1px solid rgba(255,255,255,.2);border-radius:17px;background:#19212a;color:#f1eae3;padding:12px;width:min(1200px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto;box-shadow:0 25px 120px rgba(0,0,0,.45)}.experience-dialog::backdrop{background:rgba(18,19,21,.82);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.experience-dialog-bar{display:flex;justify-content:flex-end;margin-bottom:12px}.experience-dialog-bar button{min-height:40px!important;font-size:12px!important;padding:10px 20px!important}.experience-dialog>img{display:block;max-height:calc(100svh - 118px);width:100%;height:auto;object-fit:contain;border-radius:8px}
@media(prefers-reduced-motion:no-preference){.process-motion-ready .process-title-line{animation:process-arrive 900ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--line-order,0)*130ms + 100ms)}.process-title-line:nth-child(2){--line-order:1}.process-title-line:nth-child(3){--line-order:2}.process-motion-ready .stage-card{animation:card-arrive 850ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--stage-order,0)*65ms + 180ms)}.stage-card:nth-child(2){--stage-order:1}.stage-card:nth-child(3){--stage-order:2}.stage-card:nth-child(4){--stage-order:3}.stage-card:nth-child(5){--stage-order:4}.stage-card:nth-child(6){--stage-order:5}@keyframes process-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes card-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}}
@media(max-width:1000px){.stage-card{padding-top:26px;min-height:284px}.stage-card h2{font-size:20px}.stage-card>p{font-size:13px}.stage-art{max-width:195px;height:140px}.process-portal{grid-template-columns:1fr;padding:33px;gap:29px}.portal-copy h2{font-size:39px}.portal-copy>p{max-width:580px}.experience-art{width:100%}}
@media(max-width:700px){.stage-card{min-height:260px;padding:23px 14px 7px}.stage-card h2{font-size:19px;min-height:48px;line-height:1.25}.stage-card>p{font-size:12px;min-height:57px}.stage-art{height:126px}.stage-art .art-sheet{height:97px;top:24px}.stage-art .art-sheet-back{top:21px}.stage-art .art-sheet-front{top:30px}.stage-art .mini-site{top:27px;height:85px}.stage-art .mini-layout{height:36px}.stage-art .art-note{top:103px}.chat-bubble.first{top:26px}.chat-bubble.second{top:76px}.stage-art .art-approved{bottom:3px}.stage-art .art-approved.small{bottom:10px}.process-portal{padding:29px 20px;gap:23px}.portal-copy h2{font-size:clamp(32px,9vw,42px)}.portal-copy>p{font-size:13px}.experience-preview{border-radius:8px}.experience-dialog{padding:8px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.experience-dialog-bar{margin-bottom:8px}.experience-dialog>img{max-height:calc(100svh - 105px)}.stage-details{margin-top:16px}.hero-workspace>img{object-fit:cover}}
@media(max-width:360px){.stage-card{padding-inline:12px}.stage-card h2{font-size:17px}.stage-card>p{font-size:11px}.process-portal{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.experience-preview,.stage-card:hover .stage-art,.stage-card:focus-visible .stage-art{transform:none!important}}