:root{--ink:#27332f;--muted:#616d65;--paper:#f9f9f4;--green:#245343;--pink:#dfa594;--line:rgba(36,83,67,.24);--font-display:'Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;--font-body:var(--font-display);--font-en:Arial,sans-serif;--fw-display:600;--fw-body:400;--fw-strong:600;--ls-display:.035em;--ls-en:.16em;--ls-body:.025em;--lh-display:1.48;--lh-body:2;--gold:var(--green);--shadow:none;--ease:cubic-bezier(.22,.68,.2,1)}
html{scroll-padding-top:100px}body{font-family:var(--font-body);font-size:15px;line-height:1.9;color:var(--ink);background:var(--paper)}h1,h2,h3,p,figure,ol,dl,dd{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:600}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:7px}button{border:0}img{width:100%;height:auto}svg{display:block}svg use{pointer-events:none}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;background:var(--green);color:white;padding:10px 20px}.skip-link:focus{top:12px}
.topbar{height:96px;padding:0 4.5%;display:flex;align-items:center;gap:40px;position:relative;z-index:10;background:var(--paper)}.wordmark{font-family:var(--font-en);font-size:27px;font-weight:500;letter-spacing:.24em;line-height:1;display:inline-block}.desktop-nav{display:flex;gap:32px;align-items:center;margin-left:auto;font-size:13px;font-weight:500}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a::after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover::after{transform:scaleX(1)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;padding:16px 32px;border-radius:100px;background:var(--green);color:var(--paper);font-size:14px;font-weight:500;letter-spacing:.1em;line-height:1.6;transition:background .3s,transform .3s;position:relative}.pill svg{width:33px;height:19px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .3s}.pill:hover{background:#163f31;transform:translateY(-2px)}.pill:hover svg{transform:translateX(4px)}.header-cta{font-size:13px;min-height:43px;padding:11px 25px;gap:18px}.header-cta svg{width:23px}.menu-button{display:none}.mobile-menu{display:none}
.opening{position:relative;min-height:570px;aspect-ratio:2/1;background:var(--paper);isolation:isolate}.opening-art{position:absolute;inset:0;z-index:-1}.opening-art img{width:100%;height:100%;object-fit:cover;object-position:center}.opening-title{position:absolute;top:3%;left:25%;width:50%;text-align:center}.opening h1{font-size:clamp(45px,4.6vw,76px);line-height:1.23;font-weight:600;letter-spacing:.045em}.opening h1 span{display:block}.opening-title>p{font-size:clamp(12px,1.1vw,16px);font-weight:600;letter-spacing:.06em;margin-top:21px}.opening-action{position:absolute;left:25%;width:50%;top:79%;text-align:center}.opening-action p{font-size:clamp(12px,1.05vw,16px);line-height:1.6}.opening-action .pill{margin-top:14px;min-width:310px}.section-container{width:min(1180px,84%);margin:auto}.section-space{padding:140px 0}.section-label{font-family:var(--font-en);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.19em;color:var(--green);margin-top:0}.heading{font-size:clamp(30px,3.2vw,46px);line-height:1.55;letter-spacing:.025em;margin-top:20px;position:relative}.with-petal::before{content:'';display:block;position:absolute;width:15px;height:21px;left:-30px;top:1px;background:var(--pink);border-radius:62% 38% 65% 35%/54% 28% 72% 46%;transform:rotate(25deg)}.body-copy{font-size:15px;line-height:2.2;margin-top:27px}.service{padding-top:120px;padding-bottom:120px}.service-intro{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;position:relative}.service-copy{position:relative;z-index:2;padding:20px 0}.service-photo{width:113%;margin-left:-8%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 16%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%)}.service-photo img{aspect-ratio:1.45;object-fit:cover}.connecting-line{width:calc(100% + 120px);height:142px;margin-left:-60px;margin-top:-57px;position:relative;z-index:3;fill:none;stroke:var(--green);stroke-width:1.4;pointer-events:none}.service-items{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:-16px;position:relative;z-index:4}.service-items article{padding-left:28px}.service-sketch{width:148px;height:102px;color:var(--green)}.tiny-number{font-size:10px;letter-spacing:.1em;color:var(--muted);display:block;margin-top:12px}.service-items h3{font-size:23px;letter-spacing:.02em;margin-top:7px}.service-items p{font-size:14px;line-height:2;margin-top:15px}
.works{background:#eef1eb;position:relative}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}.section-top>.body-copy{padding:0 8px 9px 0}.work-list{margin-top:64px;display:grid;grid-template-columns:1.16fr .84fr;gap:85px 7%}.work-photo{position:relative}.work-photo::after{content:'';position:absolute;inset:12px -11px -11px 13px;border:1px solid var(--green);border-radius:5% 1% 2% 1%;pointer-events:none;transform:rotate(-1deg);opacity:.6}.work-photo img{aspect-ratio:1.46;object-fit:cover;position:relative;z-index:1;transition:filter .4s}.work:hover .work-photo img{filter:brightness(1.035)}.work-two{margin-top:148px}.work-two .work-photo img{aspect-ratio:1.26}.work-two .work-photo::after{inset:-12px 12px 13px -11px;transform:rotate(2deg);border-radius:2% 5% 2% 1%}.work-info{margin-top:30px;padding:0 8px}.work-category{font-size:12px;font-weight:500;display:flex;align-items:center;gap:16px;color:var(--green)}.work-category span{font-family:var(--font-en);border:1px solid var(--green);border-radius:50%;height:29px;width:29px;display:grid;place-items:center;font-size:10px;flex:none}.work h3{font-size:30px;line-height:1.65;margin-top:20px}.work-info>p:not(.work-category){font-size:14px;line-height:2;margin-top:17px}.work details{margin-top:24px;max-width:420px}.work summary{padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;list-style:none;border-top:1px solid var(--line);cursor:pointer;font-size:13px;font-weight:500}.work summary::-webkit-details-marker{display:none}.plus{position:relative;width:21px;height:21px;border:1px solid var(--green);border-radius:50%;transition:background .3s;flex:none}.plus::before,.plus::after{content:'';position:absolute;left:5px;top:9px;width:9px;height:1px;background:var(--green);transition:transform .3s}.plus::after{transform:rotate(90deg)}details[open] .plus::after{transform:rotate(0)}summary:hover .plus{background:#d7e0d4}.work-detail{padding:8px 0 18px;font-size:13px;line-height:2}.work-detail dt{font-size:11px;letter-spacing:.06em;color:var(--green);font-weight:600}.work-detail dd{margin-top:5px}.work-detail dt:not(:first-child){margin-top:18px}.work-three{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center;margin-top:4px}.work-three .work-info{margin-top:0}.work-three .work-photo img{aspect-ratio:1.5}.work-three .work-photo::after{inset:12px -13px -12px 15px;transform:rotate(1deg);border-radius:2% 6% 2% 2%}
.process-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:12%;align-items:start}.steps{list-style:none;padding:0;margin-top:37px}.steps li{display:flex;gap:22px;padding:23px 0;border-top:1px solid var(--line)}.step-number{border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;width:33px;height:33px;flex:none;font-size:11px;color:var(--green);margin-top:1px}.steps h3{font-size:18px;line-height:1.5}.steps p{font-size:13px;line-height:1.9;margin-top:7px}.process-photo{position:relative;margin-top:80px}.process-photo img{aspect-ratio:4/5.6;object-fit:cover;object-position:50% 44%}.process-outline{position:absolute;inset:-30px -28px -30px -44px;width:calc(100% + 72px);height:calc(100% + 60px);fill:none;stroke:var(--green);stroke-width:1.4;pointer-events:none}.process-photo figcaption{position:absolute;right:-20px;top:8%;font-size:13px;line-height:2.1;letter-spacing:.2em;color:var(--green);background:var(--paper);padding:12px 9px;transform:rotate(5deg)}
.company{padding-top:80px;padding-bottom:100px}.company-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9%}.company-photo{position:relative}.company-photo::before{content:'';position:absolute;inset:-32px 25px 40px -32px;background:#f0cec0;border-radius:40% 60% 47% 53%/49% 21% 79% 51%;transform:rotate(-10deg)}.company-photo img{position:relative;aspect-ratio:1.08;object-fit:cover}.company-copy .heading{font-size:36px}.company-copy .body-copy{font-size:14px}.company-copy .body-copy+.body-copy{margin-top:15px}.company-name{border-top:1px solid var(--line);margin-top:32px;padding-top:23px;font-size:13px;display:flex;gap:22px;align-items:center}.company-name span{font-family:var(--font-en);letter-spacing:.22em;font-size:12px}.careers{padding:0 0 130px}.careers-grid{border-top:1px solid var(--line);padding-top:44px;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.careers h2{font-size:27px;margin-top:15px;line-height:1.65}.careers p:not(.section-label){font-size:14px;line-height:2;margin-top:17px}.careers figure{overflow:hidden;border-radius:48% 52% 38% 62%/45% 30% 70% 55%}.careers figure img{aspect-ratio:1.35;object-fit:cover}
.consultation{position:relative;background:var(--green);color:var(--paper);padding:110px 7%;text-align:center;overflow:hidden}.contact-content{position:relative;z-index:1}.consultation .section-label{color:#ccd9c8}.consultation h2{font-size:clamp(30px,3.1vw,46px);line-height:1.6;margin-top:24px}.contact-content>p:not(.section-label):not(.demo-note){font-size:14px;margin-top:23px;line-height:2}.pill-light{background:var(--paper);color:var(--green);margin-top:33px;min-width:310px}.pill-light:hover{background:#e5eddf}.contact-line{position:absolute;inset:20% 0 auto 0;width:100%;height:65%;stroke:#b5c9b1;stroke-width:1;fill:none;opacity:.55;pointer-events:none}.demo-note{font-size:11px;margin-top:25px;color:#d5dfd2;line-height:1.9}.consultation :focus-visible{outline-color:var(--paper)}.page-footer{padding:60px 7% 25px}.footer-main{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:30px;align-items:start}.footer-main>.wordmark{font-size:30px}.footer-main>p{font-size:12px;line-height:2.1}.footer-main nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 25px;font-size:12px}.footer-main nav a{transition:opacity .3s}.footer-main nav a:hover{opacity:.55}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:55px;padding-top:22px}.footer-bottom small{font-family:var(--font-en);font-size:10px;letter-spacing:.05em}.back-top{font-size:11px;display:flex;gap:22px;align-items:center}.back-top span{font-size:22px;transition:transform .3s}.back-top:hover span{transform:translateY(-4px)}
.consult-dialog{border:1px solid var(--line);padding:55px 55px 44px;width:min(520px,calc(100vw - 40px));max-height:85vh;background:var(--paper);color:var(--ink);border-radius:4px}.consult-dialog::backdrop,.mobile-menu::backdrop{background:rgba(23,45,33,.35);backdrop-filter:blur(5px)}.consult-dialog h2{font-size:27px;line-height:1.6;margin-top:22px}.consult-dialog>p:not(.section-label){font-size:13px;line-height:2;margin-top:20px}.consult-dialog .pill{margin-top:29px}.dialog-x{position:absolute;right:10px;top:6px;line-height:1;background:transparent;padding:12px;font-size:28px}.dialog-open{overflow:hidden}
[data-reveal]{--duration-base:.75s}[data-reveal="fade"]{transform:none}
@media(min-width:1800px){.opening{max-height:900px}.opening-title{top:4%}.section-container{width:1180px}}
@media(max-width:1100px){.topbar{height:80px;gap:24px}.wordmark{font-size:23px}.desktop-nav{gap:22px;font-size:12px}.header-cta{padding:10px 21px}.header-cta svg{display:none}.opening{min-height:510px}.opening-title{top:4%;left:22%;width:56%}.opening h1{font-size:4.7vw}.opening-title>p{margin-top:16px;font-size:12px}.opening-action{top:78%}.opening-action p{font-size:12px}.opening-action .pill{min-width:270px;min-height:47px;padding:12px 24px;font-size:12px;margin-top:10px}.section-space{padding:100px 0}.section-container{width:84%}.heading{font-size:34px}.body-copy{font-size:14px}.service-copy .heading{font-size:31px}.service-items{gap:25px}.service-items article{padding-left:8px}.service-items p{font-size:13px}.service-items h3{font-size:21px}.work-list{gap:65px 7%}.work h3{font-size:26px}.work-two{margin-top:110px}.process-grid{gap:10%}.company-copy .heading{font-size:30px}.company-grid{gap:9%}.company{padding-top:70px}.careers{padding-bottom:100px}.footer-main{grid-template-columns:1fr 1fr}.footer-main nav{grid-column:1/-1;justify-content:flex-start;margin-top:5px}}
@media(max-width:800px){html{scroll-padding-top:80px}.topbar{height:76px;padding:0 6%;gap:20px}.desktop-nav{display:none}.header-cta{margin-left:auto;min-height:39px;font-size:11px}.menu-button{display:flex;flex-direction:column;gap:7px;padding:13px 8px;width:40px;height:44px;background:none;justify-content:center}.menu-button span{height:1px;width:24px;display:block;background:var(--ink)}.mobile-menu[open]{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;margin:0;border:0;background:var(--paper);width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:30px 7%;color:var(--ink)}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-close{background:none;display:flex;align-items:center;gap:13px;font-size:11px;padding:8px 0}.menu-close span{font-size:27px}.mobile-menu nav{display:flex;flex-direction:column;gap:0;margin-top:55px}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;font-size:22px}.mobile-menu nav a>span{font-size:11px}.mobile-menu nav svg{width:33px;height:20px;fill:none;stroke:var(--green);stroke-width:1}.mobile-menu>p{font-size:11px;margin-top:auto;padding-top:35px}.opening{min-height:440px;aspect-ratio:auto;height:62vw;max-height:560px}.opening-title{top:4%;left:20%;width:60%}.opening h1{font-size:5.2vw}.opening-title>p{font-size:11px;margin-top:12px}.opening-art img{object-fit:cover;object-position:center}.opening-action{top:77%;left:15%;width:70%}.opening-action p{font-size:11px}.opening-action .pill{min-width:260px;min-height:43px;padding:11px 20px;font-size:11px;margin-top:9px}.section-space{padding:90px 0}.section-container{width:84%}.heading{font-size:30px}.service-intro{grid-template-columns:.94fr 1.06fr}.service-copy .heading{font-size:25px}.service-copy .body-copy{font-size:12px}.service-photo{width:115%;margin-left:-10%}.service-photo img{aspect-ratio:1.08}.service-items{gap:20px}.service-items article{padding:0}.service-sketch{width:110px;height:88px}.service-items h3{font-size:18px}.service-items p{font-size:12px}.service-items p br{display:none}.connecting-line{margin-top:-22px;height:95px;width:calc(100% + 64px);margin-left:-32px}.section-top>.body-copy{font-size:12px}.work-list{gap:60px 8%}.work h3{font-size:23px}.work-category{font-size:10px;gap:10px}.work-info>p:not(.work-category){font-size:12px}.work-category span{height:25px;width:25px;font-size:9px}.work-info{padding:0;margin-top:26px}.work-two{margin-top:96px}.work-three{gap:10%}.process-grid{gap:10%;grid-template-columns:1fr 1fr}.process .heading{font-size:27px}.process .body-copy{font-size:12px}.steps li{gap:13px;padding:19px 0}.steps h3{font-size:16px}.steps p{font-size:12px}.step-number{width:27px;height:27px;font-size:10px}.process-photo{margin-top:100px}.process-photo img{aspect-ratio:1/1.9}.process-photo figcaption{font-size:11px;right:-18px}.process-outline{inset:-20px -20px -20px -30px;width:calc(100% + 50px);height:calc(100% + 40px)}.company{padding-top:50px}.company-grid{gap:10%}.company-copy .heading{font-size:26px}.company-copy .body-copy{font-size:12px}.company-photo img{aspect-ratio:1/1.4}.company-name{flex-direction:column;align-items:flex-start;gap:8px}.careers-grid{gap:25px;grid-template-columns:1.3fr .7fr}.careers h2{font-size:22px}.careers p:not(.section-label){font-size:12px}.consultation{padding:85px 8%}.contact-line{opacity:.35}.contact-content>p:not(.section-label):not(.demo-note){font-size:12px}.footer-main>.wordmark{font-size:25px}}
@media(max-width:600px){html{scroll-padding-top:24px}.topbar{height:74px;padding:0 6%;gap:12px}.wordmark{font-size:22px;letter-spacing:.22em}.header-cta{font-size:10px;min-height:35px;padding:8px 17px}.opening{height:auto;min-height:0;aspect-ratio:auto;max-height:none;display:flex;flex-direction:column}.opening-title{position:relative;left:auto;top:auto;width:auto;padding:22px 20px 0;order:0}.opening h1{font-size:clamp(31px,8.4vw,44px);letter-spacing:.035em;line-height:1.48}.opening-title>p{font-size:10px;letter-spacing:.04em;margin-top:15px}.opening-art{position:relative;inset:auto;height:315px;z-index:0;order:1;overflow:hidden;margin-top:-9px}.opening-art img{position:absolute;width:750px;max-width:none;height:375px;left:50%;top:-42px;transform:translateX(-50%);object-fit:fill}.opening-action{position:relative;top:auto;left:auto;width:auto;order:2;margin-top:-7px;padding:0 20px 38px;z-index:1}.opening-action p{font-size:12px;line-height:1.9}.opening-action .pill{margin-top:20px;min-width:284px;min-height:51px;font-size:12px;gap:25px}.section-container{width:auto;margin-left:28px;margin-right:28px}.section-space{padding:80px 0}.section-label{font-size:10px;letter-spacing:.17em}.heading{font-size:30px;line-height:1.65;margin-top:15px}.with-petal::before{width:11px;height:15px;left:-17px;top:4px}.body-copy{font-size:13px;line-height:2.15;margin-top:22px}.service{padding-top:60px;padding-bottom:75px}.service-intro{display:flex;flex-direction:column;align-items:stretch}.service-copy{padding:0 8px}.service-copy .heading{font-size:30px}.service-copy .body-copy{font-size:13px}.service-photo{width:calc(100% + 56px);margin-left:-28px;margin-top:30px;mask-image:linear-gradient(to right,transparent,#000 6%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 96%,transparent)}.service-photo img{aspect-ratio:1.4;object-position:center}.connecting-line{height:85px;width:calc(100% + 56px);margin-left:-28px;margin-top:-35px}.service-items{display:flex;flex-direction:column;gap:0;margin-top:0}.service-items article{display:grid;grid-template-columns:100px 1fr;gap:0 20px;border-top:1px solid var(--line);padding:26px 4px;position:relative}.service-items article:first-child{border-top:0}.service-sketch{grid-column:1;grid-row:1/4;width:100px;height:90px;align-self:center}.tiny-number{grid-column:2;margin-top:0;font-size:9px}.service-items h3{grid-column:2;font-size:20px;margin-top:4px}.service-items p{grid-column:2;font-size:12px;line-height:1.95;margin-top:10px}.service-items p br{display:none}.section-top{display:block}.section-top>.body-copy{font-size:13px;margin-top:20px;padding:0}.work-list{display:flex;flex-direction:column;gap:55px;margin-top:38px}.work{margin-top:0;display:block}.work-photo img,.work-two .work-photo img,.work-three .work-photo img{aspect-ratio:1.35;object-fit:cover}.work-info{margin-top:24px;padding:0 4px}.work-three .work-info{margin-top:24px}.work-category{font-size:10px;gap:12px}.work h3{font-size:27px;margin-top:17px;line-height:1.55}.work-info>p:not(.work-category){font-size:13px;margin-top:15px}.work details{margin-top:19px}.work summary{font-size:12px}.work-detail{font-size:12px}.work-photo::after{inset:9px -7px -8px 8px}.work-two .work-photo::after{inset:-8px 7px 9px -7px}.work-three .work-photo::after{inset:9px -7px -8px 8px}.process-grid{display:flex;flex-direction:column;gap:36px}.process .heading{font-size:30px}.process .body-copy{font-size:13px}.steps{margin-top:28px}.steps li{padding:21px 0;gap:18px}.steps h3{font-size:18px}.steps p{font-size:12px}.step-number{width:30px;height:30px;font-size:10px}.process-photo{margin-top:0;width:calc(100% - 12px);margin-left:8px}.process-photo img{aspect-ratio:4/4.5;object-position:center 50%}.process-outline{inset:-15px -16px -18px -18px;width:calc(100% + 34px);height:calc(100% + 33px)}.process-photo figcaption{top:9%;right:-13px;font-size:11px}.company{padding-top:35px;padding-bottom:60px}.company-grid{display:flex;flex-direction:column;gap:45px;align-items:stretch}.company-photo{margin-left:8px;width:calc(100% - 8px)}.company-photo img{aspect-ratio:1.2}.company-photo::before{inset:-18px 22px 35px -17px}.company-copy{padding:0 8px}.company-copy .heading{font-size:29px}.company-copy .body-copy{font-size:13px}.company-name{flex-direction:row;gap:18px;align-items:center;margin-top:24px;padding-top:19px}.careers{padding-bottom:70px}.careers-grid{padding-top:34px;grid-template-columns:1fr;gap:25px}.careers h2{font-size:24px;line-height:1.7}.careers p:not(.section-label){font-size:13px;line-height:2.05}.careers figure{width:72%;justify-self:end}.careers figure img{aspect-ratio:1.45}.consultation{padding:72px 23px}.consultation h2{font-size:27px;line-height:1.7;margin-top:18px;letter-spacing:.015em}.contact-content>p:not(.section-label):not(.demo-note){font-size:12px;max-width:270px;margin-left:auto;margin-right:auto;line-height:2}.pill-light{min-width:284px;font-size:12px;min-height:53px;gap:28px;margin-top:28px}.demo-note{font-size:10px;margin-top:20px;max-width:280px;margin-left:auto;margin-right:auto}.contact-line{inset:16% 0 auto 0;opacity:.22;height:75%}.page-footer{padding:43px 28px 23px}.footer-main{grid-template-columns:1fr;gap:23px}.footer-main>.wordmark{font-size:28px}.footer-main>p{font-size:11px}.footer-main nav{grid-column:1;gap:18px 23px;font-size:11px;margin-top:7px;max-width:290px}.footer-bottom{margin-top:35px;padding-top:21px;gap:15px}.footer-bottom small{font-size:8px}.back-top{font-size:9px;gap:10px}.back-top span{font-size:18px}.consult-dialog{padding:40px 25px 30px}.consult-dialog h2{font-size:25px}.consult-dialog>p:not(.section-label){font-size:12px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}}
@media print{[data-reveal]{opacity:1!important;transform:none!important}.topbar,.opening,.page-footer,.consultation{break-inside:avoid}.menu-button,.header-cta{display:none}.work details>div{display:block}.section-space{padding:50px 0}}

/* The selected board uses open edges: reveal must not crop freehand frames or the small heading ornament. */
[data-reveal].is-visible:not([data-reveal="clip"]){clip-path:none}
.service-photo img{border-radius:0;box-shadow:none}
@media(max-width:600px){
 .opening-art{margin-top:14px}
 .service-items p,.steps p,.work-detail{font-size:13px}
}

/* Keep body copy comfortably readable at all breakpoints; labels remain a smaller secondary layer. */
.body-copy,.service-copy .body-copy,.section-top>.body-copy,.service-items p,
.work-info>p:not(.work-category),.work-detail,.process .body-copy,.steps p,
.company-copy .body-copy,.careers p:not(.section-label),
.contact-content>p:not(.section-label):not(.demo-note){font-size:15px}
.opening-action p{font-size:14px}
.demo-note{font-size:12px}
.work-category{font-size:12px}
html:not(.js) [data-reveal]{opacity:1;transform:none;clip-path:none}

/* A single drawn line connects the three services; it runs once and never changes layout. */
.js [data-draw] path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease}
.js [data-draw].is-drawn path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.js [data-draw] path{stroke-dashoffset:0}}

.work details:not([open]) .work-detail{display:none}
.opening-action p{line-height:1.8}
@media(max-width:360px){.header-cta{display:none}.menu-button{margin-left:auto}.consultation h2{font-size:25px}.opening-action .pill,.pill-light{min-width:0;width:100%;max-width:300px}}

/* v52 — a quiet drawing column accompanies the three case studies. */
#works.works-drawing { padding:84px 0 92px; }
#works.works-drawing > .section-container { position:relative; }
#works.works-drawing .section-top { min-height:0; width:68%; }
#works.works-drawing .section-top > div:first-child { flex:1; }
#works.works-drawing .work-list { display:flex; flex-direction:column; width:68%; margin-top:64px; gap:76px; }
#works.works-drawing .work { display:block; margin:0; min-width:0; }
#works.works-drawing .work-photo img { aspect-ratio:1.58; object-fit:cover; }
#works.works-drawing .work-photo::before { width:34%; height:52%; top:42%; left:-36px; opacity:.62; }
#works.works-drawing .work-two .work-photo::before { left:auto; right:-27px; top:36%; }
#works.works-drawing .work-three .work-photo::before { left:-27px; top:30%; }
#works.works-drawing .work-info { margin-top:27px; padding:0; display:grid; grid-template-columns:1.03fr 1fr; column-gap:32px; }
#works.works-drawing .work-category { grid-column:1/-1; }
#works.works-drawing .work h3 { grid-column:1; grid-row:2/4; margin-top:16px; font-size:30px; line-height:1.4; }
#works.works-drawing .work-info > p:not(.work-category) { grid-column:2; margin-top:18px; font-size:14px; }
#works.works-drawing .work-info .text-link { grid-column:2; width:fit-content; margin-top:13px; gap:30px; }
#works.works-drawing .works-list-link { justify-content:flex-start; width:68%; margin-top:48px; }
#works.works-drawing .works-drawing-rail { position:absolute; right:-5px; top:-142px; bottom:0; width:23%; pointer-events:none; user-select:none; z-index:4; }
#works.works-drawing .works-drawing-blob { position:absolute; top:-25px; left:-6%; width:106%; fill:#f2e1d9; }
#works.works-drawing .works-word { position:absolute; top:156px; bottom:0; inset-inline:0; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
#works.works-drawing .works-letter { display:block; width:100%; max-width:224px; height:auto; aspect-ratio:240/230; overflow:visible; fill:none; stroke:#d8e0d4; stroke-width:23; stroke-linecap:butt; stroke-linejoin:round; }
#works.works-drawing .works-letter path { vector-effect:none; }
#works.works-drawing .works-pencil { position:absolute; left:35%; top:0; width:106px; height:106px; color:var(--green); transform-origin:10.9091% 89.0909%; }
#works.works-drawing .works-pencil svg { width:100%; height:100%; }
#works.works-drawing.is-drawing .works-pencil { left:0; top:0; will-change:transform; }
@media(max-width:1100px) {
 #works.works-drawing .work-info { display:block; }
 #works.works-drawing .work h3 { font-size:28px; }
 #works.works-drawing .work-info > p:not(.work-category) { margin-top:12px; }
 #works.works-drawing .work-info .text-link { margin-top:17px; }
 #works.works-drawing .works-pencil { width:92px; height:92px; }
}
@media(max-width:800px) {
 #works.works-drawing { padding-top:76px; }
 #works.works-drawing .section-top,#works.works-drawing .work-list,#works.works-drawing .works-list-link { width:74%; }
 #works.works-drawing .works-drawing-rail { width:16%; right:0; top:-116px; }
 #works.works-drawing .works-word { top:150px; }
 #works.works-drawing .works-drawing-blob { width:180%; left:-50%; }
 #works.works-drawing .works-pencil { width:78px; height:78px; }
 #works.works-drawing .works-pencil svg { transform:scaleX(-1); transform-origin:10.91% 89.09%; }
 #works.works-drawing .work-list { gap:62px; margin-top:45px; }
 #works.works-drawing .work-photo::before { left:-20px; }
 #works.works-drawing .work-two .work-photo::before { right:-15px; }
}
@media(max-width:600px) {
 #works.works-drawing { padding:64px 0 64px; }
 #works.works-drawing .section-top { width:100%; padding-right:18px; }
 #works.works-drawing .section-top .heading { font-size:28px; }
 #works.works-drawing .work-list,#works.works-drawing .works-list-link { width:84%; }
 #works.works-drawing .work-list { margin-top:44px; gap:52px; }
 #works.works-drawing .work-photo img { aspect-ratio:1.27; }
 #works.works-drawing .work-info { margin-top:23px; }
 #works.works-drawing .work h3 { font-size:25px; margin-top:13px; }
 #works.works-drawing .work-info > p:not(.work-category) { font-size:13px; }
 #works.works-drawing .work-info .text-link { font-size:13px; }
 #works.works-drawing .works-list-link { margin-top:35px; }
 #works.works-drawing .work-photo::before { width:38%; left:-17px; }
 #works.works-drawing .work-two .work-photo::before { right:-12px; }
 #works.works-drawing .works-drawing-rail { width:11%; right:-14px; top:-100px; bottom:12px; }
 #works.works-drawing .works-word { top:286px; }
 #works.works-drawing .works-letter { stroke-width:25; }
 #works.works-drawing .works-drawing-blob { width:140px; top:-10px; left:auto; right:-10px; }
 #works.works-drawing .works-pencil { width:40px; height:40px; left:14px; top:22px; }
}
@media(max-width:360px) {
 #works.works-drawing .section-top .heading { font-size:25px; }
 #works.works-drawing .work h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
 #works.works-drawing .works-letter path { stroke-dasharray:none!important; stroke-dashoffset:0!important; }
 #works.works-drawing .works-pencil { will-change:auto; }
}

/* v63: keep the drawing secondary to the case photographs and copy. */
#works.works-drawing .works-drawing-blob { display: none; }
#works.works-drawing .works-pencil { width: 84px; height: 84px; color: #6f8b7b; }
@media (max-width: 1100px) {
  #works.works-drawing .works-pencil { width: 74px; height: 74px; }
}
@media (max-width: 800px) {
  #works.works-drawing .works-pencil { width: 62px; height: 62px; }
}
@media (max-width: 600px) {
  #works.works-drawing .works-pencil { width: 34px; height: 34px; }
}