:root{--color-bg:#fffdf5;--color-surface:#fff;--color-ink:#111;--color-muted:#5c5c54;--color-yellow:#ffd600;--color-yellow-soft:#fff2a8;--color-line:#171717;--color-focus:#005fcc;--container:1200px;--section-space:clamp(5.25rem, 9vw, 8.75rem);--radius:20px;--shadow:7px 7px 0 var(--color-ink)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}::selection{background:var(--color-yellow);color:var(--color-ink)}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1.5px}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h1,h2,h3,p,dl,dd,ul,ol{margin-top:0}h1,h2,h3{letter-spacing:-.045em;margin-bottom:0;font-weight:800;line-height:1.08}h1{font-size:clamp(2.75rem,6.7vw,6rem);line-height:.98}h2{font-size:clamp(2.2rem,4.6vw,4.35rem);line-height:1.04}h3{font-size:clamp(1.45rem,2.6vw,2rem)}mark{z-index:0;color:inherit;background:0 0;padding:0 .06em;position:relative}mark:after{z-index:-1;background:var(--color-yellow);content:"";height:.35em;position:absolute;bottom:.06em;left:-.04em;right:-.04em;transform:rotate(-1deg)}.container{width:min(calc(100% - 3rem), var(--container));margin-inline:auto}.section{padding-block:var(--section-space);scroll-margin-top:5.25rem;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;border:2px solid var(--color-ink);background:var(--color-yellow);color:var(--color-ink);padding:.75rem 1rem;font-weight:800;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:100;border-bottom:1.5px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf5f0;position:sticky;top:0}.header-inner{align-items:center;gap:1.5rem;width:min(100% - 2.5rem,1320px);min-height:76px;margin-inline:auto;display:flex}.brand{color:var(--color-ink);letter-spacing:-.02em;flex:none;align-items:center;gap:.65rem;font-size:.95rem;font-weight:900;text-decoration:none;display:inline-flex}.brand b{letter-spacing:.05em;font-size:.66rem}.brand-mark{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-yellow);width:37px;box-shadow:3px 3px 0 var(--color-ink);border-radius:9px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;line-height:1;display:grid}.desktop-nav{align-items:center;gap:clamp(1rem,2vw,2rem);margin-left:auto;display:flex}.desktop-nav a{color:#35352f;min-height:48px;padding-block:.75rem;font-size:.82rem;font-weight:750;text-decoration:none;position:relative}.desktop-nav a:after{background:var(--color-yellow);content:"";transform-origin:100%;height:3px;transition:transform .18s;position:absolute;bottom:.55rem;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.desktop-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.button{border:2px solid var(--color-ink);background:var(--color-ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;min-height:52px;padding:.8rem 1.4rem;font-size:.9rem;font-weight:850;line-height:1.2;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{box-shadow:4px 4px 0 var(--color-yellow);transform:translate(-2px,-2px)}.button--small{min-height:46px;padding-inline:1.2rem;font-size:.78rem}.button--primary{min-height:58px;box-shadow:5px 5px 0 var(--color-yellow);padding-inline:1.65rem}.button--yellow{background:var(--color-yellow);color:var(--color-ink)}.button--yellow:hover{background:#ffe13d;box-shadow:5px 5px #fff}.hero{background:linear-gradient(90deg,#0000 49.95%,#1111110e 50%,#0000 50.05%) 0 0/100% 100%,linear-gradient(#11111109 1px,#0000 1px) 0 0/100% 42px;align-items:center;min-height:min(850px,100svh - 76px);padding-block:clamp(3rem,5vw,5.5rem);display:flex;overflow:hidden}.hero:after{z-index:-1;aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-yellow);content:"";width:48vw;min-width:470px;position:absolute;bottom:-20vw;right:-10vw;transform:rotate(14deg)}.hero-shape--dots{opacity:.42;background-image:radial-gradient(var(--color-ink) 2px, transparent 2px);background-size:15px 15px;width:95px;height:95px;position:absolute;top:8%;left:2%}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(3rem,6vw,6.5rem);display:grid}.hero-copy,.hero-visual{min-width:0;max-width:100%}.hero-copy{overflow-wrap:anywhere}.eyebrow,.section-kicker{color:#393932;letter-spacing:.04em;align-items:center;gap:.75rem;margin-bottom:1.45rem;font-size:.74rem;font-weight:800;display:flex}.eyebrow span,.section-kicker span{border:1.5px solid var(--color-ink);background:var(--color-yellow);min-height:28px;color:var(--color-ink);letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;padding:.25rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.63rem;font-weight:850;display:inline-flex}.hero h1{max-width:780px;font-size:clamp(3rem,5.35vw,5.2rem)}.hero-lead{color:#404039;max-width:610px;margin:1.55rem 0 0;font-size:clamp(1rem,1.35vw,1.16rem);font-weight:550;line-height:1.9}.hero-actions{align-items:center;gap:1.5rem;margin-top:1.75rem;display:flex}.text-link{align-items:center;gap:.65rem;min-height:48px;font-size:.88rem;font-weight:800;display:inline-flex}.hero-note{color:var(--color-muted);margin:1rem 0 0;font-size:.78rem}.hero-note span{color:#1d9b5f;margin-right:.4rem}.hero-visual{border:2px solid var(--color-ink);box-shadow:11px 11px 0 var(--color-ink);background:#fff;border-radius:24px;padding:2.25rem 1.5rem 1.5rem;position:relative;transform:rotate(1.5deg)}.hero-card-label{z-index:2;border:2px solid var(--color-ink);background:var(--color-yellow);justify-content:space-between;align-items:center;gap:1rem;min-width:190px;min-height:52px;padding:.65rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;top:-1.35rem;left:1.5rem}.hero-card-label span{letter-spacing:.08em;font-size:.58rem;font-weight:800}.hero-card-label strong{font-size:1rem}.hero-project-list{gap:.3rem;margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:700;display:grid}.spark{z-index:3;aspect-ratio:1;border:2px solid var(--color-ink);background:#fff;border-radius:50%;place-items:center;width:48px;font-size:1.5rem;display:grid;position:absolute}.spark--one{top:12%;right:-1.75rem}.spark--two{background:var(--color-yellow);width:40px;font-size:1.15rem;bottom:-1.8rem;right:18%}.browser-frame{border:2px solid var(--color-ink);box-shadow:var(--shadow);background:#ecebe7;border-radius:15px;position:relative;overflow:hidden}.browser-frame--hero{box-shadow:4px 4px 0 var(--color-ink);border-radius:11px}.browser-bar{border-bottom:2px solid var(--color-ink);background:#fff;align-items:center;gap:.36rem;height:38px;padding-inline:.75rem;display:flex}.browser-bar>span{aspect-ratio:1;border:1.5px solid var(--color-ink);border-radius:50%;width:8px}.browser-bar>span:first-child{background:var(--color-yellow)}.browser-address{color:#64645d;text-align:center;letter-spacing:.08em;border:1px solid #bdbdb6;border-radius:999px;min-width:110px;margin-left:auto;padding:.18rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.48rem;font-weight:750}.browser-screen{aspect-ratio:1.44;background:#f2f1ec;overflow:hidden}.browser-screen img{object-fit:cover;object-position:top center;width:100%;height:100%}.trust-strip{border-block:2px solid var(--color-ink);background:var(--color-ink);color:#fff}.trust-strip dl{grid-template-columns:repeat(4,1fr);margin:0;display:grid}.trust-strip dl>div{border-left:1px solid #454545;min-height:112px;padding:1.4rem 1.7rem}.trust-strip dl>div:last-child{border-right:1px solid #454545}.trust-strip dt{color:#aaa;letter-spacing:.12em;margin-bottom:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.59rem;font-weight:800}.trust-strip dd{margin:0;font-size:.9rem;font-weight:700}.trust-strip dd strong{color:var(--color-yellow);margin-right:.2rem;font-size:1.65rem;font-weight:900}.trust-strip dd span{color:#c7c7bf;margin-top:.15rem;font-size:.66rem;font-weight:650;line-height:1.45;display:block}.section-intro{max-width:820px;margin-bottom:clamp(3.25rem,6vw,5.5rem)}.section-intro--split{grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);align-items:center;gap:clamp(3rem,8vw,8rem);max-width:none;display:grid}.section-intro--align-end{align-items:end}.section-intro--split>p{color:var(--color-muted);margin:2.6rem 0 0;font-size:1rem;line-height:1.9}.section-kicker{margin-bottom:1.25rem}.project-route{border-block:2px solid var(--color-ink);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(5rem,8vw,8rem);display:grid;position:relative}.project-route:before{z-index:1;background:var(--color-ink);content:"";height:2px;position:absolute;top:50%;left:2rem;right:2rem}.project-route a{z-index:2;border-left:1px solid var(--color-ink);background:var(--color-bg);grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:0 1rem;min-height:138px;padding:1.35rem 1.5rem;text-decoration:none;transition:background .16s;display:grid;position:relative}.project-route a:last-child{border-right:1px solid var(--color-ink)}.project-route a:hover{background:var(--color-yellow-soft)}.project-route a>span{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-yellow);border-radius:50%;grid-row:1/3;place-items:center;width:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:850;display:grid}.project-route strong{font-size:.92rem}.project-route small{color:var(--color-muted);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem}.case-list{gap:clamp(7rem,13vw,12rem);display:grid}.case-study{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(3rem,7vw,7.5rem);scroll-margin-top:7rem;display:grid}.case-study--reverse{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.case-study--reverse .case-copy{order:2}.case-study--reverse .case-visual{order:1}.case-heading-row{align-items:center;gap:1.1rem;margin-bottom:1.4rem;display:flex}.case-number{color:var(--color-yellow);-webkit-text-stroke:1.6px var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:3.35rem;font-weight:900;line-height:1}.case-label{letter-spacing:.08em;align-items:center;gap:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;font-weight:800;display:inline-flex}.case-label i{aspect-ratio:1;background:#1c9a5d;border-radius:50%;width:8px;box-shadow:0 0 0 4px #dff7eb}.case-copy h3{font-size:clamp(2rem,3.4vw,3.35rem)}.case-summary{margin:1.35rem 0 0;font-size:1.06rem;font-weight:750;line-height:1.75}.case-description{color:var(--color-muted);margin:1rem 0 0;font-size:.92rem;line-height:1.85}.case-responsibilities{border:2px solid var(--color-ink);background:var(--color-yellow);box-shadow:4px 4px 0 var(--color-ink);border-radius:14px;margin-top:1.5rem;padding:1.25rem 1.4rem}.case-responsibilities>p:nth-child(2){margin:-.25rem 0 .9rem;font-size:.9rem;font-weight:850}.case-responsibilities ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.case-responsibilities li{border:1px solid var(--color-ink);background:#fff;border-radius:999px;padding:.26rem .58rem;font-size:.63rem;font-weight:750}.case-facts{border:1.5px solid var(--color-ink);background:#fff;border-radius:14px;margin-top:1.5rem;padding:1.25rem 1.4rem}.mini-label{letter-spacing:.08em;margin-bottom:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.63rem;font-weight:850}.case-facts ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.case-facts li{padding-left:1.3rem;font-size:.8rem;font-weight:650;line-height:1.65;position:relative}.case-facts li:before{border:1px solid var(--color-ink);background:var(--color-yellow);content:"";width:7px;height:7px;position:absolute;top:.55em;left:0}.tag-list{flex-wrap:wrap;gap:.45rem;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:#45453f;background:#ebeae4;border-radius:999px;padding:.3rem .65rem;font-size:.65rem;font-weight:700}.external-link{align-items:center;gap:.75rem;min-height:48px;margin-top:1.35rem;font-size:.83rem;font-weight:850;display:inline-flex}.external-link>span[aria-hidden]{aspect-ratio:1;border:1.5px solid var(--color-ink);background:var(--color-yellow);border-radius:50%;place-items:center;width:30px;transition:transform .16s;display:grid}.external-link:hover>span[aria-hidden]{transform:rotate(45deg)}.case-visual{position:relative}.case-visual:before{z-index:-1;border:2px solid var(--color-ink);background:var(--color-yellow);content:"";width:75%;height:75%;position:absolute;bottom:-1.5rem;right:-1.6rem}.visual-stamp{aspect-ratio:1;border:2px solid var(--color-ink);text-align:center;background:#fff;border-radius:50%;place-items:center;width:78px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:900;line-height:1.3;display:grid;position:absolute;bottom:-2rem;right:-2.25rem;transform:rotate(8deg)}.section--yellow{border-block:2px solid var(--color-ink);background:var(--color-yellow)}.section--yellow mark:after{background:#fff}.capability-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.capability-card{border:2px solid var(--color-ink);border-radius:var(--radius);min-height:320px;box-shadow:6px 6px 0 var(--color-ink);background:#fff;padding:1.5rem;transition:transform .18s,box-shadow .18s;position:relative}.capability-card:hover{box-shadow:8px 10px 0 var(--color-ink);transform:translate(-2px,-4px)}.capability-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:850}.capability-icon{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-yellow);border-radius:50%;place-items:center;width:62px;margin:2.3rem 0 1.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;font-weight:900;display:grid}.capability-card h3{font-size:1.35rem}.capability-card p{color:var(--color-muted);margin:1rem 0 0;font-size:.84rem;line-height:1.8}.delivery-stack{border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--color-ink);background:#fff;margin-top:2.5rem;padding:clamp(1.5rem,3vw,2.25rem)}.delivery-stack>.mini-label{margin-bottom:.35rem}.delivery-stack>h3{font-size:clamp(1.25rem,2vw,1.65rem)}.delivery-stack dl{border-block:1.5px solid var(--color-ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 0;display:grid}.delivery-stack dl>div{border-left:1px solid #11111159;min-width:0;padding:1rem}.delivery-stack dl>div:last-child{border-right:1px solid #11111159}.delivery-stack dt{letter-spacing:.08em;margin-bottom:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;font-weight:850}.delivery-stack dd{overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:750;line-height:1.6}.figma-handoff{border:1.5px solid var(--color-ink);background:var(--color-yellow-soft);border-radius:14px;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.35rem;display:grid}.figma-handoff h4{margin:0;font-size:1.08rem;line-height:1.45}.figma-handoff-copy>p:last-child{color:var(--color-muted);margin:.65rem 0 0;font-size:.76rem;line-height:1.75}.figma-handoff ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;margin:0;padding:0;list-style:none;display:grid}.figma-handoff li{padding-left:1.15rem;font-size:.72rem;font-weight:750;line-height:1.6;position:relative}.figma-handoff li:before{color:var(--color-ink);content:"✓";font-weight:900;position:absolute;top:0;left:0}.figma-handoff-note{color:var(--color-muted);grid-column:1/-1;margin:0;font-size:.65rem;line-height:1.6}.quality{border-bottom:2px solid var(--color-ink);background:var(--color-ink);color:#fff;overflow:hidden}.quality:before{aspect-ratio:1;content:"";opacity:.82;pointer-events:none;border:1px solid #535353;border-radius:50%;width:350px;position:absolute;top:-9rem;left:auto;right:-10rem;box-shadow:0 0 0 55px #0000,0 0 0 56px #353535,0 0 0 110px #0000,0 0 0 111px #2b2b2b}.quality-grid{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);align-items:center;gap:clamp(4rem,9vw,9rem);display:grid;position:relative}.section-kicker--dark{color:#d6d6ce}.quality mark:after{background:var(--color-yellow)}.quality-lead{color:#c6c6bd;max-width:650px;margin:2rem 0 0;font-size:1rem;line-height:2}.quality-panel{border-radius:var(--radius);box-shadow:8px 8px 0 var(--color-yellow);background:#1d1d1d;border:2px solid #fff;padding:clamp(1.5rem,4vw,2.5rem);position:relative}.quality-panel ul{border-top:1px solid #4b4b4b;margin:0;padding:0;list-style:none}.quality-panel li{border-bottom:1px solid #4b4b4b;grid-template-columns:42px 1fr;align-items:center;min-height:61px;padding-block:.9rem;font-size:.9rem;font-weight:700;display:grid}.quality-panel li span{color:var(--color-yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.security-note{color:#d2d2ca;margin:1.3rem 0 0;font-size:.72rem}.security-note span{color:var(--color-yellow);margin-right:.5rem}.process{background:#fff}.process-list{border:2px solid var(--color-ink);border-radius:var(--radius);background:var(--color-bg);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.process-list li{border-right:1.5px solid var(--color-ink);min-height:285px;padding:clamp(1.5rem,3vw,2.5rem);position:relative}.process-list li:last-child{border-right:0}.process-list li>span{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-yellow);border-radius:50%;place-items:center;width:45px;margin-bottom:3.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:900;display:grid}.process-list li:not(:last-child):after{z-index:2;background:var(--color-bg);content:"→";place-items:center;width:1.2rem;height:1.2rem;font-size:1.2rem;font-weight:900;display:grid;position:absolute;top:3.65rem;right:-.6rem}.process-list h3{font-size:1.35rem}.process-list p{color:var(--color-muted);margin:1rem 0 0;font-size:.85rem;line-height:1.85}.profile{border-block:2px solid var(--color-ink);background:var(--color-yellow-soft)}.profile-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(4rem,9vw,8rem);max-width:1040px;display:grid}.profile-visual{position:relative}.profile-image-wrap{border:2px solid var(--color-ink);border-radius:var(--radius);background:var(--color-yellow);box-shadow:var(--shadow);position:relative;overflow:hidden;transform:rotate(-1.5deg)}.profile-image-wrap:after{content:"";pointer-events:none;border:8px solid #ffffff38;position:absolute;inset:0}.profile-image-wrap img{aspect-ratio:4/5;object-fit:cover;width:100%}.profile-visual>p{letter-spacing:.08em;justify-content:space-between;margin:1.15rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:800;display:flex}.profile-visual>p span{color:var(--color-muted);letter-spacing:0;font-family:inherit}.profile-copy>p:not(.section-kicker){max-width:600px;color:var(--color-muted);margin:1.25rem 0 0;font-size:.94rem;line-height:1.95}.profile-copy .profile-lead{color:var(--color-ink);margin-top:2rem;font-size:1.06rem;font-weight:750}.availability-list{border-top:2px solid var(--color-ink);margin:2rem 0 0;display:grid}.availability-list>div{border-bottom:1px solid #11111173;grid-template-columns:95px 1fr;align-items:center;gap:1rem;min-height:70px;padding-block:.85rem;display:grid}.availability-list dt{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:850}.availability-list dd{margin:0}.availability-list strong{font-size:.88rem;display:block}.availability-list span{color:var(--color-muted);margin-top:.12rem;font-size:.7rem;display:block}.tool-list{flex-wrap:wrap;gap:.55rem;margin-top:2rem;display:flex}.tool-list span{border:1.5px solid var(--color-ink);background:#fff;border-radius:999px;padding:.45rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:800}.cat-story{border-bottom:2px solid var(--color-ink);color:var(--color-ink);background:#fff8d5;position:relative;overflow:hidden}.cat-story:before,.cat-story:after{aspect-ratio:1;border:3px solid var(--color-ink);content:"";opacity:.12;border-radius:50%;width:clamp(110px,16vw,220px);position:absolute}.cat-story:before{box-shadow:inset 0 0 0 28px var(--color-yellow);top:-5rem;right:-4rem}.cat-story:after{background:var(--color-ink);bottom:1rem;left:-5rem}.cat-story-intro{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);align-items:end;gap:clamp(2rem,7vw,7rem);display:grid;position:relative}.cat-story-intro h2{margin-top:1.1rem}.cat-story-intro>p:last-child{color:#4e4e48;max-width:540px;margin:0 0 .5rem;font-size:.94rem;line-height:1.9}.cat-walkway{--cat-one-left:5%;--cat-two-left:-8%;--cat-three-left:-20%;--cat-one-lift:0px;--cat-two-lift:0px;--cat-three-lift:0px;z-index:1;border:3px solid var(--color-ink);box-shadow:10px 10px 0 var(--color-ink);background:#fff;margin-top:clamp(3rem,7vw,5.5rem);position:relative;overflow:hidden}.cat-walkway__sky{border-bottom:3px solid var(--color-ink);background:var(--color-ink);min-height:48px;color:var(--color-yellow);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:900;display:flex}.cat-walkway__scene{background-color:var(--color-yellow);background-image:radial-gradient(#1111112e 1.5px,#0000 1.5px),linear-gradient(#ffffff73,#0000 55%);background-size:22px 22px,100% 100%;height:clamp(340px,42vw,520px);position:relative;overflow:hidden}.cat-walkway__scene:before{aspect-ratio:1;border:3px solid var(--color-ink);content:"";background:#fff;border-radius:50%;width:clamp(130px,18vw,220px);position:absolute;bottom:9%;right:7%;box-shadow:7px 7px #11111138}.cat-walkway__scene:after{border-top:3px solid var(--color-ink);content:"";background:#fffdf3;height:18%;position:absolute;bottom:0;left:-4%;right:-4%;transform:rotate(-1deg)}.cat-path{z-index:1;border:3px solid #11111147;border-top:0;border-left:0;border-radius:50%;width:20px;height:10px;position:absolute;bottom:15%;transform:rotate(18deg)}.cat-path--one{left:14%}.cat-path--two{bottom:19%;left:31%;transform:rotate(-15deg)}.cat-path--three{left:48%}.cat-walker{--cat-lift:0px;z-index:4;width:clamp(92px,13vw,160px);transform:translate3d(-50%, var(--cat-lift), 0);will-change:left, transform;margin:0;transition:left 80ms linear;position:absolute;bottom:14%;left:0}.cat-walker img{filter:drop-shadow(5px 6px #1111112e);width:100%;height:auto;image-rendering:pixelated;transform-origin:50% 100%;display:block}.cat-walker--one{--cat-lift:var(--cat-one-lift);left:var(--cat-one-left)}.cat-walker--two{--cat-lift:var(--cat-two-lift);left:var(--cat-two-left);z-index:3;width:clamp(80px,11vw,138px);bottom:13%}.cat-walker--three{--cat-lift:var(--cat-three-lift);left:var(--cat-three-left);z-index:2;width:clamp(70px,9.5vw,120px);bottom:12%}.cat-walker--two img{filter:sepia(.9)saturate(1.45)hue-rotate(335deg)brightness(1.18)drop-shadow(5px 6px #11111126)}.cat-walker--three img{filter:grayscale()brightness(1.45)contrast(.82)drop-shadow(5px 6px #11111124)}.cat-walkway[data-moving=true] .cat-walker img{animation:.48s steps(2,end) infinite cat-step}.cat-walkway[data-moving=true] .cat-walker--two img{animation-delay:-160ms}.cat-walkway[data-moving=true] .cat-walker--three img{animation-delay:-320ms}@keyframes cat-step{50%{transform:translateY(-5px)rotate(-1.5deg)}}.cat-thought{z-index:2;border:2px solid var(--color-ink);width:max-content;color:var(--color-ink);opacity:0;background:#fff;padding:.42rem .62rem;font-size:.62rem;font-weight:900;transition:opacity .18s,transform .18s;position:absolute;bottom:88%;left:58%;transform:translateY(7px)rotate(-2deg)}.cat-thought:after{border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);content:"";background:#fff;width:8px;height:8px;position:absolute;top:100%;left:18px;transform:translateY(-5px)rotate(45deg)}.cat-walkway[data-moving=true] .cat-thought{opacity:1;transform:translateY(0)rotate(-2deg)}.cat-walker--two .cat-thought{transform:translateY(7px)rotate(2deg)}.cat-walker--three .cat-thought{left:45%}.cat-food-station{z-index:5;place-items:center;width:clamp(100px,14vw,168px);display:grid;position:absolute;bottom:14%;right:7.5%}.cat-food-station img{filter:drop-shadow(5px 6px #1111112e);width:100%;height:auto;image-rendering:pixelated;animation:1.3s steps(2,end) infinite food-breathe;display:block}.cat-food-station strong{color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.52rem,1vw,.68rem);line-height:1.25;position:absolute;bottom:1rem;right:-3.2rem;transform:rotate(90deg)}@keyframes food-breathe{50%{transform:scale(1.04)rotate(2deg)}}.cat-food-scent{border-left:3px solid var(--color-ink);opacity:.45;border-radius:50%;width:15px;height:34px;animation:1.4s ease-in-out infinite food-scent;position:absolute;bottom:78%}.cat-food-scent--one{left:30%}.cat-food-scent--two{animation-delay:-700ms;right:25%}@keyframes food-scent{50%{opacity:.15;transform:translateY(-12px)rotate(12deg)}}.cat-arrival-message{z-index:6;border:3px solid var(--color-ink);background:var(--color-ink);color:var(--color-yellow);opacity:0;margin:0;padding:.6rem .9rem;font-size:clamp(.78rem,1.7vw,1.05rem);font-weight:900;transition:opacity .22s,transform .22s;position:absolute;top:12%;right:9%;transform:translateY(10px)rotate(3deg)}.cat-walkway[data-arrived=true] .cat-arrival-message{opacity:1;transform:translateY(0)rotate(3deg)}.cat-walkway[data-arrived=true] .cat-thought{opacity:0}.cat-walkway__caption{border-top:3px solid var(--color-ink);color:#55554e;background:#fff;align-items:center;gap:.75rem;min-height:54px;margin:0;padding:.8rem 1rem;font-size:.72rem;font-weight:800;display:flex}.cat-walkway__caption span{background:var(--color-yellow);color:var(--color-ink);letter-spacing:.08em;padding:.28rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.faq{background:#fff}.faq-grid{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.faq-heading{position:sticky;top:7.5rem}.faq-heading>p:last-child{color:var(--color-muted);margin:1.5rem 0 0;font-size:.85rem}.faq-list{border-top:2px solid var(--color-ink)}.faq-list details{border-bottom:2px solid var(--color-ink)}.faq-list summary{cursor:pointer;grid-template-columns:50px 1fr 34px;align-items:center;gap:1rem;min-height:94px;padding:1.35rem 0;font-size:1rem;font-weight:800;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800}.faq-list summary i{border:1.5px solid var(--color-ink);background:var(--color-yellow);border-radius:50%;width:32px;height:32px;position:relative}.faq-list summary i:before,.faq-list summary i:after{background:var(--color-ink);content:"";width:12px;height:2px;transition:transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-list summary i:after{transform:translate(-50%,-50%)rotate(90deg)}.faq-list details[open] summary i:after{transform:translate(-50%,-50%)rotate(0)}.faq-list details>div{padding:0 3.75rem 1.8rem 4.15rem}.faq-list details p{color:var(--color-muted);margin:0;font-size:.88rem;line-height:1.9}.contact{background:#fff;padding-top:0}.contact-panel{border:2px solid var(--color-ink);background:var(--color-ink);color:#fff;box-shadow:10px 10px 0 var(--color-yellow);border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.contact-panel:after{aspect-ratio:1;content:"";border:45px solid #272727;border-radius:50%;width:350px;position:absolute;bottom:-10rem;right:-8rem}.contact-copy,.contact-checklist{z-index:1;position:relative}.contact-copy mark:after{background:var(--color-yellow)}.contact-copy>p:not(.section-kicker){color:#c9c9c0;max-width:620px;margin:1.7rem 0 0;font-size:.9rem;line-height:1.9}.contact-email{color:var(--color-yellow);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.82rem,1.5vw,1rem);font-weight:850;display:inline-block}.contact-email-row{flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:1.25rem;display:flex}.copy-email button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.72rem;font-weight:800;transition:background .16s,color .16s,transform .16s;display:inline-flex}.copy-email button:hover{color:var(--color-ink);background:#fff;transform:translateY(-1px)}.contact-copy .contact-availability{color:#aaa9a1;margin-top:.55rem;font-size:.72rem}.contact-copy .button{margin-top:2rem}.contact-checklist{background:#1e1e1e;border:1.5px solid #fff;border-radius:18px;padding:2rem}.contact-checklist ul{border-top:1px solid #4a4a4a;margin:0;padding:0;list-style:none}.contact-checklist li{border-bottom:1px solid #4a4a4a;grid-template-columns:42px 1fr;align-items:center;min-height:55px;padding-block:.8rem;font-size:.82rem;font-weight:700;display:grid}.contact-checklist li span{color:var(--color-yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.site-footer{border-top:2px solid var(--color-ink);background:var(--color-yellow);padding:4.5rem 0 2rem}.footer-top{border-bottom:1.5px solid var(--color-ink);justify-content:space-between;align-items:flex-start;gap:3rem;padding-bottom:3rem;display:flex}.brand--footer{font-size:1.15rem}.footer-top nav{flex-direction:column;align-items:flex-end;display:flex}.footer-link{min-height:38px;margin-top:0;font-size:.72rem}.footer-link>span[aria-hidden]{background:#fff;width:24px}.footer-bottom{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:800;display:flex}.footer-bottom>div{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer-bottom p{margin:0}.mobile-sticky-cta{display:none}@media (min-width:901px) and (max-height:800px){.hero{min-height:calc(100svh - 76px);padding-block:2.25rem}.hero h1{font-size:clamp(3.1rem,4.7vw,4.45rem)}.eyebrow{margin-bottom:.9rem}.hero-lead{margin-top:1.15rem;line-height:1.72}.hero-actions{margin-top:1.3rem}.hero-note{margin-top:.75rem}.hero-visual{padding:1.8rem 1.2rem 1rem}.hero-visual .browser-bar{height:32px}.hero-project-list{margin-top:.7rem}}@media (max-width:1100px){.desktop-nav{display:none}.header-inner{justify-content:space-between}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:3rem}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-card{min-height:285px}}@media (max-width:900px){.hero{min-height:auto}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:720px}.hero-visual{width:min(100%,640px);margin-inline:auto}.trust-strip dl{grid-template-columns:repeat(2,1fr)}.trust-strip dl>div{border-bottom:1px solid #454545}.section-intro--split{grid-template-columns:1fr;gap:0}.section-intro--split>p{max-width:660px}.case-study,.case-study--reverse{grid-template-columns:1fr;gap:3.5rem}.case-study--reverse .case-copy,.case-study--reverse .case-visual{order:initial}.case-copy{max-width:680px}.quality-grid{grid-template-columns:1fr}.quality:before{top:auto;bottom:-10rem;right:-9rem}.quality-panel{max-width:650px}.profile-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:3.5rem}.delivery-stack dl{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-stack dl>div:nth-child(3),.delivery-stack dl>div:nth-child(4){border-top:1px solid #11111159}.cat-story-intro{grid-template-columns:1fr;gap:1.5rem}.cat-story-intro>p:last-child{margin:0}.contact-panel{grid-template-columns:1fr}.contact-checklist{max-width:610px}}@media (max-width:767px){:root{--section-space:4.75rem}html{scroll-padding-top:4.5rem}body{padding-bottom:74px}.container{width:min(calc(100% - 2rem), var(--container))}.header-inner{width:calc(100% - 1.5rem);min-height:64px}.brand{font-size:.85rem}.brand b{display:none}.brand-mark{width:34px}.site-header .button{display:none}.hero{padding-block:3.6rem 5rem}.hero:after{bottom:-40vw;right:-60vw}.hero-grid{gap:4rem}.eyebrow{flex-direction:column;align-items:flex-start;gap:.55rem;line-height:1.6}.hero h1{overflow-wrap:anywhere;font-size:clamp(2.35rem,10.4vw,4rem);line-height:1.02}h2{font-size:clamp(2.15rem,10.5vw,3.4rem)}.hero-lead{margin-top:1.5rem;font-size:.98rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.65rem}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center}.hero-note{text-align:center}.hero-visual{width:100%;box-shadow:7px 7px 0 var(--color-ink);border-radius:18px;padding:2rem .85rem 1rem;transform:none}.hero-card-label{min-width:170px;left:.85rem}.spark--one{right:-.8rem}.trust-strip dl{grid-template-columns:1fr 1fr}.trust-strip dl>div{min-height:100px;padding:1rem}.trust-strip dd{font-size:.73rem}.trust-strip dd strong{font-size:1.35rem;display:block}.section-intro{margin-bottom:3rem}.section-intro--split>p{margin-top:1.5rem;font-size:.9rem}.project-route{grid-template-columns:1fr}.project-route:before{width:2px;height:auto;inset:2rem auto 2rem 2.3rem}.project-route a{padding:1rem;border-right:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink);min-height:92px;padding-left:1rem}.project-route a:last-child{border-bottom:0}.case-list{gap:7rem}.case-study{gap:2.5rem}.case-number{font-size:2.75rem}.case-label{font-size:.55rem}.case-copy h3{font-size:2.05rem}.case-summary{font-size:.98rem}.case-facts{padding:1.1rem}.case-visual:before{bottom:-.75rem;right:-.75rem}.visual-stamp{width:64px;bottom:-1.5rem;right:-.5rem}.browser-bar{height:31px}.browser-address{min-width:90px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:auto;padding:1.35rem}.capability-icon{width:54px;margin:1.8rem 0 1.2rem}.quality-grid{gap:3rem}.quality:before{bottom:-14rem;right:-12rem}.quality-panel{padding:1.4rem}.process-list{grid-template-columns:1fr}.process-list li{border-right:0;border-bottom:1.5px solid var(--color-ink);min-height:auto;padding:1.5rem}.process-list li:last-child{border-bottom:0}.process-list li>span{margin-bottom:1.5rem}.process-list li:not(:last-child):after{top:auto;bottom:-.75rem;right:2.4rem;transform:rotate(90deg)}.profile-grid{grid-template-columns:1fr;gap:3.5rem}.profile-visual{width:min(100% - 12px,430px);margin-inline:auto}.profile-image-wrap{box-shadow:5px 5px 0 var(--color-ink);transform:rotate(-.6deg)}.delivery-stack dl{grid-template-columns:1fr}.delivery-stack dl>div{border-bottom:1px solid #11111159;border-right:1px solid #11111159}.delivery-stack dl>div:last-child{border-bottom:0}.figma-handoff,.figma-handoff ul{grid-template-columns:1fr}.cat-walkway{box-shadow:6px 6px 0 var(--color-ink);margin-top:3rem}.cat-walkway__scene{height:360px}.cat-walkway__sky{flex-direction:column;align-items:flex-start;gap:.2rem}.cat-walker{width:clamp(82px,23vw,126px)}.cat-walker--two{width:clamp(72px,20vw,108px)}.cat-walker--three{width:clamp(64px,18vw,94px)}.cat-food-station{width:clamp(86px,23vw,120px);right:4%}.cat-food-station strong{display:none}.cat-thought{font-size:.55rem}.faq-grid{grid-template-columns:1fr;gap:2.5rem}.faq-heading{position:static}.faq-list summary{grid-template-columns:40px 1fr 32px;gap:.6rem;min-height:82px;font-size:.88rem}.faq-list details>div{padding:0 2.5rem 1.5rem 2.9rem}.contact-panel{box-shadow:6px 6px 0 var(--color-yellow);border-radius:20px;padding:1.5rem}.contact-copy .button{width:100%}.contact-checklist{padding:1.2rem}.footer-top{flex-direction:column}.footer-top nav{align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom>div{flex-direction:column;align-items:flex-start;gap:.7rem}.mobile-sticky-cta{z-index:90;border:2px solid var(--color-ink);background:var(--color-yellow);min-height:54px;color:var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);border-radius:999px;justify-content:center;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-size:.86rem;font-weight:900;text-decoration:none;display:flex;position:fixed;bottom:.7rem;left:.75rem;right:.75rem}}@media (max-width:380px){.container{width:min(calc(100% - 1.5rem), var(--container))}.hero{padding-top:3rem}.hero h1{font-size:clamp(2.2rem,10.4vw,2.45rem)}.hero-card-label{min-width:150px;padding-inline:.7rem}.hero-card-label span{font-size:.5rem}.browser-address{display:none}.project-route a{gap:0 .7rem}.case-heading-row{flex-direction:column;align-items:flex-start;gap:.55rem}.cat-walkway__scene{height:320px}.cat-walkway__caption{flex-direction:column;align-items:flex-start;gap:.45rem}.contact-panel{padding:1.25rem}.contact-checklist{padding:1rem}.profile-image-wrap{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.mobile-sticky-cta,.skip-link,.cat-story{display:none!important}body{background:#fff;padding:0}.section{padding-block:2.5rem}.case-study{break-inside:avoid}}