*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-body),-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--cream:#fbf4e6;--cream-2:#fcf4e1;--paper-w:#fffcf5;--ink:#4a3529;--ink-soft:#6b5344;--ink-softer:#5a4535;--tan:#b08a6e;--tan-light:#c6a98e;--tan-dot:#c9b29a;--coral:#e8896b;--coral-deep:#d26a4c;--coral-field:#bf5a3e;--coral-ink:#b85a3e;--coral-cta:#b84e30;--coral-cta-hover:#a8462b;--honey:#f4ce6e;--honey-light:#f7da8e;--sage:#bfe0a0;--sky:#bfe1ea;--spring:cubic-bezier(0.2,0.8,0.2,1);--reveal-ease:cubic-bezier(0.2,0.9,0.25,1);--z-header:120;--z-menu:200}body{margin:0;background:var(--cream);font-family:var(--font-silk),system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;line-height:1.5}.uchi a,body{color:var(--ink)}.uchi a{text-decoration:none}.uchi a:hover{color:var(--coral-deep)}.pix{font-family:var(--font-pix),system-ui,sans-serif}.silk{font-family:var(--font-silk),system-ui,sans-serif}.dot,.silk{font-weight:700}.dot{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,Microsoft YaHei,PingFang SC,system-ui,sans-serif}.uchi ::-moz-selection{background:var(--honey);color:var(--ink)}.uchi ::selection{background:var(--honey);color:var(--ink)}.skip-link{position:absolute;left:-9999px;top:0;z-index:300}.skip-link:focus{left:16px;top:16px;background:var(--ink);color:var(--paper-w);padding:10px 16px;border-radius:12px;font-family:var(--font-silk),sans-serif;font-weight:700;font-size:13px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes flick{0%,42%,46%,58%,to{opacity:1}44%,56%{opacity:.28}}@keyframes wave{0%,to{transform:rotate(6deg)}50%{transform:rotate(-30deg)}}@keyframes wave2{0%,to{transform:rotate(-8deg)}50%{transform:rotate(26deg)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(46px)}}@keyframes drift2{0%{transform:translateX(0)}to{transform:translateX(-58px)}}@keyframes smoke{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-30px) scale(1.7);opacity:0}}@keyframes tail{0%,to{transform:rotate(0deg)}50%{transform:rotate(18deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes floaty{0%,to{transform:translateX(-50%) scale(2) translateY(0)}50%{transform:translateX(-50%) scale(2) translateY(-6px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes sunpulse{0%,to{box-shadow:0 0 0 5px var(--honey),0 0 0 10px var(--honey-light)}50%{box-shadow:0 0 0 8px var(--honey),0 0 0 16px var(--honey-light)}}@keyframes sunspin{to{transform:rotate(1turn)}}@keyframes bobcue{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}@keyframes mqueue{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes swing{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes sparkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.btnpix{transition:transform .14s var(--spring),box-shadow .14s var(--spring),background .16s ease,color .16s ease}.btnpix:active{transform:translateY(1px) scale(.985)}.card{transition:transform .2s var(--spring),box-shadow .2s var(--spring);overflow:hidden}.card:active{transform:translateY(1px)}.card-art{transition:transform .5s var(--spring)}.infield{transition:transform .14s var(--spring),box-shadow .14s,border-color .14s}.infield:focus{outline:none;transform:translate(-2px,-2px);border-color:var(--coral)!important;box-shadow:0 10px 20px -8px rgba(74,53,41,.22)!important}@media (hover:hover) and (pointer:fine){.btnpix:hover{transform:translate(-2px,-2px)}.card:hover{transform:translate(-3px,-3px);box-shadow:0 18px 38px -12px rgba(74,53,41,.3)}.card:hover .card-art{transform:scale(1.05)}.marquee-track:hover{animation-play-state:paused}}.uchi a:focus-visible,.uchi button:focus-visible,.uchi input:focus-visible,.uchi textarea:focus-visible{outline:3px solid var(--coral-deep);outline-offset:3px;border-radius:8px}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .5s var(--reveal-ease),transform .5s var(--reveal-ease)}[data-reveal=left]{transform:translateX(-52px)}[data-reveal=right]{transform:translateX(52px)}[data-reveal=pop]{transform:scale(.7) translateY(12px)}[data-in]{opacity:1!important;transform:none!important}html:not(.js) [data-reveal]{opacity:1;transform:none}.calm [data-reveal]{opacity:1!important;transform:none!important;transition:none}.floating-menu{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:130;display:flex;align-items:center;gap:8px;padding:8px 16px 8px 8px;background:var(--cream);border:1px solid rgba(74,53,41,.14);border-radius:999px;box-shadow:0 12px 30px -10px rgba(74,53,41,.45);cursor:pointer;opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s var(--spring),transform .3s var(--spring)}.floating-menu.show{opacity:1;transform:none;pointer-events:auto}.floating-house,.wa-fab{display:inline-flex}.wa-fab{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:125;align-items:center;justify-content:center;width:58px;height:58px;background:#25d366;border-radius:999px;box-shadow:0 14px 32px -10px rgba(37,211,102,.6),0 4px 10px -4px rgba(74,53,41,.3);transition:transform .18s var(--spring),box-shadow .18s var(--spring)}.wa-fab,.wa-fab:hover{color:#fff}@media (hover:hover) and (pointer:fine){.wa-fab:hover{transform:translateY(-3px);box-shadow:0 18px 40px -10px rgba(37,211,102,.7),0 4px 10px -4px rgba(74,53,41,.3)}}.wa-fab:active{transform:scale(.95)}.floating-header{position:fixed;top:0;left:0;right:0;z-index:130;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,48px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .3s var(--spring),transform .3s var(--spring)}.floating-header.show{opacity:1;transform:none;pointer-events:auto}.floating-header>a img{filter:drop-shadow(0 1px 5px rgba(251,244,230,.6));transition:filter .35s ease}.floating-header>a span{text-shadow:0 1px 10px hsla(40,72%,94%,.7),0 0 2px hsla(40,72%,94%,.6);transition:color .35s ease,text-shadow .35s ease}.floating-header.on-dark>a img{filter:brightness(0) invert(1) drop-shadow(0 1px 6px rgba(74,53,41,.45))}.floating-header.on-dark>a span{text-shadow:0 1px 8px rgba(74,53,41,.4)}@media (prefers-reduced-motion:reduce){.floating-header{transition:opacity .2s ease;transform:none}.floating-header.show{transform:none}}.floating-menu:active{transform:translateY(1px) scale(.97)}@media (hover:hover) and (pointer:fine){.floating-menu:hover{transform:translateY(-2px)}.floating-menu:hover .floating-house{animation:bob 1.2s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){.floating-menu{transition:opacity .2s ease;transform:none}.floating-menu.show{transform:none}}.menu-overlay{opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s,transform .24s var(--reveal-ease)}.menu-overlay.open{opacity:1;pointer-events:auto;transform:none}.menu-link{position:relative;width:-moz-max-content;width:max-content;transition:transform .22s var(--spring),color .18s ease}.menu-link:hover{transform:translateX(14px);color:var(--coral)!important}.work-overlay{position:fixed;inset:0;z-index:200;background:var(--cream,#fbf4e6);display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s linear .32s}.work-overlay.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease}.work-overlay__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,4vw,48px);border-bottom:1px solid rgba(74,53,41,.1)}.work-overlay__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(32px,6vw,72px) clamp(24px,5vw,84px) clamp(48px,8vw,100px)}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(22px,3vw,40px);max-width:1100px;margin:0 auto}.work-card{display:flex;flex-direction:column;background:var(--paper,#fffcf5);border:1px solid rgba(74,53,41,.12);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(74,53,41,.28);opacity:0;transform:translateX(48px);transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .5s ease,box-shadow .25s var(--spring)}.work-overlay.open .work-card{opacity:1;transform:none;transition-delay:calc(var(--i) * .1s + .08s)}.work-card__frame{background:linear-gradient(180deg,#f3ede0,#ece4d3);padding:12px 12px 0}.work-card__chrome{display:flex;align-items:center;gap:7px;padding:4px 4px 10px}.work-dot{width:10px;height:10px;border-radius:50%;flex:none}.work-card__url{margin-left:10px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#a98c72}.work-card__shot{height:210px;overflow:hidden;border-radius:12px 12px 0 0;border:1px solid rgba(74,53,41,.1);border-bottom:none}.work-card__shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.work-card__body{display:flex;flex-direction:column;gap:11px;padding:22px 24px 26px}@media (hover:hover) and (pointer:fine){.work-card:hover{transform:translateY(-5px);box-shadow:0 26px 50px -20px rgba(74,53,41,.34)}}@media (prefers-reduced-motion:reduce){.work-card{transform:none;transition:opacity .2s ease}.work-overlay.open .work-card{transition-delay:0s}}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fieldpad{padding:clamp(36px,6vw,96px) clamp(28px,5vw,84px)}.giant{font-size:clamp(32px,4.8vw,92px);line-height:.98;letter-spacing:-1px;margin:0;overflow-wrap:break-word;word-break:normal;hyphens:none}.hero-photo{animation:heroIn 1.1s var(--reveal-ease) both}@keyframes heroIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.grain-overlay{position:fixed;inset:0;z-index:95;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E")}.hero-in>*{opacity:0;animation:heroTextRise .9s var(--reveal-ease) both}.hero-in>:first-child{animation-delay:.12s}.hero-in>:nth-child(2){animation-delay:.24s}.hero-in>:nth-child(3){animation-delay:.4s}.hero-in>:nth-child(4){animation-delay:.56s}@keyframes heroTextRise{0%{opacity:0;transform:translateY(26px);clip-path:inset(0 0 105% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 -20% 0)}}[data-reveal=clip]{opacity:1;transform:none;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--reveal-ease)}[data-reveal=clip][data-in]{clip-path:inset(0 0 0 0)}html:not(.js) [data-reveal=clip]{clip-path:none}[data-reveal=fade]{opacity:0;transform:none;transition:opacity .7s var(--reveal-ease)}[data-reveal=fade][data-in],html:not(.js) [data-reveal=fade]{opacity:1}.h-clip{clip-path:inset(0 0 110% 0);transition:clip-path .85s var(--reveal-ease)}[data-in] .h-clip{clip-path:inset(0 0 -25% 0)}html:not(.js) .h-clip{clip-path:none}.magnetic{--mx:0px;--my:0px}.magnetic-on{transform:translate(var(--mx),var(--my));transition:transform .35s var(--spring)}.magnetic-on:active{transform:translate(var(--mx),var(--my)) scale(.98)}.scroll-path{stroke-dashoffset:38;animation:drawPath 2.1s ease-in-out infinite}@keyframes drawPath{0%{stroke-dashoffset:38;opacity:0}25%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.scroll-cue{transition:transform .3s var(--spring),opacity .3s ease}@media (hover:hover) and (pointer:fine){.scroll-cue:hover{transform:translateX(-50%) translateY(3px)}}@media (prefers-reduced-motion:reduce){.hero-in>*{opacity:1;animation:none}.grain-overlay{opacity:.35}.h-clip,[data-reveal=clip]{clip-path:none;transition:none}.magnetic-on{transform:none;transition:none}.scroll-path{animation:none;stroke-dashoffset:0}}.pixel-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pixel-scene[data-anim=sway]>.motif{animation:sway 5s ease-in-out infinite;transform-origin:bottom center}@media (max-width:860px){.split{grid-template-columns:1fr}.split .imghalf{min-height:46vh!important;order:-1}.split .fieldpad{min-height:auto}.principles{grid-template-columns:1fr!important;gap:36px}.principles>div{border-left:none!important;padding-left:0!important;padding-right:0!important}.connect-split,.journal-row{grid-template-columns:1fr!important}.connect-split .connect-form{order:-1}#connect,section[id]{min-height:auto!important}}@media (max-width:600px){#top{height:auto!important;min-height:0!important;padding-top:78px!important;overflow:visible!important;background:var(--cream)!important}#top .pixel-stage{position:relative!important;height:auto!important;aspect-ratio:1/1;inset:auto!important}#top .hero-scrim,#top .hero-watermark{display:none!important}#top .hero-msg{position:static!important;max-width:none!important;padding:26px 22px 40px!important;bottom:auto!important}#top .hero-msg h1{font-size:34px!important}#top .scroll-cue{display:none!important}.split .fieldpad{padding:48px 26px!important}.giant{font-size:clamp(30px,8.5vw,44px)}}@media (prefers-reduced-motion:reduce){.uchi *,.uchi :after,.uchi :before{animation:none!important;transition-duration:.001ms!important}[data-reveal]{opacity:1!important;transform:none!important}}