:root{--xp-ink:#11110f;--xp-paper:#eeeae2;--xp-muted:#bbb6aa;--xp-red:#e7543b;--xp-line:#3d3b35;--xp-green:#cbd6bb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--xp-ink);color:var(--xp-paper);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--xp-red);outline-offset:5px}[hidden]{display:none!important}img,svg{max-width:100%}.xp-wrap{padding-left:5%;padding-right:5%;max-width:1680px;margin:auto}.xp-header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:82px;border-bottom:1px solid var(--xp-line)}.xp-logo{font-size:27px;font-weight:900;letter-spacing:-2px;min-height:44px;display:flex;align-items:center}.xp-logo span{color:var(--xp-red)}.xp-nav{display:flex;flex-wrap:wrap;gap:8px 25px;align-items:center;font-size:13px}.xp-nav a{min-height:44px;display:flex;align-items:center}.xp-nav a:hover{color:var(--xp-red)}.xp-label{font-size:11px;line-height:1.6;letter-spacing:1.2px;text-transform:uppercase}.xp-muted{color:var(--xp-muted)}.xp-breadcrumb{font-size:11px;line-height:1.6;color:var(--xp-muted);padding-top:24px}.xp-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.xp-hero{padding-top:54px;padding-bottom:45px}.xp-hero h1{font-size:clamp(45px,7.2vw,108px);font-weight:400;letter-spacing:-.065em;line-height:1.01;max-width:1100px;margin:25px 0}.xp-hero h1 em,.xp-section h2 em,.xp-manifesto h1 em{font-family:Georgia,serif;font-weight:400}.xp-hero p{font-size:18px;line-height:1.65;max-width:650px;color:#d1ccc1;margin:0 0 20px}.xp-action{display:inline-flex;align-items:center;gap:24px;min-height:46px;padding:12px 0;border-bottom:1px solid var(--xp-red);font-size:14px}.xp-action:hover{color:var(--xp-red)}.xp-solid{background:var(--xp-red);color:#111;border:0;padding:15px 22px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.xp-section{padding-top:65px;padding-bottom:65px}.xp-section h2{font-weight:400;font-size:clamp(32px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px}.xp-section>p{font-size:17px;line-height:1.7;color:var(--xp-muted);max-width:720px}.xp-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center}.xp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.xp-tabs button,.xp-filters button{border:1px solid #746d60;color:inherit;background:none;padding:12px 16px;min-height:46px;font-size:13px}.xp-tabs [aria-selected=true],.xp-filters [aria-pressed=true]{background:var(--xp-paper);color:var(--xp-ink);border-color:var(--xp-paper)}.xp-panel{min-width:0}.xp-demo{padding:36px;background:#20231e;border:1px solid #4c5245}.xp-demo-head{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.xp-demo-head h2{font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.1;letter-spacing:-1.4px;margin:12px 0}.xp-demo-head>p{font-size:12px;line-height:1.6;color:#c0c6b5;max-width:260px}.xp-record{background:#edf0e5;color:#1d392e;padding:30px;min-width:0;min-height:330px}.xp-record-top{display:flex;align-items:center;gap:15px;border-bottom:1px solid #bec9b3;padding-bottom:22px}.xp-avatar{width:55px;height:55px;border-radius:50%;background:#d7e0cc;display:grid;place-items:center;font-size:17px;flex-shrink:0}.xp-record-top h3{font-size:25px;letter-spacing:-1px;font-weight:400;margin:6px 0}.xp-record-top p{font-size:12px;margin:0;color:#53684b}.xp-status{display:inline-block;background:#d2dfc5;padding:8px 12px;border-radius:30px;font-size:11px;margin-left:auto}.xp-record-list{margin-top:25px;display:grid;gap:0}.xp-record-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c9d1bf;padding:16px 0;line-height:1.5;font-size:14px}.xp-record-row small{display:block;color:#566b50;font-size:12px}.xp-record-row strong{font-weight:500}.xp-record-note{font-size:12px;line-height:1.6;color:#55694e;margin:20px 0 0}.xp-numbers{display:flex;gap:35px;margin-top:24px}.xp-numbers div{display:grid;gap:6px;font-size:11px}.xp-numbers strong{font-size:37px;font-weight:400;letter-spacing:-1.5px}.xp-task{border-left:3px solid #375f42;background:#e1e7d7;padding:20px;margin-top:20px}.xp-task h4{font-size:21px;font-weight:400;margin:10px 0}.xp-task p{font-size:14px;line-height:1.6;margin:0}.xp-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:30px 0 0;padding:0}.xp-stages li{border-top:3px solid #c2cdb6;padding-top:14px;font-size:12px;line-height:1.6;min-width:0}.xp-stages .done{border-color:#3b6743}.xp-stages b{display:block;font-size:25px;font-weight:400;margin-bottom:8px}.xp-demo-caption{font-size:11px;line-height:1.7;color:#c4c8b8;margin-top:20px}.xp-scope{padding-top:55px;padding-bottom:65px}.xp-scope>h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:15px 0 30px}.xp-disclosures{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.xp-disclosures details{border-top:1px solid var(--xp-line);padding:0 0 15px;min-width:0}.xp-disclosures summary{cursor:pointer;list-style:none;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;line-height:1.4;padding:17px 0}.xp-disclosures summary:after{content:'+';font-size:25px;color:var(--xp-red)}.xp-disclosures details[open] summary:after{content:'−'}.xp-disclosures p{font-size:16px;line-height:1.8;color:#c5c0b3;margin:0 0 15px}.xp-disclosures summary::-webkit-details-marker{display:none}.xp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid var(--xp-line);padding-top:28px;margin-top:30px}.xp-facts p{font-size:16px;line-height:1.6;color:#c9c3b5;margin:12px 0}.xp-cta{padding-top:60px;padding-bottom:65px;border-top:1px solid var(--xp-line);display:flex;justify-content:space-between;gap:35px;align-items:end}.xp-cta h2{font-size:clamp(37px,5vw,70px);line-height:1.04;letter-spacing:-.05em;font-weight:400;margin:0 0 18px}.xp-cta p{font-size:16px;line-height:1.7;color:#c1bcaf;max-width:600px}.xp-footer{padding-top:35px;padding-bottom:35px;border-top:1px solid var(--xp-line);display:flex;justify-content:space-between;gap:35px;color:#bdb6a7;font-size:12px;line-height:1.8}.xp-footer nav{display:flex;gap:10px 20px;flex-wrap:wrap}.xp-footer a{min-height:44px;display:inline-flex;align-items:center}.xp-skip{position:absolute;left:-9999px}.xp-skip:focus{left:20px;top:15px;z-index:20;background:var(--xp-paper);color:#111;padding:16px}.xp-related{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.xp-related a{padding:12px 16px;border:1px solid #756b5c;font-size:13px;min-height:44px}.xp-related a:hover{border-color:var(--xp-red)}
/* Capability gallery */
.xp-service-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center}.xp-service-hero h1{font-size:clamp(48px,6.5vw,94px)}.xp-service-image{position:relative;min-width:0;transform:rotate(2deg);border:8px solid #27251f}.xp-service-image img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;object-position:70% center}.xp-service-image span{position:absolute;left:15px;bottom:15px;padding:10px;background:#111c;font-size:10px}.xp-filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 32px}.xp-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px}.xp-capability{min-width:0;background:#1c1c18;border:1px solid var(--xp-line)}.xp-capability>a{display:block;height:100%}.xp-cap-art{height:300px;overflow:hidden;position:relative;display:grid;place-items:center;background:#2d3328}.xp-cap-art>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.xp-capability:hover .xp-cap-art>img{transform:scale(1.025)}.xp-cap-art .xp-mini{width:78%;max-width:420px}.xp-cap-copy{padding:25px 28px 30px}.xp-cap-copy h3{font-size:33px;font-weight:400;letter-spacing:-1.2px;line-height:1.08;margin:15px 0}.xp-cap-copy p{font-size:15px;line-height:1.7;color:#c9c2b4;margin:0 0 18px}.xp-cap-copy>span:last-child{font-size:13px;text-decoration:underline;text-underline-offset:6px}.xp-art-red{background:#d94c34;color:#17120d}.xp-art-green{background:#bfcdb0;color:#22392c}.xp-art-blue{background:#263b44;color:#dce7e7}.xp-type-art{font:italic 400 62px/.95 Georgia,serif;letter-spacing:-4px;transform:rotate(-6deg);max-width:75%}.xp-mini{background:#edf0e5;color:#263c2d;padding:22px;box-shadow:10px 12px 0 #0002}.xp-mini>strong{font-size:18px;display:block;margin-bottom:15px;font-weight:500}.xp-mini-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #b8c6ab;padding:13px 0;font-size:11px}.xp-mini-row i{width:7px;height:7px;background:#d94c34;border-radius:50%;align-self:center}.xp-mini-total{font-size:35px;font-weight:400;letter-spacing:-1px;padding:15px 0;display:block}.xp-mini small{font-size:10px;letter-spacing:.4px;line-height:1.6}.xp-module-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:80%}.xp-module-art span{border:1px solid #d5e2e277;padding:22px 15px;text-align:center;font-size:13px}.xp-module-art span:nth-child(2){background:#e7543b;color:#111;border-color:#e7543b}
/* Studio manifesto */
.xp-manifesto{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center}.xp-manifesto h1{font-size:clamp(54px,7.5vw,112px);line-height:.98;font-weight:400;letter-spacing:-.06em;margin:25px 0}.xp-manifesto p{max-width:560px;font-size:18px;line-height:1.7;color:#d1c9bc}.xp-collage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0;min-width:0}.xp-collage img{width:100%;height:260px;object-fit:cover}.xp-collage img:first-child{margin-top:65px;object-position:70% center}.xp-collage img:nth-child(2){height:330px}.xp-collage-word{grid-column:1/-1;font-size:clamp(52px,7vw,110px);font-weight:900;letter-spacing:-.08em;color:var(--xp-red);line-height:.8;position:relative;z-index:1;margin-top:-30px}.xp-manifesto-statement{background:var(--xp-red);color:#16120f;padding-top:65px;padding-bottom:65px}.xp-manifesto-statement p{font-size:clamp(31px,4.4vw,64px);line-height:1.12;letter-spacing:-.045em;max-width:1250px;margin:25px 0}.xp-manifesto-statement em{font-family:Georgia,serif;font-weight:400}.xp-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.xp-principles article{border-top:1px solid var(--xp-line);padding-top:25px}.xp-principles h3{font-size:31px;font-weight:400;letter-spacing:-1px;margin:15px 0}.xp-principles p{font-size:16px;line-height:1.7;color:#c2bcaf}.xp-process{background:#e8e5db;color:#1e241a;padding:35px}.xp-process .xp-tabs button{border-color:#87907a}.xp-process .xp-tabs [aria-selected=true]{background:#242d20;color:#edf0e5;border-color:#242d20}.xp-process h3{font-size:clamp(29px,4vw,50px);font-weight:400;letter-spacing:-1.5px;line-height:1.08;margin:18px 0}.xp-process p{font-size:16px;line-height:1.7;color:#49563f;max-width:520px}.xp-process-art{min-height:300px;display:grid;place-items:center;background:#d8decd;position:relative;padding:25px}.xp-process-art svg{width:100%;height:260px}.xp-process-art .xp-type-art{color:#35492c;font-size:70px}
/* A journal with covers, not a list of links */
.xp-journal-top{background:#d94c34;color:#1b120d;padding-top:60px;padding-bottom:55px}.xp-journal-top h1{font-weight:400;font-size:clamp(64px,11vw,160px);line-height:.88;letter-spacing:-.075em;margin:30px 0}.xp-journal-top h1 em{font-family:Georgia,serif;font-weight:400}.xp-journal-top p{font-size:17px;line-height:1.7;max-width:570px}.xp-journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.xp-story{min-width:0}.xp-story-cover{min-height:320px;display:grid;place-items:center;position:relative;overflow:hidden;padding:30px}.xp-story-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.xp-cover-title{position:relative;z-index:1;font-size:50px;line-height:.95;letter-spacing:-3px;max-width:330px;font-weight:400}.xp-story h2{font-size:32px;line-height:1.12;letter-spacing:-1px;margin:20px 0 15px;font-weight:400}.xp-story-meta{font-size:11px;letter-spacing:1px;line-height:1.6;text-transform:uppercase;color:#bdb5a8;margin:20px 0}.xp-story p{font-size:16px;line-height:1.7;color:#c4bcad}.xp-story .xp-action{margin-top:18px}.xp-reading-bar{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#c0b7a7;letter-spacing:.7px;text-transform:uppercase;border-top:1px solid var(--xp-line);padding-top:20px;margin-top:25px}.xp-annotation{background:#dfdfd2;color:#293526;padding:30px;min-height:310px}.xp-annotation h3{font-weight:400;font-size:35px;letter-spacing:-1.3px;margin:22px 0}.xp-annotation>p{font-size:16px;line-height:1.7;max-width:600px;color:#465540}.xp-note-sheet{background:#f9f7f0;padding:28px;box-shadow:8px 10px 0 #9caa8c;max-width:550px;margin:10px auto;transform:rotate(-2deg)}.xp-note-sheet .sheet-line{height:8px;background:#cbd0c2;margin:14px 0;width:80%}.xp-note-sheet strong{font-size:30px;font-weight:400;letter-spacing:-1px}.xp-note-sheet .sheet-line:nth-child(3){width:60%;background:#d8664b}.xp-article-layout{display:grid;grid-template-columns:1fr 2fr;gap:8%;align-items:start}.xp-article-nav{position:sticky;top:25px}.xp-article-nav a{display:block;border-top:1px solid var(--xp-line);padding:14px 0;font-size:13px;line-height:1.5;color:#c2b9aa}.xp-reading section{border-top:1px solid var(--xp-line);padding:32px 0}.xp-reading h2{font-size:28px;line-height:1.15;letter-spacing:-.7px;margin:0 0 22px}.xp-reading p{font-size:17px;line-height:1.85;color:#c8c1b5;margin:0}.xp-reading section:nth-child(3){padding:35px;background:#22271e;border:0}.xp-chapter-mark{font-size:11px;letter-spacing:1.3px;color:var(--xp-red);display:block;margin-bottom:16px}
/* Development map, checkout, and practice demo */
.xp-map{background:#222c32;padding:35px;position:relative}.xp-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;margin-bottom:30px}.xp-map-grid:before{content:'';height:1px;background:#839d9e;position:absolute;left:12%;right:12%;top:50%}.xp-map-grid button{position:relative;border:1px solid #8fa7a3;background:#253d43;color:#e8ece4;padding:30px 10px;font-size:15px;min-height:100px}.xp-map-grid button[aria-selected=true]{background:var(--xp-red);color:#111;border-color:var(--xp-red)}.xp-map-copy{background:#e6e8dc;color:#263c2c;padding:30px;min-height:170px}.xp-map-copy h3{font-weight:400;letter-spacing:-1px;font-size:30px;margin:10px 0}.xp-map-copy p{font-size:16px;line-height:1.7;max-width:800px;color:#4a5d43}.xp-sale{background:#34211c;padding:35px}.xp-sale .xp-demo-caption{color:#d7b9a9}.xp-sale-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.xp-order{background:#eee9df;color:#30221b;padding:30px;min-height:340px}.xp-order h3{font-size:30px;letter-spacing:-1px;font-weight:400;margin:15px 0 30px}.xp-order-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bdb2a3;padding:18px 0;font-size:14px}.xp-order-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #8d7e6b;margin-top:15px;padding-top:20px}.xp-order-total strong{font-size:37px;letter-spacing:-1.5px;font-weight:400}.xp-sale-copy h3{font-size:34px;letter-spacing:-1px;font-weight:400;line-height:1.1;margin:20px 0}.xp-sale-copy p{font-size:16px;line-height:1.75;color:#d9c7b8}.xp-demo-steps{display:flex;gap:10px;margin:25px 0}.xp-demo-steps span{flex:1;height:4px;background:#6d4e42}.xp-demo-steps .is-current{background:#e97557}.xp-sale .xp-solid{margin-right:12px}.xp-reset{background:none;border:0;border-bottom:1px solid #b58b75;color:#e0c5b6;padding:12px 0;min-height:44px;font-size:13px}.xp-receipt{font:14px/1.8 'Courier New',monospace;max-width:360px;margin:auto}.xp-receipt h3{font:400 27px Arial,sans-serif;margin:12px 0}.xp-receipt div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px dashed #b6a994}.xp-receipt small{font-size:11px;display:block;margin-top:20px}.xp-practice{background:#b9c5ac;color:#233421;padding:35px}.xp-practice .xp-tabs button{border-color:#76896b}.xp-practice .xp-tabs [aria-selected=true]{background:#263e2c;color:#edf0e5;border-color:#263e2c}.xp-practice-frame{background:#f4f1e6;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px;min-height:330px}.xp-practice-frame h3{font:400 42px/1.05 Georgia,serif;letter-spacing:-1.7px;margin:20px 0}.xp-practice-frame p{font-size:15px;line-height:1.7;color:#506044}.xp-practice-art{display:grid;place-items:center;min-height:240px;position:relative;overflow:hidden;background:#d5dcc9}.xp-practice-art svg{width:80%;height:240px}.xp-example-label{font-size:10px;line-height:1.7;letter-spacing:.8px;text-transform:uppercase;margin:18px 0 0;color:#3f5339}.xp-design-board{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.xp-design-board>figure{margin:0;background:#7d1710;min-width:0}.xp-design-board img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:65% center}.xp-type-board{padding:30px;background:#e1dace;color:#27251e;min-width:0}.xp-type-board .xp-tabs button{border-color:#8d8578}.xp-type-board .xp-tabs [aria-selected=true]{background:#24251f;color:#eeeae2;border-color:#24251f}.xp-type-sample{font-size:clamp(44px,5.5vw,80px);letter-spacing:-.065em;line-height:1.03;margin:35px 0 25px;font-weight:700}.xp-type-sample.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.06em}.xp-type-board p{font-size:14px;line-height:1.7;color:#625b50}.xp-project-capture{margin:0;min-width:0}.xp-project-capture img{width:100%;height:auto;display:block}.xp-project-capture figcaption{font-size:11px;line-height:1.7;color:#bdb5a8;margin:15px 0}.xp-project-gallery{background:#241d19;padding:30px}.xp-project-gallery [role=tabpanel]{min-width:0}.xp-project-gallery img{width:100%;height:auto;display:block}.xp-project-gallery .xp-type-board{min-height:350px}.xp-brief-row{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px;line-height:1.7;padding:20px 0;border-top:1px solid #706356}.xp-project-credit{font-size:11px;line-height:1.8;color:#c4b9a6;margin-top:18px}
@media(max-width:900px){.xp-wrap{padding-left:22px;padding-right:22px}.xp-header{min-height:72px;align-items:center;gap:18px}.xp-nav{gap:0 16px;font-size:12px;justify-content:flex-end}.xp-nav a{min-height:42px}.xp-nav .xp-contact-nav{display:none}.xp-breadcrumb{padding-top:19px;font-size:10px}.xp-hero{padding-top:34px;padding-bottom:30px}.xp-hero h1{font-size:clamp(39px,9vw,72px);margin-top:20px}.xp-hero p{font-size:17px;line-height:1.6}.xp-two,.xp-service-hero,.xp-manifesto,.xp-sale-layout,.xp-design-board,.xp-practice-frame{grid-template-columns:1fr;gap:28px}.xp-section{padding-top:42px;padding-bottom:42px}.xp-section h2{font-size:37px}.xp-demo{padding:22px}.xp-demo-head{display:block;margin-bottom:20px}.xp-demo-head>p{max-width:none}.xp-demo-head h2{font-size:30px}.xp-record{padding:22px;min-height:0}.xp-record-top{gap:12px;flex-wrap:wrap}.xp-record-top h3{font-size:24px}.xp-avatar{width:45px;height:45px}.xp-record-top .xp-status{margin-left:0}.xp-record-row{font-size:13px;gap:12px}.xp-tabs{gap:7px;margin-bottom:20px}.xp-tabs button,.xp-filters button{font-size:12px;padding:11px 12px;min-height:46px}.xp-stages{grid-template-columns:1fr;gap:0;margin-top:20px}.xp-stages li{display:flex;gap:14px;border-top:0;border-left:3px solid #c2cdb6;padding:12px 0 12px 18px;align-items:center}.xp-stages b{font-size:19px;margin:0;min-width:20px}.xp-stages .done{border-color:#3b6743}.xp-disclosures{grid-template-columns:1fr;gap:0}.xp-disclosures summary{font-size:18px}.xp-scope{padding-top:35px;padding-bottom:40px}.xp-facts{grid-template-columns:1fr;gap:15px}.xp-facts p{margin:8px 0}.xp-cta{display:block;padding-top:42px;padding-bottom:45px}.xp-cta h2{font-size:40px}.xp-cta .xp-solid{margin-top:10px}.xp-footer{display:block;font-size:12px}.xp-footer nav{margin-top:20px}.xp-service-hero h1{font-size:clamp(44px,10vw,80px)}.xp-service-image{transform:none;max-width:650px}.xp-service-image img{aspect-ratio:1.5}.xp-gallery,.xp-journal-grid{grid-template-columns:1fr;gap:26px}.xp-cap-art{height:240px}.xp-cap-copy{padding:22px}.xp-cap-copy h3{font-size:31px}.xp-type-art{font-size:53px}.xp-manifesto{padding-top:40px;padding-bottom:40px}.xp-manifesto h1{font-size:clamp(53px,12vw,88px)}.xp-manifesto p{font-size:17px}.xp-collage{gap:12px;padding:0}.xp-collage img{height:210px}.xp-collage img:first-child{margin-top:35px}.xp-collage img:nth-child(2){height:245px}.xp-collage-word{font-size:65px}.xp-manifesto-statement{padding-top:40px;padding-bottom:40px}.xp-manifesto-statement p{font-size:34px}.xp-principles{grid-template-columns:1fr;gap:20px}.xp-principles h3{font-size:29px}.xp-process{padding:22px}.xp-process h3{font-size:34px}.xp-process-art{min-height:230px}.xp-process-art svg{height:210px}.xp-journal-top{padding-top:40px;padding-bottom:40px}.xp-journal-top h1{font-size:clamp(65px,16vw,115px)}.xp-story-cover{min-height:260px}.xp-story h2{font-size:30px}.xp-cover-title{font-size:42px}.xp-annotation{padding:22px}.xp-note-sheet{padding:22px}.xp-article-layout{grid-template-columns:1fr;gap:25px}.xp-article-nav{position:static}.xp-article-nav a{display:none}.xp-reading section{padding:27px 0}.xp-reading p{font-size:16px;line-height:1.8}.xp-reading section:nth-child(3){padding:25px 20px}.xp-map,.xp-sale,.xp-practice,.xp-project-gallery{padding:22px}.xp-map-grid{grid-template-columns:1fr 1fr;gap:12px}.xp-map-grid:before{display:none}.xp-map-grid button{min-height:75px;font-size:14px;padding:20px 10px}.xp-map-copy{padding:22px;min-height:210px}.xp-map-copy h3{font-size:28px}.xp-sale-copy h3{font-size:30px}.xp-order{padding:22px;min-height:300px}.xp-order h3{font-size:27px}.xp-order-total strong{font-size:32px}.xp-practice-frame{padding:22px}.xp-practice-frame h3{font-size:36px}.xp-practice-art{min-height:200px}.xp-design-board img{min-height:0}.xp-type-board{padding:22px}.xp-type-sample{font-size:52px}.xp-project-gallery .xp-type-board{min-height:300px}.xp-demo-caption,.xp-example-label{font-size:11px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.xp-service-image,.xp-note-sheet,.xp-type-art{transform:none}.xp-capability:hover .xp-cap-art>img{transform:none}}

.xp-difference{padding-top:60px;padding-bottom:65px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:45px 7%;border-top:1px solid var(--xp-line)}.xp-difference h2{font-size:clamp(37px,4.8vw,70px);font-weight:400;line-height:1.06;letter-spacing:-.05em;margin:22px 0}.xp-difference h2 em{font-family:Georgia,serif;font-weight:400}.xp-difference-intro>p{font-size:18px;line-height:1.8;color:#c9c3b7;max-width:640px}.xp-difference-art{background:var(--xp-red);color:#20120d;padding:30px 35px;display:flex;flex-direction:column;justify-content:space-between;min-height:370px}.xp-difference-art>span{font-size:11px;text-transform:uppercase;letter-spacing:1px;line-height:1.7}.xp-difference-art strong{font-size:clamp(45px,5.6vw,82px);font-weight:400;letter-spacing:-.065em;line-height:.98;margin:22px 0}.xp-difference-art em{font-family:Georgia,serif;font-weight:400}.xp-difference-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.xp-difference-grid article{border-top:1px solid #62594c;padding-top:22px}.xp-difference h3{font-size:25px;line-height:1.2;letter-spacing:-.8px;font-weight:400;margin:18px 0}.xp-difference-grid p,.xp-creative-references p{font-size:16px;line-height:1.8;color:#c1baad}.xp-creative-references{grid-column:1/-1;background:#20231e;padding:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6%;align-items:center}.xp-creative-references p{max-width:640px;margin-bottom:0}.xp-reference-links{display:grid;gap:0}.xp-reference-links a{font-size:32px;letter-spacing:-1px;min-height:70px;padding:20px 0;border-bottom:1px solid #676654}.xp-reference-links a span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:10px;color:#b8bdad}.xp-reference-links a:hover{color:var(--xp-red)}@media(max-width:900px){.xp-difference{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:45px}.xp-difference-art{min-height:300px;padding:26px}.xp-difference-art strong{font-size:64px}.xp-difference-grid{grid-template-columns:1fr;gap:18px}.xp-difference-intro>p{font-size:17px}.xp-creative-references{grid-template-columns:1fr;padding:25px;gap:25px}.xp-difference h2{font-size:42px}.xp-difference-grid p,.xp-creative-references p{font-size:16px}}

@media(max-width:650px){.xp-footer{display:flex;flex-direction:column;align-items:stretch;gap:24px}.xp-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:100%}.xp-footer nav a{display:flex;align-items:flex-start;min-height:48px;padding:12px 0;font-size:14px;line-height:1.5;text-align:left}}

/* Keep the complete website composition visible at every width. */
.xp-service-image{margin:0;transform:none;border:1px solid var(--xp-line);background:#191916;overflow:hidden}
.xp-service-image>a{display:block}
.xp-service-image img{display:block;width:100%;height:auto;aspect-ratio:1200/650;object-fit:contain;object-position:center}
.xp-service-image figcaption{padding:13px 16px;font-size:11px;line-height:1.5;color:var(--xp-muted)}
@media(max-width:900px){.xp-service-hero{padding-top:24px;padding-bottom:28px;gap:22px}.xp-service-hero h1{font-size:clamp(34px,8.8vw,64px);line-height:1.04;margin:15px 0 17px}.xp-service-hero p{font-size:16px;line-height:1.5;margin-bottom:8px}.xp-service-hero .xp-label{font-size:10px;letter-spacing:.8px}.xp-service-hero .xp-action{font-size:13px;min-height:44px;padding:9px 0}.xp-service-image{width:100%;max-width:none}.xp-service-image figcaption{padding:11px 12px;font-size:10px}}