:root{--paper:#f3f1e9;--ink:#181916;--orange:#ff5b27;--muted:#6b6b63;--line:#d4d3ca;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Manrope',sans-serif;--serif:Georgia,serif}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #496dd8;outline-offset:5px}::selection{background:var(--orange);color:var(--ink)}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;padding:10px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:10px}.section-pad{padding:100px 5.2vw}.micro,.section-label,.hero-meta,.hero-rule,.demo-note,.drag-hint,.footer-bottom,.scroll-cue,.small-note,.concept-switch{font-size:10px;letter-spacing:.09em;font-weight:700}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.07em}.header{height:94px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30;background:var(--paper)}.logo{display:flex;align-items:center;font-size:37px;font-weight:800;letter-spacing:-2.5px;line-height:1}.logo small{font-size:16px;letter-spacing:-1px;align-self:end;margin:0 0 4px 1px}.logo-star{font-size:31px;color:var(--orange);margin-left:1px;display:inline-block;transition:transform .7s}.logo:hover .logo-star{transform:rotate(180deg)}.desktop-nav{display:flex;gap:36px;font-size:12px;font-weight:600}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.nav-cta{background:none;border:1px solid var(--ink);border-radius:50px;padding:12px 23px;font-size:12px;font-weight:700;transition:background .25s,color .25s}.nav-cta span{margin-left:25px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.mobile-menu{display:none}.hero{padding:30px 5.2vw 0;overflow:hidden;position:relative}.hero-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px}.status-dot{width:6px;height:6px;display:inline-block;background:var(--orange);border-radius:100%;margin-right:7px;box-shadow:0 0 0 4px #ff5b2715}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(80px,11.2vw,178px);line-height:.85;letter-spacing:-.027em;margin:46px 0 0;position:relative;z-index:2}.hero-line{display:block;white-space:nowrap}.hero-second{display:flex;align-items:center;gap:.2em}.hero h1 em{font:inherit;color:var(--orange)}.title-asterisk{font-size:.68em;margin-left:auto;line-height:1;display:block;transform:rotate(-12deg)}.hero-bottom{min-height:385px;display:grid;grid-template-columns:28% 64% 8%;position:relative;align-items:center;margin-top:0}.hero-intro{position:relative;z-index:3;align-self:center;padding-top:30px}.hero-intro p{font-size:17px;line-height:1.65;letter-spacing:-.03em}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:16px 23px;background:transparent;border:1px solid var(--ink);border-radius:50px;font-size:12px;font-weight:700;transition:background .25s,color .25s,transform .25s;min-height:52px}.button span{font-size:19px}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}.button:not(.dark):hover{background:var(--ink);color:var(--paper)}.hero-intro .button{margin:22px 0}.hero-intro .micro{font-size:8px}.hero-stage{height:410px;position:relative;perspective:1100px;cursor:grab;touch-action:pan-y}.hero-stage:active{cursor:grabbing}.hero-collage{position:absolute;inset:20px 18px 20px;transform:rotateY(var(--rotate-y,-10deg)) rotateX(var(--rotate-x,5deg)) rotateZ(-5deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1);will-change:transform;user-select:none}.hero-stage.dragging .hero-collage{transition:none}.orbit-ring{position:absolute;top:8%;left:-2%;width:107%;height:91%;border:1px solid #c9c7be;border-radius:50%;transform:rotate(-21deg);pointer-events:none}.mini-browser{background:#fff;box-shadow:0 20px 40px #2d292322;border:1px solid #26271f;border-radius:8px;overflow:hidden}.hero-browser{position:absolute;width:87%;top:27px;left:0;transform:translateZ(20px)}.browser-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;color:#797a74;font-size:8px;border-bottom:1px solid #deded5}.browser-dots{font-size:6px;letter-spacing:2px;color:#b5b5af}.browser-url{width:63%;border-radius:3px;background:#f4f4f1;text-align:center;font-size:7px;padding:2px}.coffee-site{background:#f0eedc;color:#26382b;padding:18px 22px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.08em}.mock-nav b{font-size:15px;line-height:.85;letter-spacing:-.04em}.coffee-layout{display:grid;grid-template-columns:45% 55%;padding-top:17px;gap:8px}.mock-eyebrow{font-size:7px;letter-spacing:.09em}.coffee-layout h3{font-family:Georgia,serif;font-size:clamp(36px,4.4vw,65px);line-height:.88;font-weight:400;letter-spacing:-.06em;margin:12px 0}.coffee-layout h3 em{font-style:italic}.coffee-layout img{width:100%;height:202px;border-radius:100px 100px 2px 2px;object-position:center;pointer-events:none}.mock-pill{font-size:7px;border:1px solid #26382b;border-radius:30px;padding:7px 12px;display:inline-block;margin-top:12px}.mock-footer{font-size:5px;display:flex;justify-content:space-between;border-top:1px solid #26382b4d;margin-top:14px;padding-top:9px;letter-spacing:.08em}.phone{position:absolute;width:129px;height:254px;top:113px;right:0;transform:rotate(13deg) translateZ(90px);border:5px solid var(--ink);border-radius:21px;background:#f9e5df;box-shadow:8px 16px 25px #21211b24;overflow:hidden}.phone-notch{height:8px;width:39%;background:var(--ink);position:absolute;top:0;left:30%;border-radius:0 0 7px 7px}.phone-nav{display:flex;justify-content:space-between;margin:18px 10px 8px;font-family:Georgia,serif;font-size:18px;letter-spacing:-1px;color:#763626}.phone-nav span{font-family:var(--body);font-size:12px}.phone img{height:116px;width:100%;pointer-events:none}.phone-copy{padding:12px 10px;font-family:Georgia,serif;font-size:18px;line-height:1;color:#763626}.phone-copy span{display:block;font:5px var(--body);border-top:1px solid #7636264d;margin-top:9px;padding-top:7px}.floating-label{position:absolute;font-size:8px;font-weight:700;letter-spacing:.06em;padding:9px 13px;z-index:4;white-space:nowrap}.label-top{top:6px;right:38px;background:var(--orange);transform:rotate(7deg) translateZ(45px)}.label-bottom{bottom:10px;left:15%;background:var(--paper);border:1px solid var(--ink);transform:rotate(-4deg) translateZ(70px)}.label-bottom span{color:var(--orange);margin-right:7px}.drag-hint{position:absolute;bottom:3px;left:29%;font-size:7px;pointer-events:none}.drag-hint span{margin-right:5px}.scroll-cue{align-self:end;justify-self:end;text-align:right;font-size:8px;line-height:1.5;margin-bottom:45px}.scroll-cue>span:last-child{font-size:30px;display:block;transition:transform .3s}.scroll-cue:hover>span:last-child{transform:translateY(7px)}.hero-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0 21px;font-size:8px}.ticker{background:var(--orange);overflow:hidden;padding:13px 0;transform:rotate(-1.2deg);margin:0 -2vw;width:104vw;position:relative;z-index:4}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.ticker span{font-family:var(--display);font-size:29px;font-weight:600;letter-spacing:.015em;white-space:nowrap;margin-right:28px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:60px;font-size:9px}.approach-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.approach-copy h2,.work-heading h2{font-size:clamp(36px,4.4vw,68px);line-height:1.1;letter-spacing:-.06em;font-weight:600}.approach-copy h2 .serif{font-size:1.18em}.approach-copy p{max-width:340px;font-size:14px;color:#66675f;margin-top:30px;line-height:1.9}.small-note{margin-top:32px;font-size:9px;display:flex;align-items:center;gap:12px}.orange-line{height:2px;width:24px;background:var(--orange)}.comparison-wrap{min-width:0}.comparison{position:relative;height:345px;background:white;overflow:hidden;border-radius:3px;border:1px solid #aaa99f}.after-site,.before-site{position:absolute;inset:0}.after-site{background:#e8e3d8;color:#27342e;padding:20px}.after-site .mock-nav{font-size:7px}.after-site .mock-nav b{font-size:15px}.after-title{font-family:Georgia,serif;font-size:40px;line-height:.96;position:absolute;z-index:2;top:73px;left:23px;letter-spacing:-.06em}.after-site img{width:57%;height:233px;margin-left:auto;margin-top:18px}.after-footer{display:flex;justify-content:space-between;font-size:5px;letter-spacing:.08em;margin-top:20px}.before-site{background:#fff;clip-path:inset(0 calc(100% - var(--split)) 0 0);color:#424b62;font-family:Arial,sans-serif}.before-nav{padding:16px;background:#e3e7ee;font-size:13px;font-weight:700}.before-content{padding:27px 30px}.before-content h3{font-size:18px}.before-content p{font-size:10px;margin:12px 0}.before-box{background:#eff1f4;border:1px dashed #c1c7d2;padding:25px 12px;width:80%;font-size:16px;line-height:1.3;color:#919aaa}.before-content button{font-size:10px;background:#4266c1;color:white;padding:7px 12px;border-radius:3px;margin-top:13px;pointer-events:none}.split-line{position:absolute;height:100%;top:0;left:var(--split);width:2px;background:var(--orange);pointer-events:none}.split-line span{background:var(--orange);border-radius:50%;width:33px;height:33px;display:grid;place-items:center;position:absolute;left:-16px;top:47%;font-size:18px}.compare-control{display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:.08em;margin-top:20px;font-weight:700}.compare-control input{flex:1;accent-color:var(--orange);min-width:0;cursor:ew-resize}.demo-note{font-size:8px;color:var(--muted);letter-spacing:.03em;font-weight:500;margin-top:11px}.services{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.services .section-label{border-color:#ffffff30}.services-heading{display:flex;justify-content:space-between;align-items:end}.services-heading h2{font:700 clamp(66px,8.5vw,135px)/.9 var(--display);letter-spacing:-.02em}.outline{color:transparent;-webkit-text-stroke:1px var(--paper)}.services-heading>p{max-width:270px;font-size:13px;line-height:1.9;color:#c1c1b7;padding-bottom:10px}.service-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;margin-top:65px;align-items:start}.service-list{border-top:1px solid #ffffff30}.service-tab{width:100%;display:grid;grid-template-columns:25px 1fr 25px;gap:18px;text-align:left;align-items:center;background:transparent;border-bottom:1px solid #ffffff30;padding:29px 0;transition:color .3s;font-size:20px;letter-spacing:-.045em;position:relative}.service-num{font-size:9px;letter-spacing:0;color:#87897c;align-self:start;margin-top:8px}.service-arrow{transition:transform .4s;font-size:22px}.service-tab:hover .service-arrow{transform:rotate(45deg)}.service-tab.active{color:var(--orange)}.service-tab.active .service-arrow{transform:rotate(90deg)}.service-tab:not(.active){color:#cecec4}.service-panel{min-height:385px}.service-art{height:190px;background:#c7c6b9;position:relative;padding:23px 55px;overflow:hidden;transition:background .4s}.art-window{width:95%;height:210px;background:var(--paper);transform:rotate(-7deg);border:1px solid #181916;padding:14px;transition:transform .6s}.art-top{display:flex;justify-content:space-between;font-size:7px;border-bottom:1px solid #aaa;padding-bottom:6px;color:var(--ink)}.art-headline{font:700 49px/.92 var(--display);color:var(--ink);padding-top:12px}.art-headline em{font:inherit;color:var(--orange)}.art-grid{display:flex;gap:8px;margin-top:12px}.art-grid i{height:24px;flex:1;background:#dad8ca;border-radius:2px}.art-grid i:first-child{background:var(--orange)}.art-line{height:2px;background:var(--ink);margin-top:10px;width:60%}.art-sticker{position:absolute;right:10px;top:14px;background:var(--orange);color:var(--ink);width:78px;height:78px;border-radius:50%;font:700 26px/.9 var(--display);display:flex;align-items:center;justify-content:center;transform:rotate(12deg)}.service-art[data-art="1"]{background:#e9b7ac}.service-art[data-art="1"] .art-window{transform:rotate(7deg) translateX(-18px);width:72%;background:#713d31}.service-art[data-art="1"] .art-headline,.service-art[data-art="1"] .art-top{color:var(--paper)}.service-art[data-art="1"] .art-sticker{border-radius:2px;transform:rotate(-10deg);background:var(--paper);font-size:24px}.service-art[data-art="2"]{background:#a9bfaa}.service-art[data-art="2"] .art-window{transform:rotate(-3deg) translateY(13px);width:100%;background:#f1f5e7}.service-art[data-art="2"] .art-sticker{background:#264631;color:var(--paper);border-radius:5px}.service-panel h3{font-size:20px;font-weight:600;letter-spacing:-.045em;margin-top:25px}.service-panel p{font-size:12px;color:#babbb1;line-height:1.9;margin:12px 0 17px}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-tags span{border:1px solid #ffffff33;border-radius:30px;padding:5px 10px;font-size:8px}.future-strip{border-top:1px solid #ffffff30;margin-top:65px;padding-top:27px;display:flex;align-items:center;gap:15px}.future-strip canvas{width:48px;height:48px}.future-strip .micro{font-size:7px;color:#a6a79b}.future-strip p{font-size:16px;letter-spacing:-.03em;margin-top:3px}.future-copy{margin-left:auto;font-size:12px;text-align:right}.future-copy small{color:#a6a79b;font-size:9px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.work-heading>div{max-width:300px}.work-heading p{font-size:13px;color:var(--muted);line-height:1.9}.concept-switch{display:flex;border-bottom:1px solid var(--line);margin-top:50px;gap:35px}.concept-switch button{padding:19px 0;background:none;font-size:9px;letter-spacing:.05em;position:relative;color:var(--muted)}.concept-switch button:after{content:'';height:2px;width:100%;position:absolute;bottom:-1px;left:0;background:var(--orange);transform:scaleX(0);transition:transform .3s}.concept-switch button.active{color:var(--ink)}.concept-switch button.active:after{transform:scaleX(1)}.concept-panel{margin-top:25px}.concept-image{height:450px;overflow:hidden;position:relative;background:#294032}.concept-image>img{width:100%;height:100%;object-position:center 56%;transition:transform .9s,opacity .25s}.concept-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142319b3,transparent 80%);pointer-events:none}.concept-image:hover>img{transform:scale(1.035)}.concept-overlay{position:absolute;inset:30px;z-index:2;color:#f4eedb;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.concept-overlay>span:first-child{font-size:20px;font-weight:800;letter-spacing:-.06em}.concept-overlay h3{font-family:Georgia,serif;font-size:clamp(50px,6vw,90px);line-height:.95;font-weight:400;letter-spacing:-.055em;transition:transform .4s}.concept-link{font-size:8px;letter-spacing:.06em;border-bottom:1px solid #ffffff70;padding-bottom:8px}.concept-stamp{font-size:8px;letter-spacing:.1em;line-height:1.8;border:1px solid #ffffff66;padding:10px;color:white;position:absolute;z-index:3;bottom:25px;right:25px;transform:rotate(5deg)}.concept-panel[data-theme="1"] .concept-image:after{background:linear-gradient(90deg,#60282296,#60282208 90%)}.concept-panel[data-theme="1"] .concept-overlay{color:#fff2ed}.concept-panel[data-theme="2"] .concept-image:after{background:linear-gradient(90deg,#27302f99,transparent)}.concept-panel.changing .concept-overlay h3{transform:translateY(12px)}.concept-info{display:grid;grid-template-columns:1fr 1fr 65px;gap:40px;margin-top:25px;align-items:center}.concept-info .micro{font-size:8px;color:var(--muted)}.concept-info h3{font-size:19px;letter-spacing:-.035em;font-weight:600;margin-top:8px}.concept-info>p{font-size:12px;color:var(--muted);line-height:1.9}.round-button{width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);background:none;font-size:25px;transition:transform .3s,background .3s}.round-button:hover{background:var(--orange);transform:rotate(45deg)}.process{background:#deded2;min-height:180vh;position:relative}.process-sticky{position:sticky;top:0;min-height:100vh;padding-top:60px;padding-bottom:55px}.process .section-label{margin-bottom:35px;border-color:#b9bcaf}.process-top{display:flex;justify-content:space-between;align-items:end}.process-top h2{font:700 clamp(58px,7.5vw,116px)/.9 var(--display);letter-spacing:-.02em}.process-top .serif{font:italic 400 .72em/1.3 Georgia,serif;letter-spacing:-.075em;text-transform:none}.process-top p{font-size:13px;line-height:1.9;color:#676b5d}.process-track{display:flex;margin-top:55px;gap:35px}.process-step{flex:1;display:flex;gap:17px;border-top:1px solid #b3b8a6;padding-top:20px;transition:opacity .45s,transform .45s;opacity:.36;transform:translateY(12px)}.process-step.active{opacity:1;transform:translateY(0)}.step-number{font:600 45px/1 var(--display);letter-spacing:-.05em;color:#78806d;transition:color .4s}.process-step.active .step-number{color:var(--orange)}.process-step .micro{font-size:8px}.process-step h3{font-size:20px;font-weight:600;letter-spacing:-.05em;margin:9px 0 12px}.process-step p{font-size:11px;line-height:1.9;color:#565d4e;max-width:260px}.process-progress{height:2px;background:#b3b8a6;margin-top:40px}.process-progress span{display:block;width:var(--progress,12%);height:100%;background:var(--orange);transition:width .2s}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}.faq h2{font-size:39px;line-height:1.18;font-weight:600;letter-spacing:-.06em;margin-top:20px}.faq .serif{font-size:1.05em}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:13px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg);color:var(--orange)}.faq details p{font-size:12px;line-height:1.9;color:var(--muted);padding:20px 30px 0 0}.contact{background:var(--orange);padding-top:45px;padding-bottom:50px;overflow:hidden}.contact-top{display:flex;justify-content:space-between}.contact-top .micro{font-size:9px}.contact h2{font:700 clamp(100px,17vw,260px)/.82 var(--display);letter-spacing:-.025em;margin:45px 0 40px}.contact-seen{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.09em;position:relative;white-space:nowrap}.contact-star{font-size:.72em;display:inline-block;margin-left:.2em;vertical-align:middle;transform:rotate(var(--star-turn,0deg))}.contact-bottom{border-top:1px solid #18191640;display:flex;justify-content:space-between;padding-top:25px;align-items:center}.contact-bottom p{font-size:13px;font-weight:600;line-height:1.8}.contact .button.dark:hover{background:var(--paper);border-color:var(--paper)}.footer{padding:42px 5.2vw 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px}.footer-main p{font-size:12px;color:var(--muted)}.footer-main>a:last-child{font-size:9px;letter-spacing:.08em;font-weight:700}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.02em}.footer-bottom button{background:none;font-size:8px;color:var(--muted);padding:0;text-decoration:underline;text-underline-offset:3px}
dialog{border:0;padding:45px;max-width:620px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);background:var(--paper);color:var(--ink);border-radius:4px;overflow:auto}dialog::backdrop{background:#181916a8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:15px;right:20px;background:none;font-size:29px;line-height:1;width:35px;height:35px}.planner-intro h2{font-size:52px;letter-spacing:-.065em;line-height:1;margin:20px 0}.planner-intro p{font-size:12px;color:var(--muted);max-width:330px}.project-dialog form{margin-top:25px;display:grid;gap:15px}.project-dialog form>label{display:grid;gap:6px;font-size:10px;font-weight:700}.project-dialog input:not([type="checkbox"]),.project-dialog textarea{width:100%;padding:12px 13px;border:1px solid #c7c8bd;background:transparent;border-radius:2px;font-size:12px;color:var(--ink)}.project-dialog fieldset{padding:12px;border:1px solid #c7c8bd;margin:0;display:flex;gap:12px;flex-wrap:wrap}.project-dialog legend{font-size:10px;font-weight:700}.project-dialog fieldset label{font-size:10px;display:flex;gap:4px;align-items:center}.project-dialog input[type="checkbox"]{accent-color:var(--orange)}.project-dialog textarea{resize:vertical;min-height:95px}.project-dialog form .button{width:100%}.form-note{font-size:9px;color:var(--muted);line-height:1.6}.brief-actions{display:flex;flex-wrap:wrap;gap:10px}.text-button{background:none;margin-top:20px;padding:0;font-size:12px;text-decoration:underline}#brief-result{margin-top:30px}#brief-result h3{font-size:27px;margin:10px 0;font-weight:600;letter-spacing:-.04em}#brief-result>p{font-size:12px;color:var(--muted);line-height:1.8}#brief-text{font:11px/1.8 var(--body);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#eae8de;padding:15px;margin:20px 0}#copy-status,#privacy-status{min-height:20px;font-size:11px;margin-top:15px}.privacy-dialog h2{font-size:40px;letter-spacing:-.06em;margin:20px 0}.privacy-dialog p{font-size:12px;line-height:1.9;margin-bottom:20px}.privacy-dialog .button{margin-top:5px}.hero-line{animation:title-in 1s cubic-bezier(.2,.7,.3,1) both}.hero-second{animation-delay:.12s}.hero-intro{animation:small-in 1s .35s both}.hero-collage{animation:collage-in 1.2s .2s both}.hero-stage.ready .hero-collage{animation:none}.in-view .section-label span:first-child{animation:small-in .7s both}.motion-enabled .approach-copy h2{clip-path:inset(0 0 100% 0);transition:clip-path .9s cubic-bezier(.2,.7,.3,1)}.motion-enabled .approach.in-view .approach-copy h2{clip-path:inset(0)}.motion-enabled .work-heading h2{transform:translateY(24px);opacity:.1;transition:opacity .8s,transform .8s}.motion-enabled .work.in-view .work-heading h2{transform:none;opacity:1}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes title-in{from{transform:translateY(70px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes small-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes collage-in{from{opacity:0;translate:70px 40px;rotate:7deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(min-width:1600px){.header,.hero,.section-pad,.footer{padding-left:max(5.2vw,calc((100vw - 1440px)/2));padding-right:max(5.2vw,calc((100vw - 1440px)/2))}.hero h1{font-size:178px}.hero-bottom{min-height:450px}.hero-stage{height:450px}.coffee-layout img{height:240px}.phone{height:285px;width:145px}.phone img{height:133px}.phone-copy{font-size:21px}}
@media(max-width:1050px){.hero-meta>span:last-child{display:none}.hero h1{font-size:11.1vw}.hero-bottom{grid-template-columns:29% 65% 6%;min-height:360px}.hero-stage{height:370px}.hero-collage{inset:22px 10px}.hero-browser{width:91%;top:34px}.coffee-site{padding:13px 16px}.coffee-layout img{height:180px}.coffee-layout h3{font-size:48px}.phone{width:103px;height:217px;right:-5px;top:132px}.phone img{height:98px}.phone-copy{font-size:15px}.phone-nav{font-size:15px;margin-top:14px}.phone-copy span{margin-top:6px}.label-top{right:0;font-size:6px}.label-bottom{bottom:2px;left:5%;font-size:6px}.hero-intro p{font-size:14px}.hero-intro .button{padding:13px 16px;font-size:10px;gap:10px}.hero-intro .micro{font-size:6px}.scroll-cue{font-size:6px}.section-pad{padding-top:75px;padding-bottom:75px}.service-layout{gap:5vw}.service-tab{font-size:17px;gap:12px}.service-art{padding-left:30px;padding-right:30px}.process-sticky{padding-top:45px;padding-bottom:40px}.process-step{gap:10px}.process-track{gap:20px}.process-top p{font-size:11px}.concept-image{height:390px}}
@media(max-width:740px){html{scroll-padding-top:25px}.header{height:75px;padding-left:6vw;padding-right:6vw}.logo{font-size:31px}.logo-star{font-size:27px}.logo small{font-size:13px}.desktop-nav{display:none}.nav-cta{margin-left:auto;margin-right:19px;padding:8px 16px;font-size:10px}.nav-cta span{margin-left:10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;padding:8px 0;width:22px}.menu-toggle span{width:22px;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{display:flex;position:absolute;top:75px;left:0;right:0;z-index:25;background:var(--orange);flex-direction:column;padding:28px 6vw 40px;gap:12px;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .4s,visibility .4s}.mobile-menu.open{visibility:visible;clip-path:inset(0)}.mobile-menu a,.mobile-menu button{font:600 35px var(--display);text-align:left;background:none}.hero{padding:23px 6vw 0}.hero-meta{font-size:7px}.hero h1{font-size:12vw;margin-top:36px;line-height:.91}.hero-second{gap:.17em}.title-asterisk{font-size:.55em}.hero-bottom{display:flex;flex-direction:column-reverse;margin-top:0;min-height:0}.hero-stage{width:100%;height:360px;margin-top:8px}.hero-collage{inset:18px 7px 10px}.hero-browser{width:85%;left:3%;top:25px}.coffee-layout h3{font-size:46px}.coffee-layout img{height:169px}.coffee-site{padding:14px 16px}.mock-nav b{font-size:13px}.mock-nav span{font-size:6px}.mock-footer{font-size:4px}.coffee-layout{gap:5px}.phone{right:1%;top:135px;width:110px;height:228px}.phone img{height:105px}.phone-copy{font-size:16px}.floating-label.label-top{font-size:6px;right:7%;top:9px}.label-bottom{bottom:0;left:14%;font-size:6px}.drag-hint{bottom:-15px;left:22%;font-size:6px}.orbit-ring{width:110%;left:-5%;height:80%;top:14%}.hero-intro{width:100%;align-self:auto;padding:45px 0 25px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px}.hero-intro p{font-size:13px}.hero-intro .button{margin:0;font-size:10px;padding:12px 16px;gap:12px}.hero-intro .micro{width:100%;font-size:7px}.scroll-cue{display:none}.hero-rule{font-size:6px;padding:15px 0 20px}.ticker{padding:9px 0}.ticker span{font-size:22px}.section-pad{padding:60px 6vw}.section-label{font-size:7px;gap:20px;align-items:start;margin-bottom:35px;padding-bottom:16px}.section-label>span:last-child{text-align:right;max-width:150px}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-copy h2,.work-heading h2{font-size:42px}.approach-copy p{font-size:12px;margin-top:23px;max-width:330px}.small-note{margin-top:20px;font-size:8px}.comparison{height:302px}.after-title{font-size:37px}.after-site img{height:195px}.after-footer{font-size:4px}.before-content{padding:26px 23px}.before-content h3{font-size:16px}.compare-control{font-size:8px;margin-top:15px}.services-heading{display:block}.services-heading h2{font-size:78px}.services-heading>p{margin-top:25px;max-width:290px;font-size:12px}.service-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}.service-tab{font-size:17px;padding:21px 0;grid-template-columns:20px 1fr 25px;gap:10px}.service-panel{min-height:350px}.service-art{height:180px;padding-left:60px;padding-right:60px}.art-window{width:100%}.service-panel h3{font-size:19px;margin-top:20px}.service-panel p{font-size:12px}.service-tags span{font-size:8px}.future-strip{margin-top:30px;gap:10px;flex-wrap:wrap}.future-strip p{font-size:14px}.future-copy{width:100%;text-align:left;padding-left:58px;font-size:11px;margin-top:0}.work-heading{display:block}.work-heading>div{margin-top:25px}.work-heading p{font-size:12px}.concept-switch{gap:15px;margin-top:30px;justify-content:space-between}.concept-switch button{font-size:6px;letter-spacing:0;padding:17px 0}.concept-image{height:370px}.concept-overlay{inset:23px}.concept-overlay h3{font-size:57px}.concept-overlay>span:first-child{font-size:17px}.concept-stamp{font-size:6px;padding:7px;right:17px;bottom:17px}.concept-info{grid-template-columns:1fr 45px;gap:15px;align-items:start}.concept-info>p{grid-column:1;grid-row:2;font-size:11px}.concept-info h3{font-size:18px}.concept-info>.round-button{grid-column:2;grid-row:1;width:42px;height:42px;font-size:21px}.process{min-height:0}.process-sticky{position:relative;min-height:0}.process-top{display:block}.process-top h2{font-size:70px}.process-top p{font-size:12px;margin-top:20px}.process-track{flex-direction:column;gap:28px;margin-top:35px}.process-step{gap:25px;opacity:1;transform:none;padding-top:20px}.process-step p{font-size:12px;max-width:280px}.process-step h3{font-size:23px;margin-bottom:10px}.process-step .micro{font-size:7px}.step-number{font-size:53px;min-width:48px}.process-step.active .step-number{color:var(--orange)}.process-progress{display:none}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:36px}.faq summary{font-size:12px}.faq details{padding:20px 0}.contact{padding-top:30px;padding-bottom:35px}.contact-top .micro{font-size:6px}.contact h2{font-size:22vw;margin:40px 0 30px}.contact-star{font-size:.52em;margin-left:.15em}.contact-bottom{align-items:start;gap:20px}.contact-bottom p{font-size:10px}.contact-bottom .button{font-size:9px;padding:13px 17px;gap:15px;min-height:45px}.footer{padding:35px 6vw 20px}.footer-main{flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-main p{width:100%;font-size:10px;order:3}.footer-main>a:last-child{font-size:7px}.footer-bottom{font-size:7px;gap:15px;flex-wrap:wrap}.footer-bottom>span:last-child{display:none}.footer-bottom button{font-size:7px}dialog{padding:35px 25px;max-height:calc(100dvh - 25px)}.planner-intro h2{font-size:45px}.planner-intro .micro{font-size:8px}.project-dialog input:not([type="checkbox"]),.project-dialog textarea{font-size:16px}.project-dialog fieldset{gap:9px}.project-dialog fieldset label{font-size:9px}.brief-actions .button{font-size:10px;padding:12px 17px;gap:10px}.privacy-dialog h2{font-size:33px}}
@media(max-width:380px){.hero h1{font-size:11.8vw}.hero-stage{height:310px}.coffee-layout img{height:145px}.coffee-layout h3{font-size:39px}.coffee-layout{padding-top:9px}.phone{width:93px;height:202px;top:110px}.phone img{height:89px}.phone-copy{font-size:14px}.phone-nav{font-size:14px}.hero-intro{gap:12px}.hero-intro p{font-size:11px}.hero-intro .button{font-size:9px;padding:10px 12px}.mock-eyebrow{font-size:5px}.concept-switch{gap:8px}.concept-switch button{font-size:5.5px}.process-top h2{font-size:61px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-collage{transform:rotateZ(-5deg)}.motion-enabled .approach-copy h2{clip-path:none}.motion-enabled .work-heading h2{transform:none;opacity:1}.process{min-height:0}.process-sticky{position:relative;min-height:0}.process-step{opacity:1;transform:none}.process-progress{display:none}.concept-image:hover>img{transform:none}}
/* Reachly 2: editorial scale, generous reading sizes, distinct information layouts. */
:root{--paper:#f4f2ea;--ink:#191b17;--orange:#ff5b27;--muted:#606258;--space-section:clamp(72px,9vw,144px);--gutter:clamp(24px,5.2vw,88px)}
body{font-size:16px}.section-pad{padding:var(--space-section) var(--gutter)}
.header{height:84px;position:sticky;top:0;background:#f4f2eaf2;backdrop-filter:blur(12px)}
.desktop-nav{font-size:13px;gap:30px}.desktop-nav a{padding:12px 0}.nav-cta{font-size:12px;min-height:46px}.nav-cta span{margin-left:18px}
.micro,.section-label,.hero-meta,.hero-rule,.demo-note,.drag-hint,.footer-bottom,.scroll-cue,.small-note,.concept-switch{font-size:11px;letter-spacing:.08em}
.section-label{margin-bottom:56px;gap:30px;align-items:baseline}.hero-meta{font-size:10px}.hero{padding-top:32px}.hero h1{font-size:clamp(80px,11.2vw,178px);margin-top:46px;line-height:.9}.hero h1 em{color:var(--ink)}.title-asterisk{color:var(--orange)}
.hero-bottom{grid-template-columns:30% 63% 7%;min-height:430px}.hero-intro p{font-size:clamp(17px,1.5vw,23px);line-height:1.6;letter-spacing:-.035em}.hero-intro .button{margin:25px 0}.hero-intro .micro{font-size:9px;max-width:245px;line-height:1.8}.hero-stage{height:430px}.hero-browser{top:30px}.hero-concept-label{position:absolute;bottom:1px;right:8px;font-size:8px;letter-spacing:.06em;color:var(--muted)}.drag-hint{font-size:9px;bottom:17px;left:25%}.hero-rule{font-size:10px;padding:20px 0 24px}.scroll-cue{font-size:9px}
.button{font-size:13px;padding:16px 22px;min-height:54px;gap:24px}.button.dark:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.ticker{width:100%;margin:0;transform:none;padding:10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker span{font-size:27px}.ticker:hover .ticker-track{animation-play-state:paused}
.motion-defs{position:absolute;overflow:hidden;pointer-events:none}
.manifesto{padding-top:72px;padding-bottom:80px;overflow:visible;position:relative;background:#e7e8db}
.manifesto-top{display:flex;justify-content:space-between;gap:24px}.manifesto-top .micro{font-size:10px}.manifesto-title{font:700 clamp(64px,8.8vw,144px)/.94 var(--display);letter-spacing:-.025em;margin:50px 0 42px;max-width:1160px}.goo-line{display:flex;align-items:center;gap:.22em;position:relative;width:fit-content}.goo-inner{display:inline-block}.goo-inner em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;font-size:.83em}.goo-line:nth-child(2){padding-left:10vw}.goo-line:nth-child(3){padding-left:4vw}.goo-filter{filter:url(#reachly-blur-matrix) blur(.4px)}
.spotlight-button{position:relative;border:0;background:none;display:grid;place-items:center;width:clamp(44px,4vw,64px);height:clamp(44px,4vw,64px);flex-shrink:0;perspective:800px;z-index:10;margin-top:.05em}.spot-dot{display:block;width:66%;height:66%;border-radius:4px;background:var(--orange);transform:rotate(-7deg);transition:transform .25s}.spotlight-button:hover .spot-dot,.spotlight-button:focus-visible .spot-dot{transform:rotate(10deg)}.spot-card{display:block;width:250px;height:180px;position:absolute;top:50%;left:50%;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--ink);transform:translate(-50%,-50%) scale(.08);opacity:0;pointer-events:none;transform-style:preserve-3d;box-shadow:0 12px 35px #191b1720}.spot-card img{width:115%;height:115%;max-width:none;position:absolute;inset:-7.5%;object-fit:cover}.spot-card>span{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);font:700 10px/1.5 var(--body);letter-spacing:.1em;padding:10px 14px}
.manifesto-bottom{display:grid;grid-template-columns:1fr 1.65fr .8fr;gap:50px;border-top:1px solid #bec2b3;padding-top:30px;align-items:start}.manifesto-aside{font-size:11px;letter-spacing:.06em;font-weight:700;line-height:1.9}.manifesto-bottom p{font-size:15px;line-height:1.85;max-width:540px}.text-link{font-size:12px;display:flex;gap:20px;align-items:center;min-height:44px;border-bottom:1px solid var(--ink);justify-self:end}.text-link span{font-size:22px}
.approach-copy h2,.work-heading h2{font-size:clamp(42px,4.8vw,74px)}.approach-copy p{font-size:16px;line-height:1.85;max-width:400px}.small-note{font-size:11px}.comparison{height:380px;border-radius:10px;box-shadow:12px 18px 0 #e5e3d9}.after-site{padding:24px}.after-site img{height:262px}.after-title{font-size:44px;top:85px}.after-footer{font-size:7px}.compare-control{margin-top:30px;font-size:11px}.compare-control input{min-height:44px}.demo-note{font-size:11px;margin-top:12px}.before-content p{font-size:12px}.before-content h3{font-size:20px}
.services-heading h2{font-size:clamp(72px,8.6vw,138px)}.services-heading>p{font-size:16px;max-width:330px;line-height:1.8}.service-layout{grid-template-columns:1.2fr 1fr;gap:7vw;margin-top:64px}.service-tab{padding:26px 0;font-size:clamp(18px,2vw,29px);grid-template-columns:28px 1fr 28px;letter-spacing:-.035em;min-height:94px}.service-num{font-size:11px;margin-top:8px;color:#b9bdad}.service-tab.active{color:#ff8058}.service-tab.active .service-num{color:#ff8058}.service-arrow{font-size:28px}.service-tab:hover{color:white}.service-panel{min-height:480px}.service-art{height:240px;padding:25px 50px;border-radius:10px;display:grid;place-items:center;color:var(--ink);isolation:isolate}.service-caption{display:block;font-size:10px;letter-spacing:.09em;color:#bebfb3;margin-top:24px}.service-panel h3{font-size:27px;line-height:1.3;margin-top:12px;letter-spacing:-.04em}.service-panel p{font-size:15px;line-height:1.8;color:#c8ccbd}.service-tags{gap:8px}.service-tags span{font-size:10px;padding:6px 10px}.service-project{background:none;border-bottom:1px solid #ffffff50;display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;min-height:48px;color:var(--paper);font-size:12px;font-weight:600;margin-top:22px}.service-project:hover{color:#ff8058;border-color:#ff8058}.art-window{height:245px;width:100%;transform:rotate(-5deg);padding:18px}.art-headline{font-size:60px}.art-top{font-size:10px}.art-sticker{top:23px;right:20px;width:82px;height:82px;font-size:25px}.art-grid i{height:36px}
/* Different diagrams for different services: profiles, roadmap, workflows and search. */
.presence-art{position:relative;width:100%;height:100%;display:grid;place-items:center}.presence-center{background:#713d31;color:#fff3e5;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:700;letter-spacing:-.05em;box-shadow:0 0 0 12px #713d3110}.presence-orbit{position:absolute;inset:12px;border:1px solid #713d3144;border-radius:50%;transform:rotate(-12deg)}.presence-node{position:absolute;background:var(--paper);border:1px solid #713d3144;padding:9px 14px;font-size:11px;box-shadow:4px 5px 0 #713d3112}.presence-node:nth-of-type(3){top:8px;left:0;transform:rotate(-7deg)}.presence-node:nth-of-type(4){right:-12px;top:60px;transform:rotate(6deg)}.presence-node:nth-of-type(5){bottom:5px;left:20px;transform:rotate(4deg)}
.service-art[data-art="1"]{background:#e9b7ac}.service-art[data-art="2"]{background:#d9dfbd}.roadmap-art{width:100%;transform:rotate(-4deg);font-family:var(--body)}.roadmap-label{font-size:10px;letter-spacing:.1em}.roadmap-title{font:700 55px/1 var(--display);margin:10px 0 20px}.roadmap-path{display:flex;gap:8px;align-items:center}.roadmap-path b{font-size:11px;font-weight:600;padding:9px 11px;border:1px solid var(--ink);background:var(--paper);border-radius:2px}.roadmap-path i{height:1px;flex:1;background:var(--ink);min-width:8px}.roadmap-foot{display:flex;justify-content:space-between;font-size:9px;margin-top:16px;border-top:1px dashed #191b1766;padding-top:12px}.service-art[data-art="3"]{background:#b2c9d6}.workflow-art{width:100%;position:relative}.workflow-title{font-size:10px;letter-spacing:.1em;margin-bottom:20px}.flow-node{border:1px solid #263f4b;border-radius:7px;background:var(--paper);padding:10px 16px;font-size:12px;font-weight:600;width:75%;display:flex;justify-content:space-between;align-items:center;box-shadow:4px 4px 0 #263f4b20}.flow-node span{color:#355c46;font-size:10px}.flow-node:nth-of-type(3){margin-left:18%}.flow-connector{height:15px;border-left:1px solid #263f4b;margin-left:45%}.service-art[data-art="4"]{background:#eee6cd}.search-art{width:100%;transform:rotate(3deg)}.search-query{border:1px solid #aaa089;background:white;padding:12px 17px;border-radius:30px;font-size:12px;margin-bottom:20px;display:flex;justify-content:space-between}.search-result{border-top:1px solid #c4baa6;padding:14px 5px}.search-result small{font-size:9px;color:#536046}.search-result b{display:block;font-size:18px;letter-spacing:-.04em;line-height:1.4}.search-result span{display:block;font-size:10px;color:var(--muted)}
.future-strip{gap:22px;align-items:center;margin-top:60px;padding-top:32px}.future-strip canvas{width:64px;height:64px;flex-shrink:0}.future-strip>div{max-width:330px}.future-strip .micro{font-size:9px}.future-strip p{font-size:18px;line-height:1.5}.future-strip .future-copy{font-size:12px;text-align:left;max-width:390px;color:#c8ccbd;margin-left:auto;line-height:1.85}
.work-heading>div{max-width:350px}.work-heading p{font-size:16px;line-height:1.85}.concept-switch{gap:40px}.concept-switch button{font-size:11px;min-height:54px}.concept-image{height:500px;border-radius:10px}.concept-overlay{inset:40px}.concept-overlay>span:first-child{font-size:24px}.concept-link{font-size:11px}.concept-stamp{font-size:10px;padding:12px}.concept-info{grid-template-columns:1fr 1.2fr 60px;gap:36px;margin-top:30px}.concept-info .micro{font-size:10px}.concept-info h3{font-size:24px}.concept-info>p{font-size:15px;line-height:1.85}
.process{min-height:0;background:#e7e8db;overflow:visible}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.process-intro{position:sticky;top:120px;padding-bottom:35px}.process-intro h2{font:700 clamp(62px,6.1vw,98px)/.92 var(--display);letter-spacing:-.025em}.process-intro h2 .serif{font:italic 400 .73em/1.2 var(--serif);letter-spacing:-.075em}.process-intro>p{font-size:15px;margin-top:30px;line-height:1.8}.process-dial{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:48px;max-width:330px}.process-dial>span:first-child{font:600 clamp(100px,12vw,170px)/.8 var(--display);letter-spacing:-.06em;color:var(--orange)}.dial-rule{height:1px;background:var(--ink);width:64px;margin-bottom:13px}.process-dial #process-name{font-size:12px;font-weight:700;letter-spacing:.12em;margin-top:18px}.process-dial small{font-size:9px;letter-spacing:.08em;text-align:right}.process-track{position:relative;display:block;margin:0;padding-left:36px}.process-rail{position:absolute;top:0;bottom:0;left:0;width:2px;background:#bdc2af}.process-rail>span{display:block;height:100%;width:100%;background:var(--ink);transform:scaleY(0);transform-origin:top}.process-step{display:grid;grid-template-columns:36px 1fr;gap:22px;padding:40px 0 50px;min-height:260px;opacity:1;transform:none;border-top:1px solid #bec3b2;transition:none}.process-step:first-of-type{padding-top:0;border-top:0}.step-number{font-size:34px;line-height:1.3;color:#606855}.process-step.active .step-number{color:var(--ink)}.process-step .micro{font-size:11px;color:#444b3c}.process-step h3{font-size:29px;line-height:1.25;letter-spacing:-.045em;margin:14px 0 16px;font-weight:600}.process-step p{font-size:15px;line-height:1.8;max-width:380px;color:#525b48}.process-step.active{transform:none}.process-step.active h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:8px;text-decoration-thickness:2px}
.faq h2{font-size:44px}.faq summary{font-size:15px;min-height:44px}.faq details{padding:16px 0}.faq details p{font-size:14px}.contact-top .micro{font-size:11px}.contact-bottom p{font-size:15px}.contact-bottom .button{font-size:13px}.footer-main p{font-size:14px}.footer-main>a:last-child{font-size:11px;min-height:44px;display:flex;align-items:center}.footer-bottom{font-size:10px;align-items:center}.footer-controls{display:flex;gap:22px;align-items:center}.footer-bottom button{font-size:11px;min-height:44px;padding:8px 0}.dialog-close{width:44px;height:44px}.planner-intro p{font-size:14px}.project-dialog form>label,.project-dialog legend{font-size:12px}.project-dialog fieldset label{font-size:12px;min-height:36px}.project-dialog input:not([type="checkbox"]),.project-dialog textarea{font-size:16px}.form-note{font-size:11px}.privacy-dialog p{font-size:14px}#brief-text{font-size:13px}.brief-actions .button{font-size:13px}
/* Remove the first edition's generic scroll reveals. JS effects have readable defaults. */
.motion-enabled .approach-copy h2{clip-path:none;transition:none}.motion-enabled .work-heading h2{transform:none;opacity:1;transition:none}.in-view .section-label span:first-child{animation:none}.gsap-active .hero-line,.gsap-active .hero-intro,.gsap-active .hero-collage{animation:none}
@media(min-width:1600px){.manifesto-title{font-size:144px}.hero-stage{height:450px}}
@media(max-width:1050px){.header{height:76px}.desktop-nav{gap:20px;font-size:12px}.nav-cta{padding:11px 17px}.hero h1{font-size:11.2vw}.hero-bottom{grid-template-columns:31% 66% 3%;min-height:380px}.hero-stage{height:380px}.hero-intro p{font-size:16px}.hero-intro .button{font-size:11px;gap:12px}.scroll-cue{display:none}.hero-intro .micro{font-size:8px}.hero-concept-label{font-size:7px;bottom:-1px}.manifesto-bottom{gap:24px;grid-template-columns:1fr 1.6fr}.manifesto-bottom .text-link{grid-column:2;justify-self:start}.service-layout{gap:40px}.service-art{padding:24px 26px}.service-tab{font-size:22px;padding:24px 0}.presence-node{font-size:10px}.future-strip{flex-wrap:wrap}.future-strip .future-copy{margin-left:86px;max-width:100%}.process-grid{gap:50px}.process-intro h2{font-size:65px}.process-intro{top:105px}.process-step{grid-template-columns:28px 1fr;gap:14px}.process-step h3{font-size:25px}.concept-image{height:440px}}
@media(max-width:740px){html{scroll-padding-top:100px}.section-pad{padding:64px 6vw}.header{height:74px}.nav-cta{font-size:10px;padding:10px 14px;margin-right:10px;min-height:44px}.nav-cta span{margin-left:8px}.menu-toggle{width:44px;height:44px;justify-content:center;align-items:center;padding:0;flex-shrink:0}.mobile-menu{top:74px;position:fixed}.mobile-menu a,.mobile-menu button{min-height:44px}.hero{padding-top:24px}.hero-meta{font-size:9px}.hero h1{font-size:12vw;margin-top:34px}.hero-bottom{display:flex;min-height:0}.hero-stage{height:360px}.hero-concept-label{bottom:-26px;font-size:7px;right:auto;left:23%}.drag-hint{bottom:-9px;font-size:8px;left:23%}.hero-intro{padding:56px 0 28px;gap:20px}.hero-intro p{font-size:16px;line-height:1.55;width:100%}.hero-intro p br{display:none}.hero-intro .button{font-size:12px;padding:14px 18px;margin:0}.hero-intro .micro{font-size:9px;width:auto;max-width:135px}.hero-rule{font-size:8px;gap:20px}.ticker span{font-size:24px}.manifesto-top{gap:20px}.manifesto-top .micro{font-size:9px;max-width:160px}.manifesto-top .micro:last-child{text-align:right}.manifesto-title{font-size:clamp(55px,12vw,92px);margin:38px 0;line-height:1.02}.goo-line:nth-child(2){padding-left:5vw}.goo-line:nth-child(3){padding-left:0}.spotlight-button{width:44px;height:44px}.spot-card{display:none}.manifesto-bottom{grid-template-columns:1fr;gap:22px;padding-top:25px}.manifesto-bottom p{font-size:15px}.manifesto-aside{font-size:10px}.manifesto-bottom .text-link{grid-column:auto;justify-self:start}.section-label{font-size:9px;gap:18px;align-items:start;margin-bottom:36px}.section-label>span:last-child{max-width:150px}.approach-copy h2,.work-heading h2{font-size:43px}.approach-copy p{font-size:15px;margin-top:24px}.small-note{font-size:10px}.comparison{height:320px;box-shadow:7px 10px 0 #e5e3d9}.after-site{padding:18px}.after-title{font-size:38px;top:74px;left:21px}.after-site img{height:218px}.after-footer{font-size:5px}.before-content h3{font-size:17px}.before-content p{font-size:11px}.compare-control{font-size:10px;margin-top:22px}.demo-note{font-size:10px}.services-heading h2{font-size:80px}.services-heading>p{font-size:15px;max-width:360px}.service-layout{grid-template-columns:1fr;gap:30px;margin-top:36px}.service-tab{font-size:21px;padding:21px 0;min-height:76px;grid-template-columns:24px 1fr 24px;gap:12px}.service-num{font-size:10px}.service-panel{min-height:0}.service-art{height:225px;padding:24px 40px}.service-panel h3{font-size:26px}.service-panel p{font-size:14px}.service-tags span{font-size:10px}.future-strip{gap:15px;margin-top:42px}.future-strip canvas{width:52px;height:52px}.future-strip>div{max-width:calc(100% - 67px)}.future-strip p{font-size:16px}.future-strip .micro{font-size:8px}.future-strip .future-copy{margin-left:67px;font-size:12px;padding:0;width:auto;line-height:1.8}.work-heading p{font-size:15px}.concept-switch{gap:12px;flex-wrap:wrap;justify-content:start}.concept-switch button{font-size:10px;padding:14px 0;flex:1 1 130px;text-align:left}.concept-image{height:395px}.concept-overlay{inset:25px}.concept-overlay>span:first-child{font-size:21px}.concept-overlay h3{font-size:58px}.concept-link{font-size:10px}.concept-stamp{font-size:8px;right:18px;bottom:18px}.concept-info{grid-template-columns:1fr 48px;gap:16px}.concept-info h3{font-size:22px}.concept-info .micro{font-size:9px}.concept-info>p{font-size:14px;grid-column:1;grid-row:2}.concept-info>.round-button{width:46px;height:46px}.process-grid{grid-template-columns:1fr;gap:38px}.process-intro{position:relative;top:auto;padding:0}.process-intro h2{font-size:68px}.process-intro>p{font-size:15px;margin-top:24px}.process-dial{display:none}.process-track{padding-left:20px}.process-step{min-height:0;padding:28px 0;gap:17px;grid-template-columns:32px 1fr}.process-step:first-of-type{padding-top:0}.step-number{font-size:35px;min-width:0}.process-step .micro{font-size:10px}.process-step h3{font-size:25px;margin:10px 0 14px}.process-step p{font-size:14px;max-width:none}.process-step.active h3{text-decoration:none}.process-rail>span{transform:scaleY(1)}.faq h2{font-size:40px}.faq summary{font-size:14px;line-height:1.5}.faq details p{font-size:14px}.contact-top .micro{font-size:9px;max-width:140px}.contact-top .micro:last-child{text-align:right}.contact h2{font-size:22vw}.contact-bottom{flex-wrap:wrap;gap:25px}.contact-bottom p{font-size:14px}.contact-bottom .button{font-size:12px;padding:14px 20px;min-height:52px}.footer-main p{font-size:13px}.footer-main>a:last-child{font-size:10px}.footer-bottom{font-size:10px;align-items:start}.footer-controls{width:100%;gap:24px}.footer-bottom button{font-size:11px}.project-dialog fieldset label{font-size:12px}.project-dialog fieldset{gap:12px}.planner-intro p{font-size:14px}.project-dialog form>label,.project-dialog legend{font-size:12px}.form-note{font-size:11px}.brief-actions .button{font-size:12px}}
@media(max-width:380px){.logo{font-size:27px}.logo small{font-size:12px}.nav-cta{padding:10px;font-size:9px}.nav-cta span{display:none}.hero-stage{height:315px}.hero-intro .micro{max-width:none;width:100%}.hero-rule{font-size:7px}.hero-concept-label,.drag-hint{left:18%}.manifesto-title{font-size:14vw;letter-spacing:-.03em}.goo-line{gap:.1em}.spotlight-button{width:38px}.approach-copy h2,.work-heading h2{font-size:39px}.services-heading h2{font-size:72px}.service-art{padding:25px}.service-tab{font-size:19px}.concept-overlay h3{font-size:51px}.process-intro h2{font-size:61px}.process-step{gap:12px}.footer-bottom{font-size:9px}}
body.motion-paused .ticker-track{animation-play-state:paused}body.motion-paused .hero-line,body.motion-paused .hero-intro,body.motion-paused .hero-collage{animation:none}body.motion-paused .hero-collage{translate:none;transform:rotateZ(-5deg)}body.motion-paused .goo-inner{filter:none!important}body.motion-paused .goo-filter{filter:none}body.motion-paused .spot-card{display:none}body.motion-paused .process-rail>span{transform:scaleY(1)!important}body.motion-paused .process-intro{position:relative;top:0}body.motion-paused .process-dial{display:none}body.motion-paused .process-step h3{text-decoration:none}
@media(prefers-reduced-motion:reduce){.goo-filter{filter:none}.spot-card{display:none}.process-intro{position:relative;top:0}.process-dial{display:none}.process-rail>span{transform:scaleY(1)!important}.process-step h3{text-decoration:none}.hero-line,.hero-intro,.hero-collage{animation:none}.ticker-track{animation:none}}
.presence-node:nth-last-child(3){top:8px;left:0;bottom:auto;right:auto;transform:rotate(-7deg)}.presence-node:nth-last-child(2){right:-12px;top:60px;left:auto;bottom:auto;transform:rotate(6deg)}.presence-node:last-child{bottom:5px;left:20px;top:auto;right:auto;transform:rotate(4deg)}.flow-node:nth-of-type(4){margin-left:18%}.goo-shell{display:inline-block}
/* Real client work: four brand-specific previews, native links and readable summaries. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.portfolio{padding-bottom:65px}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:54px}.portfolio-heading h2{font:700 clamp(68px,7.5vw,116px)/.93 var(--display);letter-spacing:-.025em}.portfolio-heading h2 .serif{font:italic 400 .7em/1.2 var(--serif);letter-spacing:-.07em}.portfolio-heading>p{font-size:16px;line-height:1.85;max-width:350px;padding-bottom:8px}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:52px 32px;align-items:start}.project-card{display:block;min-width:0}.project-card:nth-child(even){margin-top:55px}.project-visual{position:relative;border:1px solid var(--ink);border-radius:10px;overflow:hidden;background:#121c28;height:clamp(260px,28vw,400px);isolation:isolate}.project-browser-bar{height:34px;background:#f4f2ea;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;letter-spacing:.025em;border-bottom:1px solid #191b1730;color:var(--ink);position:relative;z-index:3}.project-browser-dots{font-size:7px;letter-spacing:2px;color:#73766b}.project-details{padding:23px 0 0}.project-type{display:block;font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--muted)}.project-name-line{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px;gap:20px}.project-name-line h3{font-size:28px;letter-spacing:-.045em;font-weight:600;line-height:1.2}.project-name-line>span{font-size:26px;transition:transform .25s}.project-details p{font-size:14px;line-height:1.85;max-width:480px;color:var(--muted)}.project-visit{display:inline-block;font-size:11px;font-weight:700;padding:13px 0 8px;border-bottom:1px solid var(--ink);margin-top:4px}.project-card:hover .project-name-line>span,.project-card:focus-visible .project-name-line>span{transform:translate(3px,-3px)}.project-view{position:absolute;bottom:20px;right:20px;background:var(--paper);color:var(--ink);border-radius:30px;font-size:10px;padding:10px 15px;letter-spacing:.05em;transform:translateY(8px);opacity:0;transition:transform .25s,opacity .25s;z-index:5;pointer-events:none}.project-card:hover .project-view,.project-card:focus-visible .project-view{opacity:1;transform:none}.project-visual-label{font:600 9px/1.6 var(--body);letter-spacing:.1em;display:block}.portfolio-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:32px;max-width:700px}
.radius-preview{height:calc(100% - 34px);position:relative;background:radial-gradient(ellipse at 80% 40%,#143b4e,#07111d 70%);color:#eef6ff;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:18px}.radius-preview .project-visual-label{grid-column:1/-1;color:#9dccdd;align-self:start}.radius-preview strong{font:700 clamp(50px,5.2vw,82px)/.86 var(--display);letter-spacing:-.025em;z-index:2}.radius-preview strong>span{color:#6ad3e6}.radius-preview img{width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 0 16px #6ad3e644);transition:transform .5s}.radius-preview-rule{height:1px;background:#7eafc155;grid-column:1/-1;margin-top:14px}.project-radius:hover img{transform:rotate(-5deg) scale(1.03)}
.galaxy-preview{height:calc(100% - 34px);background:#070707;position:relative;overflow:hidden;color:white;display:flex;align-items:center}.galaxy-preview>img{position:absolute;width:75%;height:100%;right:-7%;object-fit:cover;opacity:.8;transition:transform .7s}.galaxy-preview>div{position:relative;z-index:2;padding:32px;width:100%;background:linear-gradient(90deg,#070707ee,#07070780 45%,transparent)}.galaxy-preview strong{display:block;font-size:clamp(30px,3.8vw,59px);line-height:1;letter-spacing:-.055em;margin:26px 0 22px}.galaxy-preview .project-visual-label{color:#cecece;max-width:200px}.galaxy-preview-line{font-size:11px;color:#e0e0e0}.project-galaxy:hover .galaxy-preview>img{transform:scale(1.05)}
.sellaku-preview{height:calc(100% - 34px);background:#e4decf;position:relative;overflow:hidden}.sellaku-preview>img{width:100%;height:100%;object-fit:cover;transition:transform .7s;object-position:center 58%}.sellaku-preview>div{position:absolute;top:23px;left:26px;color:#253225;background:#f6f2e7e8;padding:16px 21px;border-radius:2px}.sellaku-preview strong{font-size:45px;line-height:1.15;letter-spacing:-.065em;display:block;margin-top:8px}.sellaku-preview strong>span{font-size:24px}.sellaku-preview-note{position:absolute;bottom:22px;left:26px;background:#f6f2e7ed;padding:8px 14px;font:italic 22px var(--serif);color:#253225}.project-sellaku:hover .sellaku-preview>img{transform:scale(1.04)}
.mac-preview{height:calc(100% - 34px);position:relative;overflow:hidden;background:#0b1319;color:#fff}.mac-project-photo{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .7s;opacity:.75}.mac-preview>div{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;background:linear-gradient(90deg,#08101bd9,transparent)}.mac-preview .mac-project-logo{width:155px;height:auto;object-fit:contain;max-height:54px;object-position:left}.mac-preview strong{font:700 clamp(46px,5vw,73px)/.92 var(--display);letter-spacing:-.025em}.mac-preview .project-visual-label{color:#e9eef4}.project-mac:hover .mac-project-photo{transform:scale(1.04)}
@media(max-width:1050px){.project-grid{gap:42px 25px}.portfolio-heading>p{font-size:15px;max-width:290px}.project-name-line h3{font-size:25px}.radius-preview{padding:25px;gap:14px}.galaxy-preview>div{padding:25px}.sellaku-preview strong{font-size:38px}.mac-preview>div{padding:24px}.project-visual-label{font-size:8px}}
@media(max-width:740px){.portfolio-heading{display:block;margin-bottom:36px}.portfolio-heading h2{font-size:71px}.portfolio-heading>p{margin-top:24px;font-size:15px;max-width:360px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(even){margin-top:0}.project-visual{height:290px}.project-browser-bar{font-size:9px;height:32px;padding:0 12px}.radius-preview,.galaxy-preview,.sellaku-preview,.mac-preview{height:calc(100% - 32px)}.radius-preview{padding:26px}.radius-preview strong{font-size:61px}.radius-preview img{max-height:160px}.project-visual-label{font-size:9px}.galaxy-preview strong{font-size:44px;margin:25px 0}.galaxy-preview>div{padding:26px}.galaxy-preview>img{right:-2%;width:70%}.sellaku-preview>div{left:22px;top:20px;padding:13px 18px}.sellaku-preview strong{font-size:39px}.sellaku-preview-note{left:22px;bottom:22px;font-size:20px}.mac-preview>div{padding:24px}.mac-preview strong{font-size:58px}.mac-preview .mac-project-logo{width:140px}.project-details{padding-top:20px}.project-name-line h3{font-size:26px}.project-type{font-size:10px}.project-details p{font-size:14px}.project-visit{font-size:11px;min-height:44px}.project-view{opacity:1;transform:none;font-size:8px;bottom:16px;right:16px;padding:8px 12px}.portfolio-note{font-size:11px}.portfolio{padding-bottom:35px}}
@media(max-width:380px){.portfolio-heading h2{font-size:63px}.project-visual{height:260px}.radius-preview{padding:22px;gap:10px}.radius-preview strong{font-size:49px}.galaxy-preview strong{font-size:40px}.mac-preview strong{font-size:51px}.project-visual-label{font-size:8px}.sellaku-preview strong{font-size:34px}.sellaku-preview>div{padding:12px 15px;left:18px}.project-name-line h3{font-size:24px}}
body.motion-paused .project-card img,body.motion-paused .project-card:hover img{transform:none!important}body.motion-paused .project-view{transition:none}body.motion-paused .project-name-line>span{transform:none}
@media(prefers-reduced-motion:reduce){.project-card img,.project-card:hover img{transform:none!important}.project-name-line>span{transform:none!important}}

/* Editorial refinement: content has its own space, controls stay outside artwork. */
.hero-bottom{grid-template-columns:minmax(0, .9fr) minmax(0, 1.8fr) 48px;gap:28px;padding:20px 0 32px;align-items:center}
.hero-demo{min-width:0;width:100%;align-self:center}
.hero-stage{height:410px;margin:0;isolation:isolate}
.hero-collage{inset:20px 26px 38px}
.hero-demo-caption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--line);padding:16px 0 0;position:relative;z-index:5}
.hero-concept-label,.drag-hint{position:static;inset:auto;transform:none;margin:0;max-width:100%;font-size:10px;line-height:1.6;letter-spacing:.04em;white-space:normal}
.hero-concept-label{color:var(--muted)}
.drag-hint{color:var(--ink);font-weight:500;letter-spacing:0;pointer-events:auto}
.hero-intro{padding-top:0;max-width:330px}
.hero-intro p{font-size:18px;line-height:1.65;letter-spacing:-.02em}
.hero-intro .button{gap:16px;text-align:left}
.hero-browser{box-shadow:0 14px 35px #2d29231a}
.hero-rule{font-size:10px;letter-spacing:.04em}
.expertise-strip{display:grid;grid-template-columns:1fr 1.8fr auto;align-items:center;gap:32px;padding:24px 5.2vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.expertise-strip>span{font-size:10px;letter-spacing:.08em;font-weight:700}
.expertise-strip p{font-size:13px;line-height:1.7;color:var(--muted)}
.expertise-strip a{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:4px;justify-self:end}
.manifesto{background:var(--paper);padding-top:85px;padding-bottom:85px}
.manifesto-title{font-size:clamp(48px,6.8vw,108px);line-height:1.06;letter-spacing:-.015em}
.manifesto-bottom{border-color:var(--line)}
.approach-copy h2{line-height:1.12;letter-spacing:-.04em}
.comparison{height:390px;border-radius:0;box-shadow:none;border-color:var(--line)}
.after-site{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:22px}
.after-site .mock-nav{min-width:0;gap:12px;line-height:1.5}
.after-site .mock-nav b{line-height:1.05}
.after-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:center;min-height:0}
.after-title{position:static;inset:auto;z-index:auto;font-size:clamp(27px,3.2vw,43px);line-height:1.16;letter-spacing:-.04em;min-width:0;overflow-wrap:normal}
.after-title>span,.after-title>em{display:block}
.after-title>span{font-size:.72em;line-height:1.35;margin-bottom:12px;letter-spacing:-.02em}
.after-title>em{font-weight:400}
.after-site .after-content img{width:100%;height:100%;min-height:0;max-height:260px;margin:0;object-fit:cover}
.after-footer{position:static;margin:0;gap:12px;align-items:start;font-size:6px;line-height:1.7;letter-spacing:.035em}
.after-footer>span{text-align:right}
.services-heading h2{font-size:clamp(64px,7.2vw,112px);line-height:.98;letter-spacing:-.02em}
.services-heading h2 .serif{font-size:.78em;line-height:1.2;letter-spacing:-.045em}
.service-art{border-radius:0}
.art-sticker{display:none}
.service-tags span{background:transparent;border:0;border-radius:0;padding:0 12px 0 0}
.service-tags span+span{border-left:1px solid var(--line);padding-left:12px}
.project-visual,.concept-image{border-radius:0}
.project-card:hover .project-name-line>span{transform:translate(3px,-3px)}
.project-name-line>span{transition:transform .25s}
.portfolio-heading h2{line-height:1.1}
.contact h2{font-size:clamp(52px,9vw,142px);line-height:1.04;letter-spacing:-.025em}
.contact-seen{white-space:normal}
.contact-star{position:static;display:inline-block;font-size:.45em;margin-left:.25em;vertical-align:middle}
.button,.nav-cta{border-radius:4px}
@media(min-width:1600px){.hero-stage{height:440px}}
@media(max-width:1100px){.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:24px}.scroll-cue{display:none}.hero-stage{height:350px}.hero-collage{inset:18px 18px 36px}.hero-demo-caption{gap:7px 12px}.after-title{font-size:34px}.expertise-strip{grid-template-columns:1fr 1.6fr}.expertise-strip a{grid-column:2;justify-self:start}.comparison{height:360px}}
@media(max-width:700px){.hero-bottom{display:flex;flex-direction:column-reverse;gap:28px;padding:16px 0 30px}.hero-demo{width:100%}.hero-stage{height:330px}.hero-collage{inset:12px 12px 35px}.hero-demo-caption{padding-top:12px;gap:6px 16px}.hero-concept-label,.drag-hint{font-size:10px;line-height:1.6}.hero-intro{align-self:start;max-width:420px;width:100%}.hero-intro p{font-size:16px}.hero-intro .micro{width:auto;max-width:none}.expertise-strip{grid-template-columns:1fr;gap:12px;padding:22px 6vw}.expertise-strip a{grid-column:auto}.manifesto-title{font-size:clamp(35px,8.3vw,58px);line-height:1.12}.manifesto{padding-top:58px;padding-bottom:58px}.spotlight-button{width:34px;flex-shrink:0}.goo-line{gap:.08em}.comparison{height:340px}.after-site{padding:18px;gap:18px}.after-content{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.after-title{font-size:34px;line-height:1.16}.after-site .after-content img{max-height:224px}.after-footer{font-size:6px;line-height:1.7}.services-heading h2{font-size:clamp(58px,12vw,82px)}.contact h2{font-size:clamp(43px,9vw,63px)}}
@media(max-width:380px){.hero-stage{height:290px}.hero-concept-label,.drag-hint{font-size:9px}.after-title{font-size:29px}.after-content{gap:10px}.after-site{padding:16px}.after-footer{font-size:5px}.contact h2{font-size:9vw}}
@media(prefers-reduced-motion:reduce){.project-name-line>span{transition:none}}

/* Hallmark · genre: editorial · macrostructure: Split Studio · theme: Reachly
 * nav: N9 edge-aligned · footer: Ft1 mastheaded · critique: P4 H4 E3 S4 R4 V4
 * Browser rendering unverified; scores describe source review only. */
:root{--surface-coffee:#f0eedc;--ink-coffee:#26382b;--surface-flora:#f9e5df;--ink-flora:#763626;--on-dark:#f3f1e9;--line-dark:#52534b;--duration-fast:250ms;--duration-quick:150ms;--ease-smooth-out:cubic-bezier(.22,1,.36,1)}
html,body{overflow-x:clip}
.header{position:relative;top:auto;background:var(--paper);backdrop-filter:none;height:90px}
h1,h2,h3,h1 em,h2 em,h3 em,.serif{font-style:normal}
h1,h2,h3{min-width:0;overflow-wrap:anywhere}
h2 .serif{font-family:var(--display);font-weight:600;letter-spacing:-.025em}
.hero h1{font-size:clamp(58px,8.6vw,136px);line-height:.98;letter-spacing:-.02em;margin-top:40px}
.hero-line{white-space:normal}
.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:5vw;margin-top:25px;padding-bottom:40px}
.hero-stage{height:clamp(310px,29vw,450px);overflow:clip;contain:paint;cursor:grab;background:var(--paper)}
.hero-collage{inset:24px 18px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0, .8fr);gap:14px;transform:rotateY(var(--rotate-y,-10deg)) rotateX(var(--rotate-x,5deg)) rotateZ(-2deg)}
.hero-browser{position:relative;top:auto;left:auto;width:100%;height:100%;min-height:0;transform:none;border:0;border-radius:0;overflow:clip;box-shadow:none;background:var(--surface-coffee)}
.coffee-site{height:100%;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;background:var(--surface-coffee);color:var(--ink-coffee)}
.coffee-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;padding:0;align-items:center}
.coffee-layout h3{font-size:clamp(27px,3.4vw,52px);line-height:1.03;letter-spacing:-.055em;font-family:var(--serif)}
.coffee-layout em{font-style:normal}
.coffee-layout img{width:100%;height:100%;min-height:0;max-height:280px;border-radius:0;object-fit:cover}
.mock-pill{font-size:7px;padding:7px 0;border:0;margin-top:14px;display:block}
.mock-footer{font-size:5px;line-height:1.7;gap:8px;min-width:0}
.mock-nav b{font-size:13px;line-height:1.2}
.mock-eyebrow{font-size:6px;line-height:1.7;display:block;margin-bottom:10px}
.flora-card{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;background:var(--surface-flora);padding:14px;color:var(--ink-flora);overflow:clip;align-self:center}
.flora-nav{font-family:var(--serif);font-size:20px;display:flex;justify-content:space-between}
.flora-nav span{font-size:14px}
.flora-card img{height:100%;min-height:0;width:100%;object-fit:cover;pointer-events:none}
.flora-copy{font-family:var(--serif);font-size:clamp(13px,1.4vw,22px);line-height:1.16}
.flora-copy em{font-style:normal}
.flora-copy span{font-family:var(--body);display:block;font-size:6px;line-height:1.6;margin-top:10px}
.hero-demo-caption{margin-top:16px;padding-top:14px;line-height:1.7}
.hero-concept-label,.drag-hint{font-size:10px;white-space:normal;position:static}
.hero-intro p{max-width:25ch;font-size:clamp(17px,1.55vw,22px);line-height:1.65}
.hero-rule{display:none}
.expertise-strip{padding-top:28px;padding-bottom:28px}
.manifesto{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0 5vw;background:var(--paper);padding-top:80px;padding-bottom:80px}
.manifesto-top{grid-column:1/-1;margin-bottom:35px}
.manifesto-title{font-size:clamp(38px,4.6vw,72px);margin:0;line-height:1.16;letter-spacing:-.01em}
.manifesto-bottom{display:flex;flex-direction:column;gap:22px;border-top:0;padding:0;justify-content:center}
.manifesto-aside{display:none}
.manifesto-bottom p{font-size:16px;line-height:1.9}
.approach{background:var(--paper);padding-top:40px;padding-bottom:100px}
.approach-grid{gap:6vw}
.approach-copy h2{font-size:clamp(37px,4.4vw,68px);line-height:1.15;font-family:var(--display);letter-spacing:-.02em}
.approach-copy h2 .serif{font-size:1em}
.after-title,.after-title em{font-style:normal;line-height:1.2}
.section-label{font-size:10px;letter-spacing:.04em}
.services{padding-top:85px;padding-bottom:60px;background:var(--paper)}
.services-heading{align-items:end;gap:6vw}
.services-heading h2{font-size:clamp(50px,6vw,94px);line-height:1.06}
.services-heading h2 .serif{font-size:1em;line-height:1.06}
.service-panel{background:transparent;border-radius:0;padding:0 0 0 25px;border-left:1px solid var(--line)}
.service-art{height:220px}
.future-strip{background:transparent;border-top:1px solid var(--line);border-bottom:0;margin-top:45px;padding-bottom:0}
.section-handoff{position:relative;pointer-events:none}
.handoff-work{height:clamp(80px,12vw,180px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper);overflow:clip}
.handoff-work>span{display:block;background:var(--ink);height:100%;transform-origin:bottom}
.portfolio{background:var(--ink);color:var(--on-dark);padding-top:45px;padding-bottom:95px}
.portfolio .section-label{border-color:var(--line-dark);color:var(--on-dark)}
.portfolio-heading h2{font-family:var(--display);font-size:clamp(52px,6.5vw,100px);line-height:1.08;letter-spacing:-.015em}
.portfolio-heading p,.project-details p,.project-type,.portfolio-note{color:var(--on-dark);opacity:.72}
.project-name-line h3{font-size:28px;font-weight:600;letter-spacing:-.035em}
.project-details{padding-top:22px}
.project-visual{border:0;box-shadow:none}
.project-view{border-radius:0}
.project-visit{border-color:var(--line-dark)}
.work{padding-top:95px;padding-bottom:70px;background:var(--paper)}
.work-heading h2{font-family:var(--display);font-size:clamp(45px,5.7vw,86px);line-height:1.12}
.concept-stamp{display:none}
.concept-overlay h3,.concept-overlay h3 em{font-style:normal;line-height:1.1}
.handoff-plan{height:150px;background:var(--orange);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 5.2vw;font:600 12px/1.6 var(--body);letter-spacing:.02em}
.handoff-line{position:absolute;bottom:28px;height:1px;left:5.2vw;right:5.2vw;background:var(--ink);transform-origin:left}
.process{background:var(--paper);padding-top:85px}
.process-intro h2{font-family:var(--display);font-size:clamp(44px,5.8vw,86px);line-height:1.1}
.faq h2{font-family:var(--display);line-height:1.12}
.contact h2{line-height:1.08}
.button,.nav-cta{white-space:nowrap;gap:14px;border-radius:0}
.project-dialog .button{white-space:normal}
@media(max-width:1050px){.hero-stage{height:350px}.hero-collage{inset:26px 12px;gap:12px}.coffee-site{padding:14px;gap:14px}.coffee-layout h3{font-size:36px}.flora-card{padding:10px}.hero-intro .button{font-size:11px}.manifesto{gap:0 32px}.service-panel{padding-left:22px}}
@media(max-width:740px){.header{height:74px}.hero h1{font-size:11.8vw;margin-top:30px;line-height:1.04}.hero-bottom{display:flex;gap:22px;margin-top:20px}.hero-stage{height:320px}.hero-collage{inset:22px 8px;gap:10px}.coffee-site{padding:12px}.coffee-layout h3{font-size:34px}.flora-card{padding:10px;gap:9px}.flora-nav{font-size:17px}.flora-copy{font-size:15px}.hero-demo-caption{margin-top:12px}.hero-intro p{max-width:34ch;font-size:17px}.hero-intro .button{font-size:12px}.manifesto{display:block;padding-top:60px;padding-bottom:45px}.manifesto-top{margin-bottom:25px}.manifesto-title{font-size:clamp(30px,7.8vw,56px);line-height:1.2}.manifesto-bottom{margin-top:30px}.spotlight-button{width:30px}.approach{padding-top:30px;padding-bottom:60px}.services{padding-top:60px}.service-panel{padding-left:0;border-left:0}.service-art{height:210px}.portfolio{padding-top:35px;padding-bottom:60px}.project-name-line h3{font-size:25px}.portfolio-heading h2{font-size:14vw}.handoff-plan{height:125px;font-size:10px;padding:0 6vw}.process{padding-top:60px}.work{padding-top:65px;padding-bottom:55px}.section-label>span:last-child{max-width:45%;text-align:right;line-height:1.7}.services-heading h2{font-size:12vw}}
@media(max-width:380px){.hero-stage{height:285px}.coffee-layout h3{font-size:28px}.coffee-site{padding:10px;gap:12px}.flora-card{padding:8px}.flora-copy{font-size:13px}.mock-nav b{font-size:11px}.mock-nav>span{font-size:5px}.mock-eyebrow{font-size:5px}.hero-demo-caption{gap:8px;font-size:9px}.hero-intro .button{font-size:11px;padding-left:16px;padding-right:16px}.nav-cta{font-size:9px}.hero-concept-label,.drag-hint{font-size:9px}}
body.motion-paused .handoff-work>span,body.motion-paused .handoff-line{transform:none!important}
@media(prefers-reduced-motion:reduce){.handoff-work>span,.handoff-line{transform:none!important}.hero-collage{transform:none!important}.project-name-line>span{transition:none}}

.handoff-work{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
body.motion-paused .handoff-work>span{clip-path:none!important}
@media(prefers-reduced-motion:reduce){.handoff-work>span{clip-path:none!important}}

/* Owner direction: restore tactile desktop/mobile presentations; motion reveals work. */
:root{--text-secondary:#50534a;--accent-readable:#b63810;--chrome-paper:#fff;--hero-shadow:#2d292322}
.hero h1{font-size:clamp(64px,10.6vw,168px);line-height:.98}
.hero-second{display:flex;gap:.2em;flex-wrap:wrap}
.hero-stage{height:clamp(400px,34vw,540px);overflow:clip;contain:paint}
.hero-collage{display:block;inset:28px 30px 74px;transform:rotateY(var(--rotate-y,-10deg)) rotateX(var(--rotate-x,5deg)) rotateZ(-4deg)}
.hero-browser{position:absolute;width:88%;height:calc(100% - 38px);top:22px;left:0;border:1px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 18px 34px var(--hero-shadow);background:var(--chrome-paper)}
.browser-chrome{height:28px;background:var(--chrome-paper);color:var(--text-secondary);font-size:8px}
.browser-url{font-size:8px;line-height:1.4}
.coffee-site{height:calc(100% - 28px);padding:16px 20px;gap:15px}
.coffee-layout h3{font-size:clamp(31px,3.6vw,54px);line-height:1.05;letter-spacing:-.055em}
.coffee-layout img{height:100%;border-radius:90px 90px 3px 3px;max-height:265px}
.coffee-layout em{font-style:italic}
.mock-pill{display:inline-block;border:1px solid var(--ink-coffee);border-radius:20px;padding:7px 10px;margin-top:10px}
.phone{position:absolute;top:auto;bottom:0;right:0;width:26%;height:80%;min-height:0;display:grid;grid-template-rows:14px auto minmax(0,1fr) auto;border:5px solid var(--ink);border-radius:23px;overflow:hidden;background:var(--surface-flora);transform:rotate(10deg) translateZ(35px);box-shadow:8px 12px 24px var(--hero-shadow)}
.phone-notch{position:relative;top:0;left:50%;transform:translateX(-50%);width:48%;height:10px;background:var(--ink);border-radius:0 0 9px 9px}
.phone-nav{padding:8px 10px;display:flex;justify-content:space-between;font:20px/1.1 var(--serif);color:var(--ink-flora)}
.phone-nav span{font-size:12px}
.phone img{width:100%;height:100%;min-height:0;object-fit:cover}
.phone-copy{font-family:var(--serif);padding:12px 10px;font-size:clamp(14px,1.6vw,23px);line-height:1.14;color:var(--ink-flora)}
.phone-copy span{font-family:var(--body);font-size:6px;line-height:1.6;display:block;margin-top:8px}
.hero-demo-caption{margin-top:0;padding-top:15px;gap:8px 18px}
.hero-intro .button{white-space:normal;line-height:1.45;text-align:left}
.services{color:var(--ink);background:var(--paper);overflow:visible}
.services-heading>p,.service-panel p,.service-caption,.future-strip .micro,.future-strip .future-copy{color:var(--text-secondary);opacity:1}
.service-panel h3,.future-strip p,.service-tab,.service-project,.service-tags{color:var(--ink);opacity:1}
.service-tab{border-color:var(--line)}
.service-tab.active{color:var(--ink)}
.service-tab.active .service-num{color:var(--accent-readable)}
.service-tab.active .service-arrow{color:var(--orange)}
.service-tab.active>span:nth-child(2){text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:7px;text-decoration-thickness:2px}
.service-project{border-color:var(--line)}
.service-project:hover{color:var(--accent-readable);border-color:var(--accent-readable)}
.service-panel p{font-size:16px;line-height:1.8}
.service-caption{font-size:11px}
.service-tags span+span{border-color:var(--line)}
.future-strip .micro{font-size:10px}
.future-strip .future-copy{font-size:13px;line-height:1.9}
.future-strip canvas{background:var(--ink);border-radius:50%;padding:4px}
.project-visual{border-radius:8px;border:1px solid var(--line-dark)}
.project-browser-bar{height:32px;color:var(--text-secondary);background:var(--chrome-paper);border-bottom:1px solid var(--line);padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1}
.project-browser-dots{color:var(--muted);font-size:6px;letter-spacing:2px}
.radius-preview,.galaxy-preview,.sellaku-preview,.mac-preview{height:calc(100% - 32px)}
.portfolio{padding-top:80px;margin-top:20px}
.process{padding-top:70px;border-top:1px solid var(--line)}
body.motion-paused .portfolio,body.motion-paused .project-visual{clip-path:none!important}
@media(max-width:1050px){.hero-stage{height:400px}.hero-collage{inset:28px 25px 68px}.hero-browser{width:88%}.coffee-site{padding:14px}.coffee-layout h3{font-size:40px}.phone{width:27%;height:81%;border-width:4px}.phone-nav{font-size:17px}.phone-copy{font-size:17px}}
@media(max-width:740px){.hero h1{font-size:12.4vw;line-height:1.02}.hero-stage{height:370px}.hero-collage{inset:30px 24px 68px}.hero-browser{width:89%;top:15px;height:calc(100% - 28px)}.coffee-site{padding:13px;gap:12px}.coffee-layout h3{font-size:36px}.phone{width:28%;height:81%;bottom:0;right:0;border-radius:19px}.phone-copy{font-size:15px;padding:10px 8px}.phone-nav{font-size:16px;padding:7px 8px}.phone-copy span{font-size:5px}.browser-chrome{height:25px;padding:0 9px}.coffee-site{height:calc(100% - 25px)}.browser-url{font-size:6px}.project-browser-bar{font-size:9px}.portfolio{padding-top:55px}.service-panel p{font-size:15px}.future-strip .future-copy{font-size:13px}.hero-concept-label,.drag-hint{font-size:10px}}
@media(max-width:380px){.hero-stage{height:335px}.hero-collage{inset:28px 18px 65px}.coffee-layout h3{font-size:29px}.coffee-site{padding:10px;gap:10px}.phone-copy{font-size:13px;padding:8px 6px}.phone-nav{font-size:14px;padding:5px 6px}.phone{width:29%;border-radius:16px}.mock-pill{font-size:6px;padding:6px}.hero-concept-label,.drag-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.portfolio,.project-visual{clip-path:none!important}}
.services .section-label,.services .service-num{color:var(--text-secondary);border-color:var(--line)}
.service-tab:hover{color:var(--accent-readable)}
.services .service-tab.active .service-num{color:var(--accent-readable)}