/* Soonlee's visual rhythm: circles, quarter turns and ruled squares. */
:root{--lemon:#e8ff32;--ink:#202322;--quiet:#f5f6ef}body{background:#fff}header{height:96px;border-bottom:0}header .contact{border-radius:6px 24px 6px 24px}header nav>a{transition:opacity .2s}header nav>a:hover{opacity:.65}.pattern-hero{position:relative;isolation:isolate;overflow:hidden;min-height:710px;padding-top:55px;padding-bottom:65px;gap:40px;border-bottom:1px solid #e8ecdf}.pattern-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-copy{position:relative;z-index:1}.pattern-spacer{min-height:535px}.hero .cta{border-radius:6px 28px 6px 28px}.hero .stamp{font-size:10px;letter-spacing:1.7px}.section{position:relative;padding:105px 60px;border-top:0}.section h2{font-size:66px;letter-spacing:-3px;margin-bottom:55px}.section-motif{position:absolute;right:60px;top:80px;width:160px;height:80px;color:#e8ff32;pointer-events:none}.overline{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px}.overline:before{content:"";width:9px;height:9px;flex-shrink:0;background:var(--lemon)}
#focus .focuslist{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}#focus .focusrow{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 12px;border:0}#focus .focusrow>.mono{font:13px ui-monospace,monospace;letter-spacing:1px;margin-bottom:18px;display:flex;align-items:center;gap:12px}#focus .focusrow>.mono:after{content:"";height:1px;flex:1;background:#dce1d1}#focus .focus-photo{width:100%;aspect-ratio:1.3;margin-bottom:28px;border-radius:6px 70px 6px 6px}#focus .focusrow:nth-child(2) .focus-photo{border-radius:70px 6px 6px 6px}#focus .focusrow:nth-child(3) .focus-photo{border-radius:6px 6px 70px 6px}#focus .focusrow small{font-size:11px;margin-bottom:12px;color:#75806a}#focus .focusrow h3{font-size:27px;margin-bottom:20px}#focus .focusrow p{font-size:15px;line-height:1.9;color:#65705b;max-width:100%;margin:0}#focus .focus-photo img{transition:transform .5s}#focus .focusrow:hover img{transform:scale(1.035)}
#approach{background:var(--quiet);color:var(--ink);overflow:hidden}#approach .overline{color:#59634e}#approach .section-motif{color:#dfe6d3;transform:rotate(180deg)}#approach h2{position:relative;z-index:1}#approach .steps{gap:32px}#approach .step{padding-top:0;border:0;position:relative}#approach .step>span{display:flex;width:64px;height:64px;align-items:center;justify-content:center;background:var(--lemon);color:var(--ink);font:22px ui-monospace,monospace;border-radius:50%;margin-bottom:22px}#approach .step:nth-child(2)>span{border-radius:0 0 64px 0}#approach .step:nth-child(3)>span{border-radius:0;background:repeating-linear-gradient(45deg,transparent 0 9px,#cad8ad 9px 10px);border:1px solid #cad8ad}#approach .step-photo{height:250px;margin:0 0 27px;border-radius:4px}#approach .step h3{font-size:25px;margin:0 0 17px}#approach .step p{color:#66705c;font-size:15px;line-height:1.9;margin:0}
#cases{--orange:#52603d;--soft:#fff;--cream:#fff;--line:#dce2d0;background:#fff;border-top:0;padding:90px 60px 110px}#cases .section-kicker{font-size:11px;letter-spacing:1px;border-bottom-color:#dce2d0;font-weight:600}#cases .use-cases-heading{margin:40px 0 50px;display:flex;flex-direction:column;gap:0}#cases .mini-label{font-size:10px;letter-spacing:1.5px;color:#7e896f}#cases .use-cases-heading h2{font-size:66px;letter-spacing:-3px;margin-top:15px}#cases .use-case-grid{gap:26px}#cases .use-case-card{border:1px solid #dce2d0;border-radius:6px 36px 6px 6px;background:#fafbf7;padding:28px;transition:border-color .2s}#cases .use-case-card:hover{border-color:#a9bc79}#cases .use-case-meta{color:#6d7a5a;font-size:10px;letter-spacing:.8px}#cases .use-case-meta>svg{color:#202322;background:#e8ff32;width:37px;height:37px;padding:9px;border-radius:50%}#cases .use-case-card h3{letter-spacing:-.7px}#cases .use-case-card>p{color:#65705b;line-height:1.85}#cases .use-case-meta small{font-size:11px}
.footer.inquiry-footer{position:relative;overflow:hidden;padding:85px 60px 28px}.inquiry-footer .section-motif{right:315px;top:50px;width:230px;height:115px;color:#202322;opacity:.06;transform:rotate(90deg)}.inquiry-heading{position:relative;z-index:1}.inquiry-heading h2{font-size:58px;line-height:1.25}.inquiry-action{border-radius:6px 28px 6px 28px}.inquiry-footer .footerbottom{position:relative;margin-top:70px}
@media(min-width:1600px){header,.section,.pattern-hero,#cases,.footer.inquiry-footer{padding-left:max(60px,calc((100vw - 1480px)/2));padding-right:max(60px,calc((100vw - 1480px)/2))}header{margin:0}}
@media(max-width:1000px) and (min-width:761px){#focus .focuslist,.steps{gap:22px}#focus .focusrow h3{font-size:23px}#approach .step-photo{height:200px}.section h2,#cases .use-cases-heading h2{font-size:56px}.hero h1 .offer{font-size:36px}.hero h1 .fit{font-size:90px}.inquiry-heading h2{font-size:47px}}
@media(max-width:760px){header{height:80px}.pattern-hero{padding-top:35px;padding-bottom:20px;gap:0;min-height:0}.pattern-spacer{min-height:245px}.pattern-bg{top:auto;bottom:0;height:390px;width:760px;left:calc(50% - 550px);opacity:.85}.hero-copy{background:linear-gradient(white 75%,#ffffff00);padding-bottom:22px}.section{padding:65px 24px}.section h2,#cases .use-cases-heading h2{font-size:40px;letter-spacing:-1.8px;margin-bottom:35px}.section-motif{right:24px;top:38px;width:90px;height:45px;opacity:.5}#focus .focuslist{grid-template-columns:1fr;gap:38px}#focus .focusrow>.mono{margin-bottom:14px}#focus .focus-photo{aspect-ratio:1.5;margin-bottom:23px}#focus .focusrow h3{font-size:26px;margin-bottom:15px}#focus .focusrow p{font-size:14px}#approach .steps{gap:40px}#approach .step>span{width:49px;height:49px;font-size:17px;margin-bottom:18px}#approach .step-photo{height:auto;aspect-ratio:1.5;margin-bottom:23px}#approach .step p{font-size:14px}#approach .section-motif{display:none}#cases{padding:65px 24px}#cases .section-kicker{font-size:9px;letter-spacing:.5px}#cases .use-cases-heading{margin:32px 0 35px}#cases .use-cases-heading h2{margin-bottom:0}#cases .use-case-grid{gap:22px}#cases .use-case-card{padding:22px;border-radius:6px 28px 6px 6px}.footer.inquiry-footer{padding:60px 24px 25px}.inquiry-heading h2{font-size:36px;letter-spacing:-1.7px}.inquiry-footer .section-motif{right:10px;top:175px;width:160px;height:80px}.inquiry-footer .footerbottom{margin-top:60px}}
@media(prefers-reduced-motion:reduce){#focus .focus-photo img{transition:none}}