@font-face{font-family:Lausanne;src:url('/redesign/assets/fonts/Lausanne-400.woff2') format('woff2');font-display:swap}
:root{--bg:#171918;--ink:#f0eee7;--muted:#969b94;--line:#353934;--accent:#c8cfb9;--gutter:clamp(24px,4.5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Lausanne,Arial,'Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #d6e1bb;outline-offset:6px}.skip{position:absolute;top:-60px;left:20px;padding:12px;background:white;color:black;z-index:10}.skip:focus{top:12px}.site-header{height:88px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343833;position:relative;z-index:5}.brand{font-size:30px;letter-spacing:-1.8px;display:inline-flex;align-items:center;font-weight:600}.brand span{font-weight:400}.brand i{font-style:normal;font-size:13px;margin-left:6px;align-self:flex-start;padding-top:6px}.site-header nav{display:flex;gap:34px;font-size:12px;color:#a1a69e}.site-header nav a:hover,.site-header nav .current{color:var(--ink)}.my-space{font-size:11px;display:flex;gap:32px;align-items:center}.my-space span{font-size:18px}.showcase{position:relative;max-width:1920px;margin:auto;height:780px;isolation:isolate;overflow:hidden}.showcase-top{position:absolute;z-index:3;top:29px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#a2aaa0}.scene-label{font-size:9px;color:#c2c9bc}.stage{position:absolute;inset:14px 0 43px}.scene{position:absolute;inset:0;overflow:hidden;background:#232623}.scene[hidden]{display:none}.scene.is-active{animation:reveal .6s ease both}.workspace-image{position:absolute;inset:0}.workspace-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transform:scale(1.08);display:block}.workspace-image .soft{filter:blur(2px) brightness(.72);opacity:.85}.workspace-image .sharp{mask-image:linear-gradient(90deg,transparent 22%,#000 29%,#000 63%,transparent 72%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 29%,#000 63%,transparent 72%)}.vector-scene .workspace-image img{object-position:50% 43%;transform:scale(1.01)}.select-scene .workspace-image img{object-position:55% 30%;transform:scale(1.02)}.select-scene .workspace-image .sharp{mask-image:linear-gradient(90deg,transparent 18%,#000 28%,#000 76%,transparent 84%)}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#171918 0%,#171918df 8%,#171918a0 20%,transparent 37%,transparent 73%,#17191860 90%,#171918c0 100%),linear-gradient(0deg,#171918 0%,#17191880 9%,transparent 28%,transparent 84%,#171918cc 100%)}.hero-caption{position:absolute;z-index:2;left:var(--gutter);bottom:126px;max-width:400px;pointer-events:none}.hero-caption a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.16em;color:#b5beb0;font-weight:400;margin:0 0 18px}.hero-caption h1{font-size:clamp(38px,4.1vw,66px);letter-spacing:-.065em;line-height:1.26;font-weight:400;margin:0 0 23px}.hero-caption h1 em{font-style:normal;color:#c8cfb9}.hero-description{font-size:11px;line-height:1.95;color:#a7afa2;word-break:keep-all;margin:0 0 28px}.primary-link{border-bottom:1px solid #848f79;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:0 0 12px;font-size:12px;max-width:205px}.primary-link span{font-size:21px;color:#d7ddca}.primary-link:hover{border-color:#e3ead7}.hero-bottom{position:absolute;z-index:3;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#919b8c;letter-spacing:.02em}.hero-bottom>a{display:flex;gap:27px;align-items:center}.hero-bottom>a span{font-size:17px}.scene-progress{display:flex;gap:13px;align-items:center;font-size:9px;font-variant-numeric:tabular-nums}.scene-progress>div{height:1px;width:100px;background:#41463e}.scene-progress i{height:1px;display:block;background:#d7dec9;width:20%;transition:width .4s ease}.scene-progress>span:first-child{color:#eef2e8}.tool-section{padding:55px 0 52px;border-top:1px solid #30372f;background:linear-gradient(180deg,#1a1d1a,var(--bg));overflow:hidden}.section-heading{margin:0 var(--gutter) 27px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading .eyebrow{margin-bottom:12px;font-size:8px;color:#8e9987}.section-heading h2{font-size:26px;letter-spacing:-.04em;line-height:1.4;font-weight:400;margin:0}.section-heading h2 span{color:#aeb8a5}.slider-arrows{display:flex;gap:8px}.slider-arrows button{width:38px;height:38px;border:1px solid #454c40;border-radius:50%;background:transparent;font-size:16px;transition:background .2s}.slider-arrows button:hover{background:#30372c}.tool-slider{display:flex;gap:19px;overflow-x:auto;padding:0 var(--gutter) 7px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}.tool-slider::-webkit-scrollbar{display:none}.tool-slide{background:transparent;flex:0 0 calc((100vw - var(--gutter)*2 - 57px)/3.65);min-width:265px;max-width:390px;text-align:left;padding:0;border:0;scroll-snap-align:start;position:relative;opacity:.68;transition:opacity .3s}.tool-slide:hover,.tool-slide.active{opacity:1}.slide-image{height:185px;position:relative;background:#292d28;overflow:hidden;border:1px solid #464d41;transition:border-color .3s}.active .slide-image{border-color:#a9b79b}.slide-image>img{width:100%;height:100%;object-fit:cover;object-position:center 37%;transition:transform .6s}.tool-slide:hover .slide-image>img{transform:scale(1.035)}.slide-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11150fd0,transparent 40%);pointer-events:none}.slide-number{position:absolute;bottom:12px;left:14px;z-index:1;font-size:8px;letter-spacing:.12em;color:#d2dbc9}.slide-copy{display:flex;align-items:center;justify-content:space-between;padding:18px 1px 21px}.slide-copy h3{font-size:17px;letter-spacing:-.025em;margin:0 0 7px;font-weight:400}.slide-copy p{font-size:10px;color:#8e9a85;letter-spacing:-.02em;margin:0}.slide-icon{font-size:20px;color:#adb9a1;padding-right:3px}.active-rule{height:1px;background:#3f4838}.active .active-rule{background:#b3c59e}.slider-hint{margin:19px var(--gutter) 0;font-size:9px;line-height:1.8;color:#a0ad95;display:flex;justify-content:space-between;gap:20px}.slider-hint span{color:#6f7c65}.closing{margin:0 var(--gutter);padding:65px 0 61px;border-top:1px solid var(--line)}.closing>.eyebrow{font-size:8px;color:#798571}.closing>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.closing h2{font-size:clamp(30px,3.4vw,48px);font-weight:400;letter-spacing:-.055em;line-height:1.35;margin:0}.closing h2 em{font-style:normal;color:#a4b297}.closing p:not(.eyebrow){font-size:11px;line-height:1.95;color:#8a9980;margin:0 0 6px}.closing>a{display:inline-flex;gap:62px;font-size:10px;border-bottom:1px solid #49593d;padding:12px 0;margin-top:25px}footer{margin:0 var(--gutter);padding:27px 0 35px;border-top:1px solid #333e2d;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#8f9e84}footer .brand{font-size:24px;color:#bdc9b0}footer .brand i{font-size:9px}footer>span{font-size:10px}footer small{font-size:8px;color:#69785f}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The interface is softened in CSS; the photograph remains sharp. */
.photo-scene .workspace-image img{transform:translateX(6%) scale(1.08)}
.layout-spread{left:58%;width:52%}.cloud-content{left:32%}
.illustrated-app{position:absolute;inset:0;background:#2b2d2a;color:#c2c7be}.blurred{filter:blur(1.7px);opacity:.72}.mock-top{height:51px;border-bottom:1px solid #55584f;display:flex;align-items:center;padding:0 22px;gap:30px;font-size:10px}.mock-top>b{font-size:19px}.mock-top small{margin-left:auto;color:#898f80}.mock-rail{position:absolute;top:51px;bottom:0;left:0;width:48px;border-right:1px solid #52574c;font-size:22px;line-height:2.1;text-align:center;padding-top:26px}.mock-panel{position:absolute;right:20px;top:90px;width:205px;font-size:10px;line-height:2.2;padding:18px;background:#33382f;border:1px solid #555f4b}.mock-panel hr{border:0;border-top:1px solid #565f4d;margin:15px 0}.fields{background:#262b23;padding:10px;margin-top:8px;line-height:2.3}.mini-pages{font-size:62px}.layout-spread{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);height:76%;width:64%;max-width:970px;display:flex;box-shadow:0 25px 65px #0007}.page{width:50%;position:relative;overflow:hidden}.page-text{background:#e6e4d9;color:#333b2d;padding:10% 5% 5%;display:flex;flex-direction:column;justify-content:center}.page-text>span{font-size:9px;letter-spacing:.14em}.page-text h2{font-size:clamp(25px,4.5vw,72px);line-height:1.05;letter-spacing:-.06em;font-weight:400;margin:24px 0}.page-text h2 em{font-family:Georgia,serif;font-weight:400}.page-text p{font-size:10px;line-height:1.8}.page-text>b{position:absolute;bottom:22px;font-size:7px;font-weight:400;letter-spacing:.1em}.page-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.page-image>span{position:absolute;bottom:8%;left:10%;font:40px/.95 Georgia,serif;color:white;letter-spacing:-.04em}.cloud-sidebar{position:absolute;left:3.5%;top:17%;width:15%;display:flex;flex-direction:column;gap:23px;font-size:11px}.cloud-sidebar hr{width:100%;border:0;border-top:1px solid #60674e}.cloud-content{position:absolute;left:23%;right:6%;top:17%;bottom:13%}.cloud-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.cloud-heading h2{font-size:27px;font-weight:400;letter-spacing:-.06em;margin:0}.cloud-heading span{font-size:8px;letter-spacing:.12em}.cloud-files{display:grid;grid-template-columns:1.3fr 1fr .75fr;gap:18px;height:85%;align-items:center}.file{border:1px solid #5b654c;overflow:hidden;background:#343c2d}.file>img,.file>div{width:100%;height:360px;object-fit:cover;object-position:50% 15%;display:block}.file>p{display:flex;justify-content:space-between;font-size:11px;padding:14px;margin:0}.file.design-file>div{height:280px;background:#b2bb9b;color:#303d25;font:48px/.9 Georgia,serif;padding:50px 22px;letter-spacing:-.05em}.file.design-file i{font-weight:400}.file.editorial-file>div{height:230px;background:#695b45;color:#dfd5c3;font-size:24px;line-height:1.2;padding:40px 15px}.layout-thumb{display:grid;place-items:center}.thumb-spread{display:flex;width:82%;height:82%;box-shadow:0 5px 20px #0005}.thumb-spread>div{width:50%;background:#e6e4d9;color:#293324;padding:8% 5%}.thumb-spread span{font-size:4px;letter-spacing:.1em}.thumb-spread b{display:block;font-size:18px;line-height:1.05;font-weight:400;margin-top:13px;letter-spacing:-.06em}.thumb-spread img{width:50%;object-fit:cover;object-position:50% 15%}.cloud-thumb{display:grid;place-items:center}.cloud-thumb>div{display:flex;gap:8px;width:78%;height:80%;align-items:center}.cloud-thumb img{width:52%;height:100%;object-fit:cover;object-position:50% 10%}.cloud-thumb div>span{background:#b1b99b;color:#303a27;width:48%;height:78%;padding:17px 10px;font:24px/.95 Georgia,serif;letter-spacing:-.06em}
@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.showcase{height:850px}.hero-caption{bottom:140px}.hero-caption h1{font-size:70px}.slide-image{height:215px}}
@media(max-width:1100px){.showcase{height:710px}.hero-caption{max-width:275px;bottom:116px}.hero-caption h1{font-size:44px}.hero-description{font-size:10px}.stage-vignette{background:linear-gradient(90deg,#171918 0%,#171918b0 18%,transparent 44%,transparent 75%,#17191890),linear-gradient(0deg,#171918,transparent 30%,transparent 82%,#171918bb)}.tool-slide{flex-basis:calc((100vw - var(--gutter)*2 - 38px)/2.5)}.slide-image{height:170px}.mock-panel{width:155px;right:12px}.layout-spread{width:72%}.cloud-files{grid-template-columns:1.2fr 1fr}.editorial-file{display:none}.file>img{height:330px}}
@media(max-width:700px){.site-header{height:72px}.brand{font-size:26px}.site-header nav{display:none}.my-space{font-size:10px;gap:20px}.showcase{height:735px}.showcase-top{top:22px;font-size:7px}.scene-label{font-size:7px}.stage{inset:49px -19% 166px}.workspace-image img{object-position:50% 30%;transform:scale(1.06)}.workspace-image .sharp{mask-image:linear-gradient(90deg,transparent 13%,#000 30%,#000 70%,transparent 88%)}.workspace-image .soft{filter:blur(1.5px) brightness(.74)}.stage-vignette{background:linear-gradient(90deg,#171918c0,transparent 32%,transparent 74%,#171918b0),linear-gradient(0deg,#171918 0%,#17191855 14%,transparent 31%,transparent 86%,#171918c0)}.hero-caption{bottom:79px;max-width:none;right:var(--gutter)}.hero-caption>div{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px}.hero-caption .eyebrow{grid-column:1/-1;margin-bottom:13px;font-size:8px}.hero-caption h1{font-size:34px;line-height:1.24;grid-column:1;grid-row:2;margin:0;letter-spacing:-.06em}.hero-description{display:none}.primary-link{grid-column:2;grid-row:2;font-size:10px;gap:18px;padding-bottom:8px;margin-bottom:4px;max-width:180px}.primary-link span{font-size:18px}.hero-bottom{bottom:25px;font-size:8px}.hero-bottom>a{display:none}.scene-progress>div{width:62px}.scene-progress{font-size:8px;gap:9px}.tool-section{padding-top:32px;padding-bottom:34px}.section-heading{margin-bottom:22px;align-items:flex-end}.section-heading .eyebrow{font-size:7px;margin-bottom:11px}.section-heading h2{font-size:21px;max-width:220px}.section-heading h2 span{display:block}.slider-arrows{gap:6px}.slider-arrows button{width:32px;height:32px;font-size:14px}.tool-slider{gap:14px}.tool-slide{flex-basis:78vw;min-width:0;max-width:none}.slide-image{height:185px}.slide-copy h3{font-size:17px}.slide-copy p{font-size:10px}.slider-hint{font-size:8px;margin-top:15px}.slider-hint span{display:none}.closing{padding:38px 0}.closing>div{display:block}.closing h2{font-size:32px}.closing p:not(.eyebrow){font-size:10px;margin-top:23px;line-height:1.9}.closing p br{display:none}.closing>a{margin-top:16px}.closing>.eyebrow{font-size:7px}footer{align-items:flex-start;flex-wrap:wrap;gap:20px;padding-bottom:30px}footer>span{font-size:8px;max-width:135px;line-height:1.6;text-align:right}footer small{width:100%;font-size:7px}.mock-top{height:35px;font-size:7px;padding:0 14px;gap:18px}.mock-top>b{font-size:14px}.mock-top small{font-size:7px}.mock-rail{width:30px;top:35px;font-size:15px}.mock-panel{width:100px;padding:8px;top:70px;right:8px;font-size:7px}.layout-spread{height:69%;width:84%;top:52%}.page-text{padding:5%}.page-text>span{font-size:5px}.page-text h2{font-size:30px;margin:20px 0}.page-text p{font-size:7px}.page-text>b{font-size:5px;bottom:13px}.page-image>span{font-size:27px}.cloud-content{left:18%;right:6%;top:20%;bottom:14%}.cloud-heading h2{font-size:20px}.cloud-heading span{display:none}.cloud-files{gap:10px;height:83%}.file>img{height:270px}.file.design-file>div{height:210px;font-size:30px;padding:45px 12px}.file>p{padding:10px;font-size:8px}.cloud-sidebar{font-size:7px;gap:16px;width:12%;left:3%}.cloud-sidebar hr{margin:0}.vector-scene .workspace-image img{object-position:47% 35%}.select-scene .workspace-image img{object-position:43% 20%}.select-scene .workspace-image .sharp{mask-image:linear-gradient(90deg,transparent 10%,#000 26%,#000 78%,transparent 90%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene.is-active{animation:none}.tool-slide,.scene-progress i,.slide-image>img{transition:none}}
@media(max-width:700px){.photo-scene .workspace-image img{object-position:25% 30%;transform:scale(1.06)}}
@media(min-width:701px) and (max-width:1100px){.layout-spread{left:61%;width:55%}.cloud-content{left:34%}}
@media(max-width:700px){.layout-spread{left:50%;width:84%}.cloud-content{left:18%}}
@media(min-width:1101px){.layout-spread{left:58%;width:52%}.cloud-content{left:32%}}

/* Paired photo / illustration artwork, using the existing interface as a soft surround. */
.photo-scene .workspace-image .soft,.vector-scene .workspace-image .soft{mask-image:linear-gradient(90deg,#000 0%,#000 21%,transparent 25%,transparent 71%,#000 75%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 21%,transparent 25%,transparent 71%,#000 75%,#000 100%)}
.workspace-image img.hero-artwork,.photo-scene .workspace-image img.hero-artwork,.vector-scene .workspace-image img.hero-artwork{inset:10% auto auto 28%;width:38%;height:94%;object-fit:cover;object-position:50% 10%;transform:none;filter:none;opacity:1;mask-image:none;-webkit-mask-image:none;box-shadow:0 0 0 1px #b4beb02b}
.vector-scene .workspace-image img.hero-artwork{object-position:50% 9%;box-shadow:0 0 0 1px #b0b9cc99}
.model-thumb>.thumb-ui{filter:blur(.5px) brightness(.68);mask-image:linear-gradient(90deg,#000 15%,transparent 23%,transparent 71%,#000 80%)}
.model-thumb>img.thumb-model{position:absolute;left:27%;top:6%;width:43%;height:100%;object-fit:cover;object-position:50% 6%;transform:none}
.tool-slide:hover .model-thumb>img.thumb-model{transform:none}
@media(max-width:700px){.workspace-image img.hero-artwork,.photo-scene .workspace-image img.hero-artwork,.vector-scene .workspace-image img.hero-artwork{left:22%;top:9%;width:57%;height:100%;object-position:50% 5%;transform:none}.photo-scene .workspace-image .soft,.vector-scene .workspace-image .soft{mask-image:linear-gradient(90deg,#000 0%,transparent 21%,transparent 80%,#000 96%)}}

.resources{margin:0 var(--gutter);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding:32px 0;font-size:12px;scroll-margin-top:20px}.resources>a,.resources summary{display:grid;grid-template-columns:1fr auto;gap:10px;cursor:pointer;list-style:none}.resources span{font-size:9px;color:var(--muted);grid-column:1}.resources strong{font-size:15px;font-weight:400;grid-column:1}.resources b{grid-column:2;grid-row:1/3;align-self:center;font-size:20px;font-weight:400}.resources details>div{padding-top:18px;font-size:11px;line-height:1.8;color:#abb7a1}.resources details>div>a{display:block;border-bottom:1px solid #536047;padding:10px 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px}footer{flex-wrap:wrap}.visual-note{flex-basis:100%;margin:0;font-size:8px;color:#8b9485}.slohero-language{color:#d5ddce!important;background:#242a22!important;border-color:#4b5743!important}.slohero-language select{color:#d5ddce!important;background:#242a22!important}@media(max-width:700px){.resources{grid-template-columns:1fr;gap:25px;padding:28px 0}.resources>a,.resources details{border-bottom:1px solid var(--line);padding-bottom:20px}.footer-links{flex-basis:100%;gap:20px}.slohero-language{z-index:8!important}.hero-caption h1{font-size:31px}}