:root{--forest:#183b35;--cream:#f5f2ea;--ink:#243b35;--muted:#68706a;--coral:#cb644d;--line:#dcded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,input{font:inherit}button{transition:background .2s,color .2s,transform .2s}img{display:block;max-width:100%;object-fit:cover}svg{width:21px;height:21px;fill:currentColor;stroke:none;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h2{font-size:clamp(36px,3.7vw,56px);line-height:1.13;letter-spacing:-1.8px}em{font-weight:400}.container{width:calc(100% - 112px);max-width:1248px;margin:auto}.section{padding-top:104px;padding-bottom:104px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6;margin-bottom:23px}.section-top{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:42px}.section-aside{max-width:350px;padding-bottom:4px}.section-aside>p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:21px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;font-weight:600;padding:6px 0;border-bottom:1px solid currentColor}.text-link:hover{color:var(--coral)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:27px;min-height:49px;padding:13px 23px;border-radius:100px;font-size:12px;font-weight:500;line-height:1.4;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-small{min-height:42px;padding:11px 18px;font-size:11px;gap:17px}.btn-coral{background:var(--coral);color:white}.btn-coral:hover{background:#b64e39}.btn-light{background:var(--cream);color:var(--forest)}.btn-light:hover{background:#fff}.btn-forest{background:var(--forest);color:var(--cream)}.btn-forest:hover{background:#28574d}.btn-outline-light{border-color:#68827a;color:var(--cream)}.btn-outline-light:hover{background:#2a4d45}.quiet-label{font-size:9px;letter-spacing:1.35px;line-height:1.7;color:#777c72}.demo-caption{font-size:10px;line-height:1.7;color:#788077;margin-top:24px}.site-header,.hero-wrap{background:var(--forest);color:var(--cream)}.site-header{padding:24px 0}.site-header>.container{min-height:44px}.brand{display:inline-flex;align-items:center;gap:12px}.brand>span:last-child{font-family:'Playfair Display',Georgia,serif;font-size:13px;line-height:1.3;letter-spacing:2px}.brand b{font-weight:400;letter-spacing:5.8px}.brand-symbol{position:relative;display:block;font-family:'Playfair Display',Georgia,serif;font-size:46px;line-height:1;letter-spacing:-13px;width:47px;height:43px}.brand-symbol>span{position:relative;top:4px}.brand-symbol i{font:16px Inter,sans-serif;position:absolute;left:20px;top:24px;letter-spacing:0}.desktop-nav a,.login-link{font-size:11px;color:#e5e9df}.desktop-nav a:hover,.login-link:hover{color:#f3ab96}.login-link span{margin-left:7px}.hero{padding-top:53px;padding-bottom:64px;gap:62px;min-height:625px}.hero h1{font-size:clamp(46px,4.75vw,70px);line-height:1.09;letter-spacing:-2.3px;margin-bottom:26px}.hero h1 em{color:#e5c8ae}.hero .eyebrow{font-size:9px;letter-spacing:1.9px;display:flex;align-items:center;gap:9px;color:#c0d1c7}.tiny-line{width:22px;height:1px;background:#c0d1c7}.hero-description{font-size:13px;line-height:1.9;color:#c4d1c8;max-width:420px}.hero-actions{margin-top:29px}.hero-footnote{margin-top:31px;color:#b6c9bd;font-size:10px}.mini-avatars{display:flex;padding-left:0}.mini-avatars img{width:32px;height:32px;border-radius:50%;border:2px solid var(--forest);margin-left:-8px}.mini-avatars img:first-child{margin-left:0}.hero-visual{position:relative;padding:9px 0 0 12px}.hero-image-frame{height:470px;border-radius:130px 7px 7px 7px;overflow:hidden;position:relative}.hero-image-frame>img{width:100%;height:100%;object-position:47% center}.hero-image-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 43%,#142c2699)}.image-pill{position:absolute;right:20px;top:22px;background:#f8f5ebed;color:var(--forest);border-radius:30px;padding:9px 12px;font-size:9px;display:flex;align-items:center;gap:7px;z-index:1}.image-pill>span{width:5px;height:5px;border-radius:50%;background:var(--coral)}.hero-image-caption{position:absolute;left:29px;bottom:39px;z-index:1}.hero-image-caption>span{font-size:8px;letter-spacing:2px}.hero-image-caption h2{font-size:31px;letter-spacing:-.7px;margin:9px 0}.hero-image-caption p{font-size:10px;color:#e3e4da}.image-corner{position:absolute;right:23px;bottom:47px;z-index:1;font-size:24px}.floating-note{position:absolute;bottom:-22px;left:-17px;display:flex;align-items:center;gap:13px;background:var(--cream);padding:16px 19px;border-radius:4px;color:var(--ink);box-shadow:0 12px 40px #0d252326;z-index:2}.floating-note strong{display:block;font-size:11px;font-weight:500}.floating-note small{font-size:9px;color:#6c756b;display:block;margin-top:5px}.note-icon{background:#e0e5d7;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.note-check{background:#e1e8d8;width:23px;height:23px;border-radius:50%;text-align:center;font-size:12px;line-height:23px;margin-left:12px}.hero-visual-mark{position:absolute;right:-23px;top:-17px;color:#d8aa85;font-size:62px;line-height:1;z-index:2}.hero-bottom{padding:30px 0 31px;border-top:1px solid #426056;text-align:center}.hero-bottom>span{font-size:8px;letter-spacing:1.8px;color:#aebfb5;display:block;margin-bottom:22px}.hero-bottom div{font-family:'Playfair Display',serif;font-size:20px}.hero-bottom i{font-size:16px;color:#93aa9c}.project-toolbar{margin-bottom:26px}.filter{border:1px solid #d8dcd2;padding:9px 17px;border-radius:30px;font-size:10px}.filter:hover{background:#e6e9df}.filter.active{background:var(--forest);color:var(--cream);border-color:var(--forest)}.project-image{position:relative;overflow:hidden;border-radius:5px;background:#e1dfd6}.image-button{width:100%;display:block;text-align:left}.project-image img{width:100%;height:310px;transition:transform .5s}.project-image:hover img{transform:scale(1.035)}.project-type{position:absolute;left:15px;top:15px;background:#f8f6eeeb;padding:6px 11px;border-radius:20px;font-size:9px;pointer-events:none}.save-project{position:absolute;right:14px;top:14px;border-radius:50%;width:31px;height:31px;background:#f8f6eeeb;display:grid;place-items:center}.save-project svg{width:15px;height:15px}.save-project[aria-pressed=true]{background:var(--forest);color:white}.save-project[aria-pressed=true] svg{fill:currentColor}.project-meta{padding-top:20px}.project-meta>span{font-size:8px;letter-spacing:1.4px;color:#7b8076}.project-meta>button{display:flex;width:100%;justify-content:space-between;align-items:center;margin:9px 0;text-align:left}.project-meta h3{font-size:24px;letter-spacing:-.6px}.project-meta p{font-size:11px;color:#72796f;line-height:1.7}.platform-section{background:#ebece2}.section-heading{margin-bottom:38px}.section-heading>p:last-child{font-size:13px;color:#6c766b;line-height:1.8;margin-top:20px}.audience-tabs{display:flex;width:max-content;max-width:100%;padding:5px;border:1px solid #d1d6ca;background:#e1e4d9;border-radius:40px;margin:0 auto 40px}.audience-tabs button{font-size:12px;padding:12px 32px;display:flex;align-items:center;gap:10px;border-radius:30px;min-height:44px}.audience-tabs button[aria-selected=true]{background:var(--cream);box-shadow:0 2px 5px #233b3512}.audience-tabs svg{width:16px;height:16px}.audience-panel{gap:70px;align-items:center;background:#f7f5ee;border:1px solid #d8ddcf;border-radius:8px;padding:52px 46px}.audience-copy h3{font-size:39px;line-height:1.17;letter-spacing:-1.2px}.audience-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#6d766c;margin-top:20px;max-width:405px}.audience-copy>.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:19px}.feature-list{list-style:none;padding:0;margin:28px 0}.feature-list li{display:flex;gap:14px;margin-bottom:20px}.feature-list li>span{width:32px;height:32px;background:#e9ebdf;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.feature-list svg{width:16px;height:16px}.feature-list strong{font-size:11px;font-weight:600;display:block;margin-bottom:4px}.feature-list p{font-size:10px;color:#737a70;line-height:1.6}.product-visual{position:relative;padding:25px 0 45px}.workspace-card{border:1px solid #d8ded1;background:white;border-radius:6px;overflow:hidden;box-shadow:0 20px 40px #263e3510;transform:rotate(1.2deg)}.workspace-bar{display:flex;align-items:center;gap:13px;padding:17px 19px;border-bottom:1px solid #e7e9df;font-size:10px}.workspace-logo{font:24px 'Playfair Display',serif;letter-spacing:-3px;position:relative;padding-right:4px}.workspace-logo span{position:absolute;font-size:10px;left:11px;bottom:-3px}.workspace-avatar{margin-left:auto;border-radius:50%;background:#dfe7d9;padding:8px;font-size:8px}.workspace-body{padding:24px 20px}.workspace-body .quiet-label{font-size:6px}.workspace-body h4{font:18px 'Playfair Display',serif;margin:8px 0 5px}.small-plus{font-size:20px;width:27px;height:27px;background:var(--forest);color:white;text-align:center;border-radius:50%}.workspace-stat-row{display:flex;gap:24px;margin:22px 0}.workspace-stat-row>div{flex:1;padding-right:10px;border-right:1px solid #e5e8dd}.workspace-stat-row>div:last-child{border:0}.workspace-stat-row b{font-weight:400;font-size:24px;display:block}.workspace-stat-row span{font-size:7px;color:#7c8377;display:block;margin-top:3px}.workspace-project{position:relative;border:1px solid #eceee6;border-radius:4px;overflow:hidden}.workspace-project>img{height:178px;width:100%}.workspace-status{position:absolute;right:9px;top:9px;background:#fff;border-radius:20px;padding:5px 8px;font-size:7px}.workspace-project>div{padding:12px}.workspace-project b{display:block;font-size:10px;font-weight:500}.workspace-project small{display:block;margin-top:4px;font-size:8px;color:#798071}.workspace-files{display:flex;align-items:center;gap:8px;font-size:8px;margin-top:17px}.workspace-files svg{width:13px;height:13px}.workspace-files b{margin-left:auto;font-weight:400;color:#6a8064;font-size:7px}.request-bubble{position:absolute;bottom:23px;left:-22px;background:#e0e8d9;padding:16px 20px;display:flex;align-items:center;gap:12px;border:1px solid #ced8c5;border-radius:5px;box-shadow:0 6px 20px #263e3514}.request-bubble img{width:38px;height:38px;border-radius:50%}.request-bubble strong{font-size:9px;font-weight:600;display:block}.request-bubble p{font-size:8px;margin-top:5px}.request-bubble>span:last-child{margin-left:10px}.visual-caption{position:absolute;bottom:-8px;left:0;width:100%;text-align:center;font-size:6px;letter-spacing:1.2px;color:#8a8f81}.mock-search{display:flex;align-items:center;gap:9px;font-size:9px;margin-top:25px;background:#f5f5ef;padding:13px;border-radius:5px}.mock-search svg{width:15px;height:15px}.mock-tags{display:flex;gap:6px;margin:15px 0 20px}.mock-tags span{font-size:7px;border:1px solid #d9dfd0;padding:5px 7px;border-radius:15px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editorial-grid img{height:210px;width:100%;border-radius:4px}.workflow{background:var(--forest);color:var(--cream)}.workflow .eyebrow{color:#b6c9ba}.workflow h2{font-size:49px}.workflow-intro{font-size:12px;line-height:1.9;max-width:312px;color:#b7cabc;padding-bottom:5px}.workflow-grid{margin-top:52px;gap:33px}.workflow-grid>div{border-top:1px solid #60776a;padding-top:20px}.step-number{font:italic 23px 'Playfair Display',serif;color:#b1c1a5;display:flex;justify-content:space-between;align-items:center}.step-number svg{width:18px;height:18px}.workflow-grid h3{font-size:27px;margin:31px 0 15px}.workflow-grid p{font-size:11px;line-height:1.9;color:#bacbbd;max-width:225px}.workflow-note{font-size:9px;color:#91aa99;margin-top:36px}.portrait-landscape{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;height:315px;padding:0 60px}.portrait-col img{height:205px;width:100%;border-radius:70px 70px 5px 5px;filter:saturate(.65);object-position:center 30%}.portrait-col:nth-child(1),.portrait-col:nth-child(6){padding-top:79px}.portrait-col:nth-child(2),.portrait-col:nth-child(5){padding-top:29px}.portrait-col:nth-child(3){padding-top:62px}.portrait-col:nth-child(4){padding-top:0}.portrait-col:nth-child(even) img{border-radius:5px 5px 70px 70px}.portrait-col span{display:block;font:italic 12px 'Playfair Display',serif;color:#78816f;margin-top:15px}.community-copy{margin-top:29px}.community-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#747c70;margin:22px 0 28px}.community-copy .demo-caption{font-size:8px;margin-top:18px}.events-section{background:#e9e9df}.event-card{background:#f7f5ee;border:1px solid #d5dacd;border-radius:5px;padding:28px;min-height:341px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.event-featured{background:#dfd2b7;border-color:#d3c3a2}.event-date{display:flex;flex-direction:column}.event-date b{font:42px 'Playfair Display',serif;line-height:1}.event-date>span{font-size:8px;letter-spacing:1px;margin-top:8px}.event-tag{height:max-content;font-size:7px;border:1px solid #bbc0b2;border-radius:20px;padding:6px 10px;letter-spacing:1px;position:relative;z-index:1}.event-card>div:last-of-type{z-index:1}.event-card p:not(.event-description){font-size:7px;letter-spacing:1.4px;margin-bottom:10px}.event-card h3{font-size:29px;letter-spacing:-.7px}.event-description{font-size:11px;color:#687260;line-height:1.8;margin-top:13px;max-width:270px}.event-card .text-link{margin-top:16px;font-size:10px;gap:27px}.event-decoration{position:absolute;right:-22px;top:51px;font-size:185px;color:#c5b28d55;line-height:1}.voices-section{padding-bottom:70px}.voices-grid{padding-top:13px;align-items:start}.voice:nth-child(2){margin-top:35px}.voice blockquote{position:relative;background:#fffdf8;border:1px solid #e5e6dc;border-radius:4px;min-height:177px;padding:22px 26px}.voice blockquote:after{content:'';position:absolute;width:20px;height:20px;bottom:-11px;left:24px;background:#fffdf8;border-right:1px solid #e5e6dc;border-bottom:1px solid #e5e6dc;transform:skewY(-42deg)}.voice blockquote>span{font:48px 'Playfair Display',serif;color:var(--coral);line-height:1}.voice blockquote p{font-size:13px;line-height:1.8}.voice figcaption{display:flex;gap:11px;align-items:center;margin:25px 0 0 22px}.voice-initial{font:12px 'Playfair Display',serif;background:#dce4d5;padding:10px;border-radius:50%;width:37px;height:37px}.voice strong{font-size:9px;display:block;font-weight:500}.voice small{font-size:8px;display:block;margin-top:5px;color:#818779}.faq-section{border-top:1px solid var(--line);padding-top:75px;padding-bottom:90px}.faq-intro{font-size:13px;color:#76806f;line-height:1.9;margin-top:24px}.faq-list details{border-bottom:1px solid #d4d9cc;padding:19px 0}.faq-list details:first-child{padding-top:3px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:500;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;line-height:1;font-weight:300}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:1.9;color:#73806d;padding:18px 30px 3px 0}.closing-section{padding:75px 0;background:var(--forest);color:var(--cream);text-align:center;position:relative}.closing-section h2{font-size:55px}.closing-section h2 em{color:#e2c5a8}.closing-star{display:block;font-size:39px;color:#b5c6a5;margin-bottom:20px;line-height:1}.closing-section .eyebrow{font-size:8px;color:#bdcdbb;letter-spacing:1.8px}.closing-section p:not(.eyebrow){font-size:12px;color:#c0cdbd;line-height:1.9;margin:23px 0 28px}.closing-login{display:block;font-size:9px;color:#a9bead;margin-top:23px}.closing-login button{color:#e8e9df;margin-left:5px;text-decoration:underline;text-underline-offset:4px}.site-footer{background:var(--forest);color:var(--cream)}.footer-top{border-top:1px solid #466054;padding:49px 0}.footer-top>div>p{font-size:11px;line-height:1.85;color:#a9bdac;margin-top:20px}.footer-links{max-width:430px;justify-self:end;width:100%}.footer-links h3{font:8px Inter,sans-serif;letter-spacing:1.5px;color:#9fb29f;margin-bottom:21px}.footer-links a{display:block;font-size:11px;margin:15px 0;color:#d3ddd0}.footer-links a:hover{color:#e2a388}.footer-bottom{font-size:9px;padding:21px 0 26px;color:#9fb29f;border-top:1px solid #466054}.footer-bottom a{color:#d1dece}.menu-toggle{width:36px;height:36px;padding:8px}.menu-toggle span{display:block;width:20px;height:1px;background:var(--cream);margin:6px 0}.mobile-nav{border-top:1px solid #496358;margin-top:20px;padding:12px 24px}.mobile-nav a,.mobile-nav button{display:block;text-align:left;font-size:14px;padding:12px 0;width:100%}.skip-link{position:fixed;top:-100px;left:10px;padding:12px;background:white;color:var(--forest);z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:2px solid var(--coral);outline-offset:5px}[hidden]{display:none!important}dialog{border:1px solid #d9dfcf;padding:0;width:calc(100% - 36px);max-width:660px;max-height:90dvh;border-radius:12px;background:var(--cream);color:var(--ink);overflow:auto;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#112e2acf;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:13px;width:35px;height:35px;border-radius:50%;background:#f5f2ea;display:grid;place-items:center;z-index:3;border:1px solid #d1d7ca}.dialog-close svg{width:18px;height:18px}.detail-image{width:100%;height:290px}.detail-body{padding:33px}.detail-body h2{font-size:36px;margin:8px 0 15px}.detail-body>p{font-size:13px;line-height:1.9;color:#6d7769}.detail-body .btn{margin-top:24px}.detail-body .demo-caption{font-size:10px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.detail-tags span{font-size:10px;background:#e4e8dc;border-radius:20px;padding:7px 10px}.auth-inner{padding:42px}.auth-inner h2{font-size:42px;margin-bottom:17px}.auth-inner>p{font-size:13px;line-height:1.8;color:#717c6b}.auth-role-options{display:flex;gap:8px;margin:25px 0}.auth-role-options button{flex:1;font-size:12px;padding:12px;border:1px solid #c9d2bf;border-radius:5px}.auth-role-options button.active{background:var(--forest);color:white}.auth-inner form{margin-top:22px}.auth-inner label{display:block;font-size:11px;font-weight:500;margin-bottom:16px}.auth-inner input{display:block;background:#fffdf8;border:1px solid #cdd5c4;border-radius:4px;padding:13px;width:100%;margin-top:8px;font-size:13px}.preview-note{font-size:10px;line-height:1.7;background:#e7eadf;padding:12px;margin:16px 0 20px}.auth-switch{margin-top:20px;text-align:center;font-size:11px!important}.auth-switch button{text-decoration:underline;color:var(--forest);font-weight:600}.form-feedback{font-size:12px;line-height:1.8;margin-top:15px;color:var(--forest)}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--forest);color:white;border:1px solid #617766;padding:14px 22px;font-size:12px;box-shadow:0 6px 30px #0003;border-radius:6px;z-index:20;display:none;max-width:calc(100% - 32px);width:max-content}.noscript-note{padding:12px;background:#ead8bd;font-size:13px;text-align:center}
@media(min-width:1500px){.hero{gap:90px}.hero-image-frame{height:490px}.hero h1{font-size:72px}}
@media(max-width:1199px){.container{width:calc(100% - 70px)}.hero{gap:30px}.hero h1{font-size:54px}.hero-image-frame{height:455px}.desktop-nav{gap:20px}.desktop-nav a{font-size:10px}.hero-description{max-width:360px}.hero .btn{padding:12px 17px;gap:15px}.audience-panel{gap:40px;padding:40px 30px}.portrait-landscape{padding:0 20px;gap:14px}.project-image img{height:265px}.project-meta h3{font-size:22px}.request-bubble{left:-12px;padding:14px}.workflow h2{font-size:43px}}
@media(max-width:1023px){.hero{padding:45px 0 65px;gap:50px;grid-template-columns:1fr 1fr}.hero h1{font-size:47px}.hero-image-frame{height:440px;border-top-left-radius:95px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{min-width:185px}.hero-footnote{font-size:8px}.floating-note{left:-27px;padding:12px;gap:8px}.floating-note strong{font-size:9px}.floating-note small{font-size:8px}.note-check{display:none}.hero-image-caption{left:20px}.hero-image-caption h2{font-size:24px}.hero-image-caption p{max-width:180px;line-height:1.6}.section{padding-top:75px;padding-bottom:75px}.section-top{gap:30px}.section-aside{max-width:290px}.section-aside>p{font-size:12px}.audience-panel{gap:32px;grid-template-columns:1fr 1fr}.audience-copy h3{font-size:31px}.audience-copy>p:not(.eyebrow){font-size:11px}.audience-copy .btn{font-size:10px;gap:12px}.workspace-body{padding:18px 13px}.workspace-body h4{font-size:15px}.workspace-stat-row{gap:9px}.workspace-project>img{height:145px}.request-bubble p{font-size:7px}.visual-caption{font-size:5px}.portrait-landscape{padding:0;height:290px}.portrait-col img{height:170px}.portrait-col span{font-size:9px}.event-card{padding:22px}.event-tag{font-size:6px;padding:5px}.event-card h3{font-size:25px}.voice blockquote{padding:20px;min-height:200px}.voice blockquote p{font-size:12px}.workflow-grid{gap:20px}.workflow h2{font-size:39px}.workflow-intro{max-width:260px}.hero-bottom div{font-size:17px;gap:20px}.project-image img{height:235px}.project-meta h3{font-size:20px}.project-meta p{font-size:10px}.quiet-label{font-size:8px}.faq-section>.grid{grid-template-columns:1fr 1.2fr}.closing-section h2{font-size:46px}}
@media(max-width:767px){html{scroll-padding-top:16px}.container{width:calc(100% - 40px)}.site-header{padding:18px 0}.brand>span:last-child{font-size:10px;letter-spacing:1.5px}.brand b{letter-spacing:4.6px}.brand-symbol{font-size:39px;width:40px;height:36px}.brand-symbol i{left:17px;top:22px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:55px;gap:38px}.hero h1{font-size:clamp(44px,8.7vw,64px);letter-spacing:-1.8px;margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-description{max-width:460px;font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:10px}.hero-actions .btn{min-width:0;padding:13px 17px;font-size:11px;gap:15px}.hero-footnote{font-size:9px;margin-top:23px}.hero-visual{padding:0 9px 0 0}.hero-image-frame{height:430px;max-height:115vw;border-radius:100px 5px 5px 5px}.hero-visual-mark{right:-3px;top:-18px;font-size:51px}.hero-image-caption h2{font-size:30px}.hero-image-caption p{max-width:none;font-size:10px}.hero-image-caption{bottom:47px;left:23px}.floating-note{left:12px;bottom:-20px;padding:15px}.floating-note strong{font-size:10px}.floating-note small{font-size:8px}.hero-bottom{padding:28px 0}.hero-bottom>span{font-size:7px;margin-bottom:17px}.hero-bottom div{font-size:15px;gap:12px 18px}.hero-bottom i:nth-of-type(2){display:none}.section{padding-top:64px;padding-bottom:64px}h2{font-size:36px;letter-spacing:-1.2px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:17px}.section-top{display:block;margin-bottom:28px}.section-aside{max-width:100%;margin-top:23px}.section-aside>p{max-width:410px;margin-bottom:15px}.text-link{font-size:11px;gap:22px}.project-toolbar>.quiet-label{display:none}.filter{font-size:9px;padding:8px 12px}.project-toolbar{margin-top:28px;margin-bottom:21px}.project-card{margin-bottom:12px}.project-image img{height:320px;max-height:85vw}.project-meta{padding-top:16px}.project-meta h3{font-size:25px}.project-meta p{font-size:11px}.project-meta>span{font-size:8px}.demo-caption{font-size:9px;margin-top:12px}.section-heading>p:last-child{font-size:12px;margin-top:17px}.audience-tabs{margin-bottom:26px;width:100%}.audience-tabs button{font-size:11px;padding:11px 10px;justify-content:center;flex:1;gap:8px}.audience-tabs svg{width:14px;height:14px}.audience-panel{grid-template-columns:1fr;padding:27px 23px;gap:13px}.audience-copy h3{font-size:34px}.audience-copy>p:not(.eyebrow){font-size:12px}.feature-list strong{font-size:12px}.feature-list p{font-size:11px}.audience-copy .btn{font-size:11px}.product-visual{padding-top:28px;padding-bottom:48px;margin:0 3px}.workspace-body{padding:24px 20px}.workspace-body h4{font-size:19px}.workspace-project>img{height:180px}.workspace-stat-row{gap:20px}.workspace-stat-row span{font-size:8px}.workspace-files{font-size:8px}.request-bubble{padding:14px;left:-12px;right:-8px;bottom:24px;gap:10px}.request-bubble p{font-size:8px}.request-bubble strong{font-size:9px}.request-bubble>span:last-child{margin-left:auto}.visual-caption{font-size:5px;bottom:3px;letter-spacing:.9px}.workflow h2{font-size:36px}.workflow-intro{font-size:12px;max-width:100%;margin-top:23px}.workflow-grid{grid-template-columns:1fr 1fr;gap:29px 23px;margin-top:30px}.workflow-grid h3{font-size:25px;margin-top:22px;margin-bottom:12px}.workflow-grid p{font-size:11px}.step-number{font-size:21px}.workflow-note{font-size:8px;line-height:1.7;margin-top:27px}.portrait-landscape{grid-template-columns:repeat(6,1fr);gap:8px;height:185px;margin:0 -5px}.portrait-col img{height:115px;border-radius:40px 40px 4px 4px}.portrait-col:nth-child(even) img{border-radius:4px 4px 40px 40px}.portrait-col:nth-child(1),.portrait-col:nth-child(6){padding-top:40px}.portrait-col:nth-child(2),.portrait-col:nth-child(5){padding-top:0}.portrait-col:nth-child(3){padding-top:24px}.portrait-col:nth-child(4){padding-top:10px}.portrait-col span{display:none}.community-copy{margin-top:0}.community-copy>p:not(.eyebrow){font-size:12px;max-width:420px;margin:20px auto 26px}.community-copy .btn{font-size:11px;gap:15px}.community-copy .eyebrow{font-size:7px;letter-spacing:1.3px}.event-card{padding:26px;min-height:310px}.event-card h3{font-size:30px}.event-tag{font-size:8px}.event-description{font-size:12px;max-width:100%}.event-card p:not(.event-description){font-size:8px}.event-card .text-link{font-size:11px}.voice:nth-child(2){margin-top:0}.voice blockquote{min-height:145px;padding:22px 25px}.voice blockquote p{font-size:14px}.voices-grid{gap:28px}.voice figcaption{margin-top:25px}.voice strong{font-size:10px}.voice small{font-size:9px}.voices-section .demo-caption{margin-top:25px}.faq-section>.grid{grid-template-columns:1fr;gap:27px}.faq-intro{font-size:12px;margin-top:19px}.faq-list summary{font-size:12px;line-height:1.6}.faq-list details p{font-size:12px}.closing-section{padding:60px 0}.closing-section h2{font-size:36px}.closing-section .btn{font-size:10px;gap:12px;padding:12px 16px}.closing-section p:not(.eyebrow){font-size:12px}.footer-top{padding:35px 0;gap:30px}.footer-links{justify-self:start;max-width:100%}.footer-links h3{margin-bottom:17px}.footer-links a{font-size:11px}.footer-bottom{font-size:8px;gap:15px}.footer-bottom>span{display:none}.auth-inner{padding:36px 24px 25px}.auth-inner h2{font-size:35px}.detail-image{height:230px}.detail-body{padding:25px}.detail-body h2{font-size:30px}.detail-body>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the photo caption clear of the floating note. */
.hero-image-caption{bottom:82px}
@media(max-width:767px){.hero-image-caption{bottom:80px}}

/* Readable type, logo lockup, light sticky header. Layout unchanged. */
:root{--muted:#31443c}
html{scroll-padding-top:96px}
.brand-logo{height:48px;width:auto;display:block}
.site-header{position:sticky;top:0;z-index:40;transition:background .2s,color .2s,box-shadow .2s}
.site-header .logo-for-light{display:none}
.site-header.is-stuck{background:#f6f3ea;color:#1c332c;box-shadow:0 1px 0 #e3ddd0,0 10px 28px rgba(24,59,53,.08)}
.site-header.is-stuck .logo-for-dark{display:none}
.site-header.is-stuck .logo-for-light{display:block}
.site-header.is-stuck .desktop-nav a,.site-header.is-stuck .login-link{color:#1c332c}
.site-header.is-stuck .desktop-nav a:hover,.site-header.is-stuck .login-link:hover{color:var(--coral)}
.site-header.is-stuck .menu-toggle span{background:#1c332c}
.site-header.is-stuck .mobile-nav{background:#f6f3ea;border-top-color:#ddd6c8}
.site-header.is-stuck .btn-light{background:var(--forest);color:var(--cream)}
.desktop-nav{gap:22px}
.desktop-nav a,.login-link{font-size:16px}
.btn{font-size:15px}
.btn-small{font-size:14px}
.eyebrow{font-size:12px;letter-spacing:.14em}
.hero .eyebrow{font-size:12px;color:#d7e6de}
.hero-description{font-size:17px;line-height:1.7;color:#e8f2ec;max-width:460px}
.hero-footnote{font-size:15px;color:#d7e6de}
.image-pill{font-size:13px}
.hero-image-caption>span{font-size:12px}
.hero-image-caption p{font-size:15px;color:#f3f6f1}
.floating-note strong{font-size:14px}
.floating-note small{font-size:13px;color:#3d4c44}
.hero-bottom>span{font-size:12px;color:#d5e4db}
.section-aside>p{font-size:17px;line-height:1.7;color:#243830}
.text-link{font-size:15px;gap:14px}
.quiet-label{font-size:12px;color:#3d4f47}
.demo-caption{font-size:14px;color:#3d4f47}
.filter{font-size:14px}
.project-type{font-size:13px}
.project-meta>span{font-size:12px;color:#3d4f47}
.project-meta p{font-size:16px;line-height:1.65;color:#243830}
.section-heading>p:last-child{font-size:17px;line-height:1.7;color:#243830}
.audience-tabs button{font-size:15px}
.audience-copy>.eyebrow{font-size:12px}
.audience-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#243830}
.feature-list strong{font-size:16px}
.feature-list p{font-size:15px;line-height:1.6;color:#31443c}
.workflow .eyebrow,.closing-section .eyebrow{font-size:12px;color:#d5e6dc}
.workflow-intro{font-size:16px;line-height:1.7;color:#e7f0ea;max-width:360px}
.workflow-grid p{font-size:16px;line-height:1.65;color:#e7f0ea;max-width:none}
.workflow-note{font-size:14px;color:#d5e6dc}
.portrait-landscape{height:auto}
.portrait-col img{filter:none;object-position:center 18%}
.portrait-col span{font:600 14px/1.35 Inter,sans-serif;color:#243830}
.community-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#243830}
.event-tag{font-size:12px}
.event-card p:not(.event-description){font-size:13px;color:#3d4f47}
.event-description{font-size:16px;line-height:1.65;color:#243830;max-width:none}
.event-card .text-link{font-size:15px}
.voice blockquote p{font-size:17px;line-height:1.7;color:#243830}
.voice strong{font-size:15px}
.voice small{font-size:14px;color:#3d4f47}
.faq-intro{font-size:17px;color:#243830}
.faq-list summary{font-size:17px}
.faq-list details p{font-size:16px;line-height:1.7;color:#243830}
.closing-section p:not(.eyebrow){font-size:17px;line-height:1.7;color:#e7f0ea}
.closing-login{font-size:15px}
.footer-top>div>p{font-size:16px;line-height:1.7;color:#d7e6dc}
.footer-links h3{font:600 13px/1.4 Inter,sans-serif;letter-spacing:.12em}
.footer-links a{font-size:16px}
.footer-bottom{font-size:14px}
.detail-body>p{font-size:16px;color:#243830}
.auth-inner>p{font-size:16px;color:#243830}
.auth-inner label{font-size:14px}
.auth-inner input{font-size:16px}
.preview-note,.detail-body .demo-caption{font-size:14px}
.mobile-nav a,.mobile-nav button{font-size:17px}
@media(max-width:1199px){
  .desktop-nav{gap:14px}
  .desktop-nav a,.login-link{font-size:15px}
  .hero-description{max-width:420px}
  .section-aside>p{font-size:16px}
}
@media(max-width:767px){
  html{scroll-padding-top:84px}
  .brand-logo{height:40px}
  .hero-description{font-size:16px}
  .portrait-col span{display:none}
}

/* Kato-style sweep: a rounded disc grows across the pill, then the arrow slides. */
.btn{--btn-h:49px;--btn-rest:var(--coral);--btn-sweep:#8f3b2c;position:relative;z-index:0;overflow:hidden;background-image:none}
.btn-small{--btn-h:42px}
.btn::before{content:"";position:absolute;z-index:-1;left:0;top:0;height:100%;width:var(--btn-h);border-radius:999px;background:var(--btn-rest);transition:width .45s cubic-bezier(.65,0,.076,1),background-color .45s cubic-bezier(.65,0,.076,1)}
.btn:hover,.btn:focus-visible{transform:none}
.btn:hover::before,.btn:focus-visible::before{width:100%;background:var(--btn-sweep)}
.btn-coral,.btn-coral:hover{background-color:var(--coral);--btn-rest:var(--coral);--btn-sweep:#8f3b2c}
.btn-forest,.btn-forest:hover{background-color:var(--forest);color:var(--cream);--btn-rest:var(--forest);--btn-sweep:#2f6a5e}
.btn-light,.btn-light:hover{background-color:var(--cream);color:var(--forest);--btn-rest:var(--cream);--btn-sweep:#fff}
.btn-outline-light{background-color:transparent;color:var(--cream);border-color:#68827a;--btn-rest:transparent;--btn-sweep:var(--cream);transition:color .15s linear,border-color .45s cubic-bezier(.65,0,.076,1)}
.btn-outline-light:hover,.btn-outline-light:focus-visible{background-color:transparent;color:var(--forest);border-color:var(--cream);transition:color .2s linear .28s,border-color .45s cubic-bezier(.65,0,.076,1)}
.site-header.is-stuck .btn-light,.site-header.is-stuck .btn-light:hover{background-color:var(--forest);color:var(--cream);--btn-rest:var(--forest);--btn-sweep:#3d7366}
.btn svg{transition:transform .45s cubic-bezier(.65,0,.076,1)}
.btn:hover svg,.btn:focus-visible svg{transform:translateX(7px)}

/* Discover and project pages. Phosphor icons are filled, so every svg uses currentColor. */
.ph{display:inline-block;vertical-align:-0.15em}
.page-intro{background:var(--forest);color:var(--cream);padding:18px 0 56px}
.page-intro h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-1.8px}.page-intro h1 em{color:#e2c5a8}
.page-intro .lede{max-width:640px;margin-top:16px;font-size:17px;line-height:1.7;color:#d7e6de}
.page-intro .eyebrow{color:#d7e6de}
.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font-size:15px;color:#d7e6de}
.back-link:hover{color:#f3ab96}
.back-link svg{width:16px;height:16px}
.desktop-nav a[aria-current=page]{color:#f3ab96}
.site-header.is-stuck .desktop-nav a[aria-current=page]{color:var(--coral)}
.discover-section{padding-top:40px}
.discover-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.search-field{display:flex;align-items:center;gap:10px;flex:1 1 280px;max-width:560px;min-height:48px;padding:0 16px;background:#fffdf8;border:1px solid #d5d9cc;border-radius:999px}
.search-field svg{width:18px;height:18px;color:#3d4f47}
.search-field input{width:100%;border:0;background:transparent;padding:12px 0;font-size:16px;color:var(--ink)}
.search-field input:focus{outline:none}
.search-field:focus-within{outline:2px solid var(--coral);outline-offset:3px}
.sort-field{display:flex;align-items:center;gap:10px;font-size:15px;color:#243830}
.sort-wrap{position:relative;display:inline-flex;align-items:center}
.sort-wrap svg{position:absolute;right:14px;width:14px;height:14px;pointer-events:none}
.sort-wrap select{appearance:none;border:1px solid #d5d9cc;background:#fffdf8;color:var(--ink);border-radius:999px;min-height:48px;padding:0 40px 0 16px;font:inherit;font-size:15px}
.discover-count{font-size:14px;color:#3d4f47;margin-bottom:18px}
.project-meta>a.project-open{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;margin:9px 0;text-align:left}
.project-meta>a.project-open:hover h3{color:var(--coral)}
.project-studio{margin-top:8px;font-size:14px;color:#3d4f47}
.discover-empty{font-size:17px;line-height:1.6;color:#243830;padding:28px 0}
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:36px}
.pager button{min-width:42px;height:42px;padding:0 14px;border:1px solid #d5d9cc;border-radius:999px;background:#fffdf8;color:var(--ink);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pager button svg{width:14px;height:14px}
.pager button[aria-current=page]{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.pager button:disabled{opacity:.4}
.project-body{padding-top:0;padding-bottom:80px}
.project-hero{margin-top:-32px}
.project-hero img{width:100%;height:min(62vw,560px);object-fit:cover;border-radius:6px}
.project-copy{max-width:760px;margin-top:32px}
.project-copy h2{font-size:clamp(32px,3vw,44px);letter-spacing:-1px}
.project-copy>p{margin-top:14px;font-size:17px;line-height:1.75;color:#243830}
.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.btn-outline{background-color:transparent;color:var(--forest);border-color:var(--forest);--btn-rest:transparent;--btn-sweep:var(--forest);transition:color .15s linear,border-color .45s cubic-bezier(.65,0,.076,1)}
.btn-outline:hover,.btn-outline:focus-visible{background-color:transparent;color:var(--cream);transition:color .2s linear .28s,border-color .45s cubic-bezier(.65,0,.076,1)}
.icon-btn{width:49px;height:49px;border-radius:50%;border:1px solid var(--forest);background:transparent;color:var(--forest);display:grid;place-items:center}
.icon-btn:hover{background:var(--forest);color:var(--cream)}
.studio-card{display:grid;grid-template-columns:128px 1fr;gap:22px;align-items:center;margin-top:36px;padding:22px;background:#fffdf8;border:1px solid #e3e4d8;border-radius:8px}
.studio-card img{width:128px;height:148px;object-fit:cover;border-radius:64px 64px 6px 6px}
.studio-card h2{font-size:34px;letter-spacing:-.8px}
.studio-card .eyebrow{margin-bottom:8px}
.studio-facts{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0 12px}
.studio-facts span{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:#243830}
.studio-facts svg{width:16px;height:16px}
.studio-card p{font-size:16px;line-height:1.7;color:#243830;max-width:640px}
.project-gallery{margin-top:48px}
.project-gallery .section-top{margin-bottom:22px}
.project-gallery .section-aside{font-size:17px;line-height:1.7;color:#243830;max-width:360px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery-item{position:relative;overflow:hidden;border-radius:5px;background:#e1dfd6;aspect-ratio:4/3}
.gallery-item img{width:100%;height:100%;object-fit:cover}
.gallery-item.is-locked img{filter:blur(14px);transform:scale(1.12)}
button.gallery-item{display:block;width:100%;padding:0;border:0;background:#e1dfd6;color:#fff;text-align:center}
.gallery-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(17,36,32,.38);font-size:13px;font-weight:600;letter-spacing:.04em}
.gallery-lock svg{width:28px;height:28px}
@media(max-width:767px){
  .page-intro{padding-bottom:40px}
  .page-intro h1{font-size:40px}
  .studio-card{grid-template-columns:1fr}
  .studio-card img{width:96px;height:112px}
  .gallery-grid{grid-template-columns:1fr 1fr;gap:10px}
  .project-hero img{height:62vw}
  .search-field{max-width:none}
}