/* Editorial direction, September 2026. Product demo behavior lives in app.js. */
:root{--cream:#f9f8f5;--ink:#33312e;--red:#785258;--muted:#706d66;--line:#e4e0d9;--serif:'Bodoni Moda',Georgia,serif;--sans:'Manrope',sans-serif}
body{font-weight:400;line-height:1.8}h1,h2,h3{font-optical-sizing:auto}em{color:#785258}.page-width{max-width:1200px}.site-header{height:100px;border:0;margin-inline:64px;gap:35px}.site-header nav{font-size:12px;gap:34px;color:#605c56}.wordmark{letter-spacing:0}.brand-lockup{width:180px;height:40px;display:block;position:relative;overflow:hidden;mix-blend-mode:multiply;flex:none}.brand-lockup img{position:absolute;width:768px;height:512px;max-width:none;left:-14px;top:-17.5px;object-fit:fill}.site-header .header-cta{background:transparent;color:var(--ink);border-color:#ccc6bd;padding:11px 17px;font-size:11px;border-radius:2px}.button{background:#35332f;border-color:#35332f;border-radius:2px;font-weight:400;font-size:12px;padding:15px 21px;gap:27px;box-shadow:none}.button:hover{background:#51473f;border-color:#51473f;transform:translateY(-1px)}.button span{font-size:18px}.button:focus-visible{outline-offset:4px}.text-button{font-size:12px;gap:10px}.play-icon{width:24px;height:24px;font-size:14px;border-color:#b9b1a7}.eyebrow{font-size:9px;font-weight:400;letter-spacing:2.3px}.hero{position:relative;display:block;width:calc(100% - 48px);max-width:none;margin:0 24px 0;min-height:0;height:700px;padding:0;isolation:isolate}.hero-landscape{position:absolute;inset:0;overflow:hidden;background:#e1ddd5;z-index:-2}.hero-landscape img{width:100%;height:100%;object-position:74% 44%}.hero-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f2ed 0%,#f4f2edf5 23%,#f4f2edc4 36%,#f4f2ed45 51%,transparent 65%)}.hero-copy{position:relative;padding:79px 0 95px 6%;max-width:590px;z-index:2}.hero .eyebrow{color:#655f57;font-size:9px;letter-spacing:2.15px}.hero h1{font-size:clamp(70px,6.7vw,98px);line-height:1.03;letter-spacing:-4px;margin:31px 0 27px;font-weight:400}.hero h1 em{color:#71444b;font-weight:400}.hero-description{font-size:17px;line-height:1.8;color:#595650}.hero-detail{font-size:13px;line-height:1.95;color:#716c65;max-width:325px;margin-top:16px}.hero-actions{margin-top:29px;gap:24px;flex-wrap:wrap}.hero-note{font-size:10px;line-height:1.7;max-width:300px;color:#79736b;margin-top:21px;letter-spacing:.1px}.hero-editorial-caption{position:absolute;left:6%;bottom:26px;display:flex;gap:30px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#79736a}.hero-editorial-caption span+span{font-family:var(--serif);font-style:italic;font-size:12px;letter-spacing:0}.hero-gallery{position:absolute;right:6.5%;bottom:-34px;width:395px;text-align:left;background:#f9f8f5;border:1px solid #c2bfba;border-radius:9px;padding:5px;box-shadow:0 2px 0 #ffffffd9 inset,0 0 0 1px #fbfaf7,0 14px 50px -20px #32271b80;transform:rotate(-2deg);transition:transform .45s,box-shadow .45s;z-index:3}.hero-gallery:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 2px 0 #fff inset,0 0 0 1px #fbfaf7,0 19px 50px -20px #32271b90}.gallery-chrome-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;background:linear-gradient(130deg,#f8f7f3,#eeece7 40%,#fff 68%,#e6e3dd);border-radius:5px 5px 0 0;border-bottom:1px solid #e6e0d8;font-size:7px;letter-spacing:1.5px}.gallery-wordmark{font-family:var(--serif);font-size:18px;letter-spacing:-.8px;color:#3d3730}.hero-gallery-cover{height:192px;display:block;position:relative;overflow:hidden}.hero-gallery-cover>img{width:100%;height:100%;object-position:50% 55%}.hero-gallery-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#1b191247)}.gallery-cover-copy{position:absolute;bottom:19px;left:22px;z-index:1;color:white}.gallery-cover-copy small{display:block;font-size:7px;letter-spacing:1.5px}.gallery-cover-copy>span{display:block;font:30px/1.3 var(--serif);margin-top:4px}.hero-gallery-bottom{display:flex;justify-content:space-between;padding:13px 13px 10px;font-size:8px;color:#786d61;gap:10px}.hero-gallery-bottom>span+span{color:#39332c}.hero-gallery-bottom>span>span{margin-left:7px}.promise-strip{margin-top:79px;padding:22px 0 25px;grid-template-columns:1.15fr repeat(4,1fr);border-top:0;border-bottom:1px solid var(--line);gap:25px}.promise-strip>div{font-size:10px;color:#696259}.promise-strip svg{width:16px;height:16px;color:#857d70;stroke-width:1.2}.promise-strip p{font-size:10px}.promise-strip strong{font-weight:400}.platform-section{padding-top:105px;padding-bottom:110px}.section-heading{gap:80px}.section-heading h2{font-size:53px;line-height:1.19;letter-spacing:-1.8px}.section-heading .eyebrow,.preview-heading .eyebrow,.story-copy .eyebrow,.faq-section .eyebrow{font-size:9px;color:#8a8175;font-weight:400;letter-spacing:2px;margin-bottom:24px}.section-heading>p{font-size:14px;max-width:320px;line-height:1.95}.feature-grid{gap:58px;margin-top:54px}.feature-grid article{border-top-color:#d9d3c9}.feature-number{font-size:8px;font-weight:400;letter-spacing:1.4px;color:#93897d}.feature-icon{color:#7f766a;margin:30px 0 20px}.feature-icon svg{width:24px;height:24px;stroke-width:1.1}.feature-grid h3{font-size:25px;line-height:1.35;letter-spacing:-.7px;margin-bottom:14px}.feature-grid p{font-size:13px;line-height:1.95;max-width:300px}.preview-section{background:#eeece7;border-color:#e7e3dc;padding:82px 0 43px}.preview-heading h2{font-size:54px;line-height:1.18}.preview-heading>p{font-size:13px;line-height:1.9;max-width:280px}.preview-tabs{margin-top:40px;margin-bottom:27px;gap:16px}.preview-tabs button{border:0;border-bottom:1px solid transparent;border-radius:0;font-size:11px;padding:11px 12px;background:transparent}.preview-tabs button[aria-selected=true]{background:transparent;border-color:#83766b;color:#423b34;box-shadow:none}.preview-tabs svg{stroke-width:1.2;width:15px;height:15px}.studio-shell{border:4px solid #d6d4cf;outline:1px solid #bcbab6;border-radius:12px;box-shadow:0 0 0 1px white inset,0 24px 50px -30px #4c443b66;max-width:1050px}.studio-toolbar{background:linear-gradient(105deg,#f8f7f4,#eae8e3 38%,#faf9f6 67%,#e6e4df);height:37px}.studio-sidebar .brand-lockup{width:112px;height:25px}.studio-sidebar .brand-lockup img{width:477.87px;height:318.58px;left:-8.71px;top:-10.89px}.studio-sidebar>.wordmark{margin-bottom:31px}.studio-nav button{font-size:10px}.studio-nav button.active{background:#eee8e1;color:#665649}.studio-content{background:#fcfbf8}.metric>span{background:#f1eeea;color:#847367}.metric strong{font-family:'Newsreader',Georgia,serif}.dash-head h3{font-size:26px}.dash-project-copy h4{font-size:27px}.task-card,.metric{border-color:#ede9e3}.gallery-tile:nth-child(2) img{object-position:85% 50%;filter:grayscale(.85);transform:scale(1)}.gallery-tile:nth-child(3) img{object-position:20% 50%;transform:scale(1.08);filter:saturate(.65)}.preview-footnote{font-size:10px;color:#81776b;letter-spacing:.1px}.story-section{padding-block:125px;gap:105px}.story-photo{height:500px;max-width:470px;margin-left:0}.story-photo:before{inset:18px -18px -18px 18px;border-color:#dcd5cb}.story-photo img{filter:grayscale(.9);object-position:50% 64%}.story-photo>span{font-size:8px;letter-spacing:2px}.story-copy h2{font-size:50px;line-height:1.2}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.95}.signature{font:italic 22px/1.5 var(--serif);color:#817166;margin-top:30px}.faq-section{padding-bottom:100px;gap:100px}.faq-section h2{font-size:42px;line-height:1.2}.faq-list summary{font-size:13px;padding-block:23px}.faq-list details p{font-size:13px;line-height:1.95}.faq-list summary span{font-size:17px;color:#918477}.closing{margin:0 24px;background:#edebe5;color:var(--ink);text-align:left;padding:45px 10%;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:8%;border:1px solid #e3dfd7;min-height:420px}.closing:before,.closing:after{display:none}.chrome-object{position:relative;max-width:310px;justify-self:center;mix-blend-mode:multiply;animation:chrome-breathe 9s ease-in-out infinite}.chrome-object img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 84%,transparent);mask-composite:intersect}.closing .eyebrow{color:#847a6d;font-size:8px;letter-spacing:1.7px}.closing h2{font-size:61px;line-height:1.15;margin:21px 0 26px;letter-spacing:-2px}.closing em{color:#7b625e}.button.cream{background:transparent;border-color:#a99c8d;color:#514a40;font-size:12px;padding:13px 20px}.button.cream:hover{background:#e2ded5}.closing-note{font-size:10px;color:#82786c;margin-top:16px}.site-footer{padding-block:42px;color:#8a8175;font-size:9px}.site-footer .brand-lockup{width:135px;height:30px}.site-footer .brand-lockup img{width:576px;height:384px;left:-10.5px;top:-13.125px}.tour-body h2{font-size:36px;line-height:1.22}.tour-body .eyebrow{font-size:9px}.tour-example{background:#eeeae3}.tour-image img{filter:saturate(.65)}.dialog-close{font-family:var(--sans);font-size:22px}.tour-controls .button{font-size:12px}.tour-body>p:not(.eyebrow){font-size:13px}.client-table{font-size:11px}.client-table small{font-size:9px}.hero-gallery:focus-visible{outline:3px solid #a58b81;outline-offset:7px}
@keyframes chrome-breathe{0%,100%{transform:translateY(0) rotate(-2deg);filter:brightness(1)}50%{transform:translateY(-7px) rotate(1deg);filter:brightness(1.06)}}
@media(min-width:1550px){.site-header{max-width:1320px;margin-inline:auto}.hero{height:760px;max-width:1600px;margin-inline:auto}.hero-copy{padding-top:96px;padding-left:8%;max-width:650px}.hero-editorial-caption{left:8%}.hero-gallery{right:9%;width:420px}.hero-gallery-cover{height:213px}}
@media(max-width:1100px){.site-header{margin-inline:40px}.hero{height:655px;width:calc(100% - 32px);margin-inline:16px}.hero-copy{padding-left:5%;padding-top:75px;max-width:500px}.hero h1{font-size:76px;letter-spacing:-3px}.hero-landscape img{object-position:66% 50%}.hero-landscape:after{background:linear-gradient(90deg,#f4f2ed 0%,#f4f2edf5 24%,#f4f2edb8 40%,#f4f2ed25 60%,transparent 76%)}.hero-gallery{width:325px;right:5%;bottom:-36px}.hero-gallery-cover{height:164px}.hero-description{font-size:15px}.hero-detail{font-size:12px;max-width:280px}.hero-actions{gap:17px}.hero-note{font-size:9px}.section-heading h2{font-size:47px}.feature-grid{gap:35px}.feature-grid h3{font-size:23px}.story-section{gap:70px}.story-copy h2{font-size:44px}.story-photo{height:460px}.closing{margin-inline:16px;padding-inline:8%;gap:6%}.closing h2{font-size:55px}}
@media(max-width:800px){.site-header{height:86px;margin-inline:32px}.site-header nav{font-size:11px;gap:22px}.brand-lockup{width:153px;height:34px}.brand-lockup img{width:652.8px;height:435.2px;left:-11.9px;top:-14.875px}.hero{height:635px}.hero-copy{max-width:450px;padding-top:62px}.hero h1{font-size:69px;letter-spacing:-2.6px}.hero-description{font-size:14px}.hero-detail{max-width:245px}.hero-actions{max-width:320px;gap:10px}.hero-gallery{width:280px;right:4%;bottom:-40px}.hero-gallery-cover{height:145px}.gallery-cover-copy>span{font-size:24px}.hero-gallery-bottom{font-size:7px;padding:10px}.gallery-chrome-bar{padding:10px;font-size:6px}.hero-editorial-caption{left:5%;font-size:7px;gap:16px}.promise-strip{margin-top:78px;grid-template-columns:repeat(4,1fr)}.promise-strip>div{font-size:9px}.platform-section{padding-block:75px}.section-heading{gap:30px}.section-heading h2{font-size:39px}.section-heading>p{font-size:12px;max-width:250px}.feature-grid{gap:25px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:12px}.feature-number{font-size:7px}.preview-heading h2{font-size:45px}.preview-heading>p{font-size:12px}.preview-section{padding-top:65px}.studio-sidebar .brand-lockup{width:100px;height:23px}.studio-sidebar .brand-lockup img{width:426.66px;height:284.44px;left:-7.77px;top:-9.72px}.story-section{gap:48px;padding-block:90px}.story-copy h2{font-size:38px}.story-copy>p:not(.eyebrow){font-size:12px}.story-photo{height:405px}.signature{font-size:20px}.faq-section{gap:45px;padding-bottom:75px}.faq-section h2{font-size:36px}.faq-list summary{font-size:12px}.closing{padding:45px 6%;gap:5%;min-height:350px}.closing h2{font-size:45px}.closing .eyebrow{font-size:7px}.chrome-object{max-width:260px}.closing-note{font-size:9px}}
@media(max-width:600px){.site-header{height:80px;margin:0 24px}.site-header nav{top:80px;font-size:14px;gap:12px;padding:24px;background:var(--cream)}.site-header .wordmark{font-size:0}.brand-lockup{width:153px;height:34px}.hero{height:auto;min-height:925px;width:100%;margin:0;overflow:visible}.hero-landscape{inset:0 0 30px}.hero-landscape img{object-position:76% 100%;height:540px;position:absolute;bottom:0;right:0;width:100%;object-fit:cover}.hero-landscape:after{background:linear-gradient(180deg,#f4f2ed 0%,#f4f2ed 39%,#f4f2edf0 45%,#f4f2ed6b 54%,transparent 63%)}.hero-copy{padding:35px 25px 0;max-width:none}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:clamp(60px,17vw,78px);letter-spacing:-2.7px;line-height:1.06;margin:24px 0 22px}.hero-description{font-size:15px;line-height:1.85}.hero-detail{font-size:12px;line-height:1.85;max-width:290px;margin-top:12px}.hero-actions{margin-top:22px;max-width:none;gap:16px}.hero-actions .button{padding:13px 15px;font-size:11px;gap:15px}.hero-actions .text-button{font-size:10px;gap:7px}.hero-note{font-size:8px;max-width:none;margin-top:14px}.hero-gallery{width:270px;right:auto;left:25px;bottom:-2px;transform:rotate(-2deg)}.hero-gallery-cover{height:142px}.hero-editorial-caption{bottom:253px;left:25px;color:#f9f8f5;text-shadow:0 1px 8px #0006;font-size:7px}.hero-editorial-caption span+span{font-size:10px}.promise-strip{margin-top:45px;grid-template-columns:1fr 1fr;gap:22px 15px;padding-block:20px 25px}.promise-strip>div{font-size:10px;gap:9px}.promise-strip svg{width:15px;height:15px}.platform-section{padding:57px 0 65px}.section-heading .eyebrow,.preview-heading .eyebrow,.story-copy .eyebrow,.faq-section .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:18px}.section-heading h2{font-size:40px;line-height:1.2;letter-spacing:-1.6px}.section-heading>p{font-size:14px;line-height:1.9;max-width:none;margin-top:24px}.feature-grid{gap:25px;margin-top:34px}.feature-grid h3{font-size:25px;margin-top:19px;margin-bottom:11px;line-height:1.3}.feature-grid p{font-size:13px;max-width:none;line-height:1.9}.feature-number{font-size:8px}.feature-icon{margin-top:23px}.feature-icon svg{width:22px;height:22px}.preview-section{padding:53px 0 28px}.preview-heading h2{font-size:41px;line-height:1.22;letter-spacing:-1.5px}.preview-heading>p{font-size:13px;margin-top:19px;max-width:none}.preview-tabs{margin:24px 10px 21px;gap:8px}.preview-tabs button{font-size:9px;gap:6px;padding:10px 7px}.preview-tabs svg{width:13px;height:13px}.studio-shell{border-width:3px;border-radius:9px;width:calc(100% - 26px)}.studio-toolbar{height:32px}.studio-content{padding:19px 13px}.dash-head h3{font-size:23px}.dash-head p{font-size:9px}.metric strong{font-size:21px}.metric small{font-size:8px}.studio-layout{min-height:598px}.task-card h4{font-size:11px}.task-row{font-size:10px}.preview-footnote{font-size:9px;max-width:260px;margin-top:22px;line-height:1.8}.story-section{padding:68px 0;gap:48px}.story-photo{height:380px;max-width:none;margin-right:14px}.story-copy h2{font-size:41px;line-height:1.24}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.95}.signature{font-size:21px;margin-top:25px}.faq-section{gap:27px;padding-bottom:60px}.faq-section h2{font-size:36px;line-height:1.25}.faq-list summary{font-size:12px;line-height:1.8;padding-block:20px}.faq-list details p{font-size:13px}.closing{margin-inline:12px;padding:20px 25px 42px;display:flex;flex-direction:column;gap:0;text-align:center;min-height:0}.chrome-object{max-width:205px;margin-bottom:-5px}.closing h2{font-size:48px;line-height:1.17;margin:19px 0 25px}.closing .eyebrow{font-size:7px;letter-spacing:1.5px}.closing-note{font-size:9px;line-height:1.8}.button.cream{font-size:11px;padding:12px 18px}.site-footer{padding-block:31px;gap:24px}.site-footer .brand-lockup{width:126px;height:28px}.site-footer .brand-lockup img{width:537.6px;height:358.4px;left:-9.8px;top:-12.25px}.site-footer>span{font-size:9px}.tour-body h2{font-size:31px;line-height:1.3}.tour-body{padding:26px 22px}.tour-body>p:not(.eyebrow){font-size:13px}.tour-controls .button{font-size:11px}.gallery-tile h4{font-size:23px}.client-table{font-size:10px}}
@media(prefers-reduced-motion:reduce){.chrome-object{animation:none}.hero-gallery{transition:none}}