/* The build space: oversized editorial type, a dimensional X, and a product workbench. */
.x-home{--paper:#f7f9fc;--ink:#17243d;--quiet:#586a83;--electric:#0759ed;background:var(--paper);color:var(--ink)}.x-home .container{max-width:1392px;padding-inline:60px}.x-home header{background:#f7f9fce8;border-bottom:0}.x-home .header-inner{height:92px;gap:48px}.x-home .header-inner nav{gap:32px}.x-home .language-switch{margin-left:14px;border:0;background:#eaf0f8;border-radius:20px;padding:3px}.x-home .language-switch a{border-radius:17px;min-width:38px;min-height:32px;font-size:11px}.x-home .language-switch a[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 2px 5px #17243d0c}.x-home h1,.x-home h2,.x-home h3,.x-home p{margin:0}.x-home h2{font-size:clamp(38px,4.4vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.055em}.x-home button{font:inherit;cursor:pointer}.x-home button:focus-visible{outline:3px solid #f59e0b;outline-offset:5px}.x-home [hidden]{display:none!important}
.x-hero{position:relative;display:grid;grid-template-columns:1.06fr 1fr;column-gap:10px;padding-top:62px;isolation:isolate}.x-hero-copy{padding-top:25px;position:relative;z-index:2}.x-signature{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:var(--quiet)}.x-signature>span{height:6px;width:6px;border-radius:50%;background:var(--electric)}.x-hero h1{font-size:clamp(60px,7.15vw,104px);line-height:1.025;letter-spacing:-.072em;font-weight:530;margin-top:32px;margin-right:-70px}.x-hero-description{font-size:17px;line-height:1.9;color:var(--quiet);max-width:440px;margin-top:30px!important}.x-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.x-button{display:inline-flex;gap:27px;align-items:center;justify-content:space-between;min-height:52px;padding:14px 21px;border:1px solid var(--electric);border-radius:8px;background:var(--electric);color:white;font-size:13px;font-weight:550;line-height:1.6;transition:transform .2s,background .2s}.x-button:hover{background:#0644b8;color:white;transform:translateY(-2px)}.x-button:active{transform:scale(.98)}.x-text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:13px;font-weight:550;line-height:1.6}.x-text-link>span{transition:transform .2s}.x-text-link:hover>span{transform:translate(2px,-2px)}
.x-object{position:relative;min-width:0;align-self:stretch;background:radial-gradient(ellipse at 55% 49%,#deebff 0%,#f7f9fc00 70%);min-height:535px;display:flex;flex-direction:column}.x-object-top,.x-object-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#61738e;gap:12px}.x-object-top{padding:15px 16px 0 30px}.x-object-top>span:last-child{font-family:monospace;letter-spacing:.3em;color:#7f91ac}.x-art-stage{position:relative;flex:1;min-height:450px}.x-canvas,.x-art-fallback{position:absolute;inset:0;width:100%;height:100%}.x-art-coordinate{position:absolute;left:30px;bottom:20px;color:#7f91ac;font:10px monospace;letter-spacing:.12em}.x-object-bottom{padding:0 16px 8px 30px;min-height:45px}.x-object-hint{max-width:300px;line-height:1.6}.x-art-controls{display:flex;gap:5px}.x-art-controls button{width:34px;height:34px;border:1px solid #d4deed;border-radius:50%;background:#fff8;color:#365478;font-size:20px;transition:background .15s}.x-art-controls button:hover{background:#fff}.x-hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce3ec;margin-top:48px;padding:25px 0;font-size:11px;color:#60718b}.x-hero-footer a{display:flex;gap:30px;color:var(--ink)}
.x-work{padding-top:100px}.x-section-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:110px;align-items:end}.x-section-label{font-size:12px;font-weight:550;color:var(--quiet);line-height:1.7;margin-bottom:21px!important}.x-section-intro>.x-section-label{grid-column:1/-1}.x-section-intro>p:last-child{font-size:16px;line-height:1.85;color:var(--quiet);max-width:390px;padding-bottom:3px}.x-workbench{margin-top:40px;padding:36px 36px 0;border-radius:22px;background:#102544;color:#fff;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 80% 0%,#1c417b 0%,transparent 65%)}.x-workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.x-workbench-heading>div{display:flex;align-items:center;gap:13px}.x-workbench h3{font-size:25px;letter-spacing:-.035em;font-weight:500}.x-product-mark{font-size:34px;color:#90c9ff;line-height:1}.x-button-light{background:#fff;color:#17243d;border-color:#fff;min-height:43px;font-size:12px;padding:10px 16px}.x-button-light:hover{background:#dceaff;color:#17243d}.x-workbench-meta{display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.7;color:#b0c4e3;margin-top:16px}.x-workbench-meta>span:last-child{font-size:10px;color:#a2b9d9}.x-screen-stage{margin-top:35px;border:1px solid #fff2;border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;background:#f8fafc;box-shadow:0 10px 60px #0004;position:relative}.x-browser-bar{background:#e9edf4;color:#6d7c91;display:flex;justify-content:space-between;gap:10px;align-items:center;height:34px;padding:0 15px;font-size:10px}.x-browser-bar>span:first-child{font-size:9px;letter-spacing:3px;color:#a7b5c8}.x-product-screen{margin:0;scroll-margin-top:130px;background:#fff}.x-product-screen>a{display:block;overflow:hidden;max-height:535px}.x-product-screen img{display:block;width:100%;height:auto;object-fit:cover;object-position:top}.x-product-screen figcaption{background:#e9edf4;color:#536680;font-size:11px;line-height:1.6;padding:12px 15px}.x-preview-tabs{display:flex;justify-content:center;gap:6px;padding:20px 0;margin:0!important}.x-preview-tabs a{display:flex!important;gap:10px;align-items:center;justify-content:center;color:#a9bddb;padding:10px 22px;border-radius:7px;font-size:12px;line-height:1.5;min-height:42px}.x-preview-tabs a>span{font-size:18px}.x-preview-tabs a[aria-selected=true]{background:#ffffff13;color:#fff}.x-preview-tabs a:hover{color:#fff;background:#ffffff0a}
.x-about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:140px;padding-bottom:130px}.x-maker-art{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#e1ecff,transparent 68%)}.x-maker-outline{font-size:310px;font-weight:500;letter-spacing:-.09em;line-height:1;color:transparent;-webkit-text-stroke:1px #8daee0;transform:rotate(-10deg);position:relative}.x-maker-outline::after{content:'D.';position:absolute;inset:0;transform:translate(-15px,-12px);color:#0759ed;-webkit-text-stroke:0}.x-maker-sign{position:absolute;bottom:44px;right:40px;font-size:17px;font-weight:500;letter-spacing:-.04em;transform:rotate(-10deg);color:#254c88}.x-maker-detail{position:absolute;bottom:6px;left:30px;color:#6d83a3;font:11px monospace;letter-spacing:.02em}.x-about-copy>p:not(.x-section-label){font-size:16px;line-height:1.9;color:var(--quiet);margin-top:24px}.x-interests{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;color:#466083;font-size:11px}.x-about .x-text-link{margin-top:28px;color:var(--electric)}
.x-journal{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-top:75px;padding-bottom:100px;border-top:1px solid #dce3ec}.x-journal>div>p:last-child{font-size:14px;line-height:1.8;color:var(--quiet);margin-top:24px;max-width:260px}.x-journal-links{padding-top:7px}.x-journal-links a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0;border-bottom:1px solid #dce3ec}.x-journal-links a:first-child{padding-top:0}.x-journal-links h3{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:-.035em}.x-journal-links p{font-size:13px;line-height:1.75;color:var(--quiet);margin-top:8px}.x-journal-links a>span{font-size:24px;color:#6c84a7;transition:transform .2s}.x-journal-links a:hover>span{transform:translate(4px,-4px);color:var(--electric)}.x-closing{position:relative;overflow:hidden;padding-top:68px;padding-bottom:72px!important;border-top:1px solid #dce3ec}.x-closing>p{font-size:12px;color:var(--quiet);margin-bottom:25px}.x-closing h2{font-size:clamp(45px,6.5vw,88px);max-width:850px;position:relative;z-index:1}.x-closing .x-button{margin-top:32px;position:relative;z-index:1}.x-closing-x{position:absolute;right:45px;top:0;font-size:420px;font-weight:550;color:#e6edf8;line-height:1;transform:rotate(-12deg);z-index:0}.x-home footer{border-top:1px solid #dce3ec;gap:30px}.x-footer-note{font-size:11px;color:var(--quiet);line-height:1.7}.x-home footer .copyright{white-space:nowrap}
@media(min-width:1500px){.x-hero{padding-top:80px}.x-hero h1{font-size:108px}}
@media(max-width:1100px){.x-home .container{padding-inline:36px}.x-hero{padding-top:35px}.x-hero h1{font-size:clamp(60px,7.5vw,84px)}.x-hero-description{font-size:16px;max-width:380px}.x-object{min-height:500px}.x-art-stage{min-height:410px}.x-section-intro{gap:30px}.x-about{gap:50px}.x-workbench{padding:28px 28px 0}.x-workbench-meta>span:last-child{max-width:190px}.x-journal{gap:55px}.x-home .header-inner{gap:25px}.x-footer-note{max-width:180px}}
@media(max-width:760px){.x-home .container{padding-inline:24px}.x-home .header-inner{height:76px;gap:16px}.x-home .header-inner nav{gap:15px;font-size:12px}.x-home .header-inner nav a:nth-child(2){display:block}.x-home .header-inner nav a:last-child{display:none}.x-home .language-switch{margin-left:0}.x-home .language-switch a{min-width:30px;min-height:32px}.x-hero{grid-template-columns:1fr;padding-top:20px}.x-hero-copy{padding-top:10px}.x-hero h1{font-size:clamp(53px,11.8vw,84px);margin-right:0;margin-top:24px;letter-spacing:-.06em}.x-signature{font-size:11px}.x-hero-description{max-width:500px;margin-top:24px!important;font-size:16px}.x-hero-actions{margin-top:24px;gap:10px 23px}.x-button{min-height:49px;font-size:12px;padding:12px 17px}.x-text-link{font-size:12px}.x-object{min-height:390px;margin-top:32px}.x-art-stage{min-height:330px}.x-object-top{padding-left:0}.x-object-bottom{padding-left:0;padding-right:0}.x-art-coordinate{left:0}.x-object-hint{font-size:9px;max-width:220px}.x-hero-footer{margin-top:25px;padding:22px 0;font-size:10px;line-height:1.7}.x-hero-footer>span{max-width:160px}.x-hero-footer a{gap:12px;align-items:center}.x-work{padding-top:55px}.x-section-intro{grid-template-columns:1fr;gap:0}.x-section-intro>p:last-child{margin-top:23px;font-size:15px;max-width:500px}.x-home h2{font-size:clamp(36px,8vw,54px)}.x-workbench{margin-top:28px;padding:22px 16px 0;border-radius:14px}.x-workbench-heading{align-items:flex-start;flex-direction:column;gap:17px}.x-workbench h3{font-size:24px}.x-workbench-meta{flex-direction:column;gap:8px;font-size:11px}.x-workbench-meta>span:last-child{max-width:none;font-size:9px}.x-screen-stage{margin-top:22px;border-radius:7px 7px 0 0}.x-browser-bar{height:26px;font-size:8px;padding:0 8px}.x-browser-bar>span:first-child{font-size:6px;letter-spacing:1px}.x-product-screen>a{max-height:300px}.x-product-screen figcaption{font-size:9px;padding:9px}.x-preview-tabs{gap:2px;padding:13px 0;justify-content:space-between}.x-preview-tabs a{font-size:10px;padding:7px 9px;gap:6px}.x-preview-tabs a>span{font-size:15px}.x-about{grid-template-columns:1fr;gap:25px;padding-top:62px;padding-bottom:65px}.x-maker-art{min-height:290px}.x-maker-outline{font-size:225px}.x-maker-sign{bottom:30px;right:50px}.x-maker-detail{left:20px;font-size:10px}.x-about-copy>p:not(.x-section-label){font-size:15px;margin-top:20px}.x-about .x-text-link{margin-top:20px}.x-journal{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:55px}.x-journal h2 br{display:block}.x-journal h2{max-width:310px}.x-journal>div>p:last-child{margin-top:18px;max-width:none}.x-journal-links h3{font-size:21px}.x-journal-links p{font-size:12px}.x-journal-links a{padding:23px 0}.x-closing{padding-top:43px;padding-bottom:48px!important}.x-closing h2{font-size:clamp(40px,9.3vw,66px)}.x-closing-x{font-size:270px;right:-48px;top:70px}.x-home footer{gap:20px}.x-footer-note{max-width:none}.x-home footer .footer-links{font-size:12px}.x-home footer .copyright{display:block}.x-home .brand>span{margin-left:-20px}}
@media(max-width:360px){.x-home .container{padding-inline:18px}.x-home .header-inner{gap:10px}.x-home .header-inner nav{gap:10px;font-size:11px}.x-home .brand img{width:92px}.x-home .brand>span{font-size:8px;margin-left:-20px}.x-hero h1{font-size:50px}.x-preview-tabs a{font-size:9px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.x-home .x-button,.x-home .x-text-link>span,.x-journal-links a>span{transition:opacity .12s,background .12s}.x-home .x-button:hover,.x-home .x-button:active,.x-home .x-text-link:hover>span,.x-journal-links a:hover>span{transform:none}}

.x-art-controls button[aria-pressed=true]{background:#0759ed;color:#fff;border-color:#0759ed}.x-art-controls button:disabled{opacity:.5;cursor:wait}