@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--hero-bg:#f8f4ec;--ink:#252525;--muted-ink:#40423d;--olive:#58613c;--olive-hover:#454d2f;--line:#2d2d2833}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--hero-bg)}body{color:var(--ink);background:var(--hero-bg);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit}.home-page{background:var(--hero-bg);min-width:0;overflow-x:clip}.hero{isolation:isolate;background:var(--hero-bg);width:100%;height:min(900px,100svh);min-height:720px;position:relative;overflow:hidden}.hero-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;visibility:visible;pointer-events:auto;background:#f8f4eceb;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 4.2vw;display:flex;position:fixed;top:0;left:0}.hero-brand,.hero-nav,.hero-actions{align-items:center;display:flex}.hero-brand{gap:14px;text-decoration:none}.hero-brand-mark{color:#fff;background:#252525;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;line-height:1;display:grid}.hero-brand-name{font-size:21px;font-weight:700}.hero-nav{gap:64px;padding-right:8.2vw}.hero-nav a{padding:12px 2px;font-size:17px;font-weight:650;text-decoration:none;position:relative}.hero-nav a:after{content:"";transform-origin:100%;background:currentColor;height:2px;transition:transform .18s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.hero-nav a:hover:after,.hero-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hero-nav-link.is-active{color:var(--olive)}.hero-nav-link.is-active:after{transform-origin:0;transform:scaleX(1)}.about-page{background:var(--hero-bg);min-width:0;overflow-x:clip}.about-pixel-layer,.about-story-layer,.about-rabbit-frame{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.about-opening{--header-height:72px;width:100%;height:calc(100svh - var(--header-height));margin-top:var(--header-height);background:var(--hero-bg);animation:.7s ease-out both about-opening-enter;display:block;position:relative;overflow:hidden}.mountain-layer,.cloud-layer,.bird-layer{pointer-events:none;position:absolute}.mountain-layer{z-index:1;height:auto;bottom:0;left:0;right:0}.about-opening-mountain{object-fit:contain;object-position:center bottom;width:100%;height:auto;display:block}.cloud-layer{z-index:2;width:100%;height:100%;inset:0}.about-opening-cloud{opacity:.86;object-fit:contain;width:100%;height:100%;animation:52s ease-in-out infinite alternate about-cloud-drift}.bird-layer{z-index:3;aspect-ratio:1;width:clamp(300px,28vw,440px);animation:24s linear infinite about-birds-cross;top:30%;left:0}.about-opening-bird{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none;background-image:url(/portfolio/environment/about/opening/bird-flock-sprite-v1.png);background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;animation:1.12s steps(4,end) infinite about-birds-flap;display:block}.about-story-stack{isolation:isolate;position:relative}.about-story{--about-story-glow:#899b601f;--about-story-exit-opacity:1;--about-story-exit-offset:0px;--about-story-exit-scale:1;--about-story-exit-brightness:1;--about-story-exit-saturation:1;--about-story-exit-overlay:0;z-index:calc(10 + var(--about-story-index));isolation:isolate;background:radial-gradient(circle at 18% 38%, var(--about-story-glow), transparent 31%), radial-gradient(circle at 84% 66%, #81a4c714, transparent 28%), var(--hero-bg);min-height:calc(100svh - 72px);opacity:var(--about-story-exit-opacity);transform:translate3d(0, var(--about-story-exit-offset), 0) scale(var(--about-story-exit-scale));transform-origin:top;filter:brightness(var(--about-story-exit-brightness)) saturate(var(--about-story-exit-saturation));will-change:opacity, transform, filter;background-size:auto,auto,auto;border-radius:44px 44px 0 0;padding:112px clamp(28px,6vw,104px);display:grid;position:sticky;top:72px;overflow:hidden;box-shadow:0 -24px 62px #5b523f1f}.about-story:nth-of-type(2n){--about-story-glow:#749bc11c}.about-story-04{background:radial-gradient(circle at 18% 38%, var(--about-story-glow), transparent 31%), var(--hero-bg);background-size:auto,auto}.about-story:before{content:"";z-index:2;opacity:var(--about-story-exit-overlay);pointer-events:none;background:#35372f;position:absolute;inset:0}.about-story:after{content:"";z-index:0;opacity:0;background:linear-gradient(90deg,#0000,#58613c3d,#0000);height:1px;transition:transform .7s,opacity .5s;position:absolute;top:0;left:clamp(28px,6vw,104px);right:clamp(28px,6vw,104px);transform:scaleX(.25)}.about-story.is-visible:after{opacity:1;transform:scaleX(1)}.about-story-copy,.about-story-scene{opacity:0;transition:opacity .68s,transform .68s cubic-bezier(.2,.72,.22,1);transform:translateY(34px)}.about-story-scene{transition-delay:90ms;transform:translateY(46px)scale(.985)}.about-story.is-visible .about-story-copy,.about-story.is-visible .about-story-scene{opacity:1;transform:translateY(0)}.about-story-inner{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);grid-template-areas:"scene copy";align-items:center;gap:clamp(48px,7vw,112px);width:min(1280px,100%);margin:auto;display:grid;position:relative}.about-story.is-reversed .about-story-inner{grid-template-columns:minmax(360px,.82fr) minmax(0,1.08fr);grid-template-areas:"copy scene"}.about-story-copy{grid-area:copy;max-width:520px}.about-story-number{color:var(--olive);margin-bottom:20px;font-size:18px;font-weight:700;display:block}.about-story-copy h2{letter-spacing:0;margin:0;font-size:clamp(36px,4vw,58px);line-height:1.12}.about-story-copy>p{color:var(--muted-ink);margin:34px 0 0;font-size:18px;line-height:1.9}.about-story-tags{flex-wrap:wrap;gap:9px;margin:24px 0 0;padding:0;list-style:none;display:flex}.about-story-tags li{color:var(--olive);background:#ffffff52;border:1px solid #58613c40;border-radius:4px;padding:7px 11px;font-size:13px}.about-story-button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #25252573;margin-top:32px;padding:10px 0;font-weight:650;transition:color .18s,border-color .18s}.about-story-button:hover{color:var(--olive);border-color:var(--olive)}.about-story-button:focus-visible,.about-letter-close:focus-visible{outline-offset:4px;outline:3px solid #4b5b3c80}.about-story-scene{aspect-ratio:4/3;grid-area:scene;width:100%;position:relative}.about-story-layer{width:100%;height:100%;position:absolute;inset:0}.about-story-background{z-index:0}.about-story-foreground{z-index:1}.about-story-01 .about-story-background{width:590px;height:424px;inset:calc(50% + 25px) auto auto 50%;transform:translate(-50%,calc(-50% - 40px))}.about-story-01 .about-story-foreground{width:520px;height:409px;inset:calc(50% + 25px) auto auto 50%;transform:translate(-50%,-50%)}.about-story-02 .about-story-background{width:calc(100% - 20px);height:calc(100% - 20px);inset:50% auto auto 50%;transform:translate(-50%,calc(-50% - 30px))}.about-story-02 .about-story-foreground{width:calc(100% - 20px);height:calc(100% - 20px);inset:calc(50% + 25px) auto auto 50%;transform:translate(-50%,-50%)}.about-story-03 .about-story-background{width:calc(100% - 20px);height:calc(100% - 20px);inset:50% auto auto 50%;transform:translate(-50%,calc(-50% - 60px))}.about-story-03 .about-story-foreground{width:calc(100% - 60px);height:calc(100% - 60px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.about-story-04 .about-story-background{width:calc(100% - 20px);height:calc(100% - 20px);inset:50% auto auto 50%;transform:translate(-50%,calc(-50% - 40px))}.about-story-04 .about-story-foreground{width:calc(100% - 70px);height:calc(100% - 70px);inset:calc(50% + 20px) auto auto 50%;transform:translate(-50%,-50%)}.about-letter-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px)grayscale(.5);backdrop-filter:blur(5px)grayscale(.5);background:#3e393057;place-items:center;padding:24px;animation:.42s both about-backdrop-enter;display:grid;position:fixed;inset:0;overflow:hidden}.about-letter-scene{background-image:linear-gradient(#4837241f,#4837241f),url(/portfolio/environment/about/letter/letter-background.png);background-position:50%;background-size:cover;border-radius:6px;place-items:center;width:min(84vw,1600px);height:min(80svh,820px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 56px #2d241a33}.about-letter-sign{z-index:1;color:#5d462d9e;text-align:center;pointer-events:none;place-items:center;width:20%;min-height:9%;padding:0 2.5%;font-size:clamp(12px,1.05vw,17px);line-height:1.35;display:grid;position:absolute;top:49%;right:2.8%}.about-letter-sign[data-chapter="04"]{transform:translate(-5px,-6px)}.about-letter-sign[data-chapter="03"],.about-letter-sign[data-chapter="02"],.about-letter-sign[data-chapter="01"]{transform:translate(-9px,-6px)}.about-letter{z-index:2;color:#34332f;clip-path:polygon(.7% 1.2%,8% .4%,16% 1%,25% .2%,35% .9%,44% .3%,54% 1%,65% .4%,75% 1.1%,86% .4%,99.2% 1.1%,99.5% 98.8%,90% 99.5%,80% 98.9%,69% 99.6%,59% 98.9%,48% 99.5%,37% 98.8%,27% 99.6%,16% 98.9%,.5% 99.4%);filter:drop-shadow(0 24px 36px #3a2b1b38);background-color:#fbf3e4;background-image:radial-gradient(circle at 18% 12%,#98744814,#0000 29%),radial-gradient(circle at 82% 78%,#9c774a12,#0000 31%);width:min(760px,56%);max-height:calc(100% - 48px);padding:48px clamp(38px,4.4vw,68px) 24px;animation:.42s cubic-bezier(.2,.72,.22,1) both about-letter-enter;position:relative;overflow:hidden}.about-letter.is-complete{width:min(820px,62%)}.about-letter.is-paginated{width:min(760px,64%);height:min(62svh,560px)}.about-letter:before{z-index:0;content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 13px,#7e603b17 14px);position:absolute;inset:48px 34px 68px}.about-letter-close{color:#34332fad;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;font-size:28px;line-height:1;display:grid;position:absolute;top:18px;right:20px}.about-letter-body{z-index:1;max-width:650px;margin:0 auto;position:relative}.about-letter-body p{margin:0 0 14px;font-size:clamp(13px,.95vw,15px);line-height:28px}.about-letter-body p:last-child{margin-bottom:0}.about-letter-content{z-index:1;animation:.42s cubic-bezier(.2,.72,.22,1) both about-letter-content-unfold;position:relative}.about-letter.is-paginated .about-letter-content{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.about-letter-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;min-height:40px;margin-top:16px;display:flex}.about-letter-action{color:#9b6944;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #845b3385;padding:8px 10px;font-size:14px}.about-letter-action:hover{color:#754a2d;border-color:#754a2d}.about-letter-action:focus-visible{outline-offset:3px;outline:3px solid #754a2d47}.about-ending{isolation:isolate;background:var(--hero-bg);width:100%;height:100svh;min-height:640px;position:relative;overflow:hidden}.about-ending-clouds,.about-ending-water,.about-ending-portal-scene{position:absolute;inset:0}.about-ending-cloud-wrap{z-index:1;opacity:.8;pointer-events:none;display:block;position:absolute}.about-ending-cloud-wrap img{width:100%;height:auto;image-rendering:pixelated;animation:60s ease-in-out infinite alternate about-ending-cloud-drift-left;display:block}.about-ending-cloud-wrap.is-left{opacity:.65;width:clamp(250px,25vw,460px);top:12%;left:7%}.about-ending-cloud-wrap.is-right{opacity:.65;width:295px;height:150px;top:calc(15% + 60px);right:9%}.about-ending-cloud-wrap.is-behind{opacity:.5;width:150px;height:85px;bottom:calc(22% + 125px);left:calc(50% - 175px)}.about-ending-cloud-wrap.is-distant{opacity:.4;width:149px;height:80px;top:61%;right:16%}.about-ending-cloud-wrap:is(.is-right,.is-behind,.is-distant) img{object-fit:contain;height:100%}.about-ending-cloud-wrap.is-right img{animation-name:about-ending-cloud-drift-right}.about-ending-cloud-wrap.is-behind img{animation-name:about-ending-cloud-drift-left;animation-duration:44s}.about-ending-cloud-wrap.is-distant img{animation-name:about-ending-cloud-drift-right;animation-duration:32s}.about-ending-water{z-index:2;background:linear-gradient(#a9e1f2 0%,#8fd3ea 52%,#82c8e2 100%);top:78%;overflow:hidden}.about-ending-water:before{content:"";pointer-events:none;position:absolute;inset:0}.about-ending-water:after{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#4daed257,#4daed200 72%);width:190px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.about-ending-water:before{opacity:.42;background:repeating-linear-gradient(#0000 0 14px,#ffffff2e 15px 16px);animation:9s steps(6,end) infinite about-ending-water-flow}.about-ending-water-lines{opacity:.26;background:repeating-linear-gradient(174deg,#0000 0 26px,#ffffff47 27px 29px,#0000 30px 52px);animation:14s linear infinite about-ending-water-lines;position:absolute;inset:12% 0 0}.about-ending-water-glint{top:var(--glint-y);left:var(--glint-x);width:var(--glint-width);height:4px;image-rendering:pixelated;animation:about-ending-water-glint 3.8s steps(2, end) var(--glint-delay) infinite;background:#ffffffdb;position:absolute}.about-ending-portal-scene{z-index:3;pointer-events:none}.about-ending-portal,.about-ending-portal-reflection{aspect-ratio:1430/1100;width:clamp(115px,9vw,155px);position:absolute;left:50%;transform:translate(-50%)}.about-ending-portal{z-index:3;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;bottom:calc(20.5% - 3px)}.about-ending-portal-frame{z-index:2;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block;position:absolute;inset:0}.about-ending-nebula{z-index:1;background:radial-gradient(circle at 48% 52%,#74ecfff2 0 4%,#6851e8d1 11%,#221666f0 37%,#101039 72%);width:28.8%;height:71%;transition:filter .28s,box-shadow .28s;position:absolute;top:20.8%;left:36.7%;overflow:hidden;box-shadow:inset 0 0 14px #71e8ff80}.about-ending-nebula-core{aspect-ratio:1;border:5px solid #59d1ffb8;border-right-color:#b762ffc2;border-radius:50%;width:64%;animation:10s linear infinite about-ending-nebula-core-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #4fddffcc,inset 0 0 10px #9158ffb8}.about-ending-nebula-orbit{transition:filter .26s;animation:14s linear infinite reverse about-ending-nebula-spin;position:absolute;inset:0}.about-ending-nebula-particle{top:var(--particle-y);left:var(--particle-x);width:var(--particle-size);height:var(--particle-size);animation:about-ending-nebula-twinkle 2.8s steps(3, end) var(--particle-delay) infinite;background:#7de9ff;position:absolute;box-shadow:0 0 5px #74e1ffe6}.about-ending-nebula-particle:nth-child(3n){background:#a787ff}.about-ending-nebula-particle:nth-child(4n){background:#f4a7ff}.about-ending-portal:is(:hover,:focus-visible) .about-ending-nebula,.about-ending-portal-scene.is-awake .about-ending-portal .about-ending-nebula{filter:brightness(1.35)saturate(1.22);box-shadow:inset 0 0 18px #7ef1ffcc,0 0 18px #705ef2b8}.about-ending-portal:is(:hover,:focus-visible) .about-ending-nebula-core,.about-ending-portal-scene.is-awake .about-ending-portal .about-ending-nebula-core{animation-duration:4.2s}.about-ending-portal:is(:hover,:focus-visible) .about-ending-nebula-orbit,.about-ending-portal-scene.is-awake .about-ending-portal .about-ending-nebula-orbit{animation-duration:5.8s}.about-ending-portal:focus-visible{outline-offset:4px;outline:3px solid #5569498c}.about-ending-portal-reflection{z-index:1;opacity:.32;pointer-events:none;transform-origin:50%;filter:blur(.55px)saturate(.72);animation:6s steps(4,end) infinite alternate about-ending-reflection-shift;top:78%;transform:translate(-50%)scaleY(-1);-webkit-mask-image:linear-gradient(#000000e6 0%,#00000094 58%,#0000 100%);mask-image:linear-gradient(#000000e6 0%,#00000094 58%,#0000 100%)}.about-ending-portal-reflection .about-ending-nebula{filter:brightness(.9)}@keyframes about-opening-enter{0%{opacity:0}to{opacity:1}}@keyframes about-cloud-drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes about-birds-cross{0%{transform:translate(-110%,-5px)}50%{transform:translate(50vw,5px)}to{transform:translate(calc(100vw + 10%),-5px)}}@keyframes about-birds-flap{to{background-position:133.333% 0}}@keyframes about-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes about-letter-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes about-letter-content-unfold{0%{opacity:0;clip-path:inset(0 0 18%);transform-origin:top;transform:scaleY(.94)}to{opacity:1;clip-path:inset(0);transform-origin:top;transform:scaleY(1)}}@keyframes about-ending-cloud-drift-left{0%{transform:translate(2.5%)}to{transform:translate(-2.5%)}}@keyframes about-ending-cloud-drift-right{0%{transform:translate(-2.5%)}to{transform:translate(2.5%)}}@keyframes about-ending-water-flow{0%{transform:translate(-12px)}to{transform:translate(12px)}}@keyframes about-ending-water-lines{0%{transform:translate(-2%)}to{transform:translate(2%)}}@keyframes about-ending-water-glint{0%,to{opacity:.2;transform:translate(-4px)}50%{opacity:.95;transform:translate(5px)}}@keyframes about-ending-nebula-spin{to{transform:rotate(1turn)}}@keyframes about-ending-nebula-core-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)}}@keyframes about-ending-nebula-twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes about-ending-reflection-shift{0%{margin-left:-3px}to{margin-left:3px}}.hero-nav a:focus-visible,.hero-brand:focus-visible,.hero-button:focus-visible,.hero-scroll-cue:focus-visible,.project-card:focus-visible,.language-switcher:focus-visible,.interior-nav a:focus-visible{outline-offset:4px;outline:3px solid #4b5b3c80}.language-switcher{border:1px solid #2d2d2852;border-radius:3px;place-items:center;min-width:42px;height:32px;line-height:1;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-grid;padding:0 8px!important}.hero-nav .language-switcher:after{display:none}.language-switcher:hover{background:#ffffff94;border-color:#2d2d289e}.hero-visual,.hero-layer{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hero-cloud{will-change:transform;max-width:none;height:auto}.hero-cloud-far{z-index:1;opacity:.55;width:82vw;animation:80s ease-in-out infinite alternate cloud-far-drift;top:-10px;left:50%;translate:-50%}.hero-cloud-near{z-index:2;opacity:.78;width:74vw;animation:52s ease-in-out -17s infinite alternate cloud-near-drift;top:28px;left:50%;translate:-50%}.hero-environment{z-index:4;object-fit:contain;width:106vw;max-width:none;height:auto;inset:auto auto calc(295px - 16vw) 50%;transform:translate(-50%)}.hero-planter{z-index:5;max-width:none;height:auto;image-rendering:pixelated;will-change:transform;bottom:auto;right:auto}.hero-planter-left{width:65px;animation:8s ease-in-out infinite alternate planter-left-drift;top:37.5%;left:2.6%}.hero-planter-sprout{width:52px;animation:11s ease-in-out -3.5s infinite alternate planter-sprout-drift;top:14%;left:auto;right:18.2%}.hero-avatar{z-index:6;width:200px;height:300px;image-rendering:pixelated;inset:auto auto 258px 52%;transform:translate(-50%)}.hero-copy{z-index:10;width:510px;position:absolute;top:214px;left:max(72px,50% - 570px)}.hero-copy h1{letter-spacing:0;margin:0}.hero-title-name,.hero-title-role{display:block}.hero-title-name{margin-bottom:8px;font-size:62px;font-weight:800;line-height:1.05}.hero-title-role{font-size:49px;font-weight:750;line-height:1.16}.hero-copy p{color:var(--muted-ink);margin:46px 0 20px;font-size:20px;line-height:1.6}.hero-actions{gap:20px}.hero-button{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:14px;min-width:174px;min-height:56px;padding:12px 24px;font-size:17px;font-weight:650;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:inline-flex}.hero-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hero-button-primary{color:#fff;background:var(--olive)}.hero-button-primary:hover{background:var(--olive-hover);transform:translateY(-2px)}.hero-button-secondary{color:var(--ink);background:#ffffff47;border-color:#41413a38}.hero-button-secondary:hover{background:#ffffffb8;border-color:#41413a73;transform:translateY(-2px)}.hero-bubble{z-index:10;background:#f8f4ecf5;border:2px solid #303531;place-content:center;width:200px;min-height:94px;padding:14px 18px;font-size:17px;font-weight:650;line-height:1.45;display:grid;position:absolute;top:176px;left:calc(52% + 95px)}.hero-bubble:before,.hero-bubble:after{content:"";border-style:solid;position:absolute;left:18px}.hero-bubble:before{border-width:16px 14px 0 0;border-color:#303531 #0000 #0000;bottom:-17px}.hero-bubble:after{border-width:12px 10px 0 0;border-color:var(--hero-bg) transparent transparent transparent;bottom:-12px;left:20px}.hero-bubble span{display:block}.hero-scroll-cue{z-index:40;background:#f8f4ecd1;border:1px solid #303d348c;border-radius:50%;place-items:center;width:56px;height:56px;text-decoration:none;transition:background-color .18s,transform .18s;display:grid;position:absolute;bottom:156px;left:50%}.hero-scroll-cue:hover{background:#fff}.hero-scroll-cue svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.page-anchor-target{background:var(--hero-bg);min-height:50vh;scroll-margin-top:72px}.projects-section{--projects-exit-opacity:1;--projects-exit-offset:0px;z-index:15;background:#f7f2e9;min-height:calc(100svh - 72px);margin-top:-140px;scroll-margin-top:72px;position:relative}.projects-panel{isolation:isolate;min-height:calc(100svh - 72px);filter:opacity(var(--projects-exit-opacity));translate:0 var(--projects-exit-offset);will-change:filter, translate;background:radial-gradient(circle at 18% 42%,#84995c21,#0000 31%),radial-gradient(circle at 52% 38%,#718fbe1f,#0000 32%),radial-gradient(circle at 84% 44%,#e29a7e21,#0000 31%),#f7f2e9;border-radius:44px 44px 0 0;place-items:center;padding:116px 88px 88px;display:grid;position:relative;overflow:hidden;box-shadow:0 -22px 56px #655b4514}.projects-panel:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#535b4311 1px,#0000 1px),linear-gradient(90deg,#535b4311 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 28% 78%,#0000 100%);mask-image:linear-gradient(#0000 4%,#000 28% 78%,#0000 100%)}.projects-heading{z-index:2;justify-content:space-between;align-items:baseline;gap:24px;display:flex;position:absolute;top:38px;left:max(88px,50% - 608px);right:max(88px,50% - 608px)}.projects-heading h2{letter-spacing:0;margin:0;font-size:30px;font-weight:750}.experience-section-heading h2{letter-spacing:0;margin:0;font-size:32px;font-weight:700;line-height:1.2}.projects-progress{color:#252525a8;font-family:var(--font-geist-mono), monospace;align-items:center;gap:9px;font-size:14px;display:flex}.projects-carousel-shell{z-index:1;width:min(1520px,100vw - 176px);padding-top:52px;position:relative}.projects-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(12px,1.2vw,20px);display:grid;translate:0 -15px}.project-card{--project-entry-offset:-18px;aspect-ratio:.57;min-width:0;color:var(--ink);cursor:pointer;text-align:left;outline-offset:4px;background:#fffefaf0;border:1px solid #565b4829;border-radius:18px;grid-template-rows:3fr 2fr;padding:0;text-decoration:none;transition:translate .26s,scale .18s,border-color .26s,box-shadow .26s;display:grid;position:relative;overflow:hidden;translate:0;scale:1;box-shadow:0 14px 30px #433e331c}.project-card-media{background:#d9d9cc;min-height:0;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;transition:filter .26s,scale .26s;scale:1.035}.project-card-tags{z-index:2;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:14px;left:12px;right:12px}.project-card-tags li{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#242b224d;border:1px solid #ffffff9e;border-radius:999px;padding:5px 9px;font-size:clamp(9px,.68vw,11px);font-weight:650;line-height:1.15;transition:border-color .24s,background-color .24s;box-shadow:inset 0 1px #ffffff1f}.project-card-content{background:#fffefafa;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;min-height:0;padding:clamp(15px,1.35vw,22px);display:flex}.project-card-content>div{min-width:0}.project-card-content strong{font-size:clamp(16px,1.25vw,21px);font-weight:720;line-height:1.2;display:block}.project-card-content p{color:#252525a3;margin:8px 0 0;font-size:clamp(11px,.86vw,14px);line-height:1.45}.project-card-action{color:#fff;background:#252525;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:7px 8px 7px 13px;font-size:clamp(10px,.76vw,12px);font-weight:650;transition:background-color .24s;display:inline-flex}.project-card-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:translate .24s}.project-card:hover,.project-card:focus-visible{z-index:2;border-color:#58613c80;translate:0 -4px;box-shadow:0 20px 38px #433e332b}.project-card:hover .project-card-media img,.project-card:focus-visible .project-card-media img{filter:saturate(1.04)contrast(1.02);scale:1.05}.project-card:hover .project-card-tags li,.project-card:focus-visible .project-card-tags li{background:#242b2280;border-color:#ffffffdb}.project-card:hover .project-card-action,.project-card:focus-visible .project-card-action{background:var(--olive)}.project-card:hover .project-card-action svg,.project-card:focus-visible .project-card-action svg{translate:4px}.project-card:active{scale:.99}.projects-grid.is-motion-ready:not(.is-visible) .project-card{opacity:0;transform:translateY(var(--project-entry-offset))}.projects-grid.is-motion-ready.is-visible .project-card{animation:.48s cubic-bezier(.22,1,.36,1) both project-card-enter;animation-delay:calc(var(--project-order) * 80ms)}.projects-grid.is-motion-ready:not(.is-visible) .project-card-tags li{opacity:0;transform:translateY(5px)}.projects-grid.is-motion-ready.is-visible .project-card-tags li{animation:.26s ease-out both project-tag-enter;animation-delay:calc(.16s + var(--project-order) * 80ms + var(--tag-order) * 50ms)}.interior-page{background:var(--hero-bg);flex-direction:column;min-height:100svh;display:flex}.interior-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:0 4.2vw;display:flex}.interior-nav{align-items:center;gap:32px;display:flex}.interior-nav a:not(.language-switcher){font-size:15px;font-weight:650;text-decoration:none}.interior-content{width:min(760px,100% - 48px);margin:auto;padding:96px 0}.interior-content h1,.not-found-page h1{letter-spacing:0;margin:0 0 20px;font-size:48px}.interior-content p,.not-found-page p{color:var(--muted-ink);margin:0;font-size:18px}.site-footer{border-top:1px solid var(--line);color:var(--muted-ink);padding:24px 4.2vw;font-size:14px}.project-detail-page{background:#f8f4ec;min-width:0;overflow-x:clip}.project-detail-page main{padding-top:72px}.project-detail-page .hero-header{background:#f8f4ecf0}.project-detail-page .hero-nav-link.is-active{color:var(--olive)}.project-detail-page .hero-nav-link.is-active:after{transform:scaleX(1)}.designspark-hero{isolation:isolate;background:radial-gradient(circle at 70% 18%,#aec27e33,#0000 28%),radial-gradient(circle at 88% 68%,#f6be9429,#0000 26%),linear-gradient(#57613c0b 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#57613c0b 1px,#0000 1px) 0 0/24px 24px,#f8f4ec;min-height:calc(100svh - 72px);position:relative;overflow:hidden}.designspark-hero-inner{z-index:2;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(48px,6vw,96px);width:min(1240px,100% - 96px);min-height:calc(100svh - 72px);margin:0 auto;padding:84px 0 76px;display:grid;position:relative}.designspark-hero-copy{max-width:520px}.project-back-link{color:#252525ad;align-items:center;gap:10px;margin-bottom:54px;font-size:14px;text-decoration:none;display:inline-flex}.project-back-link span{font-size:20px;transition:translate .18s}.project-back-link:hover span{translate:-4px}.project-eyebrow,.project-section-heading p,.project-prd-header>p,.project-demo-copy>p{color:var(--olive);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.designspark-hero h1{letter-spacing:0;margin:14px 0 8px;font-size:clamp(56px,5.6vw,84px);font-weight:760;line-height:.98}.designspark-hero h2{color:#3f492d;max-width:510px;margin:0;font-size:clamp(22px,2vw,30px);font-weight:650;line-height:1.35}.designspark-hero-description{color:#252525bf;margin:28px 0 0;font-size:17px;line-height:1.8}.project-tag-list{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.project-tag-list li{color:#515a3b;background:#fffdf7ad;border:1px solid #58613c40;padding:7px 11px;font-size:12px}.project-hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.project-action{border:1px solid var(--olive);border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:color .18s,background-color .18s,translate .18s;display:inline-flex}.project-action svg,.project-return-link svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.project-action-primary{color:#fff;background:var(--olive)}.project-action-secondary{color:var(--olive);background:#fffdf7b8}.project-action:hover{translate:0 -2px}.project-action-primary:hover{background:var(--olive-hover)}.project-action-secondary:hover{color:#fff;background:var(--olive)}.designspark-hero-visual{align-self:center;padding-bottom:96px;position:relative}.designspark-cover-frame{aspect-ratio:1.665;background:#ebe7d5;border:1px solid #4c53382e;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 28px 72px #4a48382b}.designspark-cover-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #fffdf729}.designspark-cover-frame img,.project-demo-preview img{object-fit:cover}.designspark-cover-label{z-index:2;color:#424b30;font-family:var(--font-geist-mono), monospace;background:#fffdf7d1;border:1px solid #363e2838;padding:7px 9px;font-size:10px;position:absolute;top:18px;right:18px}.designspark-journey{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:0;left:28px;right:28px}.designspark-journey:before{content:"";transform-origin:0;background:#58613c59;height:1px;animation:.9s cubic-bezier(.22,1,.36,1) .45s forwards designspark-line-grow;position:absolute;top:14px;left:12%;right:12%;transform:scaleX(0)}.designspark-journey li{color:#252525ad;text-align:center;justify-items:center;gap:8px;font-size:12px;display:grid;position:relative}.designspark-journey span{z-index:1;width:29px;height:29px;color:var(--olive);font-family:var(--font-geist-mono), monospace;background:#f8f4ec;border:1px solid #58613c73;border-radius:50%;place-items:center;font-size:9px;display:grid}.designspark-hero-sparks i{z-index:1;background:#d9e6aecc;border:1px solid #59633a52;width:8px;height:8px;animation:7s ease-in-out infinite alternate designspark-spark-drift;display:block;position:absolute;rotate:45deg}.designspark-hero-sparks i:first-child{top:17%;left:5%}.designspark-hero-sparks i:nth-child(2){animation-delay:-2s;top:27%;left:53%}.designspark-hero-sparks i:nth-child(3){animation-delay:-4s;top:14%;right:8%}.designspark-hero-sparks i:nth-child(4){animation-delay:-1s;bottom:18%;right:4%}.designspark-hero-sparks i:nth-child(5){animation-delay:-5s;bottom:12%;left:41%}.project-local-nav{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f4ece6;border-top:1px solid #58613c1f;border-bottom:1px solid #58613c29;position:sticky;top:72px}.project-local-nav>div{align-items:center;gap:34px;width:min(1240px,100% - 96px);min-height:52px;margin:0 auto;display:flex}.project-local-nav a{color:#252525ad;padding:17px 0 15px;font-size:13px;font-weight:650;text-decoration:none}.project-local-nav a:hover,.project-local-nav a:focus-visible{color:var(--olive)}.project-story-section{width:min(1120px,100% - 96px);margin:0 auto;padding:136px 0}.project-section-heading{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:18px;display:grid}.project-section-heading>span{color:#58613c9e;font-family:var(--font-geist-mono), monospace;padding-top:10px;font-size:13px}.project-section-heading h2,.project-prd-header h2,.project-demo-copy h2{letter-spacing:0;max-width:820px;margin:10px 0 0;font-size:clamp(36px,4vw,58px);font-weight:720;line-height:1.12}.project-section-lead{color:#252525b3;max-width:740px;margin:34px 0 0 76px;font-size:18px;line-height:1.85}.project-problem-grid{border-top:1px solid #58613c38;border-bottom:1px solid #58613c38;grid-template-columns:repeat(3,1fr);margin-top:68px;display:grid}.project-problem-grid article{border-right:1px solid #58613c2e;min-height:252px;padding:30px 30px 34px}.project-problem-grid article:last-child{border-right:0}.project-problem-grid article>span{color:#8d9474;font-family:var(--font-geist-mono), monospace;font-size:11px}.project-problem-grid h3{margin:46px 0 15px;font-size:22px}.project-problem-grid p{color:#252525ad;margin:0;font-size:15px;line-height:1.75}.designspark-solution{background:#e9ecd9;width:100%;padding-left:max(48px,50% - 560px);padding-right:max(48px,50% - 560px)}.designspark-module-map{grid-template-columns:1fr 1fr;gap:clamp(80px,12vw,160px);margin-top:72px;display:grid;position:relative}.designspark-module-map article{z-index:2;background:#fffdf7b8;border:1px solid #47512f3d;border-radius:8px;min-height:330px;padding:42px;position:relative}.designspark-module-map article>span{color:#758052;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:11px}.designspark-module-map h3{margin:62px 0 16px;font-size:30px}.designspark-module-map p{color:#252525b3;margin:0;font-size:16px;line-height:1.8}.designspark-module-map small{color:var(--olive);margin-top:28px;font-size:12px;display:block}.designspark-module-bridge{z-index:1;background:repeating-linear-gradient(90deg,#58613c80 0 6px,#0000 6px 14px);width:50%;height:1px;position:absolute;top:50%;left:50%;translate:-50% -50%}.designspark-module-bridge i{background:#f8f4ec;border:1px solid #7c865b;border-radius:50%;width:13px;height:13px;position:absolute;top:-6px}.designspark-module-bridge i:first-child{left:12%}.designspark-module-bridge i:nth-child(2){left:50%}.designspark-module-bridge i:nth-child(3){right:12%}.designspark-principle{color:#4e5738;background:#fffdf79e;border-left:3px solid #7d875c;width:fit-content;margin:46px auto 0;padding:13px 18px;font-size:14px}.project-decision-list{border-top:1px solid #58613c33;margin-top:66px}.project-decision-list article{border-bottom:1px solid #58613c33;grid-template-columns:62px 1fr;gap:20px;padding:30px 0;display:grid}.project-decision-list article>span{color:#8b9272;font-family:var(--font-geist-mono), monospace;font-size:13px}.project-decision-list h3{margin:0 0 10px;font-size:21px}.project-decision-list p{color:#252525b8;margin:0;font-size:15px;line-height:1.7}.project-decision-list small{color:#58613cc7;margin-top:8px;font-size:13px;display:block}.project-prd-section{background-color:#f4f0e7;background-image:linear-gradient(#545b3f0a 1px,#0000 1px),linear-gradient(90deg,#545b3f0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:128px max(48px,50% - 620px);scroll-margin-top:124px}.project-prd-header{max-width:850px;margin-bottom:76px}.project-prd-header>span{color:#252525b3;max-width:720px;margin-top:24px;font-size:16px;line-height:1.8;display:block}.project-prd-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(54px,7vw,104px);display:grid}.project-prd-toc{border-top:1px solid #58613c52;border-bottom:1px solid #58613c38;padding:20px 0;position:sticky;top:154px}.project-prd-toc strong{font-size:13px}.project-prd-toc nav{gap:14px;margin-top:22px;display:grid}.project-prd-toc a{color:#2525259e;font-size:13px;text-decoration:none}.project-prd-toc a:hover{color:var(--olive)}.project-prd-document{min-width:0}.project-prd-document>section{padding:0 0 86px;scroll-margin-top:154px}.project-prd-document>section+section{border-top:1px solid #58613c2e;padding-top:76px}.project-prd-document h3{margin:0 0 28px;font-size:30px;line-height:1.3}.project-prd-document h4{color:#4f5839;margin:34px 0 16px;font-size:16px}.project-prd-document p{color:#252525b8;margin:0;font-size:15px;line-height:1.85}.project-prd-document ul{color:#252525b8;margin:0;padding-left:19px}.project-prd-document li{padding-left:5px;font-size:14px;line-height:1.75}.project-user-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.project-user-list>div{background:#fffdf79e;border:1px solid #58613c2e;padding:22px}.project-user-list strong{font-size:15px}.project-user-list p{margin-top:12px;font-size:13px;line-height:1.7}.project-goal-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}.project-scope-table{border-top:1px solid #58613c40}.project-scope-row{border-bottom:1px solid #58613c2e;grid-template-columns:1.05fr 110px 2.4fr;align-items:start;gap:18px;padding:18px 12px;display:grid}.project-scope-row>strong{font-size:14px}.project-scope-row>span{border-radius:2px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:700}.project-scope-row>span[data-status=done]{color:#4f6236;background:#e0e9cd}.project-scope-row>span[data-status=partial]{color:#795f2f;background:#f3e4be}.project-scope-row>span[data-status=planned]{color:#5f5d58;background:#e6e2db}.project-scope-row>p{font-size:13px;line-height:1.65}.project-scope-head{color:#2525258c;background:#58613c0d}.project-scope-head strong{text-transform:uppercase;font-size:11px}.project-flow-list{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.project-flow-list li{padding:0 20px 0 0;position:relative}.project-flow-list li:not(:last-child):after{content:"";background:#58613c59;width:28px;height:1px;position:absolute;top:14px;right:10px}.project-flow-list span{width:30px;height:30px;color:var(--olive);font-family:var(--font-geist-mono), monospace;border:1px solid #58613c59;border-radius:50%;place-items:center;font-size:9px;display:grid}.project-flow-list strong{margin-top:22px;font-size:14px;display:block}.project-flow-list p{margin-top:10px;font-size:12px;line-height:1.65}.project-architecture-flow{flex-wrap:wrap;align-items:center;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.project-architecture-flow li{font-family:var(--font-geist-mono), monospace;background:#fffdf7bd;border:1px solid #58613c38;align-items:center;gap:10px;padding:10px 13px;font-size:11px;display:flex}.project-architecture-flow li:not(:last-child):after{content:"→";color:#7f8864;margin-right:-24px;translate:12px}.project-fact-notice{background:#e4e8d2b3;border-left:3px solid #899266;padding:18px 20px}.project-metrics-list{grid-template-columns:1fr 1fr;gap:0 24px;margin:28px 0 0;display:grid}.project-metrics-list div{border-bottom:1px solid #58613c29;grid-template-columns:78px 1fr;gap:12px;padding:14px 0;display:grid}.project-metrics-list dt{color:var(--olive);font-weight:700}.project-metrics-list dd{color:#252525ad;margin:0;font-size:13px}.project-demo-section{background:#e7ead7;padding:132px max(48px,50% - 560px) 84px;scroll-margin-top:124px}.project-demo-inner{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(50px,7vw,100px);display:grid}.project-demo-copy>span{color:#252525b3;margin:24px 0 30px;font-size:15px;line-height:1.8;display:block}.project-demo-copy .project-action{width:fit-content}.project-demo-copy small{color:#25252585;margin-top:13px;font-size:11px;display:block}.project-demo-window{background:#f8f4ec;border:1px solid #47503147;border-radius:8px;overflow:hidden;box-shadow:0 28px 64px #454b302b}.project-demo-browserbar{border-bottom:1px solid #58613c26;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.project-demo-browserbar i{background:#aeb695;border-radius:50%;width:7px;height:7px}.project-demo-browserbar span{color:#2525257a;font-family:var(--font-geist-mono), monospace;margin-left:8px;font-size:9px}.project-demo-preview{aspect-ratio:1.665;position:relative;overflow:hidden}.project-demo-steps{border-top:1px solid #58613c40;margin-top:82px;padding-top:32px}.project-demo-steps h3{margin:0;font-size:16px}.project-demo-steps ol{grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 0;padding:0;list-style:none;display:grid}.project-demo-steps li{padding-right:30px}.project-demo-steps li>span{color:#778157;font-family:var(--font-geist-mono), monospace;font-size:10px}.project-demo-steps strong{margin-top:15px;font-size:15px;display:block}.project-demo-steps p{color:#252525a6;margin:9px 0 0;font-size:13px;line-height:1.65}.project-return-link{width:fit-content;color:var(--olive);align-items:center;gap:12px;margin:70px 0 0 auto;font-size:13px;font-weight:700;text-decoration:none;display:flex}.project-detail-footer{background:#e7ead7}.managed-project-hero{background:radial-gradient(circle at 76% 24%,#9db17638,#0000 30%),linear-gradient(#57613c0b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#57613c0b 1px,#0000 1px) 0 0/28px 28px,#f8f4ec;min-height:calc(100svh - 72px)}.managed-project-hero-inner{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:clamp(42px,6vw,90px);width:min(1240px,100% - 96px);min-height:calc(100svh - 72px);margin:0 auto;padding:84px 0 72px;display:grid}.managed-project-copy h1{margin:14px 0 8px;font-size:clamp(52px,5vw,80px);line-height:1}.managed-project-copy h2{color:#465033;margin:0;font-size:clamp(22px,2.2vw,32px);line-height:1.35}.managed-project-summary{color:#252525bd;margin:28px 0 0;font-size:17px;line-height:1.85}.managed-project-copy .project-action{margin-top:30px}.managed-project-cover{aspect-ratio:4/3;background:#e7ead7;border:1px solid #58613c38;border-radius:16px;overflow:hidden;box-shadow:22px 24px #55603c1a}.managed-project-cover img{object-fit:cover;width:100%;height:100%}.managed-project-body{width:min(980px,100% - 96px);margin:0 auto;padding:110px 0 120px}.managed-project-prose{max-width:760px;margin:46px 0 64px 48px}.managed-project-prose p{color:#252525c2;white-space:pre-wrap;margin:0 0 24px;font-size:17px;line-height:1.95}.managed-project-blocks{gap:52px;margin:46px 0 64px 48px;display:grid}.managed-project-text-block{max-width:760px}.managed-project-text-block h3{color:#303427;margin:0 0 18px;font-size:clamp(24px,3vw,36px)}.managed-project-text-block p{color:#252525c2;white-space:pre-wrap;margin:0 0 20px;font-size:17px;line-height:1.95}.managed-project-image-block{margin:0}.managed-project-image-block img{object-fit:contain;background:#dfdaca73;border-radius:3px;width:100%;max-height:720px;display:block}.managed-project-image-block figcaption{color:#2525258f;text-align:center;margin-top:12px;font-size:13px}.managed-project-quote{color:#3e4530;background:#ebe7d8b8;border-left:4px solid #69734e;max-width:760px;margin:0;padding:22px 28px;font-size:clamp(20px,2.2vw,28px);line-height:1.65}@media (max-width:900px){.managed-project-hero-inner{grid-template-columns:1fr;width:min(100% - 40px,700px);padding:70px 0}.managed-project-cover{grid-row:1}.managed-project-body{width:min(100% - 40px,700px);padding:80px 0}.managed-project-prose,.managed-project-blocks{margin-left:0}}[data-project-reveal]{opacity:0;transition:opacity .64s ease var(--reveal-delay,0s), translate .64s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);translate:0 24px}[data-project-reveal].is-visible{opacity:1;translate:0}@keyframes designspark-line-grow{to{transform:scaleX(1)}}@keyframes designspark-spark-drift{to{opacity:.5;translate:5px -7px}}@media (max-width:980px){.designspark-hero-inner{grid-template-columns:1fr;width:min(760px,100% - 56px);padding:68px 0 72px}.designspark-hero-copy{max-width:650px}.project-back-link{margin-bottom:38px}.designspark-hero-visual{padding-bottom:86px}.project-problem-grid{grid-template-columns:1fr}.project-problem-grid article{border-bottom:1px solid #58613c2e;border-right:0;min-height:0}.project-problem-grid article:last-child{border-bottom:0}.project-problem-grid h3{margin-top:24px}.project-prd-layout{grid-template-columns:1fr}.project-prd-toc{position:static}.project-prd-toc nav{flex-wrap:wrap;gap:10px 20px;display:flex}.project-demo-inner{grid-template-columns:1fr}}@media (max-width:720px){.project-detail-page main{padding-top:58px}.designspark-hero{min-height:auto}.designspark-hero-inner{gap:54px;width:calc(100% - 36px);min-height:auto;padding:46px 0 54px}.designspark-hero h1{font-size:48px}.designspark-hero h2{font-size:21px}.designspark-hero-description{font-size:15px}.project-back-link{margin-bottom:32px}.project-hero-actions{grid-template-columns:1fr 1fr;display:grid}.project-action{min-height:46px;padding:10px 12px;font-size:12px}.designspark-hero-visual{padding-bottom:116px}.designspark-cover-label{top:10px;right:10px}.designspark-journey{grid-template-columns:1fr 1fr;gap:14px 0;bottom:0;left:0;right:0}.designspark-journey:before{display:none}.designspark-journey li{text-align:left;grid-template-columns:28px 1fr;place-items:center start}.project-local-nav{top:58px;overflow-x:auto}.project-local-nav>div{gap:24px;width:max-content;min-width:100%;min-height:46px;padding:0 18px}.project-local-nav a{white-space:nowrap;padding:14px 0 12px}.project-story-section{width:calc(100% - 36px);padding:88px 0}.designspark-solution{width:100%;padding-left:18px;padding-right:18px}.project-section-heading{grid-template-columns:40px minmax(0,1fr);gap:8px}.project-section-heading h2,.project-prd-header h2,.project-demo-copy h2{font-size:34px}.project-section-lead{margin:24px 0 0 48px;font-size:15px}.project-problem-grid{margin-top:44px}.project-problem-grid article{padding:24px 18px 28px}.designspark-module-map{grid-template-columns:1fr;gap:32px;margin-top:48px}.designspark-module-map article{min-height:0;padding:28px 24px}.designspark-module-map h3{margin-top:36px;font-size:26px}.designspark-module-bridge{display:none}.designspark-principle{line-height:1.6}.project-decision-list article{grid-template-columns:40px 1fr}.project-prd-section,.project-demo-section{padding:84px 18px 70px;scroll-margin-top:104px}.project-prd-header{margin-bottom:52px}.project-prd-document>section{padding-bottom:60px;scroll-margin-top:116px}.project-prd-document>section+section{padding-top:58px}.project-prd-document h3{font-size:25px}.project-user-list,.project-goal-columns,.project-flow-list,.project-metrics-list,.project-demo-steps ol{grid-template-columns:1fr}.project-scope-head{display:none}.project-scope-row{grid-template-columns:1fr auto;gap:10px;padding:18px 0}.project-scope-row>p{grid-column:1/-1}.project-flow-list{gap:28px}.project-flow-list li{grid-template-columns:34px 1fr;padding:0;display:grid}.project-flow-list li:not(:last-child):after{width:1px;height:20px;inset:34px auto -24px 14px}.project-flow-list strong{margin-top:0}.project-flow-list p{grid-column:2}.project-metrics-list div{grid-template-columns:72px 1fr}.project-demo-steps ol{gap:24px}.project-return-link{margin-top:52px}}@media (prefers-reduced-motion:reduce){.designspark-hero-sparks i,.designspark-journey:before{animation:none}.designspark-journey:before{transform:scaleX(1)}[data-project-reveal]{opacity:1;transition:none;translate:none}.project-action,.project-back-link span{transition:none}}.life-exchange-project{--life-ink:#453c3b;--life-rose:#c57f78;--life-rose-deep:#8f5f5c;--life-blue:#7e93ad;--life-paper:#fffaf3}.life-exchange-hero{isolation:isolate;background:radial-gradient(circle at 75% 18%,#f6beac47,#0000 29%),radial-gradient(circle at 12% 74%,#a7baa52e,#0000 24%),linear-gradient(#8671630a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#8671630a 1px,#0000 1px) 0 0/24px 24px,#f8f4ec;min-height:calc(100svh - 72px);position:relative;overflow:hidden}.life-exchange-hero-inner{z-index:3;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);align-items:center;gap:clamp(48px,6vw,96px);width:min(1240px,100% - 96px);min-height:calc(100svh - 72px);margin:0 auto;padding:82px 0 74px;display:grid;position:relative}.life-exchange-hero-copy{max-width:540px}.life-exchange-hero h1{color:var(--life-ink);letter-spacing:0;margin:14px 0 8px;font-size:clamp(56px,5.4vw,82px);font-weight:760;line-height:.98}.life-exchange-hero h2{color:#74534f;max-width:530px;margin:0;font-size:clamp(22px,2vw,30px);font-weight:650;line-height:1.4}.life-exchange-hero-description{color:#362d2cbd;margin:28px 0 0;font-size:17px;line-height:1.8}.life-exchange-hero .project-tag-list li{color:#74534f;background:#fffaf3b8;border-color:#9b68623d}.life-exchange-hero .project-action-primary,.life-demo-section .project-action-primary{border-color:var(--life-rose-deep);background:var(--life-rose-deep)}.life-exchange-hero .project-action-secondary{border-color:var(--life-rose-deep);color:var(--life-rose-deep)}.life-exchange-hero .project-action-primary:hover,.life-demo-section .project-action-primary:hover{background:#7d504e}.life-exchange-hero .project-action-secondary:hover{color:#fff;background:var(--life-rose-deep)}.life-exchange-hero-visual{align-self:center;padding-bottom:112px;position:relative}.life-exchange-cover-frame{aspect-ratio:1.665;background:#f2d9cc;border:1px solid #80565233;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 76px #74524b2b}.life-exchange-cover-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #fffaf32b}.life-exchange-cover-frame img{object-fit:cover}.life-exchange-cover-frame>span{z-index:2;color:#684c49;font-family:var(--font-geist-mono), monospace;background:#fffaf3d6;border:1px solid #6d49463d;padding:7px 9px;font-size:10px;position:absolute;top:18px;right:18px}.life-dual-tracks{grid-template-columns:1fr 1fr 118px;align-items:center;gap:0;display:grid;position:absolute;bottom:0;left:28px;right:28px}.life-dual-tracks>div{color:#453c3bad;grid-template-columns:30px 1fr;align-items:center;gap:9px;font-size:12px;display:grid;position:relative}.life-dual-tracks b{z-index:2;width:30px;height:30px;color:var(--life-rose-deep);font-family:var(--font-geist-mono), monospace;background:#f8f4ec;border:1px solid #9b686273;border-radius:50%;place-items:center;font-size:10px;display:grid}.life-dual-tracks i{z-index:1;transform-origin:0;background:repeating-linear-gradient(90deg,#a46f688c 0 6px,#0000 6px 12px);height:1px;animation:1s cubic-bezier(.22,1,.36,1) .42s forwards life-track-enter;position:absolute;left:15px;right:-2px;transform:scaleX(0)}.life-dual-tracks>div:nth-child(2) i{background:repeating-linear-gradient(90deg,#6d85a18c 0 6px,#0000 6px 12px);animation-delay:.56s}.life-dual-tracks strong{color:#78514e;background:#fffaf3d6;border:1px solid #9b68624d;border-radius:4px;place-items:center;min-height:42px;font-size:11px;display:grid}.life-ambient-cloud{z-index:1;opacity:.3;filter:blur(.3px);pointer-events:none;border-radius:50%;width:200px;height:54px;animation:44s ease-in-out infinite alternate life-cloud-drift;position:absolute}.life-ambient-cloud:before,.life-ambient-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.life-ambient-cloud:before{width:92px;height:72px;top:-26px;left:38px}.life-ambient-cloud:after{width:74px;height:58px;top:-16px;right:20px}.life-ambient-cloud-left{background:#f4cfbc;top:17%;left:-30px}.life-ambient-cloud-right{background:#d7dcca;width:160px;animation-duration:58s;animation-direction:alternate-reverse;bottom:16%;right:2%}.life-particle-cloud{z-index:2;pointer-events:none;position:absolute;inset:0}.life-particle-cloud i{opacity:.18;background:#e5aa85;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite life-particle-pulse;position:absolute;box-shadow:0 0 9px #e6a9848c}.life-particle-cloud i:first-child{top:14%;left:8%}.life-particle-cloud i:nth-child(2){animation-delay:-2s;top:22%;left:47%}.life-particle-cloud i:nth-child(3){animation-delay:-5s;top:11%;right:9%}.life-particle-cloud i:nth-child(4){animation-delay:-3s;top:38%;left:4%}.life-particle-cloud i:nth-child(5){animation-delay:-6s;top:42%;left:58%}.life-particle-cloud i:nth-child(6){animation-delay:-1s;top:55%;right:5%}.life-particle-cloud i:nth-child(7){animation-delay:-4s;bottom:14%;left:17%}.life-particle-cloud i:nth-child(8){animation-delay:-7s;bottom:8%;left:48%}.life-particle-cloud i:nth-child(9){animation-delay:-2.5s;bottom:19%;right:18%}.life-particle-cloud i:nth-child(10){animation-delay:-5.5s;top:30%;right:31%}.life-particle-cloud i:nth-child(11){animation-delay:-1.5s;top:67%;left:36%}.life-particle-cloud i:nth-child(12){animation-delay:-6.5s;top:73%;right:35%}.life-particle-cloud i:nth-child(13){animation-delay:-3.5s;top:9%;left:31%}.life-particle-cloud i:nth-child(14){animation-delay:-7.5s;top:49%;left:24%}.life-particle-cloud i:nth-child(15){animation-delay:-4.5s;bottom:29%;right:11%}.life-particle-cloud i:nth-child(16){animation-delay:-.5s;top:25%;right:18%}.life-particle-cloud i:nth-child(17){animation-delay:-5.8s;bottom:6%;left:5%}.life-particle-cloud i:nth-child(18){animation-delay:-2.8s;bottom:40%;right:43%}.life-model-section{background:radial-gradient(circle at 18% 22%,#fffaf3b8,#0000 26%),linear-gradient(#89675e09 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#89675e09 1px,#0000 1px) 0 0/24px 24px,#f0dfd7;scroll-margin-top:124px}.life-section-inner{width:min(1120px,100% - 96px);margin:0 auto;padding:132px 0}.life-mode-explorer{margin-top:72px}.life-mode-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.life-mode-button{min-height:158px;color:var(--life-ink);text-align:left;cursor:pointer;background:#fffaf3a8;border:1px solid #7a534f33;border-radius:6px;padding:20px;transition:border-color .22s,background-color .22s,translate .22s}.life-mode-button:hover,.life-mode-button:focus-visible{border-color:#8f5f5c94;translate:0 -4px}.life-mode-button[data-active=true]{border-color:var(--life-rose-deep);background:#fffaf3f0}.life-mode-button small{color:#453c3b80;font-family:var(--font-geist-mono), monospace;margin-top:20px;font-size:10px;display:block}.life-mode-button strong{margin-top:7px;font-size:15px;line-height:1.45;display:block}.life-mode-icon{width:52px;height:28px;display:block;position:relative}.life-mode-icon i{color:#815955;width:28px;height:28px;font-family:var(--font-geist-mono), monospace;background:#fffaf3;border:1px solid #8f5f5c66;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid;position:absolute}.life-mode-icon i:last-child{color:#61768e;border-color:#6f87a173;left:22px}.life-mode-button:hover .life-mode-icon{animation:.42s life-icon-bounce}.life-mode-detail{background:#fffaf3d6;border:1px solid #7a534f33;border-radius:8px;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,5vw,70px);margin-top:20px;padding:clamp(26px,4vw,48px);display:grid}.life-view-switch{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.life-view-switch>span{color:#453c3b8c;width:100%;margin-bottom:5px;font-size:11px}.life-view-switch button{color:#70504d;cursor:pointer;background:0 0;border:1px solid #7a534f3d;border-radius:17px;min-height:34px;padding:6px 14px}.life-view-switch button[data-active=true]{color:#fff;background:var(--life-rose-deep)}.life-mode-detail h3{margin:34px 0 24px;font-size:28px;line-height:1.25}.life-mode-detail dl{margin:0}.life-mode-detail dl div{border-top:1px solid #7a534f24;padding:13px 0}.life-mode-detail dt{color:#674b49;font-size:13px;font-weight:700}.life-mode-detail dd{color:#453c3ba6;margin:5px 0 0;font-size:12px}.life-flow-diagram{min-height:280px;padding:38px 20px 20px;position:relative;overflow:hidden}.life-flow-label{color:#453c3b80;font-size:11px;position:absolute;top:0;left:0}.life-flow-track{background:repeating-linear-gradient(90deg,#a869638a 0 6px,#0000 6px 12px);height:1px;transition:top .42s,transform .42s;position:absolute;left:3%;right:12%}.life-flow-track-a{transform-origin:0;top:31%;transform:rotate(7deg)}.life-flow-track-b{transform-origin:0;background:repeating-linear-gradient(90deg,#6884a38a 0 6px,#0000 6px 12px);top:67%;transform:rotate(-7deg)}.life-flow-track i{color:#8f5f5c;width:28px;height:28px;font-family:var(--font-geist-mono), monospace;background:#fffaf3;border:1px solid;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid;position:absolute;top:-14px;left:-3px}.life-flow-track-b i{color:#657b94}.life-flow-track b{background:#fffaf3;border:1px solid #8f5f5c80;border-radius:50%;width:13px;height:13px;position:absolute;top:-6px;right:0}.life-flow-diagram[data-view=single] .life-flow-track-a{top:50%;transform:rotate(0)}.life-flow-diagram[data-view=single] .life-flow-track-b{opacity:0;top:50%;transform:translateY(40px)}.life-flow-diagram ol{z-index:2;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:26px;left:0;right:0}.life-flow-diagram li{text-align:center;min-width:0}.life-flow-diagram li span{color:#805653;width:28px;height:28px;font-family:var(--font-geist-mono), monospace;background:#fffaf3;border:1px solid #8f5f5c57;border-radius:50%;place-items:center;margin:0 auto 10px;font-size:9px;display:grid}.life-flow-diagram li strong{color:#453c3bb8;font-size:11px;line-height:1.4}.life-privacy-section{scroll-margin-top:124px}.life-privacy-experience{margin-top:70px}.life-privacy-panels{grid-template-columns:1fr 88px 1fr;align-items:stretch;display:grid}.life-privacy-panels article{background:#fffaf3;border:1px solid #80565233;border-radius:8px;min-height:250px;padding:34px;position:relative;overflow:hidden}.life-privacy-panels article>span{color:#815653;width:48px;height:48px;font-family:var(--font-geist-mono), monospace;border:1px solid #8f5f5c59;border-radius:50%;place-items:center;font-size:10px;display:grid}.life-privacy-panels article small{color:#76504d;margin-top:40px;font-weight:700;display:block}.life-privacy-panels article p{color:#453c3bad;filter:blur(7px);opacity:.42;margin:14px 0 0;font-size:14px;line-height:1.75;transition:filter .48s,opacity .48s}.life-privacy-experience[data-revealed=true] article p{filter:blur();opacity:1}.life-privacy-gate{grid-template-columns:1fr 30px 1fr;align-items:center;display:grid}.life-privacy-gate i{background:repeating-linear-gradient(90deg,#8f5f5c7a 0 5px,#0000 5px 10px);height:1px}.life-privacy-gate b{color:#8f5f5c;border:1px solid #8f5f5c59;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:400;display:grid}.life-privacy-experience[data-revealed=true] .life-privacy-gate b{font-size:0}.life-privacy-experience[data-revealed=true] .life-privacy-gate b:after{content:"✓";font-size:13px}.life-privacy-toggle{color:#754e4b;cursor:pointer;background:#fffaf3;border:1px solid #8f5f5c66;border-radius:22px;align-items:center;gap:10px;min-height:44px;margin:24px auto 0;padding:9px 16px;display:flex}.life-privacy-toggle span{font-size:20px;line-height:1}.life-privacy-rules{opacity:0;grid-template-rows:0fr;max-width:720px;margin:0 auto;transition:grid-template-rows .42s,margin-top .42s,opacity .32s;display:grid;overflow:hidden}.life-privacy-rules>*{min-height:0}.life-privacy-rules strong{display:none}.life-privacy-rules ul{min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.life-privacy-experience[data-revealed=true] .life-privacy-rules{opacity:1;grid-template-rows:1fr;margin-top:24px}.life-privacy-rules li{color:#453c3bb8;border-top:1px solid #8f5f5c29;padding:12px 16px 12px 38px;font-size:13px;line-height:1.6}.life-privacy-rules li:before{content:"";background:var(--life-rose);border-radius:50%;width:6px;height:6px;margin:0 14px 2px -22px;display:inline-block}.life-prd-section{background-color:#f5eee8;background-image:linear-gradient(#7d5d5709 1px,#0000 1px),linear-gradient(90deg,#7d5d5709 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.life-mode-table-row{grid-template-columns:1.1fr .8fr 1.4fr 1fr}.life-mode-table-row>span{color:#775552;background:#f0ddd7}.life-prd-flow{grid-template-columns:repeat(5,1fr)}.life-boundary-list{grid-template-columns:1fr 1fr;gap:10px;list-style:none;display:grid;margin-top:28px!important;padding:0!important}.life-boundary-list li{background:#fffaf39e;border:1px solid #8056522e;padding:16px 18px!important}.life-mvp-list{margin:28px 0 0}.life-mvp-list div{border-bottom:1px solid #80565229;grid-template-columns:88px 1fr;gap:16px;padding:15px 0;display:grid}.life-mvp-list dt{color:#805653;font-weight:700}.life-mvp-list dd{color:#453c3bad;margin:0;font-size:13px;line-height:1.65}.life-demo-section{background:#eadbd4}.life-demo-section .project-demo-window{border-color:#80565247;box-shadow:0 28px 64px #6f4c4626}.life-demo-boundary{color:#453c3ba8;border-top:1px solid #8056522e;gap:5px;margin:0;padding:16px 18px;font-size:11px;line-height:1.6;display:grid}.life-demo-boundary strong{color:#76504d;font-size:12px}.life-detail-footer{background:#eadbd4}@keyframes life-track-enter{to{transform:scaleX(1)}}@keyframes life-cloud-drift{to{translate:38px 4px}}@keyframes life-particle-pulse{0%,to{opacity:.12;transform:translateY(0)}50%{opacity:.72;transform:translateY(-6px)}}@keyframes life-icon-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}72%{transform:translateY(-2px)}}@media (max-width:980px){.life-exchange-hero-inner{grid-template-columns:1fr;width:min(760px,100% - 56px);padding:68px 0 74px}.life-exchange-hero-copy{max-width:650px}.life-mode-grid{grid-template-columns:1fr 1fr}.life-mode-detail{grid-template-columns:1fr}.life-flow-diagram{min-height:250px}.life-privacy-panels{grid-template-columns:1fr;gap:18px}.life-privacy-gate{grid-template-columns:1fr 30px 1fr;min-height:36px}}@media (max-width:720px){.life-exchange-hero{min-height:auto}.life-exchange-hero-inner{gap:52px;width:calc(100% - 36px);min-height:auto;padding:46px 0 56px}.life-exchange-hero-inner>*,.life-exchange-hero-copy,.life-exchange-hero-visual{width:100%;min-width:0}.life-exchange-hero h1{font-size:46px}.life-exchange-hero h2,.life-exchange-hero-description{overflow-wrap:anywhere;max-width:100%}.life-exchange-hero h2{font-size:21px}.life-exchange-hero-description{font-size:15px}.life-exchange-hero .project-tag-list li{overflow-wrap:anywhere;max-width:100%}.life-exchange-hero .project-hero-actions{grid-template-columns:1fr}.life-exchange-hero-visual{padding-bottom:150px}.life-exchange-cover-frame>span{top:10px;right:10px}.life-dual-tracks{grid-template-columns:1fr;gap:10px;left:0;right:0}.life-dual-tracks>div{grid-template-columns:30px 1fr}.life-dual-tracks i{right:0}.life-dual-tracks strong{margin-left:39px}.life-section-inner{width:calc(100% - 36px);padding:88px 0}.life-mode-grid{grid-template-columns:1fr}.life-mode-button{min-height:120px}.life-mode-detail{padding:24px 18px}.life-flow-diagram{min-height:360px;padding:38px 0 0}.life-flow-diagram ol{grid-template-columns:1fr;gap:18px;margin-top:34px;position:relative;bottom:auto}.life-flow-diagram li{text-align:left;grid-template-columns:30px 1fr;align-items:center;display:grid}.life-flow-diagram li span{margin:0}.life-flow-track{display:none}.life-privacy-panels article{min-height:220px;padding:26px 22px}.life-mode-table-row{grid-template-columns:1fr auto}.life-mode-table-row>p{grid-column:1/-1}.life-prd-flow,.life-boundary-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.life-ambient-cloud,.life-particle-cloud i,.life-dual-tracks i,.life-mode-button:hover .life-mode-icon{animation:none}.life-dual-tracks i{transform:scaleX(1)}.life-mode-button,.life-flow-track,.life-privacy-panels article p,.life-privacy-rules{transition:none}}.sales-agent-project{--sales-blue:#667b9e;--sales-blue-deep:#475c80;--sales-mist:#e8ebf4;--sales-system:#8d9876;--sales-human:#bd8870}.sales-agent-hero{isolation:isolate;background:radial-gradient(circle at 76% 24%,#96a8d342,#0000 30%),radial-gradient(circle at 12% 72%,#b2c1ae2e,#0000 25%),linear-gradient(#5b698b0a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#5b698b0a 1px,#0000 1px) 0 0/24px 24px,#f8f4ec;min-height:calc(100svh - 72px);position:relative;overflow:hidden}.sales-agent-hero-inner{z-index:3;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);align-items:center;gap:clamp(48px,6vw,96px);width:min(1240px,100% - 96px);min-height:calc(100svh - 72px);margin:0 auto;padding:82px 0 72px;display:grid;position:relative}.sales-agent-hero-copy{max-width:545px}.sales-agent-hero h1{color:#303744;letter-spacing:0;margin:14px 0 8px;font-size:clamp(54px,5.2vw,80px);font-weight:760;line-height:1}.sales-agent-hero h2{max-width:530px;color:var(--sales-blue-deep);margin:0;font-size:clamp(22px,2vw,30px);font-weight:650;line-height:1.4}.sales-agent-hero-description{color:#292f3ab8;margin:28px 0 0;font-size:17px;line-height:1.8}.sales-agent-hero .project-tag-list li{color:#4b5f82;background:#f8faffbd;border-color:#54698f3d}.sales-agent-primary-action{border-color:var(--sales-blue-deep);color:#fff;background:var(--sales-blue-deep)}.sales-agent-primary-action:hover{background:#3c4f70}.sales-agent-secondary-action{border-color:var(--sales-blue-deep);color:var(--sales-blue-deep);background:#f8faffb3}.sales-agent-secondary-action:hover{color:#fff;background:var(--sales-blue-deep)}.sales-agent-hero-visual{align-self:center;padding-bottom:114px;position:relative}.sales-agent-cover-frame{aspect-ratio:1.665;background:#dfe4f2;border:1px solid #4f608438;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 76px #4b5b802e}.sales-agent-cover-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #f7f9ff26}.sales-agent-cover-frame img{object-fit:cover}.sales-agent-cover-frame>span{z-index:2;color:#465a7d;font-family:var(--font-geist-mono), monospace;background:#f8faffd6;border:1px solid #46587e3d;padding:7px 9px;font-size:10px;position:absolute;top:18px;right:18px}.sales-agent-mini-flow{grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:absolute;bottom:0;left:18px;right:18px}.sales-agent-mini-flow:before{content:"";transform-origin:100%;background:repeating-linear-gradient(90deg,#596f9b7a 0 6px,#0000 6px 12px);height:1px;animation:1.1s cubic-bezier(.22,1,.36,1) .4s forwards sales-line-draw;position:absolute;top:15px;left:7%;right:7%;transform:scaleX(0)}.sales-agent-mini-flow span{z-index:1;color:#292f3aa3;text-align:center;justify-items:center;gap:8px;font-size:10px;display:grid}.sales-agent-mini-flow i{width:30px;height:30px;color:var(--sales-blue-deep);font-family:var(--font-geist-mono), monospace;background:#f8f4ec;border:1px solid #4d638e66;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid}.sales-agent-signals{z-index:1;pointer-events:none;position:absolute;inset:0}.sales-agent-signals i{background:#becbe7ad;border:1px solid #5d749f5c;width:7px;height:7px;animation:9s ease-in-out infinite sales-signal-pulse;position:absolute;rotate:45deg}.sales-agent-signals i:first-child{top:15%;left:6%}.sales-agent-signals i:nth-child(2){animation-delay:-2s;top:23%;left:47%}.sales-agent-signals i:nth-child(3){animation-delay:-4s;top:12%;right:8%}.sales-agent-signals i:nth-child(4){animation-delay:-6s;top:48%;left:3%}.sales-agent-signals i:nth-child(5){animation-delay:-1s;top:40%;right:4%}.sales-agent-signals i:nth-child(6){animation-delay:-7s;bottom:12%;left:18%}.sales-agent-signals i:nth-child(7){animation-delay:-3s;bottom:8%;left:48%}.sales-agent-signals i:nth-child(8){animation-delay:-5s;bottom:18%;right:14%}.sales-agent-signals i:nth-child(9){animation-delay:-8s;top:32%;left:29%}.sales-agent-signals i:nth-child(10){animation-delay:-2.5s;top:64%;right:29%}.sales-agent-signals i:nth-child(11){animation-delay:-5.5s;top:72%;left:38%}.sales-agent-signals i:nth-child(12){animation-delay:-.5s;top:28%;right:39%}.sales-agent-problem-grid{border-top:1px solid #53658938;border-bottom:1px solid #53658938;grid-template-columns:repeat(4,1fr);margin-top:68px;display:grid}.sales-agent-problem-grid article{border-right:1px solid #5365892b;min-height:274px;padding:28px 24px 32px}.sales-agent-problem-grid article:last-child{border-right:0}.sales-agent-problem-grid article>span{color:#7888a8;font-family:var(--font-geist-mono), monospace;font-size:11px}.sales-agent-problem-grid h3{margin:44px 0 15px;font-size:20px;line-height:1.35}.sales-agent-problem-grid p{color:#292f3aab;margin:0;font-size:14px;line-height:1.75}.sales-agent-workflow-section{background:radial-gradient(circle at 82% 18%,#ffffffb8,#0000 25%),linear-gradient(#5264890a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#5264890a 1px,#0000 1px) 0 0/24px 24px,#e6eaf3;scroll-margin-top:124px}.sales-agent-section-inner{width:min(1120px,100% - 96px);margin:0 auto;padding:132px 0}.sales-agent-legend{flex-wrap:wrap;gap:9px;margin:54px 0 22px 76px;display:flex}.sales-agent-legend span{color:#292f3a9e;align-items:center;gap:7px;font-size:11px;display:inline-flex}.sales-agent-legend span:before{content:"";background:var(--owner-color);border-radius:50%;width:8px;height:8px}.sales-agent-legend span[data-owner=agent]{--owner-color:var(--sales-blue)}.sales-agent-legend span[data-owner=system]{--owner-color:var(--sales-system)}.sales-agent-legend span[data-owner=human]{--owner-color:var(--sales-human)}.sales-agent-workflow{grid-template-columns:repeat(7,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.sales-agent-workflow:before{content:"";z-index:0;transform-origin:100%;background:repeating-linear-gradient(90deg,#4f638e85 0 8px,#0000 8px 15px);height:2px;position:absolute;top:31px;left:4%;right:4%;transform:scaleX(0)}.sales-agent-workflow.is-visible:before{animation:.9s cubic-bezier(.22,1,.36,1) .12s forwards sales-line-draw}.sales-agent-workflow li{--owner-color:var(--sales-system);z-index:1;text-align:center;outline:none;min-width:0;padding:0 4px;position:relative}.sales-agent-workflow li[data-owner=agent]{--owner-color:var(--sales-blue)}.sales-agent-workflow li[data-owner=human]{--owner-color:var(--sales-human)}.sales-agent-workflow li>span{border:1px solid var(--owner-color);place-items:center;width:62px;height:62px;margin:0 auto;display:grid}@supports (color:color-mix(in lab, red, red)){.sales-agent-workflow li>span{border:1px solid color-mix(in srgb, var(--owner-color) 52%, transparent)}}.sales-agent-workflow li>span{color:var(--owner-color);box-shadow:0 0 0 0 var(--owner-color);background:#f8f4ec;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.sales-agent-workflow li>span{box-shadow:0 0 0 0 color-mix(in srgb, var(--owner-color) 22%, transparent)}}.sales-agent-workflow li>span{font-family:var(--font-geist-mono), monospace;font-size:10px}.sales-agent-workflow.is-visible li>span{animation:sales-node-light .52s ease var(--node-delay) both}.sales-agent-workflow li>strong{margin-top:18px;font-size:13px;line-height:1.45;display:block}.sales-agent-workflow li>small{color:var(--owner-color);margin-top:6px;font-size:9px;line-height:1.35;display:block}.sales-agent-workflow li>div{z-index:5;border:1px solid var(--owner-color);width:210px;padding:14px 16px;position:absolute;top:calc(100% + 16px);left:50%}@supports (color:color-mix(in lab, red, red)){.sales-agent-workflow li>div{border:1px solid color-mix(in srgb, var(--owner-color) 34%, transparent)}}.sales-agent-workflow li>div{opacity:0;pointer-events:none;background:#fffdf8f7;border-radius:6px;transition:opacity .18s,transform .18s;transform:translate(-50%,-6px);box-shadow:0 14px 34px #36415921}.sales-agent-workflow li:nth-last-child(-n+2)>div{left:auto;right:0;transform:translateY(-6px)}.sales-agent-workflow li:hover>div,.sales-agent-workflow li:focus-visible>div{opacity:1;transform:translate(-50%)}.sales-agent-workflow li:nth-last-child(-n+2):hover>div,.sales-agent-workflow li:nth-last-child(-n+2):focus-visible>div{transform:translate(0)}.sales-agent-workflow li>div b{color:#34415a;font-size:12px;line-height:1.5;display:block}.sales-agent-workflow li>div p{color:#292f3a9e;margin:7px 0 0;font-size:11px;line-height:1.55}.sales-agent-architecture-section{background:#e8ebdf;scroll-margin-top:124px}.sales-agent-layer-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:68px;display:grid}.sales-agent-layer-grid article{background:#fffdf8bd;border:1px solid #55654933;border-radius:7px;min-height:270px;padding:28px 24px}.sales-agent-layer-grid article>span{color:#6f7d62;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:10px}.sales-agent-layer-grid h3{margin:70px 0 14px;font-size:22px}.sales-agent-layer-grid p{color:#292f2eab;margin:0;font-size:14px;line-height:1.7}.sales-agent-architecture-chain{background:#fffdf894;border:1px solid #5565492e;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:44px 0 0;padding:22px;list-style:none;display:flex}.sales-agent-architecture-chain li{color:#4d5847;align-items:center;gap:8px;font-size:11px;display:flex}.sales-agent-architecture-chain li:not(:last-child):after{content:"→";color:#849276;margin-left:6px}.sales-agent-architecture-chain span{font-family:var(--font-geist-mono), monospace;font-size:8px}.sales-agent-prd-section{background-color:#f2f1ed;background-image:linear-gradient(#52648909 1px,#0000 1px),linear-gradient(90deg,#52648909 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.sales-agent-value-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sales-agent-value-grid>div{background:#fffdf8a6;border:1px solid #5365892e;padding:22px}.sales-agent-value-grid strong{color:#4d6083}.sales-agent-value-grid p{margin-top:10px;font-size:13px;line-height:1.7}.sales-agent-user-list{grid-template-columns:1fr 1fr}.sales-agent-scenario-list,.sales-agent-profile-fields{flex-wrap:wrap;gap:8px;list-style:none;display:flex;padding:0!important}.sales-agent-scenario-list li,.sales-agent-profile-fields li{color:#51617d;background:#f8faffb3;border:1px solid #5365892e;font-size:11px;padding:7px 10px!important}.sales-agent-module-row{grid-template-columns:1fr 130px 2.3fr}.sales-agent-module-row>span{color:#4d6083;background:#e1e6f0}.sales-agent-rag-chain{flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0 46px;list-style:none;display:flex;padding:0!important}.sales-agent-rag-chain li{font-family:var(--font-geist-mono), monospace;background:#f8faffb8;border:1px solid #53658933;align-items:center;gap:8px;font-size:10px;display:flex;padding:10px 12px!important}.sales-agent-rag-chain li:not(:last-child):after{content:"→";color:#7283a4;margin-right:-18px;translate:10px}.sales-agent-rag-chain span{color:#6c7e9f;font-size:8px}.sales-agent-data-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.sales-agent-data-grid article{background:#fffdf8ad;border:1px solid #5365892e;padding:24px}.sales-agent-data-grid strong{color:#445879;font-size:15px}.sales-agent-data-grid p{margin-top:13px;font-size:13px}.sales-agent-data-grid span{color:#4d6083;background:#e0e5ef;width:fit-content;margin-top:18px;padding:6px 9px;font-size:10px;font-weight:700;display:block}.sales-agent-fallback-list{border-top:1px solid #53658933;margin-top:28px}.sales-agent-fallback-list>div{border-bottom:1px solid #53658929;grid-template-columns:170px 1fr;gap:18px;padding:16px 10px;display:grid}.sales-agent-fallback-list strong{color:#425576;font-size:13px}.sales-agent-fallback-list span{color:#292f3aa8;font-size:13px}.sales-agent-validation-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.sales-agent-validation-grid article{background:#fffdf8ad;border:1px solid #5365892e;padding:22px}.sales-agent-validation-grid article>span{color:#7182a3;font-family:var(--font-geist-mono), monospace;font-size:10px}.sales-agent-validation-grid h4{color:#34445f;margin:18px 0 12px}.sales-agent-validation-grid ul{margin:0}.sales-agent-ending{text-align:center;background:#dfe5f0;padding:118px max(48px,50% - 490px)}.sales-agent-ending>div{max-width:780px;margin:0 auto}.sales-agent-ending h2{margin:14px 0 20px;font-size:clamp(38px,4vw,56px);line-height:1.15}.sales-agent-ending>div>span{color:#292f3aad;font-size:16px;line-height:1.8;display:block}.sales-agent-ending .project-return-link{color:var(--sales-blue-deep);margin:46px auto 0}.sales-agent-detail-footer{background:#dfe5f0}@keyframes sales-line-draw{to{transform:scaleX(1)}}@keyframes sales-node-light{0%{opacity:.4;box-shadow:0 0 #0000}60%{opacity:1;box-shadow:0 0 0 8px color-mix(in srgb, var(--owner-color) 16%, transparent)}to{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--owner-color) 10%, transparent)}}@keyframes sales-signal-pulse{0%,to{opacity:.15;translate:0}50%{opacity:.64;translate:4px -5px}}@media (max-width:1040px){.sales-agent-hero-inner{grid-template-columns:1fr;width:min(760px,100% - 56px);padding:68px 0 74px}.sales-agent-hero-copy{max-width:650px}.sales-agent-problem-grid{grid-template-columns:1fr 1fr}.sales-agent-problem-grid article:nth-child(2){border-right:0}.sales-agent-problem-grid article:nth-child(-n+2){border-bottom:1px solid #5365892b}.sales-agent-workflow{grid-template-columns:repeat(4,1fr);gap:28px 12px}.sales-agent-workflow:before{display:none}.sales-agent-workflow li>div{width:auto;box-shadow:none;opacity:1;margin-top:14px;position:static;transform:none}.sales-agent-workflow li:nth-last-child(-n+2)>div{transform:none}.sales-agent-layer-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.sales-agent-hero{min-height:auto}.sales-agent-hero-inner{gap:52px;width:calc(100% - 36px);min-height:auto;padding:46px 0 56px}.sales-agent-hero-inner>*,.sales-agent-hero-copy,.sales-agent-hero-visual{width:100%;min-width:0}.sales-agent-hero h1{font-size:44px}.sales-agent-hero h2,.sales-agent-hero-description{overflow-wrap:anywhere;max-width:100%}.sales-agent-hero h2{font-size:21px}.sales-agent-hero-description{font-size:15px}.sales-agent-hero .project-tag-list li{overflow-wrap:anywhere;max-width:100%}.sales-agent-hero .project-hero-actions{grid-template-columns:1fr}.sales-agent-hero-visual{padding-bottom:164px}.sales-agent-cover-frame>span{top:10px;right:10px}.sales-agent-mini-flow{grid-template-columns:1fr;gap:7px}.sales-agent-mini-flow:before{display:none}.sales-agent-mini-flow span{text-align:left;grid-template-columns:30px 1fr;place-items:center start}.sales-agent-section-inner{width:calc(100% - 36px);padding:88px 0}.sales-agent-problem-grid{grid-template-columns:1fr}.sales-agent-problem-grid article{border-bottom:1px solid #5365892b;border-right:0;min-height:0}.sales-agent-problem-grid h3{margin-top:24px}.sales-agent-legend{margin-left:0}.sales-agent-workflow{grid-template-columns:1fr}.sales-agent-workflow li{text-align:left;grid-template-columns:62px 1fr;align-items:center;gap:0 14px;display:grid}.sales-agent-workflow li>span{grid-row:1/4;margin:0}.sales-agent-workflow li>strong{margin-top:0}.sales-agent-workflow li>div{grid-column:2}.sales-agent-layer-grid,.sales-agent-value-grid,.sales-agent-data-grid,.sales-agent-validation-grid{grid-template-columns:1fr}.sales-agent-layer-grid article{min-height:0}.sales-agent-layer-grid h3{margin-top:38px}.sales-agent-architecture-chain{flex-direction:column;align-items:stretch}.sales-agent-architecture-chain li:not(:last-child):after{content:"↓";margin:6px 0 0 4px}.sales-agent-module-row{grid-template-columns:1fr auto}.sales-agent-module-row>p{grid-column:1/-1}.sales-agent-rag-chain{flex-direction:column;align-items:stretch}.sales-agent-rag-chain li:not(:last-child):after{content:"↓";margin:6px 0 -10px 3px;translate:0 8px}.sales-agent-fallback-list>div{grid-template-columns:1fr;gap:6px}.sales-agent-ending{padding:88px 18px}.sales-agent-ending h2{font-size:36px}}@media (prefers-reduced-motion:reduce){.sales-agent-signals i,.sales-agent-mini-flow:before,.sales-agent-workflow.is-visible:before,.sales-agent-workflow.is-visible li>span{animation:none}.sales-agent-mini-flow:before,.sales-agent-workflow:before{transform:scaleX(1)}.sales-agent-workflow li>div{transition:none}}.vibe-coding-project{--vibe-ink:#30352d;--vibe-green:#68734c;--vibe-blue:#7289a8;--vibe-peach:#d29a7d;--vibe-line:#56604333;color:var(--vibe-ink)}.vibe-coding-hero{isolation:isolate;background-color:#f8f4ec;background-image:linear-gradient(#5660430a 1px,#0000 1px),linear-gradient(90deg,#5660430a 1px,#0000 1px);background-size:24px 24px;min-height:calc(100svh - 72px);position:relative;overflow:hidden}.vibe-coding-hero-inner{z-index:2;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(50px,7vw,98px);width:min(1240px,100% - 96px);min-height:calc(100svh - 72px);margin:0 auto;padding:76px 0 72px;display:grid;position:relative}.vibe-coding-hero-copy{max-width:560px}.vibe-coding-hero h1{margin:14px 0 5px;font-size:clamp(48px,5.1vw,76px);font-weight:760;line-height:1.02}.vibe-coding-hero h2{color:#52603d;margin:0;font-size:clamp(25px,2.4vw,36px);line-height:1.3}.vibe-coding-hero-description{color:#30352db8;margin:27px 0 0;font-size:16px;line-height:1.85}.vibe-primary-action{color:#fff;background:var(--vibe-green)}.vibe-primary-action:hover{background:#56623d}.vibe-secondary-action{color:var(--vibe-green);background:#fffdf7b8}.vibe-secondary-action:hover{color:#fff;background:var(--vibe-green)}.vibe-coding-hero-visual{padding-bottom:86px;position:relative}.vibe-coding-cover-frame{aspect-ratio:1.665;background:#e6e8df;border:1px solid #56604333;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 26px 68px #4c4a3d29}.vibe-coding-cover-frame img{object-fit:cover}.vibe-coding-cover-frame>span{z-index:2;color:#4a5538;font-family:var(--font-geist-mono), monospace;background:#fffdf7d1;border:1px solid #47503738;padding:7px 9px;font-size:10px;position:absolute;top:16px;right:16px}.vibe-hero-facts{background:#fffdf7e6;border:1px solid #56604333;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;left:24px;right:24px}.vibe-hero-facts div{text-align:center;border-right:1px solid #56604329;place-content:center;gap:3px;min-height:70px;display:grid}.vibe-hero-facts div:last-child{border-right:0}.vibe-hero-facts strong{color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;font-size:22px}.vibe-hero-facts span{color:#30352d9e;font-size:11px}.vibe-pixel-signals i{z-index:1;background:#74894f7a;width:6px;height:6px;animation:5.5s ease-in-out infinite vibe-pixel-breathe;position:absolute;box-shadow:9px 0 #7791b052,0 9px #d59f7f4d}.vibe-pixel-signals i:first-child{top:16%;left:6%}.vibe-pixel-signals i:nth-child(2){animation-delay:-1s;top:33%;left:42%}.vibe-pixel-signals i:nth-child(3){animation-delay:-2s;top:13%;right:8%}.vibe-pixel-signals i:nth-child(4){animation-delay:-3s;top:58%;right:4%}.vibe-pixel-signals i:nth-child(5){animation-delay:-4s;bottom:12%;left:35%}.vibe-pixel-signals i:nth-child(n+6){display:none}.vibe-section-inner{width:min(1120px,100% - 96px);margin:0 auto;padding:132px 0}.vibe-gap-grid{border-top:1px solid var(--vibe-line);border-bottom:1px solid var(--vibe-line);grid-template-columns:repeat(4,1fr);margin-top:64px;display:grid}.vibe-gap-grid article{border-right:1px solid var(--vibe-line);min-height:246px;padding:28px 24px 32px}.vibe-gap-grid article:last-child{border-right:0}.vibe-gap-grid article>span{color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;font-size:10px}.vibe-gap-grid h3{margin:46px 0 13px;font-size:20px}.vibe-gap-grid p{color:#30352da8;margin:0;font-size:14px;line-height:1.75}.vibe-course-principle{border-left:3px solid var(--vibe-green);color:#4c573a;background:#eef0e4;max-width:760px;margin:52px auto 0;padding:20px 24px;font-size:16px;line-height:1.75}.vibe-abilities-section{background:#e8ecdf}.vibe-ability-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:66px;display:grid}.vibe-ability-grid article{background:#fffdf7b3;border:1px solid #5660432e;border-radius:8px;min-height:230px;padding:32px}.vibe-ability-grid article>span{color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;font-size:11px}.vibe-ability-grid h3{margin:48px 0 14px;font-size:24px}.vibe-ability-grid p{color:#30352dad;margin:0;font-size:15px;line-height:1.75}.vibe-course-map-section{background:#f8f4ec;scroll-margin-top:124px}.vibe-course-map{margin-top:68px}.vibe-stage-tabs{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.vibe-stage-tabs:before{content:"";background:var(--vibe-line);transform-origin:0;height:1px;position:absolute;top:27px;left:9%;right:9%;transform:scaleX(0)}.vibe-course-map.is-visible .vibe-stage-tabs:before{animation:.9s .18s forwards vibe-path-draw}.vibe-stage-tabs button{border:1px solid var(--vibe-line);min-height:148px;color:var(--vibe-ink);font:inherit;text-align:left;cursor:pointer;background:#fffdf7b8;border-radius:6px;padding:18px 16px;transition:border-color .18s,background-color .18s,translate .18s;display:grid;position:relative}.vibe-stage-tabs button:hover{border-color:#68734c7a;translate:0 -3px}.vibe-stage-tabs button.is-active{border-color:var(--vibe-green);background:#eef0e4}.vibe-stage-tabs button>span{z-index:1;width:30px;height:30px;color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;background:#f8f4ec;border:1px solid #68734c66;border-radius:50%;place-items:center;font-size:9px;display:grid;position:relative}.vibe-stage-tabs strong{margin-top:18px;font-size:16px}.vibe-stage-tabs small{color:#30352d94;margin-top:6px;font-size:11px}.vibe-stage-detail{border:1px solid var(--vibe-line);background:#fffdf7c7;border-radius:8px;grid-template-columns:.8fr 1fr 1.35fr;gap:28px;margin-top:18px;padding:34px;display:grid}.vibe-stage-detail>header p{color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin:0;font-size:10px}.vibe-stage-detail>header h3{margin:22px 0 10px;font-size:25px;line-height:1.35}.vibe-stage-detail>header span{color:#30352d94;font-size:12px}.vibe-lesson-tabs{align-content:start;gap:7px;display:grid}.vibe-lesson-tabs button{min-height:52px;color:var(--vibe-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px 11px;display:grid}.vibe-lesson-tabs button:hover{background:#7289a814}.vibe-lesson-tabs button.is-active{background:#e8edf3;border-color:#7289a84d}.vibe-lesson-tabs span{color:var(--vibe-blue);font-family:var(--font-geist-mono), monospace;font-size:10px}.vibe-lesson-tabs strong{font-size:12px;line-height:1.4}.vibe-lesson-detail{border-left:3px solid var(--vibe-blue);background:#eef1f4;align-content:start;gap:17px;padding:24px;animation:.28s both vibe-detail-enter;display:grid}.vibe-lesson-detail>div{justify-content:space-between;align-items:baseline;display:flex}.vibe-lesson-detail>div span,.vibe-lesson-detail section>span{color:#657b9a;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:9px}.vibe-lesson-detail>div strong{color:var(--vibe-blue);font-size:24px}.vibe-lesson-detail section{border-top:1px solid #7289a833;padding-top:13px}.vibe-lesson-detail p{color:#30352db8;margin:7px 0 0;font-size:13px;line-height:1.7}.vibe-methods-section{scroll-margin-top:124px}.vibe-task-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:66px;display:grid}.vibe-task-grid article{border:1px solid var(--vibe-line);background:#fffdf79e;border-radius:8px;min-height:238px;padding:28px}.vibe-task-grid article>span{color:var(--vibe-peach);font-family:var(--font-geist-mono), monospace;font-size:11px}.vibe-task-grid h3{margin:38px 0 18px;font-size:19px}.vibe-task-grid ul{color:#30352da8;margin:0;padding-left:17px}.vibe-task-grid li{font-size:13px;line-height:1.75}.vibe-method-strip{border-top:1px solid var(--vibe-line);margin-top:58px;padding-top:32px}.vibe-method-strip h3{margin:0 0 24px;font-size:22px}.vibe-method-strip>div{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.vibe-method-strip article{background:#f1f0e8;border-top:3px solid #a9b28c;padding:18px 14px}.vibe-method-strip strong{font-size:13px}.vibe-method-strip p{color:#30352d9e;margin:10px 0 0;font-size:11px;line-height:1.65}.vibe-assessment-section{background:#e7edf2;scroll-margin-top:124px}.vibe-checkpoint-list{grid-template-columns:repeat(4,1fr);margin:66px 0 0;padding:0;list-style:none;display:grid;position:relative}.vibe-checkpoint-list:before{content:"";transform-origin:0;background:#5c749452;height:1px;position:absolute;top:20px;left:9%;right:9%;transform:scaleX(0)}.vibe-checkpoint-list.is-visible:before{animation:.9s .18s forwards vibe-path-draw}.vibe-checkpoint-list li{padding:0 18px;position:relative}.vibe-checkpoint-list li>span{z-index:1;color:#617a9a;width:40px;height:40px;font-family:var(--font-geist-mono), monospace;background:#e7edf2;border:1px solid #5c749461;border-radius:50%;place-items:center;font-size:10px;display:grid;position:relative}.vibe-checkpoint-list li>div{margin-top:24px}.vibe-checkpoint-list strong{font-size:15px;display:block}.vibe-checkpoint-list p{color:#30352dad;margin:11px 0 0;font-size:12px;line-height:1.65}.vibe-checkpoint-list small{color:#627999;margin-top:12px;font-size:10px;display:block}.vibe-score-layout{background:#fffdf7ad;border:1px solid #5c749433;border-radius:8px;grid-template-columns:.7fr 1.3fr;gap:56px;margin-top:70px;padding:34px;display:grid}.vibe-score-layout h3{margin:0;font-size:24px}.vibe-score-layout>div>p{color:#30352da8;margin:18px 0 0;font-size:13px;line-height:1.75}.vibe-score-bars{gap:13px;display:grid}.vibe-score-bars>div{grid-template-columns:138px 1fr 40px;align-items:center;gap:12px;display:grid}.vibe-score-bars span{font-size:11px}.vibe-score-bars i{background:linear-gradient(90deg, #7890ad var(--score), #7289a824 var(--score));height:7px}.vibe-score-bars strong{color:#617999;font-family:var(--font-geist-mono), monospace;font-size:11px}.vibe-results-section{background-color:#f8f4ec;background-image:linear-gradient(#5660430a 1px,#0000 1px),linear-gradient(90deg,#5660430a 1px,#0000 1px);background-size:24px 24px;scroll-margin-top:124px}.vibe-results-metrics{border-top:1px solid var(--vibe-line);border-bottom:1px solid var(--vibe-line);grid-template-columns:repeat(5,1fr);margin-top:66px;display:grid}.vibe-results-metrics article{border-right:1px solid var(--vibe-line);min-height:170px;padding:28px 18px}.vibe-results-metrics article:last-child{border-right:0}.vibe-results-metrics span{color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;font-size:clamp(30px,3vw,44px);font-weight:700}.vibe-results-metrics p{color:#30352d9e;margin:28px 0 0;font-size:12px}.vibe-results-path{grid-template-columns:repeat(5,1fr);margin:64px 0 0;padding:0;list-style:none;display:grid}.vibe-results-path li{justify-items:center;gap:12px;display:grid;position:relative}.vibe-results-path li:not(:last-child):after{content:"";background:#68734c59;width:calc(100% - 40px);height:1px;position:absolute;top:17px;left:calc(50% + 20px)}.vibe-results-path span{width:34px;height:34px;color:var(--vibe-green);font-family:var(--font-geist-mono), monospace;background:#f8f4ec;border:1px solid #68734c61;border-radius:50%;place-items:center;font-size:9px;display:grid}.vibe-results-path strong{font-size:13px}.vibe-assets{border:1px solid var(--vibe-line);background:#fffdf7b3;grid-template-columns:210px 1fr;gap:34px;margin-top:62px;padding:30px;display:grid}.vibe-assets h3{margin:0;font-size:20px}.vibe-assets ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vibe-assets li{color:#55603f;background:#eef0e5;border:1px solid #68734c38;padding:8px 10px;font-size:11px}.vibe-ending{text-align:center;background:#e8ecdf;padding:118px max(48px,50% - 490px)}.vibe-ending>div{max-width:780px;margin:0 auto}.vibe-ending h2{margin:14px 0 20px;font-size:clamp(38px,4vw,56px);line-height:1.15}.vibe-ending>div>span{color:#30352dad;font-size:16px;line-height:1.8;display:block}.vibe-ending .project-return-link{color:var(--vibe-green);margin:46px auto 0}.vibe-detail-footer{background:#e8ecdf}@keyframes vibe-pixel-breathe{0%,to{opacity:.2;translate:0}50%{opacity:.7;translate:3px -4px}}@keyframes vibe-path-draw{to{transform:scaleX(1)}}@keyframes vibe-detail-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (max-width:1040px){.vibe-coding-hero-inner{grid-template-columns:1fr;width:min(760px,100% - 56px);padding:68px 0 74px}.vibe-coding-hero-copy{max-width:680px}.vibe-gap-grid{grid-template-columns:1fr 1fr}.vibe-gap-grid article:nth-child(2){border-right:0}.vibe-gap-grid article:nth-child(-n+2){border-bottom:1px solid var(--vibe-line)}.vibe-stage-detail{grid-template-columns:.7fr 1fr}.vibe-lesson-detail{grid-column:1/-1}.vibe-task-grid{grid-template-columns:1fr 1fr}.vibe-method-strip>div,.vibe-results-metrics{grid-template-columns:repeat(3,1fr)}.vibe-results-metrics article:nth-child(3){border-right:0}}@media (max-width:720px){.vibe-coding-hero{min-height:auto}.vibe-coding-hero-inner{gap:52px;width:calc(100% - 36px);min-height:auto;padding:46px 0 56px}.vibe-coding-hero-inner>*,.vibe-coding-hero-copy,.vibe-coding-hero-visual{width:100%;min-width:0}.vibe-coding-hero h1{font-size:39px}.vibe-coding-hero h2{font-size:21px}.vibe-coding-hero-description{font-size:15px}.vibe-coding-hero .project-hero-actions{grid-template-columns:1fr}.vibe-coding-hero-visual{padding-bottom:76px}.vibe-hero-facts{left:0;right:0}.vibe-section-inner{width:calc(100% - 36px);padding:88px 0}.vibe-gap-grid,.vibe-ability-grid,.vibe-task-grid{grid-template-columns:1fr}.vibe-gap-grid article{border-right:0;border-bottom:1px solid var(--vibe-line);min-height:0}.vibe-gap-grid article:last-child{border-bottom:0}.vibe-stage-tabs{grid-template-columns:1fr 1fr}.vibe-stage-tabs:before{display:none}.vibe-stage-tabs button{min-height:126px}.vibe-stage-detail{grid-template-columns:1fr;gap:22px;padding:22px 16px}.vibe-lesson-detail{grid-column:auto}.vibe-method-strip>div{grid-template-columns:1fr}.vibe-checkpoint-list{grid-template-columns:1fr;gap:28px}.vibe-checkpoint-list:before{transform-origin:top;width:1px;height:auto;top:0;bottom:0;left:19px;transform:scaleY(0)}.vibe-checkpoint-list.is-visible:before{animation-name:vibe-path-draw-y}.vibe-checkpoint-list li{grid-template-columns:42px 1fr;gap:14px;padding:0;display:grid}.vibe-checkpoint-list li>div{margin-top:0}.vibe-score-layout{grid-template-columns:1fr;gap:32px;padding:24px 18px}.vibe-score-bars>div{grid-template-columns:110px 1fr 36px}.vibe-results-metrics{grid-template-columns:1fr 1fr}.vibe-results-metrics article,.vibe-results-metrics article:nth-child(3){border-right:1px solid var(--vibe-line);border-bottom:1px solid var(--vibe-line);min-height:140px}.vibe-results-metrics article:nth-child(2n){border-right:0}.vibe-results-path{grid-template-columns:1fr;gap:18px}.vibe-results-path li{grid-template-columns:34px 1fr;place-items:center start}.vibe-results-path li:not(:last-child):after{width:1px;height:18px;top:38px;left:16px}.vibe-assets{grid-template-columns:1fr}.vibe-ending{padding:88px 18px}.vibe-ending h2{font-size:36px}}@keyframes vibe-path-draw-y{to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.vibe-pixel-signals i,.vibe-course-map.is-visible .vibe-stage-tabs:before,.vibe-checkpoint-list.is-visible:before,.vibe-lesson-detail{animation:none}.vibe-stage-tabs:before{transform:scaleX(1)}.vibe-checkpoint-list:before{transform:scaleY(1)}.vibe-stage-tabs button{transition:none}}.other-works-project{--works-olive:#697451;--works-blue:#8297a9;--works-peach:#d39c84;--works-line:#5752412e;background:#f8f4ec;overflow:hidden}.other-works-stage{isolation:isolate;background:radial-gradient(circle at 79% 16%,#8499ad26,#0000 26%),radial-gradient(circle at 88% 82%,#dda18429,#0000 25%),radial-gradient(circle at 13% 74%,#8e9c671f,#0000 22%),linear-gradient(#5752410a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#5752410a 1px,#0000 1px) 0 0/28px 28px,#f8f4ec;height:calc(100svh - 72px);min-height:620px;position:relative;overflow:hidden}.other-works-stage-inner{z-index:2;grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr);align-items:center;gap:clamp(54px,7vw,104px);width:min(1320px,100% - 96px);height:100%;margin:0 auto;padding:clamp(38px,6svh,70px) 0;display:grid;position:relative}.other-works-stage-copy{z-index:3;max-width:530px;position:relative}.other-works-stage-copy .project-back-link{margin-bottom:clamp(34px,5svh,58px)}.other-works-stage-copy h1{margin:14px 0 8px;font-size:clamp(58px,5.7vw,86px);font-weight:760;line-height:.98}.other-works-stage-copy h2{color:#526044;margin:0;font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.3}.other-works-description{color:#252525ad;max-width:500px;margin:25px 0 0;font-size:15px;line-height:1.85}.other-works-stage-copy .project-tag-list{margin-top:25px}.other-works-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.other-works-filter button{color:#252525a8;min-height:38px;font:inherit;cursor:pointer;background:#fffcf5b3;border:1px solid #5752412e;border-radius:4px;padding:0 15px;font-size:13px;transition:border-color .18s,color .18s,background .18s}.other-works-filter button:hover,.other-works-filter button:focus-visible{color:var(--works-olive);border-color:#6974517a}.other-works-filter button.is-active{border-color:var(--works-olive);color:#fff;background:var(--works-olive)}.other-works-filter>span{color:#25252573;width:100%;font-family:var(--font-geist-mono), monospace;margin-top:7px;font-size:10px}.other-works-stream-window{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);min-width:0;height:min(700px,100svh - 126px);display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 7% 93%,#0000 100%)}.other-works-stream-column{min-width:0;overflow:hidden}.other-works-stream-track{will-change:transform;flex-direction:column;display:flex}.other-works-stream-set{gap:16px;padding-bottom:16px;display:grid}.other-works-stream-column.is-up .other-works-stream-track{animation:44s linear infinite other-works-stream-up}.other-works-stream-column.is-down .other-works-stream-track{animation:52s linear infinite other-works-stream-down}.other-works-stream-window:hover .other-works-stream-track,.other-works-stream-window:focus-within .other-works-stream-track{animation-play-state:paused}.other-work-stream-card{width:100%;color:inherit;cursor:zoom-in;background:#ede8dde0;border:0;border-radius:7px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 26px #4844381c}.other-work-stream-card img{object-fit:contain;width:100%;height:auto;transition:filter .28s,transform .28s;display:block}.other-work-stream-card>span{color:#fff;opacity:0;background:#2727227a;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .22s,translate .22s;display:grid;position:absolute;bottom:10px;right:10px}.other-work-stream-card:hover img,.other-work-stream-card:focus-visible img{filter:brightness(.92);transform:scale(1.02)}.other-work-stream-card:hover>span,.other-work-stream-card:focus-visible>span{opacity:1;translate:2px -2px}.other-works-pixels i{z-index:1;background:var(--works-peach);opacity:.42;width:5px;height:5px;animation:3.8s ease-in-out infinite alternate other-work-pixel-glow;position:absolute}.other-works-pixels i:first-child{top:18%;left:7%}.other-works-pixels i:nth-child(2){background:var(--works-blue);animation-delay:-1.4s;top:72%;left:44%}.other-works-pixels i:nth-child(3){background:var(--works-olive);animation-delay:-2.3s;bottom:14%;right:5%}.other-works-lightbox{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23221db8;place-items:center;padding:28px;animation:.24s both other-work-backdrop-in;display:grid;position:fixed;inset:0}.other-works-lightbox-panel{background:#f8f4ec;border:1px solid #fffcf680;border-radius:8px;grid-template-rows:58px minmax(0,1fr);width:min(1320px,96vw);height:min(880px,92svh);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #1414124d}.other-works-lightbox-panel header{border-bottom:1px solid var(--works-line);justify-content:space-between;align-items:center;gap:20px;padding:0 14px 0 20px;display:flex}.other-works-lightbox-panel header>div:first-child{align-items:center;gap:16px;display:flex}.other-works-lightbox-panel header span{color:#25252575;font-family:var(--font-geist-mono), monospace;font-size:10px}.other-works-lightbox-panel header strong{font-size:13px}.other-works-lightbox-actions{gap:6px;display:flex}.other-works-lightbox-actions button,.other-works-lightbox-nav{color:var(--ink);cursor:pointer;background:#fffcf6e6;border:1px solid #57524142;border-radius:50%;place-items:center;padding:0;display:grid}.other-works-lightbox-actions button{width:34px;height:34px;font-size:17px}.other-works-lightbox-media{place-items:center;min-width:0;min-height:0;padding:34px 78px;animation:.3s cubic-bezier(.22,1,.36,1) both other-work-lightbox-next;display:grid;overflow:auto}.other-works-lightbox-media[data-direction="-1"]{animation-name:other-work-lightbox-previous}.other-works-lightbox-media img{object-fit:contain;transform-origin:50%;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .26s;display:block}.other-works-lightbox-media.is-zoomed{cursor:zoom-out;place-items:start center}.other-works-lightbox-media.is-zoomed img{max-height:none;transform:scale(1.6)}.other-works-lightbox-nav{width:46px;height:46px;position:absolute;top:50%;transform:translateY(-50%)}.other-works-lightbox-nav.is-previous{left:18px}.other-works-lightbox-nav.is-next{right:18px}.other-works-lightbox-nav svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:22px;height:22px}@keyframes other-works-stream-up{0%{transform:translateY(0)}to{transform:translateY(-33.3333%)}}@keyframes other-works-stream-down{0%{transform:translateY(-33.3333%)}to{transform:translateY(0)}}@keyframes other-work-pixel-glow{to{opacity:.85;translate:0 -5px}}@keyframes other-work-backdrop-in{0%{opacity:0}}@keyframes other-work-lightbox-next{0%{opacity:0;translate:18px}}@keyframes other-work-lightbox-previous{0%{opacity:0;translate:-18px}}@media (max-width:1040px){.other-works-stage-inner{grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);gap:42px;width:min(920px,100% - 52px)}.other-works-stage-copy h1{font-size:58px}.other-works-stage-copy h2{font-size:22px}.other-works-description{font-size:14px}}@media (max-width:720px){.other-works-stage{height:calc(100svh - 58px);min-height:690px}.other-works-stage-inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:20px;width:calc(100% - 32px);padding:24px 0 18px}.other-works-stage-copy{max-width:none}.other-works-stage-copy .project-back-link{margin-bottom:18px}.other-works-stage-copy .project-eyebrow{margin-bottom:7px}.other-works-stage-copy h1{margin:7px 0 3px;font-size:42px}.other-works-stage-copy h2{font-size:18px}.other-works-description{margin-top:12px;font-size:13px;line-height:1.65}.other-works-stage-copy .project-tag-list{display:none}.other-works-filter{gap:6px;margin-top:15px}.other-works-filter button{min-height:34px;padding-inline:11px;font-size:12px}.other-works-filter>span{width:auto;margin:0 0 0 auto;font-size:9px}.other-works-stream-window{gap:10px;height:100%;min-height:320px}.other-works-stream-set{gap:10px;padding-bottom:10px}.other-works-lightbox{padding:10px}.other-works-lightbox-panel{width:100%;height:min(780px,94svh)}.other-works-lightbox-media{padding:20px 46px}.other-works-lightbox-nav{width:38px;height:38px}.other-works-lightbox-nav.is-previous{left:6px}.other-works-lightbox-nav.is-next{right:6px}}@media (prefers-reduced-motion:reduce){.other-works-stream-track,.other-works-pixels i,.other-works-lightbox,.other-works-lightbox-media{animation:none}.other-work-stream-card img,.other-work-stream-card>span{transition:none}}.experience-section{--experience-entry-opacity:.18;--experience-entry-offset:46px;--experience-left-anchor:clamp(140px, 9.5vw, 180px);--experience-heading-left:clamp(118px, calc(9.8vw - 32px), 156px);z-index:20;background-color:var(--hero-bg);min-height:calc(100svh - 72px);opacity:var(--experience-entry-opacity);transform:translateY(var(--experience-entry-offset));will-change:opacity, transform;background-image:linear-gradient(#5b58480b 1px,#0000 1px),linear-gradient(90deg,#5b58480b 1px,#0000 1px);background-size:32px 32px;border-radius:48px 48px 0 0;margin-top:-96px;scroll-margin-top:72px;position:relative;box-shadow:0 -28px 72px #60533d14}.experience-section.is-visible{visibility:visible}.experience-section-inner{width:min(1540px,100% - 80px);opacity:var(--experience-contact-opacity,1);transform:translateY(var(--experience-contact-offset,0px));will-change:opacity, transform;margin:0 auto;padding:70px 0 54px;position:relative;overflow:hidden}.experience-section-inner img{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.experience-cloud{pointer-events:none;translate:0 var(--experience-decoration-shift,0px);position:absolute}.experience-cloud-large{z-index:0;opacity:.72;width:210px;top:32px;left:38px}.experience-cloud-small{z-index:0;opacity:.66;width:150px;top:92px;left:280px}.experience-layout{z-index:2;display:grid;position:relative}.experience-work,.experience-education{grid-template-columns:minmax(320px,.42fr) minmax(760px,1fr);gap:38px;display:grid}.experience-intro{padding:176px 24px 0 calc(var(--experience-heading-left) - 48px);align-self:stretch}.experience-heading-row{grid-template-columns:40px auto;align-items:center;column-gap:8px;width:max-content;display:grid}.experience-heading-icon{width:40px;height:auto;display:block}.experience-computer-icon{width:150px;height:auto;margin:82px 0 0 34px;display:block}.experience-intro{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(24px)}.experience-section.is-visible .experience-intro{opacity:1;transform:translateY(0)}.experience-timeline{align-content:start;gap:18px;padding:0 0 0 72px;display:grid;position:relative}.experience-timeline:before{content:"";transform-origin:top;border-left:3px dashed #707941d1;transition:transform .9s .14s;position:absolute;top:42px;bottom:0;left:18px;transform:scaleY(0)}.experience-section.is-visible .experience-timeline:before{transform:scaleY(1)}.experience-card{opacity:0;background:#fffdf8db;border:1px solid #8574544d;border-radius:8px;padding:24px 102px 20px 32px;transition:opacity .62s,transform .62s;position:relative;transform:translateY(22px)}.experience-section.is-visible .experience-card{opacity:1;transform:translateY(0)}.experience-section.is-visible .experience-card:hover{border-color:#58613c94;transform:translateY(-4px)}.experience-section.is-visible .experience-card:first-child{transition-delay:.22s}.experience-section.is-visible .experience-card:nth-child(2){transition-delay:.39s}.experience-card:before{content:"";border:3px solid var(--olive);background:var(--hero-bg);width:17px;height:17px;position:absolute;top:38px;left:-63px;box-shadow:0 0 0 5px #f8f4ecc7}.experience-card:after{content:"";background:#fffdf8f5;border-bottom:1px solid #8574544d;border-left:1px solid #8574544d;width:22px;height:22px;position:absolute;top:30px;left:-12px;transform:rotate(45deg)}.experience-card-icon{z-index:1;width:64px;height:64px;position:absolute;top:18px;right:20px}.experience-card-heading{grid-template-columns:220px minmax(250px,1fr) auto;align-items:baseline;gap:18px;min-height:42px;display:grid}.experience-card-heading time{color:var(--olive);font-size:21px;font-weight:780}.experience-card-heading h3{letter-spacing:0;margin:0;font-size:26px;font-weight:760}.experience-card-heading span{color:var(--olive);white-space:nowrap;border-left:1px solid #44453c47;padding-left:18px;font-size:18px;font-weight:600}.experience-card-body{border-top:1px dashed #85745461;margin-top:8px;padding-top:10px}.experience-card-body ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.experience-card-body li{padding-left:22px;font-size:17px;line-height:1.68;position:relative}.experience-card-body li:before{content:"";background:#707941d1;border-radius:50%;width:8px;height:8px;position:absolute;top:.65em;left:0}.experience-card-outcome{color:var(--olive);background:#f6f1e09e;border:1px solid #85745433;border-radius:6px;align-items:center;gap:18px;margin-top:16px;padding:10px 14px;display:flex}.experience-card-outcome strong{flex:none;font-size:17px}.experience-card-outcome ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.experience-card-outcome li{text-align:center;background:#fffdf8b3;border:1px solid #8574543d;border-radius:4px;min-width:96px;padding:5px 12px}.experience-card-outcome p{margin:0;font-size:16px;line-height:1.65}.experience-divider{height:44px;margin-inline:0;position:relative}.experience-divider:before{content:"";border-top:1px dashed #706d5b57;position:absolute;bottom:16px;left:0;right:0}.experience-education{z-index:2;opacity:0;transition:opacity .62s .52s,transform .62s .52s;position:relative;transform:translateY(18px)}.experience-section.is-visible .experience-education{opacity:1;transform:translateY(0)}.experience-education-title{padding:0 24px 0 calc(var(--experience-heading-left) - 48px)}.experience-education-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.education-card{background:#fffdf8db;border:1px solid #8574544d;border-radius:8px;grid-template-columns:170px 1fr;align-items:center;gap:18px;min-height:170px;padding:14px 28px 14px 16px;display:grid}.education-card>img{width:160px;height:130px}.education-card h3{letter-spacing:0;margin:0 0 8px;font-size:21px}.education-card p,.education-card time,.education-card small{margin:0 0 7px;font-size:16px;line-height:1.45;display:block}.education-card time{color:var(--muted-ink)}.education-card small{color:var(--olive);font-size:14px}.experience-cloud-large{animation:8s ease-in-out infinite alternate experience-decoration-float}.experience-cloud-small{animation:11s ease-in-out -3s infinite alternate-reverse experience-decoration-float}@keyframes experience-decoration-float{0%{transform:translate(-2px,-3px)}to{transform:translate(3px,4px)}}@media (min-width:1100px){.experience-section{height:calc(100svh - 72px);overflow:hidden}.experience-section-inner{height:100%;padding:26px 0 20px}.experience-layout{grid-template-rows:minmax(0,1fr) 44px 128px;height:100%}.experience-work,.experience-education{grid-template-columns:minmax(300px,.38fr) minmax(680px,1fr);gap:30px;min-height:0}.experience-work{align-items:center}.experience-intro{padding:12px 20px 12px calc(var(--experience-heading-left) - 48px);flex-direction:column;justify-content:center;display:flex}.experience-computer-icon{width:104px;margin:26px 0 0 calc(var(--experience-left-anchor) - var(--experience-heading-left) + 48px)}.experience-cloud-large{width:176px}.experience-cloud-small{width:126px;top:76px;left:238px}.experience-timeline{gap:10px;padding-left:62px}.experience-timeline:before{top:32px;bottom:0;left:16px}.experience-card{padding:14px 82px 12px 26px}.experience-card:before{width:15px;height:15px;top:28px;left:-54px}.experience-card:after{top:22px}.experience-card-icon{width:52px;height:52px;top:12px;right:16px}.experience-card-heading{grid-template-columns:180px minmax(220px,1fr) auto;gap:12px;min-height:32px}.experience-card-heading time{font-size:18px}.experience-card-heading h3{font-size:22px}.experience-card-heading span{padding-left:12px;font-size:16px}.experience-card-body{margin-top:5px;padding-top:7px}.experience-card-body ul{gap:4px}.experience-card-body li{padding-left:18px;font-size:15.5px;line-height:1.48}.experience-card-body li:before{width:7px;height:7px}.experience-card-outcome{gap:12px;margin-top:8px;padding:6px 10px}.experience-card-outcome strong{font-size:15px}.experience-card-outcome ul{gap:7px}.experience-card-outcome li{min-width:82px;padding:3px 9px;font-size:14px}.experience-card-outcome p{font-size:14.5px;line-height:1.48}.experience-education{align-items:center}.experience-education-title{padding:0 20px 0 calc(var(--experience-heading-left) - 48px)}.experience-education-cards{gap:14px}.education-card{grid-template-columns:126px 1fr;gap:12px;min-height:128px;padding:8px 16px 8px 10px}.education-card>img{width:120px;height:96px}.education-card h3{margin-bottom:5px;font-size:18px}.education-card p,.education-card time,.education-card small{margin-bottom:4px;font-size:14px;line-height:1.35}}@media (max-width:1099px){.experience-section{--experience-left-anchor:20px;--experience-heading-left:68px;border-radius:34px 34px 0 0;min-height:calc(100svh - 64px);margin-top:-48px;scroll-margin-top:64px}.experience-section-inner{width:min(760px,100% - 40px);padding:76px 0 64px}.experience-layout{gap:0}.experience-work,.experience-education{grid-template-columns:minmax(0,1fr);min-height:0}.experience-work{gap:52px}.experience-education{gap:28px}.experience-intro{padding:34px 20px 0 calc(var(--experience-heading-left) - 48px)}.experience-computer-icon{width:118px;margin:38px 0 0 calc(var(--experience-left-anchor) - var(--experience-heading-left) + 48px)}.experience-timeline{gap:18px;padding-left:42px}.experience-timeline:before{bottom:0;left:8px}.experience-card{padding:20px 70px 18px 22px}.experience-card:before{left:-42px}.experience-card-icon{width:48px;height:48px}.experience-card-heading{grid-template-columns:minmax(0,1fr);gap:5px}.experience-card-heading span{white-space:normal;border-left:0;padding-left:0}.experience-card-outcome{flex-direction:column;align-items:flex-start}.experience-education-cards{grid-template-columns:minmax(0,1fr)}.experience-divider{margin:28px 0 34px}.experience-education-title{padding:0 20px 0 calc(var(--experience-heading-left) - 48px)}}@media (max-width:639px){.experience-section{--experience-left-anchor:12px;--experience-heading-left:60px;min-height:calc(100svh - 58px);scroll-margin-top:58px}.experience-section-inner{width:calc(100% - 28px);padding:64px 0 54px}.experience-section-heading h2{font-size:28px}.experience-cloud-large{width:142px;left:6px}.experience-cloud-small{width:110px;top:76px;left:auto;right:8px}.experience-work{gap:42px}.experience-intro{padding-right:var(--experience-left-anchor);padding-left:calc(var(--experience-heading-left) - 48px)}.experience-timeline{padding-left:34px}.experience-card{padding:18px 16px}.experience-card:before{left:-34px}.experience-card-icon{width:46px;height:46px;margin-bottom:8px;position:static}.experience-card-heading time{font-size:18px}.experience-card-heading h3{font-size:22px}.experience-card-body li{font-size:16px}.experience-card-outcome ul{gap:7px}.experience-card-outcome li{min-width:0}.education-card{grid-template-columns:104px minmax(0,1fr);gap:10px;min-height:132px;padding:10px}.education-card>img{width:100px;height:90px}.education-card h3{font-size:18px}}.contact-section{--contact-entry-opacity:.18;--contact-entry-offset:36px;z-index:30;background-color:var(--hero-bg);opacity:var(--contact-entry-opacity);transform:translateY(var(--contact-entry-offset));will-change:opacity, transform;background-image:linear-gradient(#5b58480b 1px,#0000 1px),linear-gradient(90deg,#5b58480b 1px,#0000 1px);background-size:32px 32px;border-radius:48px 48px 0 0;margin-top:0;scroll-margin-top:72px;position:relative;overflow:hidden;box-shadow:0 -28px 72px #60533d14}.contact-stage{height:calc(100svh - 72px);min-height:680px;position:relative;overflow:hidden}.contact-background,.contact-background:after{pointer-events:none;position:absolute;inset:0}.contact-background{z-index:0;overflow:hidden}.contact-background:after{content:"";background:linear-gradient(#f8f4ec1a,#f8f4ec7a)}.contact-background img,.contact-content img{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.contact-cloud,.contact-plant{pointer-events:none;-webkit-user-select:none;user-select:none;translate:0 var(--contact-decoration-shift,0px);position:absolute}.contact-cloud{opacity:.42}.contact-cloud-1{width:clamp(110px,9vw,150px);animation:24s ease-in-out infinite alternate contact-cloud-drift-1;top:34px;left:4vw}.contact-cloud-2{width:clamp(130px,11vw,180px);animation:18s ease-in-out -6s infinite alternate contact-cloud-drift-2;top:68px;left:30%}.contact-cloud-3{opacity:.34;width:clamp(150px,13vw,210px);animation:26s ease-in-out -10s infinite alternate-reverse contact-cloud-drift-1;top:116px;left:53%}.contact-plant{z-index:2;width:74px}.contact-intro-plant{animation:6s ease-in-out infinite alternate contact-plant-float;top:calc(50% - 37px);right:calc(100% + 32px)}.contact-board-plant{animation:7s ease-in-out -2.4s infinite alternate-reverse contact-plant-float;top:30%;right:-52px}.contact-content{z-index:3;grid-template-columns:minmax(0,56fr) minmax(0,44fr);align-items:stretch;gap:clamp(32px,4vw,72px);width:min(1540px,100% - 80px);height:100%;min-height:0;margin:0 auto;padding:56px 0 16px;display:grid;position:relative}.contact-left,.contact-right{min-width:0}.contact-left{flex-direction:column;min-height:0;display:flex}.contact-intro{opacity:0;max-width:650px;margin:0 0 8px 9%;transition:opacity .62s,transform .62s;position:relative;transform:translateY(20px)}.contact-section.is-visible .contact-intro{opacity:1;transform:translateY(0)}.contact-intro h2{color:var(--olive);letter-spacing:0;margin:0 0 10px;font-size:25px;font-weight:700;line-height:1.3}.contact-intro p{color:var(--ink);margin:0;font-size:15.5px;line-height:1.68}.contact-intro p span{display:block}.contact-guestbook{width:clamp(620px,44vw,820px);max-width:100%;margin-top:auto;margin-bottom:32px;margin-left:clamp(36px,3vw,56px)}.contact-board{aspect-ratio:4/3;width:100%;position:relative}.contact-board-frame{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;position:absolute;inset:0}.contact-board-title{z-index:2;color:#4f412c;letter-spacing:.16em;font-size:clamp(18px,1.45vw,24px);position:absolute;top:13.5%;left:50%;transform:translate(-50%)}.contact-notes{z-index:2;justify-content:center;align-items:flex-start;gap:14px;display:flex;position:absolute;top:calc(23% + 13px);left:19%;right:19%}.contact-note{--note-rotation:0deg;color:#50493c;opacity:0;width:auto;height:144px;min-height:144px;max-height:144px;transform:translateY(22px) rotate(var(--note-rotation));border:1px solid #705b3c26;flex-direction:column;flex:1 1 0;justify-content:space-between;padding:11px 10px 9px;transition:opacity .56s,transform .22s;display:flex;position:relative;box-shadow:0 5px 10px #54442b14}.contact-note-1{--note-rotation:-2.2deg;background:#fff0c9}.contact-note-2{--note-rotation:1.4deg;background:#dbeaf3}.contact-note-3{--note-rotation:2.4deg;background:#f6d7d1}.contact-section.is-visible .contact-note{opacity:1;transform:translateY(0) rotate(var(--note-rotation))}.contact-section.is-visible .contact-note-1{transition-delay:.14s}.contact-section.is-visible .contact-note-2{transition-delay:.24s}.contact-section.is-visible .contact-note-3{transition-delay:.34s}.contact-note:hover{transform:translateY(-3px)rotate(0)}.contact-note-pin{background:#d57e6f;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:1px 2px #69433838}.contact-note p,.contact-note small{margin:0}.contact-note p{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden;transform:translateY(16px)}.contact-note small{text-align:right;margin-top:8px;font-size:12px;line-height:1.3}.contact-guestbook-form{z-index:10;background:#fffcf5f2;border:1px solid #ae9d7f6b;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 36px auto;align-items:center;gap:7px;width:min(510px,65%);height:46px;min-height:46px;max-height:46px;padding:4px 7px;display:grid;position:absolute;inset:auto auto calc(36% - 22px) calc(50% + 5px);transform:translate(-50%)}.contact-guestbook-form label{min-width:0}.contact-guestbook-robot{width:42px;min-width:42px;height:42px;transition:opacity 90ms;display:block;transform:translateY(-1px)}.contact-guestbook-form textarea{width:100%;height:36px;min-height:36px;max-height:36px;color:var(--ink);font:inherit;resize:none;background:#fffbf2e6;border:1px solid #715c3c4d;border-radius:5px;outline:none;padding:0 40px 0 12px;font-size:13px;line-height:36px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.contact-guestbook-form textarea:focus-visible{border-color:var(--olive);box-shadow:0 0 0 3px #5b69391f}.contact-message-field{position:relative}.contact-character-count{color:#39372f85;font-size:10px;position:absolute;bottom:4px;right:8px}.contact-guestbook-form button{height:36px;min-height:36px;max-height:36px;font:inherit;cursor:pointer;border:1px solid #59643c;border-radius:5px;justify-content:center;align-items:center;font-size:13px;transition:background-color .18s,transform .18s;display:flex}.contact-guestbook-form button:hover:not(:disabled){transform:translateY(-1px)}.contact-guestbook-form button:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.contact-guestbook-form button:disabled{cursor:not-allowed;opacity:.45}.contact-guestbook-form .contact-guestbook-emoji{color:#655f4e;width:36px;min-width:36px;height:36px;min-height:36px;max-height:36px;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;transform:translateY(-3px);font-size:34px!important}.contact-guestbook-form .contact-guestbook-emoji:hover,.contact-guestbook-form .contact-guestbook-emoji:focus-visible{background:#ae9d7f1f;outline:none;transform:translateY(-3px)}.contact-guestbook-emoji-wrap{place-items:center;width:36px;height:36px;display:grid;position:relative}.contact-guestbook-emoji-panel{z-index:30;background:#fffaf1;border:1px solid #ae9d7f6b;border-radius:8px;grid-template-columns:repeat(4,32px);gap:4px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 6px 18px #5b4c331f}.contact-guestbook-emoji-panel button{width:32px;min-width:32px;height:32px;min-height:32px;max-height:32px;box-shadow:none;background:0 0;border:0;border-radius:5px;padding:0;font-size:18px}.contact-guestbook-emoji-panel button:hover,.contact-guestbook-emoji-panel button:focus-visible{background:#ae9d7f24}.contact-guestbook-submit{color:#fffdf7;background:#626f43;border:0;min-width:76px;padding:0 15px;line-height:1;transform:translateY(-4px)}.contact-guestbook-submit:hover:not(:disabled){background:#536039;transform:translateY(-4px)}.contact-form-status{color:var(--olive);font-size:12px;position:absolute;bottom:calc(100% + 5px);right:0}.contact-bird{z-index:4;object-fit:contain;pointer-events:none;width:60px;height:60px;position:absolute;top:calc(15% + 32px);left:calc(7.5% - 46px)}.contact-bird-heart{z-index:5;opacity:0;width:clamp(30px,2.6vw,40px);height:auto;animation:4.2s ease-out infinite contact-bird-heart;position:absolute;top:5%;left:7.5%}.contact-right{opacity:0;place-items:center;padding:0 3% 0 2%;transition:opacity .65s .18s,transform .65s .18s;display:grid;position:relative;transform:translateY(26px)}.contact-section.is-visible .contact-right{opacity:1;transform:translateY(0)}.contact-card-wrap{width:clamp(470px,34vw,650px);max-width:100%;position:relative}.contact-card{background:#fffdf8c2;border:1px solid #8574544d;border-radius:9px;width:100%;max-height:min(66vh,560px);padding:20px 32px;position:relative;box-shadow:0 14px 32px #60533d12}.contact-link{min-height:118px;color:var(--ink);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:22px;padding:14px 0;text-decoration:none;transition:color .18s,transform .18s;display:grid}.contact-link:hover{color:var(--olive);transform:translate(2px)}.contact-link:focus-visible{outline:2px solid var(--olive);outline-offset:5px}.contact-link+.contact-link{border-top:1px dashed #8574544d}.contact-link-icon{background:#f8f4ecb8;border:1px solid #85745433;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.contact-link-icon img{width:54px;height:54px}.contact-link>span:last-child{gap:5px;display:grid}.contact-link strong{font-size:21px}.contact-link b{color:var(--olive);font-size:16px;font-weight:600}.contact-link small{color:var(--muted-ink);font-size:13px}.contact-envelope{z-index:2;pointer-events:none;width:82px;height:82px;position:absolute;top:-48px;right:1%}.contact-footer{min-height:72px;color:var(--muted-ink);text-align:center;justify-content:center;align-items:center;margin:0;font-size:13px;display:flex;position:relative}.contact-footer:before{content:"";border-top:1px solid #6e69522e;position:absolute;top:0;left:6%;right:6%}.contact-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes contact-cloud-drift-1{0%{transform:translate(-8px)}to{transform:translate(8px)}}@keyframes contact-cloud-drift-2{0%{transform:translate(8px)}to{transform:translate(-8px)}}@keyframes contact-plant-float{0%{transform:translateY(-3px)}to{transform:translateY(4px)}}@keyframes contact-bird-heart{0%,72%,to{opacity:0;transform:translateY(4px)scale(.8)}76%{opacity:1;transform:translate(0)scale(.92)}91%{opacity:0;transform:translate(11px,-11px)scale(1.08)}}@media (max-width:1279px){.contact-stage{height:auto;min-height:calc(100svh - 64px);overflow:hidden}.contact-content{grid-template-columns:minmax(0,1.25fr) minmax(330px,.82fr);gap:28px;width:min(1160px,100% - 56px);height:auto;min-height:calc(100svh - 64px);padding-top:108px}.contact-guestbook{margin-left:0}.contact-intro{margin-left:7%}.contact-note{min-height:120px;padding:26px 12px 12px}.contact-guestbook-form{grid-template-columns:42px minmax(0,1fr) 36px auto}.contact-guestbook-robot{width:42px;height:42px}.contact-card{padding:20px 26px}.contact-link{min-height:116px}}@media (min-width:901px) and (max-width:1099px){.about-story{min-height:calc(100svh - 64px);top:64px}}@media (max-width:900px){.contact-section{border-radius:34px 34px 0 0;min-height:calc(100svh - 64px);margin-top:0;scroll-margin-top:64px}.contact-content{grid-template-columns:minmax(0,1fr);gap:38px;width:min(760px,100% - 40px);min-height:0;padding:106px 0 54px}.contact-intro{margin-left:4%}.contact-guestbook{margin-inline:auto}.contact-right{padding:0 5%}.contact-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.contact-link{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;min-height:150px;padding:12px 0}.contact-link+.contact-link{border-top:0;border-left:1px dashed #8574544d}.contact-envelope{top:-40px;right:2%}.contact-board-plant{display:none}}@media (max-width:639px){.contact-section{border-radius:28px 28px 0 0;min-height:calc(100svh - 58px);margin-top:0;scroll-margin-top:58px}.contact-content{gap:34px;width:calc(100% - 28px);padding:92px 0 42px}.contact-intro{margin:0 4px 12px}.contact-intro h2{font-size:22px}.contact-intro p{font-size:15px}.contact-board{aspect-ratio:auto;padding-top:75%}.contact-board-frame{aspect-ratio:4/3;height:auto;top:0}.contact-board-title{font-size:16px;top:10.5%}.contact-notes{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:10px;padding:6px 4px 12px;display:flex;top:calc(21% + 13px);left:12%;right:12%;overflow-x:auto}.contact-note{scroll-snap-align:center;min-width:78%;min-height:118px}.contact-guestbook-form{grid-template-columns:42px minmax(0,1fr) 36px 58px;gap:5px;width:min(510px,70%)}.contact-guestbook-form textarea,.contact-guestbook-form button{height:36px;min-height:36px;max-height:36px}.contact-guestbook-robot{width:42px;height:42px}.contact-guestbook-form textarea{padding:0 36px 0 9px;font-size:12px}.contact-guestbook-submit{min-width:58px;padding-inline:6px;font-size:12px}.contact-form-status{font-size:11px;bottom:calc(100% + 3px)}.contact-bird{width:34px;top:21%;left:7%}.contact-right{padding:0}.contact-card{padding:14px 20px;display:block}.contact-link{text-align:left;grid-template-columns:62px minmax(0,1fr);justify-items:stretch;gap:14px;min-height:104px}.contact-link+.contact-link{border-top:1px dashed #8574544d;border-left:0}.contact-link-icon{width:58px;height:58px}.contact-link-icon img{width:44px;height:44px}.contact-envelope{width:64px;height:64px;top:-38px;right:4px}.contact-footer{text-align:center;padding-top:12px}.contact-cloud-3,.contact-intro-plant{display:none}.contact-cloud-1{width:96px}.contact-cloud-2{width:118px}}.not-found-page{background:var(--hero-bg);place-content:center;justify-items:start;gap:18px;min-height:100svh;padding:32px;display:grid}@keyframes cloud-far-drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}@keyframes cloud-near-drift{0%{transform:translate(2.5%)}to{transform:translate(-2.5%)}}@keyframes planter-left-drift{0%{transform:translate(-1.5px,-2px)}to{transform:translate(1.5px,2px)}}@keyframes planter-sprout-drift{0%{transform:translate(2px,-3px)}to{transform:translate(-2px,3px)}}@keyframes hero-scroll-away{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes projects-panel-enter{0%{opacity:.82;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes projects-carousel-rise{0%{transform:translateY(-310px)}to{transform:translateY(0)}}@keyframes projects-heading-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes project-card-enter{0%{opacity:0;transform:translateY(var(--project-entry-offset))}to{opacity:1;transform:translateY(0)}}@keyframes project-tag-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes project-cover-parallax{0%{translate:0 -6px}to{translate:0 6px}}@supports (animation-timeline:view()){.project-card-media img{animation:linear both project-cover-parallax;animation-timeline:view();animation-range:entry exit 0%}}@supports (animation-timeline:scroll()){.hero-visual,.hero-copy,.hero-bubble,.hero-scroll-cue{animation:linear both hero-scroll-away;animation-timeline:scroll(root);animation-range:0 62vh}.projects-panel{animation:linear both projects-panel-enter;animation-timeline:scroll(root);animation-range:0 62vh}.projects-carousel-shell{animation:linear both projects-carousel-rise;animation-timeline:scroll(root);animation-range:0 62vh}.projects-heading{animation:linear both projects-heading-enter;animation-timeline:scroll(root);animation-range:16vh 54vh}}@media (max-width:1359px){.hero-header{padding-inline:42px}.hero-nav{gap:46px;padding-right:4vw}.hero-copy{width:460px;top:176px;left:96px}.hero-title-name{font-size:54px}.hero-title-role{font-size:43px}.hero-copy p{margin-top:38px;font-size:18px}.hero-environment{bottom:calc(246px - 16vw)}.hero-avatar{width:190px;height:285px;bottom:207px;left:52%}.hero-bubble{top:145px;left:calc(52% + 90px)}.hero-scroll-cue{bottom:156px}}@media (max-width:1279px){.projects-carousel-shell{width:min(1000px,100vw - 144px)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}@media (max-width:1099px){.hero{min-height:700px}.hero-header{height:64px;padding-inline:28px}.hero-brand-mark{width:40px;height:40px;font-size:16px}.hero-brand-name{font-size:17px}.hero-nav{gap:30px;padding-right:0}.hero-nav a{font-size:15px}.hero-copy{width:400px;top:142px;left:64px}.hero-title-name{margin-bottom:6px;font-size:48px}.hero-title-role{font-size:38px}.hero-copy p{margin-top:30px;font-size:17px}.hero-button{min-width:158px;min-height:50px;padding:10px 18px;font-size:15px}.hero-environment{bottom:calc(195px - 16vw)}.hero-avatar{width:180px;height:270px;bottom:158px}.hero-bubble{width:180px;min-height:86px;font-size:15px;top:126px;left:calc(52% + 80px)}.hero-planter-left{width:58px;top:39%;left:2%}.hero-planter-sprout{width:46px;top:14%;right:13%}.hero-scroll-cue{width:54px;height:54px;bottom:156px}.projects-panel{border-radius:42px 42px 0 0;padding-inline:72px}.projects-heading{left:72px;right:72px}.projects-carousel-shell{width:min(760px,100vw - 144px)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.hero{height:100svh;min-height:760px;max-height:900px}.hero-header{height:58px;padding-inline:16px}.hero-brand{gap:0}.hero-brand-mark{width:36px;height:36px;font-size:14px}.hero-brand-name{display:none}.hero-nav{gap:10px}.hero-nav a{padding-inline:0;font-size:12px}.hero-nav .language-switcher{min-width:32px;height:28px;font-size:11px;padding:0 5px!important}.hero-cloud-far{opacity:.42;width:150vw;top:26px;left:50%}.hero-cloud-near{display:none}.hero-environment{width:980px;bottom:60px;left:50%;transform:translate(-52%)}.hero-planter-left{display:none}.hero-planter-sprout{width:42px;top:11%;right:7%}.hero-avatar{width:156px;height:234px;bottom:201px;left:58.5%}.hero-copy{width:calc(100% - 36px);top:92px;left:18px}.hero-title-name{margin-bottom:5px;font-size:38px}.hero-title-role{font-size:30px}.hero-copy p{width:310px;max-width:82%;margin:20px 0 16px;font-size:15px;line-height:1.55}.hero-actions{gap:10px}.hero-button{min-width:0;min-height:46px;padding:9px 14px;font-size:14px}.hero-button svg{width:18px;height:18px}.hero-bubble{width:154px;min-height:72px;padding:10px 13px;font-size:13px;top:334px;left:auto;right:18px}.hero-scroll-cue{width:48px;height:48px;bottom:126px}.page-anchor-target{scroll-margin-top:58px}.projects-section{min-height:calc(100svh - 58px);margin-top:-110px;scroll-margin-top:58px}.projects-panel{border-radius:30px 30px 0 0;min-height:calc(100svh - 58px);padding:86px 24px 64px}.projects-heading{top:54px;left:24px;right:24px}.projects-heading h2{font-size:22px}.projects-progress{font-size:12px}.projects-carousel-shell{width:100%;padding-top:24px}.projects-grid{grid-template-columns:1fr;gap:18px}.project-card{aspect-ratio:.72;width:min(100%,390px);margin-inline:auto}.project-card-content{padding:18px}.project-card-content strong{font-size:20px}.project-card-content p{font-size:13px}.project-card-tags li{font-size:10px}.hero[data-locale=en] .hero-title-name{font-size:34px}.hero[data-locale=en] .hero-title-role{font-size:28px}.hero[data-locale=en] .hero-copy p{max-width:94%;font-size:14px}.hero[data-locale=en] .hero-button{padding-inline:11px;font-size:12px}.hero[data-locale=en] .hero-actions{gap:8px}.hero[data-locale=en] .hero-bubble{font-size:12px}.interior-header{min-height:64px;padding-inline:16px}.interior-header .hero-brand-name{display:none}.interior-nav{gap:10px}.interior-nav a:not(.language-switcher){font-size:12px}.interior-nav .language-switcher{min-width:32px;height:28px;font-size:11px;padding-inline:5px!important}.interior-content h1,.not-found-page h1{font-size:36px}}@media (max-width:900px){.about-story{opacity:1;filter:none;will-change:auto;border-radius:34px 34px 0 0;min-height:auto;padding:96px 28px;position:relative;top:auto;transform:none}.about-story+.about-story{margin-top:-28px}.about-story:before{opacity:0}.about-story-inner,.about-story.is-reversed .about-story-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""scene";gap:44px}.about-story-copy{max-width:660px}.about-story-scene{width:min(720px,100%);margin-inline:auto}}@media (max-width:639px){.about-opening{--header-height:58px}.bird-layer{top:25%}.about-story{border-radius:28px 28px 0 0;padding:78px 20px}.about-story+.about-story{margin-top:-20px}.about-story-inner,.about-story.is-reversed .about-story-inner{gap:28px}.about-story-number{margin-bottom:14px;font-size:15px}.about-story-copy h2{font-size:36px}.about-story-copy>p{margin-top:24px;font-size:16px;line-height:1.8}.about-story-button{min-height:44px;margin-top:24px}.about-letter-backdrop{place-items:center;padding:6px}.about-letter-scene{background-position:57%;width:calc(100vw - 12px);height:calc(100svh - 12px)}.about-letter-sign{width:28%;font-size:11px;top:54%;right:1.5%}.about-letter{width:calc(100% - 24px);max-height:calc(100% - 24px);padding:46px 20px 20px}.about-letter.is-complete,.about-letter.is-paginated{width:calc(100% - 24px)}.about-letter.is-paginated{height:min(62svh,480px)}.about-letter-body p{margin-bottom:12px;font-size:14px;line-height:26px}.about-letter:before{background:repeating-linear-gradient(#0000 0 12px,#7e603b17 13px);inset:46px 14px 64px}.about-letter-footer{margin-top:12px}.about-ending{min-height:620px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cloud,.hero-planter{animation:none;transform:none}.hero-button,.hero-scroll-cue,.hero-nav a:after,.language-switcher{transition:none}.hero-visual,.hero-copy,.hero-bubble,.hero-scroll-cue{opacity:1;animation:none;transform:none}.projects-panel,.projects-carousel-shell,.projects-heading{animation-timing-function:step-end}.project-card,.project-card-media img,.project-card-tags li,.project-card-action,.project-card-action svg{transition-duration:1ms}.projects-grid.is-motion-ready:not(.is-visible) .project-card,.projects-grid.is-motion-ready:not(.is-visible) .project-card-tags li{opacity:1;transform:none}.projects-grid.is-motion-ready.is-visible .project-card,.projects-grid.is-motion-ready.is-visible .project-card-tags li,.project-card-media img,.about-opening,.about-opening-cloud,.bird-layer,.about-opening-bird,.about-ending-cloud-wrap img,.about-ending-water:before,.about-ending-water-lines,.about-ending-water-glint,.about-ending-nebula-core,.about-ending-nebula-orbit,.about-ending-nebula-particle,.about-ending-portal-reflection,.about-letter-backdrop,.about-letter{animation:none}.about-story:after{opacity:1;transition:none;transform:none}.about-story{opacity:1;filter:none;transform:none}.about-story:before{opacity:0}.about-story-copy,.about-story-scene{opacity:1;transition:none;transform:none}.about-opening-cloud{transform:none}.experience-section,.experience-intro,.experience-card,.experience-education{opacity:1;transition:none;transform:none}.experience-timeline:before{transition:none;transform:scaleY(1)}.experience-cloud,.experience-heading-icon{animation:none}.contact-section,.contact-intro,.contact-note,.contact-right{opacity:1;transition:none;transform:none}.contact-cloud,.contact-plant,.contact-bird-heart{animation:none;transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
