/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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{.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#111214;--paper:#f3f3f1;--muted:#777a80;--line:#11121424;--acid:#c8ff32;--violet:#7a5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--acid)}.topbar{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f3f3f1db;border-radius:18px;justify-content:space-between;align-items:center;width:210px;height:64px;padding:0 18px;display:flex;position:fixed;top:18px;left:24px;right:auto;box-shadow:0 12px 36px #0000000a}.identity{white-space:nowrap;flex:none;align-items:center;gap:12px;display:flex;overflow:visible}.logo-mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font:700 13px Georgia;display:grid}.identity>b,.identity span{display:block}.identity b{font-size:13px;line-height:1.2}.identity small{color:var(--muted);letter-spacing:.04em;margin-top:3px;font-size:10px;display:block}.top-actions{gap:8px;display:flex}.top-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:9px 13px;font-size:11px;transition:all .25s}.top-actions button:hover{background:var(--ink);color:#fff}.search{border:1px solid var(--line);background:#ffffff80;border-radius:99px;align-items:center;gap:8px;width:min(34vw,440px);height:38px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search>button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px}.rail{z-index:35;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f3f3f1f0;border-radius:18px;flex-direction:column;width:210px;padding:20px;transition:all .4s;display:flex;position:fixed;top:104px;bottom:24px;left:24px}.rail-head{letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex}.rail-head b{letter-spacing:0}.rail nav{flex-direction:column;margin:auto 0;display:flex}.rail nav a{border-bottom:1px solid var(--line);opacity:.38;grid-template-columns:28px 1fr;gap:0 8px;padding:13px 0;transition:all .25s;display:grid}.rail nav a.active,.rail nav a:hover{opacity:1}.rail nav span{grid-row:1/3;padding-top:3px;font-size:9px}.rail nav b{font-size:13px}.rail nav small{color:var(--muted);letter-spacing:.08em;margin-top:3px;font-size:8px}.progress{background:#d5d5d1;width:2px;height:62px;position:relative}.progress span{background:var(--violet);width:2px;transition:all .3s;position:absolute;bottom:0;left:0}.cover{flex-direction:column;justify-content:space-between;min-height:100svh;padding:120px 6vw 55px 285px;display:flex;position:relative;overflow:hidden}.cover:before{content:"BASE EXPERIENCE";color:#11121409;white-space:nowrap;font:800 12vw/.8 Georgia;position:absolute;top:14vh;left:22vw}.cover-meta,.cover-footer{letter-spacing:.12em;z-index:2;justify-content:space-between;font-size:10px;display:flex;position:relative}.cover-title{z-index:2;position:relative}.cover-title>p{letter-spacing:.18em;font-size:12px}.cover h1{letter-spacing:-.075em;margin:12px 0 0;font-size:clamp(62px,8.6vw,142px);font-weight:650;line-height:.9}.cover h1 span{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.cover-footer{letter-spacing:0;align-items:end}.cover-footer p{letter-spacing:0;margin:0;font-size:16px;line-height:1.7}.cover-footer a{border-bottom:1px solid;padding-bottom:5px}.cover-orbit{border:1px solid #1112141c;border-radius:50%;width:38vw;height:38vw;animation:18s linear infinite turn;position:absolute;top:17vh;right:-12vw}.cover-orbit i{background:var(--violet);border-radius:50%;width:18px;height:18px;position:absolute;top:20%;left:5%}.cover-orbit i:nth-child(2){background:var(--acid);width:11px;height:11px;top:70%;left:8%}.cover-orbit i:nth-child(3){background:#15e6c7;width:7px;height:7px;top:86%;left:61%}@keyframes turn{to{transform:rotate(360deg)}}.deck{margin-left:258px}.chapter{scroll-margin-top:90px}.chapter-intro{border-top:1px solid var(--line);background:var(--ink);color:#fff;grid-template-columns:100px 1fr auto;align-items:end;min-height:62vh;padding:110px 7vw 70px;display:grid;position:relative}.chapter-intro>span{color:#8a8c92;font-size:12px}.chapter-intro small{color:#92949a;letter-spacing:.16em;font-size:10px}.chapter-intro h2{letter-spacing:-.07em;margin:12px 0 0;font-size:clamp(70px,10vw,150px);line-height:.9}.chapter-intro p{color:#92949a;font-size:11px}.figma-page{border-top:1px solid var(--line);padding:82px 6vw 112px;scroll-margin-top:90px;transition:background-color .55s,opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}.reveal-page{opacity:.18;transform:translateY(34px)}.reveal-page.is-visible{opacity:1;transform:translateY(0)}.page-meta{grid-template-columns:90px 1fr auto;align-items:center;margin-bottom:22px;display:grid}.page-meta>span,.page-meta>button{color:var(--muted);letter-spacing:.08em;font-size:10px}.page-meta h3{margin:0;font-size:16px;font-weight:600}.page-meta button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000}.page-meta button:hover{color:var(--ink);border-color:currentColor}.dark-page{color:#fff;border-top-color:#fff3}.dark-page .page-meta>span,.dark-page .page-meta>button{color:#ffffffa6}.dark-page .page-meta button:hover{color:#fff}.html-canvas{background:#fff;border-radius:14px;min-height:min(70vw,790px);padding:34px clamp(28px,5vw,74px) 42px;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 28px 90px #14141414}.html-canvas:hover{transform:translateY(-5px);box-shadow:0 36px 110px #14141421}.html-canvas:before{content:"";border:1px solid #e6e6e1;border-radius:50%;width:380px;height:380px;position:absolute;top:-190px;right:-180px}.canvas-head,.canvas-foot{letter-spacing:.16em;color:#8b8d90;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.canvas-head i{border:1px solid #ddd;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.html-canvas>h2{letter-spacing:-.045em;max-width:930px;margin:8vh 0 7vh;font-size:clamp(32px,4.2vw,68px);font-weight:600;line-height:1.06;position:relative}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.dense .content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{background:#fafaf8;border:1px solid #e5e5e1;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:132px;padding:18px;transition:all .25s;display:flex}.content-card:hover{background:#fff;border-color:#b9b9b2;transform:translateY(-2px)}.content-card>span{color:#aaa;font:10px Georgia}.content-card p{white-space:pre-wrap;margin:26px 0 0;font-size:clamp(13px,1.05vw,17px);line-height:1.7}.content-card.metric{background:var(--ink);color:#fff;border-color:var(--ink)}.content-card.metric>span{color:var(--acid)}.content-card.wide,.dense .content-card.wide{grid-column:span 2}.canvas-foot{border-top:1px solid #ecece8;margin-top:42px;padding-top:16px}.visual-placeholder{background:linear-gradient(135deg,#f8f8f5,#efefea);border:1px solid #e4e4df;border-radius:12px;place-items:center;height:360px;display:grid;position:relative;overflow:hidden}.visual-placeholder span{border:1px solid #cfcfc8;border-radius:50%;width:250px;height:250px;position:absolute}.visual-placeholder span:nth-child(2){width:420px;height:420px}.visual-placeholder p{z-index:2;letter-spacing:.12em;font-size:12px}.search-results{padding-top:100px}.search-results>p,.search-results>h2{margin-left:6vw}.search-results>h2{letter-spacing:-.06em;margin-top:10px;font-size:clamp(52px,8vw,110px)}.empty{color:var(--muted);padding:15vh 6vw;font-size:22px}.special-page{min-height:min(68vw,760px)}.special-page .canvas-foot{position:absolute;bottom:30px;left:clamp(28px,5vw,74px);right:clamp(28px,5vw,74px)}.exact-page{background:0 0;min-height:0;padding:0}.exact-page:before,.exact-page>.canvas-head,.exact-page>.canvas-foot{display:none}.figma-exact{background:#fff;border-radius:14px;width:100%;overflow:hidden}.figma-exact img{object-fit:contain;width:100%;height:auto;display:block}.career-layout{margin-top:7vh;display:block;position:relative}.career-title{display:block}.career-title h2{letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:clamp(48px,5.4vw,84px);line-height:1}.career-title>p{color:#777;white-space:nowrap;margin:18px 0 0;font-size:16px;line-height:1.5}.career-list{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:9vh;display:grid}.career-list article{min-height:220px;color:var(--ink);background:#fff;border:1px solid #ddd;flex-direction:column;justify-content:flex-end;padding:22px;transition:background-color .32s,color .32s,border-color .32s,transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;display:flex}.career-list time,.career-list span{letter-spacing:.12em;color:#999;margin-bottom:auto;font-size:9px;transition:color .32s}.career-list h3{margin:42px 0 8px;font-size:clamp(16px,1.35vw,22px);font-weight:500}.career-list p{color:#777;margin:0;font-size:11px;line-height:1.6;transition:color .32s}.career-list article:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-6px);box-shadow:0 18px 40px #11121424}.direction-layout{grid-template-columns:.85fr 1.45fr;align-items:start;gap:8vw;margin-top:8vh;display:grid}.direction-layout>h2{letter-spacing:-.065em;margin:0;font-size:clamp(54px,6.7vw,108px);font-weight:600;line-height:.94}.direction-layout em{color:var(--violet);font-style:normal}.direction-list{border-top:1px solid #ccc}.direction-list a{border-bottom:1px solid #d8d8d3;grid-template-columns:42px 1fr auto;align-items:center;gap:20px;padding:24px 4px;transition:all .3s;display:grid}.direction-list a:hover{background:var(--ink);color:#fff;padding-left:18px}.direction-list a>span{color:#999;font:11px Georgia}.direction-list small{letter-spacing:.16em;color:#999;font-size:8px}.direction-list h3{margin:7px 0 3px;font-size:clamp(20px,1.8vw,30px)}.direction-list p{color:#888;margin:0;font-size:11px}.direction-list b{font-size:20px;font-weight:400}.framework-story{margin-top:6vh;display:block}.framework-heading{grid-template-columns:auto 1fr;align-items:end;gap:18px 40px;display:grid}.framework-heading small{letter-spacing:.16em;color:#999;grid-column:1/-1;font-size:9px}.framework-heading h2{letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:clamp(46px,5.1vw,78px);line-height:1}.framework-heading p{color:#777;max-width:420px;margin:0 0 4px;font-size:12px;line-height:1.7}.framework-story ol{grid-template-columns:repeat(4,1fr);gap:12px;margin:9vh 0 0;padding:0;list-style:none;display:grid}.framework-story li{border:1px solid #d8d8d3;min-height:210px;padding:22px;position:relative;overflow:hidden}.framework-story li:after{content:"";background:var(--acid);border-radius:50%;width:80px;height:80px;transition:all .35s;position:absolute;bottom:-90px;right:-90px}.framework-story li:hover:after{bottom:-32px;right:-32px}.framework-story li>span{float:right;color:#aaa;font:11px Georgia}.framework-story li small{letter-spacing:.16em;color:#999;font-size:8px}.framework-story li h3{white-space:nowrap;margin:58px 0 8px;font-size:clamp(18px,1.45vw,24px)}.framework-story li p{color:#888;margin:0;font-size:11px;line-height:1.6}footer{background:var(--violet);color:#fff;flex-direction:column;justify-content:space-between;min-height:75svh;margin-left:258px;padding:110px 7vw 55px;display:flex}footer span{letter-spacing:.16em;font-size:10px}footer h2{letter-spacing:-.07em;margin:18vh 0 0;font-size:clamp(70px,10vw,150px);line-height:.9}footer>a{border-bottom:1px solid;align-self:flex-end;padding-bottom:5px;font-size:12px}.focus-mode .rail,.focus-mode .topbar{opacity:0;pointer-events:none}.focus-mode .deck,.focus-mode footer{margin-left:0}.focus-mode .figma-page{padding-left:9vw;padding-right:9vw}@media (width<=900px){.topbar{width:auto;top:10px;left:10px;right:10px}.identity b{font-size:13px}.identity small{display:none}.search{flex:1;width:auto;margin:0 8px}.top-actions button:first-child{display:none}.rail{top:84px;bottom:10px;left:10px;transform:translate(-120%)}.rail.is-open{transform:translate(0)}.cover{padding:115px 22px 38px}.cover-meta span:last-child{display:none}.cover h1{font-size:clamp(58px,16vw,90px)}.cover-footer p{font-size:13px}.cover-orbit{width:80vw;height:80vw;top:30vh;right:-45vw}.deck,footer{margin-left:0}.chapter-intro{grid-template-columns:44px 1fr;min-height:48vh;padding:90px 22px 45px}.chapter-intro h2{font-size:19vw}.chapter-intro p{display:none}.figma-page{padding:58px 12px 72px}.page-meta{grid-template-columns:52px 1fr auto}.page-meta h3{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.page-meta>button{font-size:0}.page-meta>button:after{content:"复制";font-size:10px}.html-canvas{border-radius:8px;min-height:650px;padding:24px 18px 30px}.html-canvas>h2{margin:54px 0 38px;font-size:34px}.content-grid,.dense .content-grid{grid-template-columns:1fr}.content-card.wide,.dense .content-card.wide{grid-column:auto}.content-card{min-height:110px}.canvas-foot{font-size:7px}footer{padding:80px 22px 38px}footer h2{font-size:18vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal-page{opacity:1;transform:none}}@media (width<=900px){.special-page{min-height:auto;padding-bottom:80px}.special-page .canvas-foot{bottom:24px;left:18px;right:18px}.exact-page{min-height:0;padding:0}.figma-exact{border-radius:8px}.career-layout,.direction-layout,.framework-story{grid-template-columns:1fr;gap:38px;margin-top:42px}.career-title{display:block}.career-title h2,.direction-layout>h2,.framework-heading h2{font-size:clamp(34px,10vw,54px)}.career-title>p{margin-top:16px;display:inline-block}.career-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:42px}.career-list article{min-height:150px}.direction-list a{grid-template-columns:32px 1fr auto;padding:20px 2px}.direction-list p{display:none}.framework-story ol{grid-template-columns:1fr}.framework-story li{border-right:1px solid #d8d8d3;min-height:150px}.framework-story li:nth-child(3){border-bottom:0}}.career-list article{transition:border-color .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;position:relative;overflow:hidden;color:var(--ink)!important;background:#fff!important}.career-list article:after{content:"";z-index:0;background:var(--acid);border-radius:50%;width:92px;height:92px;transition:right .4s cubic-bezier(.2,.8,.2,1),bottom .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-104px;right:-104px}.career-list article>*{z-index:1;position:relative}.career-list article:hover{border-color:#c8c8c1;transform:translateY(-5px);box-shadow:0 16px 34px #00000014;color:var(--ink)!important;background:#fff!important}.career-list article:hover:after{bottom:-34px;right:-34px}.career-list article:hover time,.career-list article:hover span{color:#999}.career-list article:hover p{color:#777}.direction-list a{color:var(--ink);background:#fff;transition:border-color .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;position:relative;overflow:hidden}.direction-list a:after{content:"";z-index:0;background:var(--acid);border-radius:50%;width:92px;height:92px;transition:right .4s cubic-bezier(.2,.8,.2,1),bottom .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-104px;right:-104px}.direction-list a>*{z-index:1;position:relative}.direction-list a:hover{color:var(--ink);background:#fff;border-color:#c8c8c1;padding-left:4px;transform:translateY(-5px);box-shadow:0 16px 34px #00000014}.direction-list a:hover:after{bottom:-34px;right:-34px}.avatar-motion{aspect-ratio:1;background:#dedede;border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.avatar-motion img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-arm{opacity:.96;transform-origin:30% 39%;animation:2.5s ease-in-out infinite arm-pat;-webkit-mask-image:radial-gradient(34% 38% at 24% 43%,#000 0 48%,#000000db 61%,#0000004d 74%,#0000 86%);mask-image:radial-gradient(34% 38% at 24% 43%,#000 0 48%,#000000db 61%,#0000004d 74%,#0000 86%)}.header-avatar{width:35px;height:35px}.intro-chapter{--about-avatar-size:clamp(150px,15vw,250px);justify-content:center;align-items:center;gap:clamp(26px,3vw,54px);min-height:72vh;padding:90px 7vw;display:flex}.chapter-avatar{width:var(--about-avatar-size);position:relative;top:auto;left:auto;box-shadow:0 18px 50px #00000047}.about-content{width:min(720px,55vw);height:var(--about-avatar-size);grid-template-rows:auto auto 1fr;align-items:start;row-gap:12px;display:grid}.intro-chapter .about-content h2{letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(62px,6.5vw,108px);line-height:.88}.intro-chapter .chapter-contact{color:#ffffffd1;letter-spacing:.025em;white-space:nowrap;text-align:left;margin:0;font-size:14px;line-height:1.25;position:relative;top:10px}.brand-strip{background:0 0;width:100%;height:100%;min-height:0}.brand-strip img{object-fit:contain;object-position:left bottom;width:100%;height:100%;margin-left:-10px;display:block}.figma-exact{position:relative}.page-avatar{z-index:4;opacity:0;width:11.25%;transition:opacity .8s,transform .9s cubic-bezier(.16,.82,.24,1);position:absolute;transform:translateY(22%)}.reveal-page.is-visible .page-avatar{opacity:1;transform:translateY(0)}.page-avatar-29{width:5.67%;top:6.9%;left:3.5%}.page-avatar-15,.page-avatar-30{top:21.35%;left:51%}.page-avatar-55{width:7.37%;top:34%;left:11.55%}.breathing-portrait{z-index:3;opacity:0;background:#dedede;border-radius:50%;transition:opacity .75s,transform .85s cubic-bezier(.16,.82,.24,1);display:block;position:absolute;overflow:hidden;transform:translateY(12%)scale(.985)}.breathing-portrait img{object-fit:cover;transform-origin:50% 68%;width:100%;height:100%;animation:3.6s ease-in-out infinite portrait-breathe;display:block}.reveal-page.is-visible .breathing-portrait{opacity:1;transform:translateY(0)scale(1)}.person-avatar-15,.person-avatar-30{width:11.25%;top:21.35%;left:32%}@keyframes arm-pat{0%,to{transform:rotate(-.55deg)translateY(0)}50%{transform:rotate(1.35deg)translateY(-3.5px)}}@keyframes portrait-breathe{0%,to{transform:rotate(-.55deg)scale(1)}50%{transform:rotate(.55deg)scale(1.02)}}@media (prefers-reduced-motion:reduce){.avatar-motion,.avatar-base,.avatar-arm,.breathing-portrait img{opacity:1;transform:none;animation:none!important}.page-avatar,.breathing-portrait{opacity:1;transform:none}}@media (width<=900px){.intro-chapter{--about-avatar-size:clamp(112px,32vw,150px);flex-direction:column;gap:24px;min-height:62vh;padding:92px 22px 54px}.chapter-avatar{width:var(--about-avatar-size)}.about-content{text-align:center;align-items:center;gap:18px;width:100%;height:auto}.intro-chapter .about-content h2{font-size:15vw}.chapter-contact{white-space:normal;font-size:clamp(16px,4.2vw,20px)}.brand-strip{width:100%;height:auto}.brand-strip img{object-position:center;height:auto}}.appendix-content{background:#fff}.appendix-summary,.appendix-scope,.appendix-project{border-top:1px solid var(--line);padding:100px 6vw 120px;scroll-margin-top:90px}.appendix-summary{color:#fff;background:#111214;grid-template-columns:.75fr 1.55fr;gap:6vw;display:grid}.appendix-summary-title small,.appendix-scope small,.appendix-project header small{letter-spacing:.16em;color:#92949a;font-size:9px}.appendix-summary-title h3,.appendix-scope h3,.appendix-project header h3{letter-spacing:-.06em;margin:18px 0 0;font-size:clamp(44px,5.7vw,88px);font-weight:600;line-height:.95}.appendix-problems{grid-template-columns:repeat(5,1fr);align-self:start;gap:8px;display:grid}.appendix-problems article{border:1px solid #ffffff24;flex-direction:column;justify-content:space-between;min-height:190px;padding:18px;transition:all .32s;display:flex}.appendix-problems article:hover{border-color:var(--acid);transform:translateY(-5px)}.appendix-problems span{color:var(--acid);font:10px Georgia}.appendix-problems p{margin:0;font-size:14px;line-height:1.5}.appendix-methods{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:5vh;display:grid}.appendix-methods article{border-top:1px solid #ffffff38;padding:28px}.appendix-methods small{color:var(--acid);letter-spacing:.15em;font-size:9px}.appendix-methods h4{margin:28px 0 10px;font-size:23px}.appendix-methods p{color:#a9aaae;margin:0;font-size:12px;line-height:1.8}.appendix-scope{background:#f3f3f1}.appendix-scope>div:first-child{justify-content:space-between;align-items:flex-end;display:flex}.appendix-scope-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.appendix-scope-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px;padding:28px;position:relative;overflow:hidden}.appendix-scope-grid article:after{content:"";background:var(--acid);border-radius:50%;width:100px;height:100px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-110px;right:-110px}.appendix-scope-grid article:hover:after{bottom:-34px;right:-34px}.appendix-scope-grid span{color:#999;font:11px Georgia}.appendix-scope-grid h4{margin:90px 0 12px;font-size:clamp(20px,2vw,30px);font-weight:500}.appendix-scope-grid p{color:#777;max-width:310px;margin:0;font-size:12px;line-height:1.7}.appendix-project{background:#fff}.appendix-project header{grid-template-columns:80px 1fr minmax(260px,420px);align-items:end;gap:24px;margin-bottom:62px;display:grid}.appendix-project header>span{color:#999;font:12px Georgia}.appendix-project header h3{font-size:clamp(42px,5vw,78px)}.appendix-project header p{color:#777;margin:0;font-size:13px;line-height:1.8}.appendix-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.appendix-video-card{border:1px solid var(--line);background:#f7f7f5;transition:all .35s cubic-bezier(.2,.8,.2,1)}.appendix-video-card:hover{border-color:#aaa;transform:translateY(-6px);box-shadow:0 22px 60px #1112141f}.appendix-video-card video{aspect-ratio:16/9;object-fit:contain;background:#111214;width:100%;display:block}.appendix-video-card>div{grid-template-columns:38px 1fr auto;align-items:center;padding:18px 20px;display:grid}.appendix-video-card span{color:#999;font:10px Georgia}.appendix-video-card h4{margin:0;font-size:16px;font-weight:500}.appendix-video-card small{letter-spacing:.08em;color:#999;font-size:9px}@media (width<=1100px){.appendix-summary{grid-template-columns:1fr}.appendix-problems{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.appendix-methods{grid-column:auto}.appendix-project header{grid-template-columns:50px 1fr}.appendix-project header p{grid-column:2}}@media (width<=900px){.appendix-summary,.appendix-scope,.appendix-project{padding:70px 22px 82px}.appendix-summary-title h3,.appendix-scope h3,.appendix-project header h3{font-size:clamp(38px,12vw,58px)}.appendix-methods,.appendix-scope-grid,.appendix-video-grid{grid-template-columns:1fr}.appendix-methods article{padding:22px 0}.appendix-scope-grid article{min-height:190px}.appendix-scope-grid h4{margin-top:58px}.appendix-project header{grid-template-columns:38px 1fr;margin-bottom:38px}.appendix-video-card>div{grid-template-columns:30px 1fr}.appendix-video-card small{display:none}}.appendix-original-page{border-top:1px solid var(--line);background:#fff;padding:100px 6vw 120px}.appendix-original-page>header{grid-template-columns:80px 1fr;align-items:end;margin-bottom:52px;display:grid}.appendix-original-page>header>span{color:#999;font:12px Georgia}.appendix-original-page>header small{letter-spacing:.16em;color:#92949a;font-size:9px}.appendix-original-page>header h3{letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(42px,5vw,78px);font-weight:600;line-height:.96}.appendix-copy{color:#111;max-width:1060px;margin:0 auto 44px}.appendix-copy h4{margin:34px 0 12px;font-size:clamp(22px,2vw,32px);font-weight:600}.appendix-copy p,.appendix-copy li{font-size:15px;line-height:1.9}.appendix-copy p{margin:8px 0}.appendix-copy ol{margin:12px 0;padding-left:24px}.appendix-original-page>img{background:#171719;width:100%;height:auto;margin:28px auto 72px;display:block}.appendix-project header{grid-template-columns:80px 1fr}.appendix-project-copy{max-width:none;margin:0 0 52px}.appendix-project-copy h4{margin-top:0}@media (width<=900px){.appendix-original-page{padding:70px 22px 82px}.appendix-original-page>header{grid-template-columns:38px 1fr;margin-bottom:38px}.appendix-original-page>header h3{font-size:clamp(38px,12vw,58px)}.appendix-copy p,.appendix-copy li{font-size:13px;line-height:1.8}.appendix-original-page>img{margin-bottom:48px}}#appendix,#appendix *{text-align:left}#appendix .appendix-original-page>header,#appendix .appendix-project>header{margin-bottom:42px;display:block}#appendix .appendix-original-page>header>span,#appendix .appendix-project>header>span{margin:0 0 12px;display:block}#appendix .appendix-original-page>header h3,#appendix .appendix-project>header h3{margin:0;line-height:1.05}#appendix .appendix-copy{width:100%;max-width:none;margin:0 0 44px;padding:0}#appendix .appendix-copy h4{margin:0 0 16px;line-height:1.35}#appendix .appendix-copy p,#appendix .appendix-copy li{margin:0 0 12px;line-height:1.75}#appendix .appendix-copy ol{margin:12px 0 24px;padding:0;list-style-position:inside}#appendix .appendix-copy li{padding:0}#appendix .appendix-video-card>div{text-align:left;justify-items:start}#appendix .appendix-video-card h4,#appendix .appendix-video-card small,#appendix .appendix-video-card span{text-align:left;justify-self:start}.closing-page{border-top-color:#000;background:#000!important;padding:0!important}.closing-page>.page-meta{display:none}.closing-page>.html-canvas{width:100%;min-height:100svh;box-shadow:none;background:#000;border-radius:0;padding:0}.closing-page>.html-canvas:hover{box-shadow:none;transform:none}.closing-final{color:#fff;background:#000;justify-content:center;align-items:center;gap:clamp(28px,3vw,58px);min-height:100svh;padding:7vw;display:flex}.closing-avatar{aspect-ratio:1;background:#dedede;border-radius:50%;flex:none;width:clamp(190px,18vw,310px);display:block;position:relative;overflow:hidden}.closing-avatar img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.closing-avatar-base{z-index:1}.closing-avatar-arm{z-index:2;clip-path:polygon(0 20%,42% 20%,42% 67%,0 78%);transform-origin:34% 48%;animation:2.5s ease-in-out infinite closing-arm-pat}.closing-message{min-width:0}.closing-message h2{letter-spacing:-.065em;margin:0;font-size:clamp(76px,9vw,150px);font-weight:600;line-height:.9}.closing-message p{white-space:nowrap;margin:34px 0 0;font-size:clamp(22px,2.45vw,44px);line-height:1.35}.closing-message .closing-contact{color:#ffffffb8;letter-spacing:.02em;margin-top:18px;font-size:clamp(16px,1.35vw,24px)}.closing-page .html-canvas:before{display:none}@keyframes closing-arm-pat{0%,to{transform:rotate(-.4deg)translateY(0)}50%{transform:rotate(.9deg)translateY(-2px)}}@media (width<=900px){.closing-final{flex-direction:column;align-items:flex-start;gap:34px;min-height:100svh;padding:90px 28px}.closing-avatar{width:min(54vw,250px)}.closing-message h2{font-size:22vw}.closing-message p{white-space:normal;margin-top:22px;font-size:clamp(18px,5vw,28px)}}@media (prefers-reduced-motion:reduce){.closing-avatar-arm{animation:none!important}}.closing-avatar-arm{-webkit-mask-image:linear-gradient(90deg,#000 0 31%,#000000b8 36%,#0000 42%);mask-image:linear-gradient(90deg,#000 0 31%,#000000b8 36%,#0000 42%)}