:root{--paper:#f7f7f5;--ink:#22221f;--muted:#666762;--line:#d8dad4;--coral:#ed5a43;--mint:#dfebe5;--font:'Assistant',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 var(--font);letter-spacing:0}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%;height:auto}svg{width:21px;height:21px;stroke-width:1.7;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1}h2{font-weight:700}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #007f72;outline-offset:5px}.wrap{max-width:1320px;margin-inline:auto;padding-inline:48px}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:48px;max-width:1440px;margin:auto}.brand{display:flex;align-items:center;gap:11px}.brand img{object-fit:contain;width:34px;height:34px}.brand>span{font:800 23px 'Manrope',sans-serif}.brand-dot{color:var(--coral)}.site-header nav{display:flex;gap:34px;font-size:16px;font-weight:600}.site-header nav a:hover,.email:hover{color:var(--coral)}.header-contact{font-weight:700;display:flex;align-items:center;gap:30px;font-size:16px}.header-contact svg{color:var(--coral)}.menu-button{display:none}.mobile-nav{padding:16px 24px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:12px}.intro{padding-top:35px;padding-bottom:48px}.intro-top{display:flex;justify-content:space-between;font-size:14px}.studio-label{display:flex;align-items:center;gap:9px;font-weight:600}.square{width:7px;height:7px;background:var(--coral)}.intro-note{color:var(--muted)}.intro h1{font-family:'Manrope',sans-serif;font-size:136px;font-weight:800;line-height:1.15;text-align:center;padding-block:10px 20px}.title-period{color:var(--coral)}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end}.intro-line{font-size:36px;font-weight:700;line-height:1.15}.intro-side{display:flex;align-items:flex-end;gap:45px}.intro-side p{font-size:16px;line-height:1.7;color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid currentColor;padding:8px 0;background:transparent;font-size:16px;font-weight:700;white-space:normal;text-align:start}.text-link:hover svg{transform:translate(-3px,-3px)}.text-link svg{transition:transform .2s}.section-top{display:flex;justify-content:space-between;align-items:center;padding-block:20px;border-top:1px solid var(--line)}.section-top h2{font-size:18px;line-height:1.4;font-weight:600}.mono{font:11px 'Manrope',sans-serif;color:var(--muted)}.lead-art{position:relative;width:100%;height:560px;background:var(--mint);overflow:hidden}.art-word{position:absolute;top:12px;left:4%;font:800 128px 'Manrope',sans-serif;color:#abc5b7;line-height:1}.lead-desktop{position:absolute;top:110px;left:15%;width:70%;height:auto;box-shadow:0 16px 35px #192b2012;transform:rotate(-3deg)}.lead-mobile{position:absolute;right:8%;top:80px;width:177px;height:390px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 15px 14px #112b2720)}.art-caption{position:absolute;left:48px;bottom:28px;font-weight:600;font-size:17px}.circle-button{width:60px;height:60px;display:grid;place-items:center;background:var(--ink);color:white;border-radius:50%;position:absolute;bottom:24px;right:48px;transition:background .2s,transform .2s}.circle-button:hover{background:var(--coral);transform:rotate(-5deg)}.circle-button svg{width:28px;height:28px}.lead-caption{padding-block:26px 62px;display:grid;grid-template-columns:1fr 1fr auto;gap:32px;align-items:center}.index{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.lead-caption h3,.project-caption h3{font-size:30px;font-weight:700;text-align:start}.lead-caption h3[dir=ltr],.project-caption h3[dir=ltr]{text-align:right;font-family:'Manrope',sans-serif;font-size:27px}.lead-caption p,.project-caption p{font-size:17px;color:var(--muted);line-height:1.6}.more-work{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-visual{display:block;width:100%;height:430px;position:relative;overflow:hidden;background:#e4dfe9;border-radius:0;padding:0}.project-visual.poolcleaner{background:#dce8ed}.desktop-shot{width:94%;max-width:none;position:absolute;left:3%;top:18%;transform:rotate(-3deg);opacity:0;transition:opacity .35s,transform .55s}.phone-shot{height:90%;width:75%;object-fit:contain;position:absolute;top:5%;left:12.5%;transition:opacity .35s,transform .55s}.visual-arrow{position:absolute;bottom:18px;left:18px;width:42px;height:42px;display:grid;place-items:center;background:var(--paper);border-radius:50%}.project-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-block:23px 48px}.project-caption p{font-size:16px;max-width:230px}.mrmoto-project{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding-block:38px 36px;align-items:center}.mrmoto-heading h3{font:800 56px 'Manrope',sans-serif;text-align:right;margin-bottom:28px}.mrmoto-heading p{font-size:24px;line-height:1.4;margin-bottom:26px}.mrmoto-art{height:400px;position:relative;overflow:hidden;background:#eac9b3;padding:35px 30px 0;border-radius:0}.mrmoto-art img{width:100%;height:100%;object-fit:contain;object-position:top;transform:rotate(3deg);transition:transform .5s}.mrmoto-art:hover img{transform:rotate(0)}.mrmoto-label{position:absolute;bottom:18px;left:23px;background:var(--ink);color:white;padding:9px 15px;font:700 13px 'Manrope',sans-serif}.work-end{display:flex;justify-content:space-between;align-items:end;padding-block:12px 72px}.work-end p{font-size:20px;line-height:1.5}.services{padding-block:35px 90px}.eyebrow{font-size:15px;font-weight:600}.services-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-top:48px}.services-layout>h2{font-size:54px;line-height:1.2}.service-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line);padding-block:24px}summary{cursor:pointer;display:flex;align-items:center;gap:20px;list-style:none}summary::-webkit-details-marker{display:none}summary h3{font-size:25px;font-weight:600;flex:1}.service-number{font:12px 'Manrope',sans-serif;color:var(--muted)}details[open] summary svg{transform:rotate(45deg)}details p{color:var(--muted);font-size:18px;margin-top:18px;padding-right:36px;max-width:550px}.studio-band{background:var(--ink);color:var(--paper);padding-top:70px}.studio-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio-inner h2{font-size:76px;margin-top:36px;line-height:1.08;font-weight:600}.studio-copy{padding-top:55px}.large-copy{font-size:31px;line-height:1.4;margin-bottom:24px}.studio-copy>p:not(.large-copy){color:#c1c3bb;font-size:18px;max-width:470px}.studio-copy .text-link{margin-top:25px}.studio-bottom{display:flex;justify-content:space-between;margin-top:70px;border-top:1px solid #51534b;padding-block:25px;color:#c1c3bb;font-size:15px}.process{padding-block:80px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:30px 0 0;padding:0}.process li>span{font:13px 'Manrope',sans-serif;color:var(--coral);display:block;margin-bottom:30px}.process h3{font-size:23px;margin-bottom:14px;font-weight:600}.process p{font-size:17px;color:var(--muted);max-width:300px}.contact{border-top:1px solid var(--ink);padding-top:45px;padding-bottom:65px}.contact h2{font-size:106px;font-weight:700;line-height:1.05;margin-block:25px 32px}.contact h2 span{color:var(--coral)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.contact-bottom p{font-size:20px;color:var(--muted)}.contact-cta{display:flex;justify-content:space-between;align-items:center;gap:36px;background:var(--coral);color:#151511;padding:19px 25px;font-size:22px;font-weight:700}.contact-cta:hover{background:#e34f39}.contact-cta svg{width:26px;height:26px}.email{display:inline-block;font:14px 'Manrope',sans-serif;border-bottom:1px solid var(--line);margin-top:28px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;font-size:13px}.footer-brand{font:800 24px 'Manrope',sans-serif}.site-footer>div{display:flex;gap:22px;color:var(--muted)}dialog{width:min(1000px,calc(100% - 32px));max-height:90dvh;padding:38px;background:var(--paper);border:0;color:var(--ink);overflow:auto}dialog::backdrop{background:#171b1ac9}.dialog-close{position:absolute;top:18px;left:18px}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:#e6e8e1;border-radius:50%}.dialog-header{padding-left:40px}.dialog-header h2{font-size:38px;margin-bottom:18px}.dialog-header>p{font-size:20px;max-width:700px}.view-switch{display:flex;gap:6px;margin-block:25px 15px}.view-switch button{display:flex;align-items:center;gap:9px;padding:10px 16px;font-size:15px;border:1px solid var(--line);background:transparent;border-radius:4px}.view-switch button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.dialog-image-wrap{height:440px;display:flex;align-items:center;justify-content:center;background:#e8ece7;overflow:hidden}.dialog-image-wrap img{height:100%;width:100%;object-fit:contain}.dialog-bottom{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-top:23px}.dialog-bottom p{max-width:580px;color:var(--muted);font-size:17px}
@media(hover:hover) and (pointer:fine){.project-visual:is(:hover,:focus-visible) .phone-shot{opacity:0;transform:scale(.9)}.project-visual:is(:hover,:focus-visible) .desktop-shot{opacity:1;transform:rotate(0)}}
@media(min-width:1600px){.lead-art{height:620px}.lead-desktop{top:100px;width:64%;left:18%}.lead-mobile{right:12%;top:100px;height:440px;width:210px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.site-header{padding-inline:32px}.intro h1{font-size:112px}.intro-side{gap:20px}.intro-line{font-size:30px}.intro-side p{font-size:15px}.lead-art{height:480px}.lead-desktop{width:80%;left:10%;top:110px}.lead-mobile{height:330px;width:155px;right:3%}.lead-caption{grid-template-columns:1fr 1.2fr}.lead-caption>.text-link{grid-column:2}.project-visual{height:350px}.project-caption{flex-direction:column;gap:13px}.services-layout{gap:30px}.services-layout>h2{font-size:44px}.studio-inner{gap:30px}.studio-inner h2{font-size:64px}.large-copy{font-size:27px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{padding-inline:23px}.site-header{height:76px;padding-inline:23px}.brand>span{font-size:20px}.brand img{width:30px;height:30px}.site-header nav,.header-contact{display:none}.menu-button{display:grid;place-items:center;background:transparent;width:40px;height:40px}.intro{padding-top:24px;padding-bottom:29px}.intro-top{font-size:12px}.intro-note{display:none}.intro h1{font-size:70px;padding-block:17px 23px}.intro-bottom{display:block}.intro-line{font-size:28px;line-height:1.2}.intro-side{margin-top:20px;justify-content:space-between;align-items:end;gap:12px}.intro-side p{font-size:14px;max-width:210px}.intro-side p br{display:none}.text-link{font-size:14px;gap:12px}.section-top{padding-block:17px}.section-top h2{font-size:16px}.mono{font-size:9px}.lead-art{height:340px}.art-word{font-size:69px;top:18px;left:12px}.lead-desktop{top:104px;width:104%;left:-5%}.lead-mobile{top:50px;right:-6px;width:115px;height:245px}.art-caption{font-size:12px;left:23px;bottom:21px}.circle-button{width:43px;height:43px;right:23px;bottom:15px}.circle-button svg{width:23px;height:23px}.lead-caption{grid-template-columns:1fr;padding-block:22px 40px;gap:15px}.lead-caption>.text-link{grid-column:auto;justify-self:start}.lead-caption h3{font-size:26px}.lead-caption p{font-size:16px}.lead-caption p br{display:none}.more-work{grid-template-columns:1fr;gap:0}.project-visual{height:370px}.project-caption{flex-direction:row;gap:15px;padding-block:19px 35px;align-items:start}.project-caption h3,.project-caption h3[dir=ltr]{font-size:23px}.project-caption p{font-size:14px;max-width:170px}.project-caption p br{display:none}.index{font-size:11px;margin-bottom:5px}.mrmoto-project{grid-template-columns:1fr;gap:24px;padding-block:20px}.mrmoto-heading h3{font-size:42px;margin-bottom:15px}.mrmoto-heading p{font-size:23px}.mrmoto-heading p br{display:none}.mrmoto-heading .text-link{margin-top:0}.mrmoto-art{height:300px;padding:22px 12px 0}.mrmoto-label{font-size:10px}.work-end{padding-block:17px 42px;align-items:start;gap:15px}.work-end p{font-size:16px}.services{padding-block:20px 50px}.services .section-top .mono{max-width:130px;text-align:left}.services-layout{grid-template-columns:1fr;padding-top:24px;gap:35px}.services-layout>h2{font-size:43px}summary h3{font-size:22px}details{padding-block:21px}details p{font-size:17px;padding-right:32px}.studio-band{padding-top:40px}.studio-inner{grid-template-columns:1fr;gap:28px}.studio-inner h2{font-size:58px;margin-top:25px}.studio-copy{padding-top:0}.large-copy{font-size:27px}.studio-copy>p:not(.large-copy){font-size:17px}.studio-bottom{gap:14px;font-size:12px;margin-top:40px;padding-block:21px}.process{padding-block:50px}.process .section-top{align-items:start;gap:14px}.process .section-top h2{max-width:180px}.process ol{grid-template-columns:1fr;gap:25px}.process li{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.process li>span{grid-row:1/3;margin-top:4px}.process h3{font-size:23px;margin-bottom:8px}.process p{font-size:17px;max-width:none}.contact{padding-top:28px;padding-bottom:36px}.contact h2{font-size:74px}.contact-bottom{flex-direction:column;align-items:start;gap:25px}.contact-bottom p{font-size:18px}.contact-cta{font-size:20px;padding:17px 21px;width:100%}.site-footer{flex-wrap:wrap;gap:16px;font-size:12px;padding-block:22px}.site-footer>div{width:100%;border-top:1px solid var(--line);padding-top:17px;justify-content:space-between}.footer-brand{font-size:22px}dialog{padding:25px 18px;max-height:92dvh}.dialog-header{padding-left:35px}.dialog-header h2{font-size:29px;margin-top:9px}.dialog-header>p{font-size:18px}.dialog-image-wrap{height:300px}.dialog-bottom{flex-direction:column;gap:15px}.dialog-bottom p{font-size:16px}.dialog-close{top:12px;left:12px;width:35px;height:35px}}
@media(max-width:370px){.intro h1{font-size:60px}.intro-side{align-items:start;flex-direction:column}.project-caption{flex-direction:column}.project-caption p{max-width:none}.art-word{font-size:58px}}
.more-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.more-work .project-visual{height:360px}
.more-work .project-caption{flex-direction:column;gap:12px;padding-bottom:38px}
.more-work .project-caption p{max-width:none}
.project-visual.mrmoto{background:#ead2c3}
.poolcleaner .phone-shot{width:146px;height:316px;top:22px;left:calc(50% - 73px);object-fit:cover;object-position:top;border:5px solid #202523;border-radius:22px;box-shadow:0 8px 18px #192b201a}
.desktop-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.desktop-work .project-visual{height:350px;display:flex;align-items:center;justify-content:center;padding:26px}
.project-visual.liora{background:#eee0e4}.project-visual.calmcat{background:#e0e8df}
.wide-shot{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.desktop-work .project-visual:is(:hover,:focus-visible) .wide-shot{transform:scale(1.035)}
@media(max-width:1100px) and (min-width:761px){.more-work .project-visual{height:330px}.poolcleaner .phone-shot{height:290px;width:134px;left:calc(50% - 67px);top:20px}.desktop-work .project-caption{flex-direction:column}.desktop-work .project-visual{height:300px;padding:18px}}
@media(max-width:760px){.more-work,.desktop-work{grid-template-columns:1fr;gap:0}.more-work .project-visual{height:360px}.more-work .project-caption{flex-direction:row;gap:15px}.more-work .project-caption p{max-width:170px}.desktop-work .project-visual{height:260px;padding:18px}}
@media(max-width:370px){.more-work .project-caption{flex-direction:column}.more-work .project-caption p{max-width:none}}
/* Editorial direction: real work, explicit previews, and a small working example. */
:root{--paper:#f8f8f5;--ink:#21241f;--muted:#62665d;--coral:#e45338}
[hidden]{display:none!important}.site-header{height:80px;max-width:none;position:sticky;top:0;z-index:20;background:var(--paper)}.site-header nav{gap:28px}.site-header nav a{position:relative;padding-block:10px}.site-header nav a::after{content:'';position:absolute;bottom:2px;right:0;width:0;height:2px;background:var(--coral);transition:width .2s}.site-header nav a:hover::after,.site-header nav a[aria-current]::after{width:100%}.mobile-nav{position:fixed;inset:70px 0 auto;z-index:19;background:var(--paper)}.mobile-nav a{border-bottom:1px solid var(--line)}.intro{padding-top:25px;padding-bottom:36px}.intro h1{font-size:130px;text-align:left;padding-block:15px 18px}.intro-note{font:10px 'Manrope',sans-serif}.intro-line{font-size:40px;line-height:1.12}.intro-line>span{color:var(--coral)}.intro-side{gap:45px}.intro-side p{font-size:17px}.section-index{font:11px 'Manrope',sans-serif;color:var(--coral);margin-left:17px;display:inline-block}.lead-art{height:510px}.lead-desktop{top:95px;transform:rotate(-2deg);transition:transform .7s}.lead-mobile{top:55px;transition:transform .7s}.lead-art:hover .lead-desktop{transform:rotate(0)}.lead-art:hover .lead-mobile{transform:translateY(-7px) rotate(2deg)}.art-word{font-size:112px}.art-caption{display:flex;align-items:center;gap:10px}.square{display:inline-block;flex:none}.lead-caption{grid-template-columns:1fr 1.2fr auto}.more-work .project-visual{height:365px}.project-media{position:relative}.project-item{min-width:0}.desktop-shot{height:82%;width:92%;left:4%;top:9%;object-fit:contain;transform:translateY(12px)}.visual-arrow{z-index:2}.media-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:9px;gap:10px}.preview-views{display:flex;gap:4px}.preview-views button{display:grid;place-items:center;width:38px;height:34px;background:transparent;border-radius:3px;color:var(--muted)}.preview-views button[aria-pressed=true]{background:var(--ink);color:white}.preview-views svg{width:17px;height:17px}.preview-open{background:transparent;display:flex;align-items:center;gap:7px;font-size:13px;padding:6px 0}.preview-open svg{width:16px;height:16px}.project-visual[data-preview=desktop] .phone-shot{opacity:0;transform:scale(.94)}.project-visual[data-preview=desktop] .desktop-shot{opacity:1;transform:none}.project-visual[data-preview=mobile] .phone-shot{opacity:1;transform:none}.project-visual[data-preview=mobile] .desktop-shot{opacity:0}.desktop-work .project-visual{padding:0;height:330px}.desktop-work .phone-shot{height:89%;width:55%;left:22.5%}.desktop-work .desktop-shot{height:84%;top:8%;width:92%;left:4%}.desktop-work .project-caption{flex-direction:column}.studio-inner h2 span{color:#b2ceba}.studio-copy .large-copy{font-size:28px}
.action-band{background:#e9ede8;padding-block:25px 65px}.action-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;padding-top:38px;align-items:center}.action-copy h2{font-size:58px;line-height:1.06;margin-bottom:24px}.action-copy h2 span{color:#416552}.action-copy>p{font-size:21px;line-height:1.5}.action-copy p.action-note{font-size:15px;color:var(--muted);max-width:360px;margin-block:18px 25px}.action-copy .text-link{font-size:15px}.workflow-tool{background:#fff;border:1px solid #c7cfc6;border-radius:6px;overflow:hidden;min-width:0;box-shadow:0 12px 30px #1c302008}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f5f1;border-bottom:1px solid var(--line)}.workflow-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 10px;font-size:15px;font-weight:600;background:transparent;border-bottom:2px solid transparent}.workflow-tabs button[aria-selected=true]{background:white;border-bottom-color:var(--coral)}.workflow-tool [role=tabpanel]{padding:27px}.tool-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.tool-label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.tool-heading h3{font-size:25px}.work-stats{display:flex;align-items:center;gap:28px;padding-block:22px;margin-top:20px;border-block:1px solid var(--line)}.work-stats>div{display:flex;align-items:center;gap:9px}.work-stats strong{font:600 28px 'Manrope',sans-serif}.work-stats span{font-size:13px;color:var(--muted)}.work-stats>svg{margin-right:auto;color:#49735b;width:28px;height:28px}.task-list{list-style:none;padding:0;margin:7px 0 0}.task-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-block:17px;border-bottom:1px solid #e9ece5;min-height:83px}.task-list h4{font-size:17px;margin:0 0 2px;font-weight:700}.task-list p{font-size:13px;color:var(--muted)}.task-status{display:flex;align-items:center;gap:7px;font-size:13px;padding:8px 10px;background:#f3eee2;white-space:nowrap;min-width:98px;justify-content:center;border-radius:3px}.task-status svg{width:15px;height:15px}.task-status[data-status=active]{background:#e1ecef;color:#274d5b}.task-status[data-status=done]{background:#e3eddf;color:#365d36}.task-status:disabled{cursor:default}.tool-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-top:22px;min-height:34px}.demo-marker{display:flex;align-items:center;gap:7px;white-space:nowrap}.demo-marker .square{width:5px;height:5px}.tool-footer [role=status]{text-align:left}.field-label,fieldset legend{font-size:14px;font-weight:600}#booking-form{margin-top:24px}#booking-service{display:block;width:100%;padding:10px 12px;background:white;border:1px solid #c4cbbf;border-radius:3px;margin-top:6px;color:var(--ink)}fieldset{border:0;margin:16px 0 0;padding:0}fieldset legend{padding:0;margin-bottom:8px}.day-options,.time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.day-options label,.time-options label{position:relative}.day-options input,.time-options input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;width:100%;height:100%}.day-options span,.time-options span{display:block;text-align:center;border:1px solid #cbd0c4;padding:9px 4px;font-size:14px;border-radius:3px}.day-options input:checked+span,.time-options input:checked+span{background:#253c30;color:white;border-color:#253c30}.day-options input:focus-visible+span,.time-options input:focus-visible+span{outline:3px solid #00766a;outline-offset:2px}.booking-submit{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ink);color:white;margin-top:23px;border-radius:3px;font-size:16px}#booking-result{border-right:3px solid #507b56;background:#edf3e9;margin-top:16px;padding:12px;font-size:16px}#booking-result strong{display:block}.booking-reset{background:transparent;border-bottom:1px solid;margin-top:12px;padding:4px 0;font-size:14px}.workflow-tool [role=tabpanel]{min-height:450px}
.dialog-bottom{display:grid;grid-template-columns:1fr auto;gap:30px}#dialog-detail{white-space:pre-line}.dialog-links{display:flex;flex-direction:column;align-items:start;gap:6px}.project-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.project-pagination button{display:flex;align-items:center;gap:9px;background:transparent;padding:7px;font-size:14px}.project-pagination>span{font:12px 'Manrope',sans-serif;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.project-visual[data-pinned]:is(:hover,:focus-visible) .phone-shot{opacity:0;transform:scale(.94)}.project-visual[data-pinned][data-preview=mobile]:is(:hover,:focus-visible) .phone-shot{opacity:1;transform:none}.project-visual[data-pinned][data-preview=mobile]:is(:hover,:focus-visible) .desktop-shot{opacity:0}.desktop-work .project-visual:not([data-pinned]):is(:hover,:focus-visible) .phone-shot{opacity:1;transform:none}.desktop-work .project-visual:not([data-pinned]):is(:hover,:focus-visible) .desktop-shot{opacity:0}}
@media(max-width:1100px){.intro h1{font-size:110px}.intro-line{font-size:34px}.intro-side{gap:25px}.intro-side p{font-size:15px}.lead-caption{grid-template-columns:1fr 1.3fr}.action-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.action-copy h2{font-size:48px}.workflow-tool [role=tabpanel]{padding:22px}.work-stats{gap:18px}.tool-heading h3{font-size:23px}.desktop-work .project-visual{height:290px}}
@media(max-width:760px){html{scroll-padding-top:88px}.site-header{height:70px}.intro h1{font-size:70px;padding-block:20px 22px}.intro-line{font-size:33px}.intro-side{gap:15px}.intro-side p{font-size:14px}.section-index{font-size:10px;margin-left:9px}.mono{font-size:8px;max-width:125px;text-align:left}.lead-art{height:335px}.art-word{font-size:68px;top:16px;left:12px}.lead-desktop{top:102px;width:104%;left:-5%}.lead-mobile{top:47px;right:-6px;width:115px;height:245px}.lead-caption{grid-template-columns:1fr}.lead-caption>.text-link{grid-column:auto}.art-caption{gap:7px}.more-work .project-visual{height:360px}.media-toolbar{padding-block:7px}.desktop-work .project-visual{height:260px}.desktop-work .project-caption{flex-direction:row}.action-band{padding-block:15px 40px}.action-layout{grid-template-columns:1fr;padding-top:23px;gap:28px}.action-copy h2{font-size:43px;margin-bottom:18px}.action-copy h2 br:first-child{display:none}.action-copy>p{font-size:19px}.action-copy p.action-note{font-size:14px;margin-block:15px}.action-copy .text-link{font-size:14px}.workflow-tabs button{font-size:14px;padding:14px 8px;gap:7px}.workflow-tool [role=tabpanel]{padding:20px 17px}.tool-heading h3{font-size:23px}.work-stats{gap:18px;margin-top:18px;padding-block:17px}.work-stats>div{flex-direction:column;align-items:start;gap:2px}.work-stats strong{font-size:26px}.task-list li{padding-block:14px;gap:8px}.task-status{font-size:12px;min-width:90px;padding:8px}.task-list h4{font-size:16px}.task-list p{font-size:12px}.tool-footer{font-size:10px;gap:8px;margin-top:17px}.studio-copy .large-copy{font-size:25px}.dialog-bottom{grid-template-columns:1fr;gap:15px}.dialog-links{flex-direction:row;gap:24px}.workflow-tool [role=tabpanel]{min-height:450px}}
@media(max-width:370px){.intro h1{font-size:60px}.desktop-work .project-caption{flex-direction:column}.work-stats{gap:16px}.task-status{min-width:85px}.workflow-tool [role=tabpanel]{padding:18px 14px}.tool-heading h3{font-size:21px}}
@media(max-width:760px){.action-copy h2 br:first-child{display:initial}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.lead-art:hover .lead-mobile{transform:rotate(7deg)}.lead-art:hover .lead-desktop{transform:rotate(-2deg)}}