:root{--paper:#eeece6;--ink:#1b1b19;--muted:#6d6d66;--line:#c8c6bf;--red:#ef4b30;--blue:#2453e9;--font:Arial,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--red);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{display:block;max-width:100%}.mono,.eyebrow{font-family:var(--mono)}.eyebrow{font-size:12px;letter-spacing:.045em}.skip{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-160%);background:var(--ink);color:white;padding:12px}.skip:focus{transform:none}.progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:0;z-index:100}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.mark{height:12px;width:12px;display:block;background:var(--red)}.header-note{font-size:12px;letter-spacing:.04em}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header nav a:hover{color:var(--red)}.header nav a>span{font:12px var(--mono);vertical-align:super}.header nav button{font-size:12px;padding:7px 0;border-bottom:1px solid var(--ink)}.header nav button>span{color:var(--red);padding-left:3px}.masthead{padding:32px 4% 0;max-width:1900px;margin:auto;overflow:hidden}.masthead-overline{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}.masthead h1{font-family:Arial,sans-serif;font-size:17.65vw;font-weight:900;line-height:1;letter-spacing:-.087em;display:flex;align-items:baseline;justify-content:space-between;margin:26px -.018em 30px -.05em;white-space:nowrap}.masthead h1>span:last-child{margin-left:-.035em}.cut-type{font-family:Georgia,serif;display:inline-block;font-style:italic;font-weight:400;color:var(--red);transform:rotate(-8deg);margin-right:.015em;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.masthead h1:hover .cut-type{transform:rotate(8deg) translateY(-.03em)}.title-dot{color:var(--red);letter-spacing:-.12em}.masthead-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:start;border-top:1px solid var(--ink);padding:28px 0 38px}.masthead-bottom h2{font-size:27px;letter-spacing:-.04em;font-weight:500;margin:0}.masthead-bottom p{font-size:16px;line-height:1.7;margin:0;color:#60615a}.browse{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);padding:13px 17px;font-size:14px}.browse-icon{font-size:26px;line-height:1}.browse:hover .browse-icon{transform:rotate(90deg)}.browse-icon{transition:transform .3s}.contents-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink);border-top:1px solid var(--line);margin-bottom:95px}.contents-strip a{font-size:13px;display:flex;gap:13px;align-items:center;padding:13px 0;transition:color .2s}.contents-strip a:nth-child(n+5){border-top:1px solid var(--line)}.contents-strip a>span{font:12px var(--mono);color:var(--red)}.contents-strip a:hover{color:var(--red)}.projects{max-width:1900px;margin:auto;padding:0 4%}.showcase{margin-bottom:90px;min-width:0}.project-top{display:grid;grid-template-columns:100px 1.05fr 1fr auto;gap:25px;align-items:center;margin-bottom:26px}.project-no{font-family:Georgia,'Times New Roman',serif;font-size:70px;line-height:1;letter-spacing:-.075em;font-weight:400}.project-heading .eyebrow{margin:0 0 9px;color:var(--muted)}.project-heading h2{font-size:35px;font-weight:500;line-height:1.3;letter-spacing:-.045em;margin:0}.project-brief{font-size:16px;color:#67675f;margin:0;line-height:1.8}.text-button{display:flex;align-items:center;gap:35px;font-size:14px;padding:10px 0;border-bottom:1px solid var(--ink);white-space:nowrap}.text-button span{font-size:25px;line-height:1;transition:transform .3s}.text-button:hover span{transform:rotate(90deg);color:var(--red)}.stage{position:relative;overflow:hidden}.stage-caption{display:flex;justify-content:space-between;position:absolute;top:25px;left:30px;right:30px;font-size:12px;letter-spacing:.04em}.stage-caption span:first-child{font-family:var(--mono)}.project-foot{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start;padding-top:20px}.project-foot>span{font:12px/1.8 var(--mono);color:#6c6e64}.project-foot p{margin:0;font-size:16px;color:#64655e;line-height:1.8}.code-stage{background:var(--blue);color:#f0f0e9;min-height:550px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;padding:70px 7% 60px;gap:30px}.code-label{font-size:12px;color:#d8e0ff}.code-left h3{font-size:62px;line-height:1.17;font-weight:500;letter-spacing:-.055em;margin:20px 0 28px}.code-left h3 span{color:#9db6ff}.code-chips{display:flex;flex-wrap:wrap;gap:7px}.code-chips span{font-size:12px;border:1px solid #89a5ff;padding:5px 8px}.code-window{background:#eae9df;color:#1f2a45;padding:0 24px;box-shadow:16px 17px 0 #102878;transform:rotate(3deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);max-width:530px;width:100%;justify-self:end;will-change:transform}.code-stage:hover .code-window{transform:rotate(0) translate(-4px,-3px)}.window-top{font:12px var(--mono);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #bac0cd;padding:18px 0}.window-dots{font-size:12px;letter-spacing:2px;color:#8a99b7}.code-line{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d4d8df;padding:10px 0;font-size:14px}.code-line>span{font:12px var(--mono);color:#8a97ad}.code-line strong{font-weight:400}.code-line i{margin-left:auto;font-style:normal;font-size:12px;color:#688169}.code-line.muted{opacity:.5}.typing-cursor{height:17px;width:9px;background:var(--blue);animation:blink 1.4s step-end infinite}.code-tree{font-size:12px;line-height:1.6;padding:18px 0;color:#5b6b89}.code-tree>span{color:#8f9ab0}.code-window-foot{border-top:1px solid #bac0cd;padding:14px 0;display:flex;justify-content:space-between;font-size:12px;gap:20px}.stage-corner{position:absolute;bottom:22px;left:30px;font-size:12px;color:#dce3ff}.stop-stage{background:#242422;color:#f1f0df;min-height:560px;padding:70px 35px 25px}.stop-stage .stage-caption{color:#999a8f}.stop-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font-size:clamp(70px,9.1vw,165px);line-height:.95;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.075em;margin:10px 0 30px}.stop-title>span:last-child{color:var(--red);position:relative}.stop-registration{font:12px var(--mono);position:absolute;top:-14px;right:1px;letter-spacing:.1em;color:#dedecd}.film-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border-block:16px dashed #77796e;padding:10px 0;margin:0 -55px 25px;transform:rotate(-3deg) translateX(0);animation:filmAdvance 10s ease-in-out infinite;min-height:225px}.film-strip>div{background:#eeeddf;color:#20221d;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:0}.film-strip span{font:12px var(--mono);position:absolute;top:10px;left:12px}.film-strip strong{font-family:Georgia,serif;font-style:italic;font-size:150px;font-weight:400;line-height:1.2}.film-strip>div:nth-child(2) strong{transform:rotate(-14deg) translateY(10px)}.film-strip>div:nth-child(3){background:var(--red)}.film-strip>div:nth-child(3) strong{transform:rotate(15deg) translateY(-8px)}.film-strip>div:nth-child(4) strong{transform:rotate(-5deg) scale(.82)}.film-strip>div:nth-child(5) strong{transform:rotate(10deg) translateY(5px)}.timeline{display:flex;align-items:center;gap:30px;font-size:12px;padding-top:23px}.timeline-track{flex:1;height:13px;background:repeating-linear-gradient(90deg,#6d6e6255 0 1px,transparent 1px 12px);position:relative}.timeline-track>i{width:2px;height:25px;position:absolute;top:-6px;background:var(--red);animation:scrub 8s linear infinite}.split-spread{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:start}.split-spread .showcase-figures{margin-top:85px}.mini-top{display:flex;align-items:center;gap:25px;margin-bottom:23px}.mini-top .project-no{font-size:65px}.mini-top>.eyebrow{color:#71736a}.round-button{margin-left:auto;border:1px solid var(--ink);border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;line-height:1;font-size:25px;flex-shrink:0;transition:background .2s,color .2s,transform .3s}.round-button:hover{background:var(--ink);color:var(--paper);transform:rotate(90deg)}.cold-stage{background:#aadfd1;height:595px;padding:30px}.cold-title{font-size:72px;font-weight:600;letter-spacing:-.07em;line-height:1.08;position:relative;z-index:2;color:#16352f}.cold-title>span{font-size:54px}.cold-title>i{font:italic 155px/.8 Georgia,serif;position:absolute;right:5px;top:-10px;color:#347561}.cold-scale{position:absolute;left:29px;right:29px;top:242px;display:flex;align-items:center;gap:20px;font:12px var(--mono);color:#42796b}.cold-scale i{flex:1;height:10px;background:repeating-linear-gradient(90deg,#548c7a 0 1px,transparent 1px 8px)}.cold-preview{position:absolute;bottom:65px;left:13%;right:8%;height:265px}.cold-preview img:first-child{height:100%;width:75%;object-fit:cover;box-shadow:8px 10px 0 #739c8438;transform:rotate(-7deg);transition:transform .6s}.cold-preview img:last-child{position:absolute;width:32%;bottom:10px;right:0;transform:rotate(12deg);border:7px solid #eeece6;box-shadow:5px 8px 20px #34614630;transition:transform .6s}.cold-stage:hover .cold-preview img:first-child{transform:rotate(-2deg) translateY(-8px)}.cold-stage:hover .cold-preview img:last-child{transform:rotate(2deg) translateY(4px)}.stage-note{position:absolute;bottom:23px;left:30px;right:30px;font-size:12px;color:inherit;opacity:.65}.split-spread h2{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:23px 0 10px;line-height:1.4}.spread-copy{font-size:16px;line-height:1.8;color:#64655e;margin:0;max-width:530px}.figure-stage{height:520px;background:#fff;display:flex;flex-direction:column;border:1px solid #d3d3cd}.figure-tabs{display:flex;gap:0;border-bottom:1px solid #dfdfd8;background:#e3e3dc;padding:0 12px;min-height:52px;align-items:stretch}.figure-tabs button{padding:12px 11px;font-size:12px;position:relative;white-space:nowrap}.figure-tabs button[aria-selected=true]{color:var(--red)}.figure-tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--red);position:absolute;bottom:0;left:10px;right:10px}.figure-image{padding:25px;flex:1;min-height:0;width:100%;display:grid;place-items:center;cursor:zoom-in}.figure-image img{width:100%;height:100%;object-fit:contain;max-height:385px;transition:transform .4s}.figure-image:hover img{transform:scale(1.025)}.figure-caption{font-size:12px;padding:12px 17px;border-top:1px solid #eee;display:flex;justify-content:space-between;gap:20px;color:#74766c}.ai-stage{min-height:420px;background:#eb6b43;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:50px 6%;gap:8%;color:#482312}.ai-word{font-size:clamp(50px,7vw,125px);line-height:1.1;letter-spacing:-.08em;font-weight:500;display:flex;flex-direction:column}.ai-word>span:nth-child(2){margin-left:22%;color:#fce0c6}.ai-word>span:nth-child(3){margin-left:44%}.ai-right>.mono{font-size:12px}.ai-right p{font-size:24px;line-height:1.9;font-weight:400;margin:25px 0}.ai-underline{height:2px;background:#5e341f;width:80%}.learning-stage{min-height:380px;background:#10263b;color:white;display:flex;align-items:center;padding:45px 8%;isolation:isolate}.marking-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}.learning-content{width:100%;position:relative}.learning-content>.mono{font-size:12px;color:#acbecb;letter-spacing:.03em}.learning-content h3{font-size:52px;line-height:1.25;font-weight:400;letter-spacing:-.04em;margin:24px 0}.learning-content p{font-size:16px;line-height:1.8;color:#a7bbcc;max-width:420px;margin:0}.learning-stage .stage-note{color:#aac1d2;opacity:1;text-align:right}.business-spread{border-top:1px solid var(--ink);margin:105px 0 85px;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:8%;align-items:start}.business-intro{grid-row:span 2;padding-top:31px}.business-intro>.eyebrow{color:#7d7f73}.business-intro h2{font-size:36px;font-weight:400;line-height:1.4;letter-spacing:-.045em;margin:25px 0}.business-row{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:32px 0;align-items:start}.business-row>.project-no{font-size:42px;min-width:48px}.business-row h3{font-size:23px;font-weight:500;line-height:1.4;margin:0 0 13px;letter-spacing:-.03em}.business-row p{font-size:16px;line-height:1.8;color:#74766b;margin:0 0 20px}.row-stack{font:12px/1.8 var(--mono);color:#818477}.business-row .round-button{height:35px;width:35px;font-size:22px}.index-section{padding:65px 4% 90px;background:#d8d9ce}.index-heading{max-width:1750px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between}.index-heading>.eyebrow{color:#717567}.index-heading h2{font-size:34px;font-weight:400;line-height:1.2;margin:0;letter-spacing:-.04em}.index-count{font:12px var(--mono);vertical-align:super;color:var(--red);margin-left:15px}.index-list{max-width:1750px;margin:auto}.index-list>a{display:grid;grid-template-columns:80px 1.4fr 1fr 40px;gap:20px;align-items:center;border-top:1px solid #b4b9a8;padding:19px 0;transition:padding .2s,color .2s}.index-list>a:last-child{border-bottom:1px solid #b4b9a8}.index-list>a>span:first-child{font:12px var(--mono);color:#77816b}.index-list strong{font-size:22px;font-weight:400;letter-spacing:-.025em}.index-list>a>span:nth-child(3){font-size:14px;color:#707866}.index-list>a>span:last-child{font-size:24px}.index-list>a:hover{color:var(--red);padding-left:10px}footer{padding:35px 4% 28px;background:#22241f;color:#eeefe4;overflow:hidden}.footer-meta{display:flex;justify-content:space-between;font:12px var(--mono);letter-spacing:.04em;color:#9ea493}.footer-meta>a{font-family:var(--font);color:#d8ddcc}.end-type{font-family:Arial,sans-serif;font-size:33vw;font-weight:900;letter-spacing:-.08em;line-height:.9;margin:30px 0 15px -2%;white-space:nowrap}.end-type>span{color:var(--red)}.footer-bottom{border-top:1px solid #42493b;display:flex;justify-content:space-between;padding-top:20px;font-size:12px;color:#89917d}dialog{padding:0;background:var(--paper);color:var(--ink);border:0;width:min(860px,calc(100% - 40px));max-height:90vh;box-shadow:0 30px 100px #0005;overflow:auto}dialog::backdrop{background:#151c20b5;backdrop-filter:blur(8px)}.dialog-inner{padding:30px 40px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top>.eyebrow{color:#777b70}.close-dialog{font-size:32px;width:40px;height:40px;line-height:1}.close-dialog:hover{color:var(--red)}dialog h2{font-size:43px;font-weight:500;line-height:1.3;letter-spacing:-.04em;margin:25px 0 20px}.case-intro{font-size:19px;color:#555d4e;line-height:1.9;margin-bottom:28px}.case-section{display:grid;grid-template-columns:105px 1fr;gap:25px;border-top:1px solid var(--line);padding:23px 0}.case-section h3{font-size:14px;color:var(--red);font-weight:400;margin:0}.case-section p,.case-section ul{font-size:16px;color:#686e61;line-height:1.8;margin:0}.case-section ul{padding-left:18px}.case-section li+li{margin-top:9px}.status-detail{font-size:14px;line-height:1.9;color:#6c6f62;border-left:2px solid var(--red);padding:8px 20px;margin:20px 0 25px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font:12px var(--mono);border-bottom:1px solid #b5bbab;padding-bottom:6px;color:#78816e}.source-link{display:inline-block;color:#696f61;border-bottom:1px solid var(--red);font-size:14px;padding-bottom:4px;margin-top:16px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-top:28px;font-size:12px;color:#787e70}.close-text{background:var(--ink);color:var(--paper);padding:10px 17px;font-size:14px}#image-dialog{width:min(1200px,calc(100% - 26px));padding:38px 25px 15px;background:white}#large-figure{width:100%;max-height:76vh;object-fit:contain}#large-caption{font-size:14px;color:#62675d;margin:17px 10px 0}.image-close{position:absolute;right:9px;top:4px;font-size:30px;line-height:1;width:38px;height:34px}.image-close:hover{color:var(--red)}.enter{animation:enter .65s cubic-bezier(.2,.8,.2,1) both}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .code-window{transform:none}.motion-off .film-strip{transform:rotate(-3deg)}@keyframes enter{from{transform:translateY(22px);opacity:.2}to{transform:none;opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes filmAdvance{50%{transform:rotate(-3deg) translateX(20px)}}@keyframes scrub{from{left:0}to{left:98%}}@media(min-width:1900px){.masthead h1{font-size:335px}.stop-title{font-size:165px}.end-type{font-size:620px}}@media(max-width:1100px){.header-note{display:none}.project-top{grid-template-columns:75px 1fr 1fr auto;gap:18px}.project-no{font-size:59px}.project-heading h2{font-size:28px}.project-brief{font-size:14px}.text-button{gap:20px}.code-stage{min-height:500px;padding:70px 5% 50px;gap:20px}.code-left h3{font-size:50px}.code-window{padding-inline:19px}.window-top{gap:10px}.window-top>span:last-child{font-size:12px;letter-spacing:-.04em}.code-chips{max-width:270px}.cold-stage{height:540px}.cold-title{font-size:65px}.cold-title>span{font-size:47px}.cold-title>i{font-size:110px;right:-5px}.cold-preview{height:225px}.cold-scale{top:225px}.figure-stage{height:465px}.figure-caption{flex-direction:column;gap:2px}.figure-image{padding:20px}.business-intro h2{font-size:30px}.business-row{gap:18px}.business-row h3{font-size:21px}.business-row>.project-no{min-width:35px;font-size:37px}.mini-top{gap:18px}.mini-top>.eyebrow{font-size:12px}.round-button{width:39px;height:39px}.ai-stage{min-height:385px}.learning-content h3{font-size:47px}}@media(max-width:760px){html{scroll-padding-top:84px}.header{height:67px;padding-inline:5%}.wordmark{font-size:23px}.mark{width:10px;height:10px}.header nav{gap:20px;font-size:13px}.header nav button{font-size:12px}.masthead{padding:23px 5% 0}.masthead-overline{font-size:12px;line-height:1.6;gap:20px}.masthead-overline>span:first-child{max-width:170px}.masthead-overline>span:last-child{text-align:right;max-width:120px}.masthead h1{font-size:16.5vw;line-height:1.1;letter-spacing:-.075em;margin:30px 0 24px -.02em}.masthead-bottom{display:grid;grid-template-columns:1fr auto;gap:22px 15px;padding-top:22px;padding-bottom:25px}.masthead-bottom h2{font-size:24px;grid-column:1 / -1}.masthead-bottom p{font-size:14px;line-height:1.8}.browse{font-size:12px;gap:18px;padding:11px 12px;align-self:end}.browse-icon{font-size:22px}.contents-strip{grid-template-columns:1fr 1fr;margin-bottom:55px}.contents-strip a{font-size:12px;gap:10px;padding:12px 0}.contents-strip a:nth-child(n+3){border-top:1px solid var(--line)}.projects{padding-inline:5%}.showcase{margin-bottom:55px}.project-top{grid-template-columns:50px 1fr auto;gap:10px 14px;margin-bottom:22px;align-items:end}.project-no{font-size:48px}.project-heading .eyebrow{font-size:12px;margin-bottom:6px}.project-heading h2{font-size:26px;line-height:1.35}.project-brief{grid-column:2;grid-row:2;font-size:14px;line-height:1.8;margin-top:4px}.text-button{grid-column:3;grid-row:1 / 3;font-size:12px;gap:16px;padding-bottom:8px;align-self:end}.text-button span{font-size:24px}.stage-caption{top:20px;left:20px;right:20px;font-size:12px;letter-spacing:0;gap:10px}.stage-caption span:first-child{font-size:12px;letter-spacing:-.04em}.project-foot{grid-template-columns:1fr;gap:11px;padding-top:17px}.project-foot>span{font-size:12px}.project-foot p{font-size:16px}.code-stage{min-height:695px;display:block;padding:60px 25px 48px}.code-label{font-size:12px}.code-left h3{font-size:45px;line-height:1.2;margin:15px 0 20px}.code-left h3 br:nth-child(2){display:none}.code-left h3>span{white-space:nowrap}.code-chips{max-width:none;gap:6px;margin-bottom:36px}.code-chips span{font-size:12px;padding:4px 6px}.code-window{padding:0 16px;box-shadow:9px 10px 0 #102878;max-width:none;transform:rotate(2deg)}.window-top{font-size:12px;gap:6px;padding:12px 0}.window-top>span:last-child{font-size:12px}.window-dots{font-size:12px;letter-spacing:0}.code-line{font-size:13px;gap:14px;padding:8px 0}.code-line i{font-size:12px}.code-tree{display:none}.code-window-foot{font-size:12px;padding:13px 0;gap:10px}.code-window-foot .mono{font-size:12px}.stage-corner{left:20px;bottom:16px;font-size:12px}.stop-stage{min-height:380px;padding:60px 20px 22px}.stop-title{display:block;font-size:66px;line-height:.97;margin:0 0 25px}.stop-title>span:first-child{display:block}.stop-title>span:last-child{display:block;text-align:right}.stop-registration{font-size:12px;top:-5px;left:5px;right:auto}.film-strip{min-height:118px;border-width:8px;padding:6px 0;gap:6px;margin:0 -35px 12px}.film-strip span{font-size:12px;top:4px;left:5px}.film-strip strong{font-size:78px;line-height:1.3;padding-top:10px}.timeline{font-size:12px;gap:14px;padding-top:10px}.timeline>span:last-child{display:none}.split-spread{grid-template-columns:1fr;gap:0}.split-spread .showcase-figures{margin-top:0}.mini-top{gap:17px;margin-bottom:20px}.mini-top .project-no{font-size:47px}.round-button{height:38px;width:38px;font-size:24px}.cold-stage{height:550px;padding:26px}.cold-title{font-size:72px}.cold-title>span{font-size:55px}.cold-title>i{font-size:130px;right:0}.cold-scale{left:26px;right:26px;top:235px;font-size:12px}.cold-preview{height:215px;left:11%;right:10%;bottom:62px}.stage-note{font-size:12px;bottom:19px;left:23px;right:23px}.split-spread h2{font-size:27px;margin-top:19px}.spread-copy{font-size:16px}.figure-stage{height:440px}.figure-tabs{min-height:48px;padding:0 8px}.figure-tabs button{font-size:12px;padding:11px 10px}.figure-image{padding:20px 15px}.figure-caption{padding:10px 13px;font-size:12px}.ai-stage{min-height:475px;grid-template-columns:1.2fr 1fr;padding:40px 25px 60px;gap:25px}.ai-word{font-size:58px;line-height:1.5;letter-spacing:-.08em}.ai-word>span:nth-child(2){margin-left:7%}.ai-word>span:nth-child(3){margin-left:14%}.ai-right>.mono{font-size:12px;line-height:1.6;display:block;max-width:120px}.ai-right p{font-size:17px;line-height:2;margin:24px 0}.learning-stage{min-height:390px;padding:38px 26px 60px}.learning-content>.mono{font-size:12px}.learning-content h3{font-size:40px;margin:27px 0 25px}.learning-content p{font-size:16px;max-width:280px}.learning-stage .stage-note{text-align:left}.business-spread{display:block;margin:65px 0 55px}.business-intro{padding-top:25px;margin-bottom:35px}.business-intro h2{font-size:29px;margin-top:20px}.business-row{padding:28px 0;gap:15px;align-items:start}.business-row>.project-no{font-size:34px;min-width:32px}.business-row h3{font-size:20px;margin-bottom:12px}.business-row p{font-size:16px;line-height:1.8;margin-bottom:15px}.business-row .round-button{width:32px;height:32px;font-size:22px}.row-stack{font-size:12px}.index-section{padding:45px 5% 55px}.index-heading{margin-bottom:25px;align-items:end}.index-heading>.eyebrow{font-size:12px;max-width:60px;line-height:1.5}.index-heading h2{font-size:28px}.index-count{font-size:12px;margin-left:9px}.index-list>a{grid-template-columns:27px 1fr 20px;gap:14px;padding:18px 0}.index-list strong{font-size:18px}.index-list>a>span:nth-child(3){display:none}.index-list>a>span:first-child{font-size:12px}.index-list>a>span:last-child{font-size:22px}footer{padding:25px 5%}.footer-meta{font-size:12px;gap:15px;flex-wrap:wrap}.footer-meta>span:first-child{max-width:155px}.footer-meta>span:nth-child(2){display:none}.end-type{font-size:36vw;margin-top:35px;margin-bottom:25px}.footer-bottom{font-size:12px;gap:20px;line-height:1.8}.footer-bottom>span:last-child{text-align:right}dialog{width:calc(100% - 20px);max-height:92vh}.dialog-inner{padding:20px 24px}.dialog-top>.eyebrow{font-size:12px;max-width:240px}.close-dialog{font-size:30px;flex-shrink:0}dialog h2{font-size:31px;margin:22px 0 18px}.case-intro{font-size:17px}.case-section{grid-template-columns:1fr;gap:13px;padding:20px 0}.case-section h3{font-size:14px}.case-section p,.case-section ul{font-size:16px}.status-detail{font-size:14px;padding:7px 16px}.dialog-footer{font-size:12px;align-items:center}.close-text{font-size:13px;padding:10px 13px}.tags span{font-size:12px}#image-dialog{padding:40px 10px 15px}#large-caption{font-size:12px}#large-figure{max-height:72vh}}@media(max-width:370px){.header nav{gap:13px}.masthead-bottom{grid-template-columns:1fr}.masthead-bottom p{font-size:16px}.browse{justify-self:start}.project-top{grid-template-columns:42px 1fr;gap:12px}.text-button{grid-column:2;grid-row:3;justify-self:start}.project-heading h2{font-size:25px}.code-stage{padding-inline:20px}.code-window-foot .mono{display:none}.cold-title{font-size:64px}.cold-title>span{font-size:48px}.cold-title>i{font-size:115px}.ai-stage{gap:15px;padding-inline:22px}.ai-word{font-size:48px}.figure-tabs button{padding-inline:8px}.business-row{gap:10px}.business-row .round-button{height:28px;width:28px}.index-list strong{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cut-type{transform:rotate(-8deg)}.code-window{transform:none}}
/* Full case studies and genuine interface galleries. */
#case-dialog{width:min(1180px,calc(100% - 40px));max-height:94vh;scroll-behavior:smooth}.case-reader{padding:0 50px 35px}.reader-toolbar{position:sticky;top:0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:4;padding:17px 0;border-bottom:1px solid var(--line)}.reader-toolbar>.eyebrow{color:var(--muted);max-width:75%}.reader-toolbar .close-dialog{display:flex;align-items:center;gap:15px;width:auto;height:40px;font-size:14px;white-space:nowrap}.reader-toolbar .close-dialog>span{font-size:30px;line-height:1}.reader-masthead{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:38px 0 30px;align-items:start}.reader-index{font:74px/1 Georgia,serif;letter-spacing:-.08em;color:var(--red);padding-top:8px}.reader-masthead h2{font-size:43px;margin:0 0 16px;line-height:1.3}.reader-masthead .case-intro{margin:0;font-size:18px;line-height:1.9;color:#565d4f;max-width:820px}.reader-meta{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;border-block:1px solid var(--line);padding:20px 0;margin:10px 0 28px}.reader-meta>div>span{font:12px var(--mono);color:var(--muted);display:block;margin-bottom:8px}.reader-meta p{margin:0;font-size:15px;color:#5b6453;line-height:1.8}.reader-meta .tags{padding-top:4px}.reader-layout{display:grid;grid-template-columns:145px minmax(0,1fr);gap:35px;margin-top:34px}.reader-nav{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:5px;border-top:2px solid var(--red);padding-top:13px}.reader-nav button{text-align:left;font-size:13px;line-height:1.4;padding:9px 0;color:#7b8170}.reader-nav button:hover{color:var(--red)}.reader-nav button>span{font:12px var(--mono);display:inline-block;width:24px;color:#9ba18f}.reader-body{min-width:0}.reader-section{padding:0 0 36px;margin:0 0 28px;border-bottom:1px solid var(--line);scroll-margin-top:92px}.reader-section:last-child{border:0;margin-bottom:0}.reader-section h3{font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-.035em;margin:0 0 20px}.reader-section>p{font-size:16px;line-height:1.95;color:#636a5a;margin:0 0 16px;max-width:790px}.reader-section>p:last-child{margin-bottom:0}.journey{list-style:none;padding:0;margin:0;counter-reset:journey}.journey li{counter-increment:journey;display:grid;grid-template-columns:37px minmax(0,1fr);gap:15px;padding:0 0 25px;position:relative}.journey li:before{content:counter(journey,decimal-leading-zero);font:12px var(--mono);width:31px;height:31px;display:grid;place-items:center;background:#dcded3;color:#536046;position:relative;z-index:1}.journey li:not(:last-child):after{content:'';position:absolute;left:15px;top:30px;bottom:0;width:1px;background:#ccd0c1}.journey li:last-child{padding-bottom:0}.journey h4{font-size:17px;font-weight:500;line-height:1.6;margin:0 0 7px}.journey p{font-size:16px;line-height:1.9;color:#6a705f;margin:0}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px}.capability-grid>div{border-top:1px solid #cdd1c0;padding-top:17px}.capability-grid h4{font-size:17px;line-height:1.5;font-weight:500;margin:0 0 9px}.capability-grid p{font-size:16px;line-height:1.9;color:#6d725f;margin:0}.decision{margin-top:25px;padding:24px;background:#e3e4da}.decision:first-of-type{margin-top:0}.decision h4{font-size:18px;font-weight:500;line-height:1.5;margin:0 0 16px}.decision p{font-size:16px;line-height:1.9;color:#646d56;margin:0 0 12px}.decision p:last-child{margin-bottom:0}.decision-label{display:block;font:12px var(--mono);color:var(--red);margin-bottom:5px}.project-status-list{margin:0}.project-status-list>div{display:grid;grid-template-columns:80px 1fr;gap:20px;margin:0 0 18px}.project-status-list dt{font-size:13px;color:var(--red);padding-top:3px}.project-status-list dd{font-size:16px;line-height:1.9;color:#667057;margin:0}.case-gallery{margin:0 0 22px}.case-gallery-main{background:#dedfd7;position:relative;display:block;width:100%;padding:18px;cursor:zoom-in;min-height:230px;max-height:600px}.case-gallery-main img{max-height:540px;width:100%;object-fit:contain;display:block;margin:auto;box-shadow:0 5px 20px #24291b15}.gallery-zoom-hint{position:absolute;right:24px;bottom:24px;background:var(--ink);color:var(--paper);font-size:12px;padding:7px 11px;pointer-events:none}.gallery-caption{display:flex;gap:25px;justify-content:space-between;font-size:12px;line-height:1.7;color:#7a806e;padding:10px 0 12px}.gallery-caption strong{font-weight:400;color:#535f46}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:0 0 9px}.gallery-thumbs button{width:130px;min-width:130px;text-align:left;padding:0;border:2px solid transparent;background:#dfe2d4;opacity:.7;transition:opacity .2s,border-color .2s}.gallery-thumbs button[aria-pressed=true]{border-color:var(--red);opacity:1}.gallery-thumbs img{width:100%;height:75px;object-fit:cover;object-position:top;background:#d9ddd0}.gallery-thumbs span{display:block;font-size:12px;line-height:1.6;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-stage{background:#dedfd8;position:relative;overflow:hidden;padding:28px 4% 16px}.screen-stage>button{display:block;width:100%;padding:0;cursor:zoom-in}.screen-stage img{display:block;width:100%;max-height:620px;object-fit:contain;box-shadow:0 12px 38px #22271b15;transition:transform .5s}.screen-stage>button:hover img{transform:scale(1.013)}.screen-stage-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7;color:#69715e;margin-top:14px}.screen-stage-caption>span:last-child{white-space:nowrap}.screen-stage.portrait-stage{padding:30px 35px 16px;background:#dbe5df}.screen-stage.portrait-stage img{max-height:530px;max-width:100%}.screen-stage .screen-count{font:12px var(--mono);color:var(--red)}.showcase-cold .screen-stage{min-height:595px;display:flex;flex-direction:column;justify-content:center}.showcase-cold .screen-stage>button{flex:1;display:grid;place-items:center}.showcase-cold .screen-stage-caption{margin-top:15px}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:12px;color:#77816d}.image-toolbar>div{display:flex;align-items:center;gap:16px}.image-toolbar button{font-size:13px;padding:8px 2px}.image-toolbar .image-close{position:static;font-size:29px;width:30px;height:32px;padding:0}.image-toolbar button:disabled{opacity:.25;cursor:default}#image-dialog{padding:15px 25px 20px}#large-figure{max-height:73vh}#large-caption{line-height:1.8}.screenshot-note{font-size:12px!important;color:#87907d!important}.case-empty-gallery{display:none}.case-reader .dialog-footer{margin-top:20px}.reader-body .source-link{margin-top:8px}.reader-gallery-title{display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);color:#71796a;border-top:1px solid var(--line);padding:15px 0 12px}
@media(max-width:1000px){.case-reader{padding-inline:35px}.reader-masthead{grid-template-columns:75px 1fr;gap:22px}.reader-index{font-size:63px}.reader-masthead h2{font-size:36px}.reader-layout{grid-template-columns:115px minmax(0,1fr);gap:25px}.capability-grid{gap:22px}.reader-meta{grid-template-columns:1fr 1fr}.case-gallery-main{padding:14px}.screen-stage{padding:20px 3% 14px}}
@media(max-width:760px){#case-dialog{width:calc(100% - 14px);max-height:96vh}.case-reader{padding:0 22px 24px}.reader-toolbar{padding:10px 0;gap:15px}.reader-toolbar>.eyebrow{font-size:12px;line-height:1.5;max-width:72%}.reader-toolbar .close-dialog{font-size:12px;gap:8px}.reader-toolbar .close-dialog>span{font-size:27px}.reader-masthead{grid-template-columns:1fr;gap:16px;padding:25px 0}.reader-index{font-size:51px;padding-top:0}.reader-masthead h2{font-size:29px;line-height:1.35;margin-bottom:17px}.reader-masthead .case-intro{font-size:17px;line-height:1.9}.reader-meta{grid-template-columns:1fr;gap:20px;margin-bottom:20px;padding-block:18px}.reader-meta p{font-size:15px}.reader-layout{display:block;margin-top:23px}.reader-nav{position:static;flex-direction:row;overflow-x:auto;gap:18px;margin-bottom:30px;padding-top:10px;border-top-width:1px;white-space:nowrap}.reader-nav button{font-size:12px;padding:7px 0}.reader-nav button>span{width:20px}.reader-section{padding-bottom:27px;margin-bottom:26px;scroll-margin-top:79px}.reader-section h3{font-size:24px;margin-bottom:20px}.reader-section>p,.journey p,.capability-grid p,.decision p,.project-status-list dd{font-size:16px;line-height:1.95}.journey li{gap:12px;grid-template-columns:31px 1fr;padding-bottom:25px}.journey h4{font-size:17px}.capability-grid{grid-template-columns:1fr;gap:22px}.capability-grid h4{font-size:17px}.decision{padding:19px 18px;margin-top:20px}.decision h4{font-size:18px;margin-bottom:15px}.project-status-list>div{grid-template-columns:1fr;gap:7px;margin-bottom:22px}.project-status-list dt{font-size:13px}.case-gallery-main{padding:10px;min-height:120px;max-height:none}.case-gallery-main img{max-height:470px}.gallery-zoom-hint{right:15px;bottom:15px;padding:5px 8px;font-size:12px}.gallery-caption{display:block;font-size:12px;padding-block:9px 12px}.gallery-caption>span{display:block;margin-top:3px}.gallery-thumbs button{width:105px;min-width:105px}.gallery-thumbs img{height:62px}.gallery-thumbs span{font-size:12px}.screen-stage{padding:14px 12px 11px}.screen-stage img{max-height:480px}.screen-stage-caption{font-size:12px;line-height:1.7;gap:12px;margin-top:12px}.screen-stage-caption>span:first-child{max-width:75%}.screen-stage.portrait-stage{padding:20px 18px 12px}.showcase-cold .screen-stage{min-height:0}.screen-stage.portrait-stage img{max-height:510px}.image-toolbar{gap:12px;font-size:12px;margin-bottom:10px}.image-toolbar>div{gap:12px}.image-toolbar button{font-size:12px}#image-dialog{padding:12px 12px 17px}#large-figure{max-height:72vh}.reader-gallery-title{font-size:12px;line-height:1.6;gap:15px}}
.text-button{min-height:44px}.reader-nav button{min-height:36px}.image-toolbar button{min-height:40px}.image-toolbar .image-close{min-height:40px}.gallery-thumbs button:focus-visible{outline-offset:2px}@media(max-width:760px){.text-button{min-height:44px}.reader-nav button{min-height:40px}.image-toolbar button{min-height:44px}.image-toolbar .image-close{min-height:44px}.figure-tabs button{min-height:44px}.screen-stage>button{touch-action:manipulation}}
/* Product-wide presentation, with real access links. */
.product-wide-top{grid-template-columns:95px minmax(0,1fr) auto;align-items:end}.product-wide-top .project-heading h2{font-size:37px}.product-wide-top .project-heading .eyebrow{font-family:var(--font);font-size:15px;letter-spacing:0;margin-bottom:8px}.product-overview-strip{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;margin:0 0 17px 120px;border-top:1px solid var(--line);padding-top:19px}.product-overview-strip>p{font-size:16px;line-height:1.9;margin:0;color:#62675b;max-width:720px}.product-overview-strip>div{display:flex;align-content:start;align-items:start;gap:8px 15px;flex-wrap:wrap;padding-top:4px}.product-overview-strip>div>span{font-size:13px;color:#737b66;padding-bottom:4px;border-bottom:1px solid #bdc5b1}.project-access-row{margin:0 0 20px 120px}.product-access{display:flex;align-items:center;gap:22px;padding:20px 0;margin-bottom:15px}.product-access>a,.product-access>button{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;padding:12px 16px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.5;white-space:nowrap;flex-shrink:0}.product-access>a:hover{background:var(--red)}.product-access>button{background:#d8dbcf;color:#636d55}.product-access>a>span,.product-access>button>span{font-size:22px;line-height:1}.product-access>div{min-width:0}.access-state{font-size:13px;color:#6d775e;line-height:1.7}.product-access p{font-size:13px;line-height:1.8;color:#7a8470;margin:4px 0 0}.compact-access{padding:0;margin:0}.compact-access>a,.compact-access>button{min-height:40px;padding:9px 14px;font-size:13px}.compact-access .access-state{font-size:12px}.case-reader>#case-access>.product-access{border-top:1px solid var(--line);margin:0 0 20px;padding:17px 0}.system-case-layout{display:grid;grid-template-columns:135px minmax(0,1fr);gap:32px;margin-top:34px}.system-case-body{min-width:0}.system-section-title{margin-bottom:25px}.system-section-title .eyebrow{color:#859175;display:block;margin-bottom:12px}.system-section-title h3{font-size:28px;margin:0;line-height:1.4}.system-purpose{font-size:17px;line-height:1.95;color:#5e6952;margin:0 0 24px}.surface-strip{display:flex;flex-wrap:wrap;border-block:1px solid #ccd2c1;margin:0 0 29px}.surface-strip>span{font-size:13px;line-height:1.8;padding:11px 15px 11px 0;margin-right:15px;color:#6e7b5d}.system-label{font-size:14px;font-weight:500;color:#424e35;margin:30px 0 17px}.role-map{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.role-map article{border-left:2px solid #bdc8ac;padding-left:15px}.role-map h5{font-size:16px;font-weight:500;margin:0 0 8px;line-height:1.6}.role-map p{font-size:15px;line-height:1.9;margin:0;color:#6c765f}.module-map{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-bottom:1px solid #ccd2c1}.module-map article{display:flex;align-items:start;gap:15px;padding:23px 0;border-top:1px solid #ccd2c1}.module-number{font:22px/1.4 Georgia,serif;color:var(--red);letter-spacing:-.07em;min-width:22px}.module-map h5{font-size:18px;font-weight:500;line-height:1.5;margin:0 0 12px}.module-map ul{list-style:none;margin:0;padding:0}.module-map li{font-size:15px;line-height:1.9;color:#6c775e;padding:3px 0}.module-map li:before{content:'·';padding-right:8px;color:#a7b18f}.product-path{margin:0 0 31px}.product-path:last-child{margin-bottom:0}.path-heading{display:flex;gap:19px;align-items:start;margin-bottom:22px}.path-number{font:47px/1 Georgia,serif;color:var(--red);min-width:40px}.path-heading h4{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 8px}.path-heading p{font-size:13px;line-height:1.8;color:#808b70;margin:0}.system-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:0}.system-flow li{background:#e1e4d8;display:flex;align-items:start;gap:12px;padding:16px 18px;min-height:87px}.system-flow li>span{font:12px/1.7 var(--mono);color:#7c8b65}.system-flow p{font-size:15px;line-height:1.8;margin:0;color:#59684a}.system-decisions article{padding:23px 0;border-top:1px solid #cdd3c1}.system-decisions article:last-child{border-bottom:1px solid #cdd3c1}.system-decisions h4{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 13px}.system-decisions p{font-size:16px;line-height:1.95;color:#667257;margin:0}.system-stack{margin-top:28px;display:flex;align-items:start;gap:25px}.system-stack>span{font-size:13px;color:#798669;white-space:nowrap}.system-status{font-size:15px!important;line-height:1.95!important;color:#79836c!important;border-left:2px solid #c4cbaa;padding-left:17px}.business-spread{display:block}.business-intro{margin-bottom:35px}.business-row{display:grid;grid-template-columns:72px minmax(0,1fr) 45px;gap:22px 30px;padding:35px 0}.business-row>div:nth-child(2){max-width:890px}.business-row h3{font-size:28px}.business-row .project-access-row{grid-column:2 / 4;margin:0}.business-row .round-button{height:44px;width:44px}.business-row .row-stack{display:block;margin-top:12px}.business-row .screen-stage{grid-column:2/4}.system-nav{top:90px}.case-reader .system-case-layout .reader-section{scroll-margin-top:90px}
@media(max-width:1100px){.product-overview-strip{margin-left:95px;grid-template-columns:1.1fr 1fr;gap:25px}.project-access-row{margin-left:95px}.product-wide-top{grid-template-columns:72px minmax(0,1fr) auto}.product-wide-top .project-heading h2{font-size:32px}.system-case-layout{grid-template-columns:115px minmax(0,1fr);gap:24px}.module-map{grid-template-columns:1fr}.role-map{gap:18px 20px}}
@media(max-width:760px){.product-wide-top{grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:end}.product-wide-top .project-heading .eyebrow{font-size:12px;margin-bottom:8px;line-height:1.7}.product-wide-top .project-heading h2{font-size:26px}.product-wide-top .text-button{grid-column:3;grid-row:1;font-size:12px;gap:8px;align-self:end}.product-overview-strip{display:block;margin:0 0 17px;padding-top:17px}.product-overview-strip>p{font-size:16px;line-height:1.9}.product-overview-strip>div{padding-top:16px;gap:7px 13px}.product-overview-strip>div>span{font-size:12px}.project-access-row{margin:0 0 20px}.product-access{align-items:start;flex-direction:column;gap:10px;padding:15px 0}.product-access>a,.product-access>button{font-size:14px;min-height:46px;gap:25px;padding:11px 15px}.compact-access{flex-direction:row;align-items:center;gap:14px;padding:0}.compact-access>a,.compact-access>button{font-size:12px;min-height:44px;padding:9px 12px;gap:14px}.compact-access .access-state{font-size:12px}.case-reader>#case-access>.product-access{margin-bottom:18px;padding:15px 0}.access-state{font-size:13px}.product-access p{font-size:13px}.system-case-layout{display:block;margin-top:25px}.system-case-layout .system-nav{margin-bottom:28px}.system-section-title{margin-bottom:22px}.system-section-title h3{font-size:24px}.system-section-title .eyebrow{font-size:12px;margin-bottom:10px}.surface-strip{margin-bottom:25px}.surface-strip>span{font-size:12px;padding:9px 10px 9px 0;margin-right:10px}.role-map{grid-template-columns:1fr;gap:20px}.role-map h5{font-size:17px}.role-map p{font-size:16px;line-height:1.9}.system-label{font-size:14px;margin-top:27px}.module-map{grid-template-columns:1fr}.module-map article{padding:22px 0;gap:15px}.module-map h5{font-size:18px}.module-map li{font-size:16px;line-height:1.85}.module-number{font-size:23px;min-width:24px}.system-flow{grid-template-columns:1fr;gap:10px}.system-flow li{min-height:0;padding:15px 16px;gap:13px}.system-flow p{font-size:16px;line-height:1.8}.path-heading{gap:15px}.path-number{font-size:39px;min-width:31px}.path-heading h4{font-size:19px}.path-heading p{font-size:13px}.system-decisions h4{font-size:19px}.system-decisions p{font-size:16px}.system-stack{display:block}.system-stack>span{display:block;margin-bottom:12px}.system-status{font-size:14px!important;padding-left:14px}.business-row{grid-template-columns:35px minmax(0,1fr) 35px;gap:15px 16px}.business-row h3{font-size:22px}.business-row>.project-no{font-size:35px;min-width:0}.business-row .round-button{width:35px;height:35px}.business-row .project-access-row{grid-column:2/4;margin:0}.business-row .compact-access{flex-wrap:wrap;gap:10px}.business-row .screen-stage{grid-column:1/4}.case-reader .system-case-layout .reader-section{scroll-margin-top:82px}}
/* Product maps stand on their own; they are never presented as screenshots. */
.system-landscape-stage{background:#dddeda;color:#263024;padding:66px 5% 52px;position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;min-height:450px;overflow:hidden}.landscape-caption{position:absolute;top:22px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#6c7466}.landscape-caption>span:first-child{font-family:var(--mono)}.landscape-left{align-self:center;min-width:0}.landscape-left h3{display:flex;flex-direction:column;font-size:58px;line-height:1.15;letter-spacing:-.055em;font-weight:500;margin:0 0 25px}.landscape-left h3>span:nth-child(2){color:var(--red)}.landscape-left>p{font-size:13px;line-height:1.9;margin:0;color:#77816a;max-width:320px}.landscape-modules{align-self:center}.landscape-modules>div{display:flex;gap:16px;border-top:1px solid #b9c0ad;padding:14px 0}.landscape-modules>div:last-child{border-bottom:1px solid #b9c0ad}.landscape-modules>div>span{font:12px/1.8 var(--mono);color:#8a9878;min-width:20px}.landscape-modules h4{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 5px}.landscape-modules p{font-size:13px;line-height:1.85;color:#6f7b61;margin:0}.landscape-bottom{position:absolute;bottom:19px;left:5%;right:5%;font-size:12px;color:#859176;line-height:1.6}.system-stage-learning{background:#e1e4e5;color:#25303c}.system-stage-learning .landscape-left h3>span:nth-child(2){color:#315985}.system-stage-learning .landscape-caption,.system-stage-learning .landscape-left>p,.system-stage-learning .landscape-modules p,.system-stage-learning .landscape-bottom{color:#6a7e8c}.system-stage-learning .landscape-modules>div{border-color:#b4c0c5}.system-stage-aigenerate{background:#efdfd4;color:#3f2d25}.system-stage-aigenerate .landscape-modules>div{border-color:#c8b3a3}.system-stage-aigenerate .landscape-modules p,.system-stage-aigenerate .landscape-caption,.system-stage-aigenerate .landscape-left>p,.system-stage-aigenerate .landscape-bottom{color:#8b7567}.business-row .system-landscape-stage{grid-column:1/4;min-height:410px;margin-top:10px}.business-row .landscape-left h3{font-size:49px}.business-row .landscape-modules h4{font-size:18px}.business-row .system-landscape-stage{grid-template-columns:.72fr 1.28fr}.system-stage-supervision{background:#dcded4}.system-stage-licheng{background:#e8dfd2}.system-stage-licheng .landscape-modules>div{border-color:#c8bcaa}.system-stage-licheng .landscape-caption,.system-stage-licheng .landscape-left>p,.system-stage-licheng .landscape-modules p,.system-stage-licheng .landscape-bottom{color:#85745c}.system-stage-licheng .landscape-left h3>span:nth-child(2){color:#946537}
@media(max-width:1100px){.system-landscape-stage{gap:5%;grid-template-columns:.7fr 1.3fr}.landscape-left h3{font-size:49px}.landscape-modules h4{font-size:18px}.landscape-modules p{font-size:12px}}
@media(max-width:760px){.system-landscape-stage,.business-row .system-landscape-stage{display:block;padding:62px 24px 50px;min-height:0;grid-column:1/4}.landscape-caption{top:18px;left:24px;right:24px;font-size:12px;gap:16px;line-height:1.6}.landscape-caption>span:first-child{max-width:80px}.landscape-caption>span:last-child{text-align:right}.landscape-left h3,.business-row .landscape-left h3{flex-direction:row;flex-wrap:wrap;gap:8px 13px;font-size:35px;line-height:1.3;letter-spacing:-.045em;margin:0 0 15px}.landscape-left>p{font-size:12px;line-height:1.85;max-width:none;margin-bottom:25px}.landscape-modules>div{padding:15px 0;gap:13px}.landscape-modules h4,.business-row .landscape-modules h4{font-size:18px}.landscape-modules p{font-size:14px;line-height:1.8}.landscape-bottom{bottom:16px;left:24px;right:24px;font-size:12px;line-height:1.5}.system-stage-supervision .landscape-bottom{display:none}.business-row .system-landscape-stage{margin-top:4px}.system-stage-supervision{padding-bottom:25px}}
.contents-strip{grid-template-columns:repeat(3,1fr)}.contents-strip a:nth-child(n+4){border-top:1px solid var(--line)}@media(max-width:760px){.contents-strip{grid-template-columns:1fr 1fr}.contents-strip a:nth-child(n+3){border-top:1px solid var(--line)}.contents-strip a:last-child:nth-child(odd){grid-column:1/-1}}
.image-viewport{max-height:73vh;overflow:auto;background:#f0f1ed;overscroll-behavior:contain}.image-viewport #large-figure{display:block;max-width:100%;width:100%;max-height:73vh;object-fit:contain}.image-natural .image-viewport #large-figure{width:auto;max-width:none;max-height:none;margin:0}.image-toolbar #image-zoom[aria-pressed=true]{color:var(--red);border-bottom:1px solid var(--red)}@media(max-width:760px){.image-viewport{max-height:70vh}.image-viewport #large-figure{max-height:70vh}.image-natural .image-viewport #large-figure{max-height:none}.image-toolbar>div{gap:10px}.image-toolbar #image-zoom{font-size:12px}}
/* Preserve the native proportions of inspected product captures. */
.screen-stage img{height:auto}.showcase-xiaoshenbi .screen-stage{background:#ded9ce}.showcase-travel .screen-stage{background:#dce4df}
.additional-access{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;margin-top:11px;font-size:13px;line-height:1.8}.additional-access a{color:var(--ink);border-bottom:1px solid var(--red)}.additional-access span{color:#7a776f}