*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f4ef;color:#202322;font-family:"Apple SD Gothic Neo",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;margin:0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20232240}.logo{width:142px;display:block}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}.contact{background:#202322;color:#e8ff32;padding:14px 22px;border-radius:40px}.mono{font-family:monospace;font-size:11px;letter-spacing:1px}.hero{position:relative}h1{margin:0;letter-spacing:-6px;line-height:1.08;font-size:86px;font-weight:800}h1 em{font-style:normal}p{line-height:1.65;font-size:17px;letter-spacing:-.3px}.cta{display:inline-flex;padding:21px 27px;gap:65px;align-items:center;border:0;background:#e8ff32;color:#202322;font-weight:700;font-size:15px}.cta:hover{transform:translateY(-3px)}.sub{font-size:13px;margin-left:25px;border-bottom:1px solid;padding-bottom:6px}.stamp{font-family:monospace;font-size:11px;letter-spacing:1px}.section{padding:95px 60px}.overline{font-size:12px;letter-spacing:1px;font-weight:600}.section h2{font-size:62px;letter-spacing:-3px;margin:25px 0 45px;line-height:1.15}.focuslist{border-top:1px solid #202322}.focusrow{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;padding:30px 0;border-bottom:1px solid #20232235;align-items:start}.focusrow h3{font-size:27px;letter-spacing:-1px;margin:0}.focusrow small{font-size:11px;color:#687064;display:block;margin-bottom:12px}.focusrow p{margin:0;font-size:15px;max-width:470px}.approach{background:#202322;color:#f3f4ef}.approach .overline{color:#e8ff32}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #ffffff50;padding-top:23px}.step span{color:#e8ff32;font-size:12px}.step h3{font-size:25px;letter-spacing:-.8px}.step p{font-size:15px;color:#c1c8be}.cases{background:#e7e8e4}.case{padding:32px 0;border-top:1px solid #20232250;display:grid;grid-template-columns:.7fr 1fr 1fr;gap:24px}.case h3{font-size:23px;letter-spacing:-.8px;margin:17px 0}.case small{font-size:11px}.samplepane{background:#f9faf6;padding:24px;border:1px solid #20232220;min-height:165px}.samplepane.after{background:#202322;color:#e7e8e4}.samplepane b{display:block;margin:18px 0;font-size:20px;letter-spacing:-.5px}.samplepane p{font-size:13px;line-height:1.6;margin:0}.footer{background:#e8ff32;padding:70px 60px 28px}.footer h2{font-size:54px;letter-spacing:-2px;margin:0 0 30px}.footerbottom{margin-top:65px;padding-top:22px;border-top:1px solid #20232240;display:flex;justify-content:space-between;font-size:11px}.imagecaption{font-size:10px;color:#7a8174;margin-top:8px}@media(max-width:760px){header{margin:0 24px;height:80px}.logo{width:112px}nav>a:not(.contact){display:none}nav{gap:0}.contact{font-size:11px;padding:12px 16px}h1{font-size:47px;letter-spacing:-2.4px}.section{padding:65px 24px}.section h2{font-size:40px;letter-spacing:-1.8px}.focusrow{grid-template-columns:30px 1fr;gap:15px}.focusrow p{grid-column:2}.steps{grid-template-columns:1fr;gap:26px}.case{grid-template-columns:1fr}.footer{padding:50px 24px 24px}.footer h2{font-size:36px}.footerbottom{gap:20px}.sub{display:inline-block;margin-left:15px}.cta{gap:25px;padding:18px 21px}.footerbottom span{max-width:50%}}
body{background:#eeefe9}header{background:#eeefe9}.hero{padding:48px 60px 45px;min-height:730px;background-image:radial-gradient(#20232225 1px,transparent 1px);background-size:22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:72px;letter-spacing:-4px;margin-top:36px;line-height:1.12}.hero h1 .fit{display:block;font-size:103px;color:#202322;letter-spacing:-6px;margin:8px 0 18px}.fit span{background:#e8ff32;box-shadow:10px 0 #e8ff32,-8px 0 #e8ff32}.hero h1 .offer{font-size:51px;letter-spacing:-2.7px;display:block;white-space:nowrap}.hero p{max-width:400px;font-size:16px;margin:31px 0 29px}.desk{position:relative;margin-top:5px;min-height:575px}.window{position:absolute;border:1px solid #202322;background:#fff;box-shadow:9px 9px 0 #20232215;transition:transform .2s}.window:hover{transform:rotate(0) translateY(-7px);z-index:10}.windowbar{padding:12px 15px;border-bottom:1px solid #202322;display:flex;justify-content:space-between;font-family:monospace;font-size:11px}.wbody{padding:24px}.wbody h3{font-size:25px;letter-spacing:-1px;margin:0 0 20px}.w1{left:0;top:30px;width:360px;transform:rotate(-4deg)}.w2{right:0;top:220px;width:390px;transform:rotate(4deg);background:#202322;color:#fff}.w3{left:12px;top:435px;width:215px;transform:rotate(-6deg);background:#e8ff32}.w3 .wbody{padding:17px;font-weight:700;font-size:18px}.sheet{border-collapse:collapse;font-size:11px;width:100%}.sheet td{padding:10px;border:1px solid #cfd4c9}.chart{display:flex;height:90px;gap:15px;align-items:end;margin:30px 0 14px;border-bottom:1px solid #919d80;padding:0 15px}.chart i{background:#e8ff32;width:35px}.chartnote{font-size:11px;color:#bac4af}.floating{position:absolute;right:4px;top:5px;font-family:monospace;font-size:11px;border:1px solid #202322;padding:7px 12px;border-radius:40px;background:#eeefe9}.cursor{position:absolute;right:20px;bottom:65px;background:#e8ff32;border:1px solid #202322;border-radius:0 20px 20px 20px;padding:12px 18px;font-size:12px;font-weight:700}.focusrow:hover h3{color:#657700}.section{border-top:1px solid #20232225}@media(max-width:760px){.hero{padding:40px 24px;grid-template-columns:1fr;min-height:1000px}.hero h1{font-size:46px;letter-spacing:-2px}.hero h1 .fit{font-size:77px;letter-spacing:-4px}.hero h1 .offer{font-size:32px;letter-spacing:-1.6px}.hero p{font-size:14px}.desk{min-height:440px}.w1{width:240px;left:0;top:10px}.w2{width:265px;top:160px;right:0}.wbody{padding:16px}.wbody h3{font-size:20px}.w3{top:325px;left:0;width:165px}.w3 .wbody{font-size:14px}.floating{top:-20px;font-size:9px}.cursor{bottom:12px;right:0;font-size:10px}.chart{height:60px;margin:20px 0 12px}}
body{background:#fff}header{background:#fff;border-bottom-color:#20232215}nav .contact{background:#e8ff32;color:#202322}.hero{background:#fff;background-image:none;padding-top:65px;padding-bottom:65px;gap:65px;min-height:735px}.hero>.desk{background:#e8ff32;border-radius:50% 48% 45% 50%;margin-top:5px;min-height:535px}.hero .stamp{font-family:"Apple SD Gothic Neo",sans-serif;font-size:12px;letter-spacing:2px;color:#717b64}.hero h1{font-size:61px;font-weight:700;margin-top:32px}.hero h1 .fit{font-size:112px;letter-spacing:-7px;line-height:1.2;margin-top:8px;margin-bottom:14px}.fit span{background:#e8ff32;box-shadow:12px 0 #e8ff32,-8px 0 #e8ff32}.hero h1 .offer{font-size:49px}.hero .cta{background:#e8ff32!important;color:#202322!important;border-radius:40px;padding:21px 28px}.hero p{color:#515b49;font-size:17px;margin-bottom:35px}.hero .w1{width:335px;top:40px;left:-15px;transform:rotate(-5deg)}.hero .w2{width:335px;right:-3px;top:225px;transform:rotate(6deg);background:#fff;color:#202322}.hero .window{border:0;box-shadow:0 12px 30px #20232216;border-radius:13px;overflow:hidden}.hero .windowbar{background:#f5f8eb;border-bottom:1px solid #edf0e6;padding:13px 18px}.hero .chart{border-bottom-color:#d7dfc9}.hero .chart i{background:#202322}.hero .chartnote{color:#68725c}.hero .sheet td{border-color:#e4e9dc}.hero .w3{width:220px;left:0;top:398px;transform:rotate(-8deg);background:white}.hero .w3 img{width:100%;height:125px;object-fit:cover;display:block}.photo-label{padding:13px 15px;font-size:12px;font-weight:700}.hero .floating{top:10px;right:17px;background:#fff;border:0;box-shadow:0 3px 10px #0001;font-family:sans-serif;font-size:10px}.hero .cursor{background:#202322;color:#e8ff32;border:0;right:3px;bottom:15px;border-radius:30px;padding:13px 20px}.section{background:#fff;border-top:1px solid #20232218}.section h2{font-size:68px;letter-spacing:-3px}.section .overline{font-size:12px;letter-spacing:1px;color:#747d69}.focusrow{border-color:#20232220}.focusrow:hover{background:#f7ffe2}.focuslist{border-top:2px solid #202322}.approach{background:#e8ff32;color:#202322}.approach .overline{color:#202322}.step{border-top:1px solid #20232245}.step span{color:#202322}.step p{color:#46522e}.cases{background:#fff}.samplepane{background:#f8faef;border:1px solid #e6ebdc;border-radius:13px}.samplepane.after{background:#e8ff32;color:#202322;border:0}.case{border-color:#20232220}.footer{background:#fff;border-top:12px solid #e8ff32}.footer .cta{background:#e8ff32!important;color:#202322!important;border-radius:40px}.mono,.stamp{font-family:"Apple SD Gothic Neo",sans-serif}.footerbottom{border-color:#20232220}@media(max-width:760px){.hero{padding:40px 24px 55px;gap:50px;min-height:1050px}.hero h1{font-size:43px;letter-spacing:-2px}.hero h1 .fit{font-size:85px;letter-spacing:-5px}.hero h1 .offer{font-size:32px;letter-spacing:-1.6px}.hero p{font-size:15px}.hero>.desk{min-height:445px;width:100%}.hero .w1{left:0;top:25px;width:238px}.hero .w2{right:0;top:175px;width:245px}.hero .w3{left:0;top:300px;width:155px}.hero .w3 img{height:85px}.hero .cursor{font-size:10px;bottom:5px;right:0}.hero .floating{right:7px;top:3px;font-size:9px}.section h2{font-size:40px}}
.hero>.photo-stage{position:relative;min-height:535px;background:#e8ff32;border-radius:49% 48% 45% 47%;margin-top:5px}.field-photo{position:absolute;top:37px;left:-4px;width:calc(100% + 5px);height:335px;transform:rotate(-3deg);border:9px solid white;border-radius:25px;overflow:hidden;box-shadow:0 15px 40px #20232218}.field-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 53%}.result-shot{position:absolute;background:#fff;border:7px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #20232224}.result-shot img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.shot-one{width:305px;height:195px;left:-18px;top:337px;transform:rotate(-7deg)}.shot-two{width:290px;height:184px;right:-8px;top:364px;transform:rotate(6deg)}@media(max-width:760px){.hero>.photo-stage{min-height:370px}.field-photo{top:25px;left:0;width:100%;height:220px;border:6px solid #fff;border-radius:18px}.shot-one{width:185px;height:120px;top:215px;left:-3px;border:5px solid #fff;border-radius:12px}.shot-two{width:180px;height:115px;top:249px;right:-3px;border:5px solid #fff;border-radius:12px}.hero{min-height:unset;gap:40px}}
/* Hero: assembling brand modules */
.hero>/* Interlocking organic sculpture */
.sculpture-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:535px;background:transparent;border-radius:0}.sculpture{width:100%;max-width:660px}.sculpture svg{display:block;width:100%;overflow:visible}.sculpture-float{animation:sculpture-float 7s ease-in-out infinite;transform-origin:320px 280px}.white-loop,.white-bridge{animation:white-fit 9s cubic-bezier(.45,0,.25,1) infinite}.lemon-loop{animation:lemon-fit 9s cubic-bezier(.45,0,.25,1) infinite}.sculpture-shadow{animation:sculpture-shadow 7s ease-in-out infinite;transform-origin:328px 478px}@keyframes sculpture-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(-3deg)}}@keyframes white-fit{0%,100%{transform:translate(-11px,8px)}30%,75%{transform:translate(0,0)}}@keyframes lemon-fit{0%,100%{transform:translate(15px,-14px)}30%,75%{transform:translate(0,0)}}@keyframes sculpture-shadow{0%,100%{opacity:.12;transform:scaleX(1)}50%{opacity:.08;transform:scaleX(.9)}}@media(max-width:760px){.hero>.sculpture-stage{min-height:320px}.sculpture{max-width:410px}.hero{gap:18px}}@media(prefers-reduced-motion:reduce){.sculpture-float,.white-loop,.white-bridge,.lemon-loop,.sculpture-shadow{animation:none}}
/* Original personal-site photos, assigned to their original topics */
.focusrow{grid-template-columns:36px 290px .85fr 1fr;gap:30px;align-items:center;padding:30px 0}.focus-photo,.step-photo,.contact-photo{margin:0}.focus-photo{overflow:hidden;border-radius:16px;aspect-ratio:1.5}.focus-photo img{width:100%;height:100%;object-fit:cover;display:block}.focusrow:first-child .focus-photo img{object-position:50% 80%}.focusrow:nth-child(3) .focus-photo img{object-position:60% 45%}.focusrow h3{font-size:26px}.focusrow p{font-size:15px}.step-photo{height:240px;border-radius:15px;overflow:hidden;margin-top:22px;margin-bottom:25px}.step-photo img{width:100%;height:100%;object-fit:cover;display:block}.step:first-child .step-photo img{object-position:65% 45%}.step:nth-child(2) .step-photo img{object-position:40% 50%}.step:nth-child(3) .step-photo img{object-position:50% 24%}.footer{display:grid;grid-template-columns:1fr 340px;gap:25px 70px;align-items:center}.contact-photo{background:#f2f6e8;border-radius:24px;overflow:hidden;max-width:340px}.contact-photo img{width:100%;height:300px;object-fit:cover;object-position:50% 35%;display:block}.contact-photo figcaption{padding:17px 20px;font-size:12px;background:#e8ff32}.footerbottom{grid-column:1/-1;width:100%;margin-top:35px}@media(max-width:1000px) and (min-width:761px){.focusrow{grid-template-columns:28px 220px 1fr;gap:20px}.focusrow p{grid-column:3}.footer{grid-template-columns:1fr 280px;gap:35px}.step-photo{height:195px}}@media(max-width:760px){.focusrow{grid-template-columns:30px 1fr;gap:18px;align-items:start}.focus-photo{grid-column:2;width:100%;aspect-ratio:1.45}.focusrow>div,.focusrow>p{grid-column:2}.step-photo{height:auto;aspect-ratio:1.5}.footer{display:block}.contact-photo{width:100%;max-width:340px;margin:38px 0}.footerbottom{margin-top:35px}.contact-photo img{height:300px}}
.focusrow p,.step p{word-break:keep-all}
/* Source-site case visuals */
.case{grid-template-columns:.7fr 1fr 1fr;align-items:start;padding:42px 0}.samplepane{padding:0 0 24px;overflow:hidden}.case-image{display:block;background:#fff;border-bottom:1px solid #20232212}.case-image img{display:block;width:100%;height:285px;object-fit:contain}.samplepane>b,.samplepane>p{margin-left:24px;margin-right:24px}.samplepane>p{word-break:keep-all}.case-image:hover{filter:brightness(.98)}@media(max-width:760px){.case{grid-template-columns:1fr;gap:18px}.case-image img{height:auto;max-height:340px}.samplepane>b,.samplepane>p{margin-left:20px;margin-right:20px}.samplepane{padding-bottom:22px}}
/* CTA: choose a meaningful starting point, without a portrait */
.footer.inquiry-footer{display:block;background:#e8ff32;border-top:0;padding:90px 60px 28px}.inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:45px}.inquiry-heading h2{font-size:64px;line-height:1.2;letter-spacing:-3px;margin:0;word-break:keep-all}.inquiry-action{display:flex;align-items:center;justify-content:center;gap:35px;flex-shrink:0;padding:22px 32px;border:0;border-radius:999px;background:#202322;color:#e8ff32;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.inquiry-action span{font-size:24px}.inquiry-action:hover{background:#343936}.inquiry-action:focus-visible{outline:3px solid #202322;outline-offset:5px}.inquiry-footer .footerbottom{margin-top:85px;padding-top:25px;align-items:center;font-size:12px;border-color:#20232235}.inquiry-footer .footerbottom .logo{width:125px}@media(max-width:760px){.footer.inquiry-footer{padding:60px 24px 25px}.inquiry-heading{display:block}.inquiry-heading h2{font-size:37px;letter-spacing:-1.7px;line-height:1.3}.inquiry-action{margin-top:32px;padding:18px 26px;font-size:15px;gap:28px}.inquiry-footer .footerbottom{margin-top:60px;display:flex;justify-content:space-between}.inquiry-footer .footerbottom .logo{width:105px}}